/* The guides and info pages (built on the original css/style.css) in the new "golden hour" look.
   Loaded after style.css and calm.css; only colours, type and spacing change, never the text. */
:root{
  --bg-deep:#0a0a0b; --bg-primary:#0a0a0b; --bg-surface:#121212; --bg-elevated:#1a1918; --bg-card:#141413;
  --color-primary:#c9a564; --color-primary-light:#e3c58c; --color-primary-dark:#a8874e;
  --color-secondary:#9cc9c0; --color-accent:#d9b878; --color-accent-warm:#f1dcae; --color-support:#e3c58c;
  --color-text:#e9e4da; --color-text-muted:#bdb6aa; --color-text-dim:#9a948a; --color-text-bright:#ffffff;
  --gradient-cosmic:linear-gradient(90deg,#c9a564,#f1dcae); --gradient-card:linear-gradient(145deg,rgba(217,184,120,.06),rgba(255,255,255,.01));
  --font-display:'Inter',system-ui,sans-serif;
}
body.guide{background:var(--bg) !important}
body.guide .reading-progress,body.guide #codex-progress{background:linear-gradient(90deg,#a8874e,#f1dcae) !important;top:0}
body.guide .article-shell{padding-top:46px !important}
body.guide .article-shell h1{font-family:var(--serif) !important;font-weight:300 !important;font-size:clamp(2.6rem,6vw,4.4rem) !important;line-height:1.02 !important;letter-spacing:-.01em;color:#fff}
body.guide .article-body h2,body.guide .article-shell h2,body.guide .faq-block h2{font-family:var(--serif) !important;font-weight:400 !important;font-size:clamp(1.8rem,3.4vw,2.4rem) !important;color:#fff}
body.guide .article-body h3,body.guide .faq-item h3{font-family:var(--serif) !important;font-weight:500 !important;font-size:1.4rem !important}
body.guide .article-eyebrow{color:var(--gold) !important;letter-spacing:.22em}
body.guide .article-breadcrumb a,body.guide .article-meta a{color:var(--gold2) !important}
body.guide .article-body a,body.guide .sources a,body.guide .faq-item a{color:var(--gold2) !important}
body.guide .answer-box{background:rgba(217,184,120,.06) !important;border:1px solid rgba(217,184,120,.28) !important;border-left-width:1px !important;border-radius:18px !important}
body.guide .toc{background:rgba(255,255,255,.02) !important;border:1px solid var(--line) !important;border-radius:18px !important}
body.guide .callout{background:rgba(255,255,255,.03) !important;border-radius:0 14px 14px 0 !important}
body.guide .related-card{background:transparent !important;border:1px solid var(--line) !important;border-radius:18px !important}
body.guide .related-card:hover{border-color:var(--gold) !important;transform:none !important}
body.guide .related-card h3{font-family:var(--serif) !important;font-size:1.35rem !important;font-weight:500 !important}
body.guide .article-cta{background:radial-gradient(120% 100% at 0 0,rgba(217,184,120,.12),transparent 60%),rgba(255,255,255,.02) !important;border:1px solid var(--line) !important;border-radius:22px !important}
body.guide .btn,body.guide .btn-primary{background:#f3efe7 !important;color:#111 !important;border:0 !important;border-radius:999px !important;box-shadow:none !important}
body.guide .btn-secondary,body.guide .btn-support{background:transparent !important;color:#fff !important;border:1px solid var(--line2) !important;border-radius:999px !important}
.g-banner{margin:26px 0 30px;border-radius:22px;aspect-ratio:16/10;max-height:520px}
.g-banner img{width:100%;height:100%;object-fit:cover}
/* about / articles / disclaimer: the old fixed nav needed a big top gap */
body.guide main > section:first-child,body.guide .page-header,body.guide .articles-hero{padding-top:56px}
body.guide .section-title,body.guide .page-title{font-family:var(--serif) !important;font-weight:300 !important}
body.guide .section-label{color:var(--gold) !important}
body.guide #nav-map{background:radial-gradient(circle at 35% 30%,rgba(217,184,120,.45),rgba(60,48,30,.6)) !important;border-color:rgba(241,220,174,.45) !important;box-shadow:0 8px 30px rgba(0,0,0,.4) !important;animation:none !important}
body.guide .answer-box h2,body.guide .toc h2{font-family:var(--sans) !important;font-size:.72rem !important;font-weight:500 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--gold) !important;margin:0 0 10px !important}
body.guide .policy-page h1{font-family:var(--serif) !important;font-weight:300 !important;font-size:clamp(2.6rem,6vw,4.2rem) !important;line-height:1.02 !important}
body.guide .policy-page h2{font-family:var(--serif) !important;font-weight:400 !important;font-size:clamp(1.7rem,3vw,2.2rem) !important}
body.guide .policy-page{padding-top:40px !important}
/* pre-launch pass 2026-11-10: the "not medical advice" line at the top of each guide */
body.guide .g-note{margin:0 0 26px;padding:10px 14px;border-left:2px solid var(--gold);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0;font:400 .82rem/1.55 var(--sans);color:#cfc8bb}
body.guide .g-note a{color:var(--gold)}
body.guide .g-date{margin:0 0 10px;font:500 .7rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a9a294}