/* LaFortuna.info 2026 editorial layer
   Purpose: keep the giant-mushroom hook while making the surrounding experience
   credible, nature-first, conventionally adult and source-led. */

:root {
  --forest-950:#102a24;
  --forest-800:#1d473d;
  --forest-650:#2d6656;
  --moss:#718b62;
  --cream:#f6f1e7;
  --paper:#fffdf8;
  --ink:#1f2926;
  --muted:#64706b;
  --sun:#e6ad3d;
  --line:rgba(16,42,36,.13);
}

body.editorial-site { background:var(--cream); color:var(--ink); }
.editorial-site .nav { background:rgba(255,253,248,.94); border-bottom:1px solid var(--line); }
.editorial-site .nav-logo a { color:var(--forest-950); }
.editorial-site .nav-cta { background:var(--forest-950); color:#fff; border-radius:8px; padding:.55rem .9rem; text-decoration:none; font-size:.85rem; }
.editorial-site .nav-cta:hover { background:var(--sun); color:var(--forest-950); }

.editorial-site .nav-menu.active {
  background:rgba(8,22,18,.97);
}
.editorial-site .nav-menu.active .nav-link { color:#f7f3ea; }

.editorial-site h1,
.editorial-site h2,
.editorial-site h3 { text-shadow:none; }

.editorial-site .hero { min-height:auto; padding:7.5rem 0 5rem; background:linear-gradient(145deg,var(--paper),#e7eee8); }
.editorial-site .hero-container { gap:3rem; }
.editorial-site .hero-headline { color:var(--forest-950); max-width:720px; }
.editorial-site .hero-headline .quiet-line { color:var(--forest-650); font-size:.72em; }
.editorial-site .hero-subhead { max-width:650px; font-size:1.35rem; line-height:1.55; }
.editorial-site .hero-proof { flex-wrap:wrap; line-height:1.5; }
.editorial-site .hero-image { position:relative; }
.editorial-site .hero-image img { border-radius:22px; box-shadow:0 24px 70px rgba(16,42,36,.18); }
.editorial-site .hero-stamp { position:absolute; z-index:2; left:-18px; bottom:24px; background:var(--paper); color:var(--forest-950); border:1px solid var(--line); padding:12px 14px; border-radius:999px; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 8px 25px rgba(16,42,36,.16); }

/* Shared editorial guide hero, also used by the printable family safari. */
.editorial-site .guide-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:30px; align-items:center; }
.editorial-site .guide-hero img { width:100%; max-height:460px; object-fit:cover; border-radius:20px; box-shadow:0 16px 44px rgba(16,42,36,.17); }
.editorial-site .guide-hero h1 { color:var(--forest-950); }
.editorial-site .guide-hero .lede { max-width:720px; }

.editorial-site .kicker,
.editorial-site .eyebrow { color:var(--forest-650); }
.editorial-site .section-lede { color:var(--muted); }

.editorial-band { padding:5.5rem 0; }
.editorial-band.paper { background:var(--paper); }
.editorial-band.forest { background:var(--forest-950); color:#fff; }
.editorial-band.forest h2,
.editorial-band.forest h3 { color:#fff; }
.editorial-band.forest .kicker,
.editorial-band.forest .eyebrow { color:#c9ddcf; }
.editorial-band.forest .section-lede { color:#dbe7df; }

.editorial-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:24px; }
.editorial-card { background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 8px 28px rgba(16,42,36,.07); }
.editorial-card h3 { margin:.15rem 0 .6rem; color:var(--forest-950); }
.editorial-card p { color:#4c5954; }
.editorial-card .number { display:inline-block; margin-bottom:.8rem; color:var(--forest-650); font:1.1rem Anton,Impact,sans-serif; letter-spacing:.08em; }

.editorial-site .experience-card,
.editorial-site .fungi-card,
.editorial-site .quick-card,
.editorial-site .guide-card,
.editorial-site .resource-card,
.editorial-site .callout,
.editorial-site .wide-card,
.editorial-site .feature-note,
.editorial-site .science-anchor { border:1px solid var(--line); box-shadow:0 8px 28px rgba(16,42,36,.07); }

.trust-strip { background:var(--forest-950); color:#fff; padding:1rem 0; }
.trust-strip .container { display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:center; font-size:.9rem; font-weight:650; }

.split-feature { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:32px; align-items:center; }
.split-feature img { width:100%; border-radius:20px; box-shadow:0 18px 55px rgba(16,42,36,.16); }

.legend-quote { font-family:Anton,Impact,sans-serif; font-size:clamp(2.1rem,5vw,4.5rem); line-height:1.02; text-transform:uppercase; color:var(--forest-950); margin:.5rem 0 1rem; }
.legend-quote span { color:var(--forest-650); }
.fact-note { font-size:.9rem; color:var(--muted); border-left:3px solid var(--moss); padding-left:14px; line-height:1.65; }

.adult-context { border-top:1px solid var(--line); margin-top:2.5rem; padding-top:2rem; }
.adult-context .context-label { display:inline-block; background:#e7ece7; color:var(--forest-950); padding:.35rem .6rem; border-radius:999px; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

.source-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.source-row a { font-size:.9rem; }

.family-callout { background:#e9efe5; border:0; border-left:3px solid var(--moss); border-radius:0; padding:26px; }
.family-callout h3 { color:var(--forest-950); }

.utility-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; list-style:none; padding:0; }
.utility-list li { background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:18px; }
.utility-list strong { display:block; color:var(--forest-950); margin-bottom:.35rem; }

.culture-hero.editorial-culture { background:linear-gradient(145deg,var(--forest-950),#244b41); }
.culture-hero.editorial-culture h1 { color:#fff; }
.culture-hero.editorial-culture .culture-strap { color:#d7e4da; }
.culture-hero.editorial-culture .culture-intro { color:#eef5f0; }
.editorial-site .culture-start { background:#e7eee8; }
.editorial-site .feature-section { background:#efe8d8; }
.editorial-site .dark-section { background:var(--forest-950); }

.legal-context { background:#f0eee7; border:1px solid var(--line); border-radius:18px; padding:24px; }
.legal-context h3 { margin-bottom:.6rem; }
.legal-context p + p { margin-top:.8rem; }

@media (max-width:800px) {
  .editorial-site .hero { padding:5.5rem 0 3.5rem; }
  .editorial-site .hero-container,
  .editorial-site .guide-hero,
  .split-feature { grid-template-columns:1fr; }
  .editorial-site .hero-stamp { left:12px; bottom:12px; }
  .editorial-site .hero-proof { gap:.4rem .8rem; }
}

@media print {
  .editorial-site .guide-hero { grid-template-columns:1fr 180px; gap:1rem; }
  .editorial-site .guide-hero img { max-height:180px; box-shadow:none; }
}