.guide-page{background:#101633;color:#ece9df}
.guide-page::after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 28%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 7%,rgba(255,255,255,.4) 0 1px,transparent 1.5px);background-size:151px 131px,211px 179px,263px 223px;opacity:.3}
.guide-header{height:72px;position:absolute;inset:0 0 auto;z-index:5;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}
.guide-mark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.2em}.guide-mark svg{width:38px;fill:none;stroke:currentColor;stroke-width:1.2}.guide-mark circle{fill:var(--gold);stroke:none}
.return-link{min-height:44px;display:flex;align-items:center;gap:18px;text-decoration:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.return-link span{border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}.return-link:hover{color:var(--sun)}
.guide-hero{position:relative;min-height:100dvh;padding:140px var(--pad) 100px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#0a0e26,#172043 65%,#905f68 130%)}
.guide-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.15%)}
.guide-hero>p{position:relative;margin:0 0 35px;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#b8bed4}
.guide-hero h1{position:relative;margin:0;font:300 clamp(5rem,13vw,13rem)/.75 'Newsreader',serif;letter-spacing:-.07em}.guide-hero h1 em{font-weight:250;color:var(--sun)}
.guide-lede{position:relative;z-index:2;align-self:flex-end;max-width:470px;margin:50px 6vw 0 0;padding:20px 24px;background:rgba(8,12,35,.76);border-top:1px solid rgba(255,255,255,.42);font:italic 22px/1.45 'Newsreader',serif;color:#f0ede6;backdrop-filter:blur(8px)}
.guide-sun{position:absolute;right:-13vw;bottom:-19vw;width:49vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 45%,#fff9ea,#ffe0a1 52%,#e9a166);box-shadow:0 0 90px rgba(255,215,148,.35)}
.guide-article{position:relative}
.guide-article>section{padding:clamp(100px,14vh,170px) var(--pad);display:grid;grid-template-columns:minmax(80px,.35fr) 1.4fr;gap:clamp(30px,7vw,110px);background:#f5edd8;color:#172039;border-bottom:1px solid rgba(23,32,57,.22)}
.guide-article>section:nth-of-type(even){background:#d8dfe2}
.chapter-no{font:300 clamp(3rem,6vw,6rem) 'Newsreader',serif;color:#ac776c}
.guide-article section>div{max-width:780px}.guide-article h2,.token-panel h2{margin:0 0 38px;font:300 clamp(3.5rem,6.5vw,6.8rem)/.87 'Newsreader',serif;letter-spacing:-.055em}.guide-article section p{font-size:16px;line-height:1.83}.guide-article code,.token-panel code{padding:2px 5px;background:rgba(23,32,57,.09);font:600 .78em 'Manrope',sans-serif;letter-spacing:.03em}
.token-panel{padding:clamp(100px,14vh,170px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:linear-gradient(135deg,#161e43,#293563 65%,#6c5e78);color:#f1eee4}.token-panel>div>p{margin:0 0 26px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#bfc4d8}.token-panel ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.25)}.token-panel li{min-height:67px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.25);font-size:12px}.token-panel li i{width:22px;height:22px;border-radius:50%;background:var(--sw);box-shadow:0 0 18px color-mix(in srgb,var(--sw),transparent 35%)}.token-panel li code{background:rgba(0,0,0,.15)}.type-note{grid-column:2;max-width:580px;margin:10px 0 0;font:italic 19px/1.65 'Newsreader',serif;color:#d7d9e2}.type-note b{color:#fff}
.guide-page .site-footer{position:relative}
@media(max-width:700px){.guide-header{height:64px}.return-link span{font-size:0}.return-link span::after{content:"Back";font-size:9px}.guide-hero{padding-top:110px;justify-content:flex-start}.guide-hero h1{font-size:20vw}.guide-lede{align-self:flex-start;margin:45px 0 0;max-width:320px;padding:18px 20px;font-size:18px}.guide-sun{width:85vw;right:-30vw;bottom:-12vw}.guide-article>section{grid-template-columns:1fr;gap:20px}.chapter-no{font-size:3rem}.guide-article h2,.token-panel h2{font-size:3.7rem}.guide-article section p{font-size:15px}.token-panel{grid-template-columns:1fr}.type-note{grid-column:1}.token-panel li{grid-template-columns:28px 1fr auto}}

/* Pass 2 — the guide reads like a working dawn instrument. */
.guide-page::after{opacity:.2}
.guide-header{height:76px;position:fixed;background:rgba(5,8,25,.95);backdrop-filter:none}
.guide-hero{min-height:88dvh;padding-top:150px;padding-bottom:120px;justify-content:flex-start;background:
  radial-gradient(ellipse at 73% 92%,rgba(233,157,111,.27),transparent 32%),
  linear-gradient(145deg,#070b20 0%,#121a40 52%,#6f5268 112%)}
.guide-hero::before{background:
  repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(255,255,255,.026) 12.5%),
  linear-gradient(135deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.15%)}
.guide-hero>p{margin-top:2vh;margin-bottom:26px}
.guide-hero h1{font-size:clamp(6rem,12vw,12rem);max-width:9ch;line-height:.7}
.guide-lede{position:absolute;right:8vw;bottom:17%;width:min(430px,32vw);margin:0;padding:26px 28px;font-size:21px;background:linear-gradient(120deg,rgba(5,8,27,.92),rgba(13,18,45,.65));border-top-color:var(--sun);box-shadow:0 25px 80px rgba(3,5,17,.3)}
.guide-sun{right:-6vw;bottom:-28vw;width:52vw;background:radial-gradient(circle at 44% 39%,#fffdf2 0 8%,#ffe4a2 43%,#e69a62 100%)}
.guide-facts{position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:74px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22);z-index:2;background:rgba(5,8,25,.56);backdrop-filter:blur(6px)}
.guide-facts span{display:flex;align-items:center;gap:13px;border-right:1px solid rgba(255,255,255,.17);font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#b9bed0}.guide-facts span:last-child{border:0}.guide-facts b{font:300 25px 'Newsreader',serif;color:var(--sun);letter-spacing:-.03em}
.guide-atlas{padding:80px var(--pad);display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center;background:#080d27;border-bottom:1px solid #313958}
.guide-atlas p{margin:0 0 15px;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9fa7c0}.guide-atlas h2{margin:0;font:300 clamp(2.5rem,4.5vw,4.8rem)/.9 'Newsreader',serif;letter-spacing:-.045em;color:#f2eee2}
.atlas-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr auto 1.2fr;align-items:center;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.18)}
.atlas-flow span{min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:12px}.atlas-flow b{font-size:9px;letter-spacing:.12em;color:var(--sun)}.atlas-flow i{margin-top:8px;font:italic 14px 'Newsreader',serif;color:#aeb5c9}.atlas-flow em{font-style:normal;color:#6f7898}
.guide-article>section{position:relative;padding-block:clamp(95px,12vh,145px);grid-template-columns:minmax(90px,.28fr) minmax(0,1.4fr);background:linear-gradient(105deg,#eee3c8 0 22%,#f8efd9 22%)}
.guide-article>section:nth-of-type(even){background:linear-gradient(105deg,#c5d3d8 0 22%,#dfe5e4 22%)}
.chapter-no{position:sticky;top:120px;align-self:start;color:#9c6259}
.guide-article section>div{max-width:820px}.guide-article h2,.token-panel h2{font-size:clamp(3.8rem,6vw,6.4rem)}
.guide-article section p{font-size:17px;line-height:1.85}.guide-article section p:first-of-type::first-letter{float:left;margin:8px 9px 0 0;font:300 4.3rem/.62 'Newsreader',serif;color:#985f55}
.guide-article code,.token-panel code{border-radius:0;border-bottom:1px solid rgba(23,32,57,.22)}
.token-panel{position:relative;background:
  radial-gradient(circle at 15% 80%,rgba(216,136,130,.24),transparent 27%),
  linear-gradient(135deg,#10183a,#2d3967 64%,#795e75)}
.token-panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(16.66% - 1px),rgba(255,255,255,.035) 16.66%);pointer-events:none}
.token-panel>*{position:relative}.token-panel li{min-height:63px}.token-panel li i{border-radius:50% 50% 48% 52%;box-shadow:0 0 20px color-mix(in srgb,var(--sw),transparent 30%)}
.type-note{padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}

@media(max-width:900px){
  .guide-lede{right:var(--pad);width:min(390px,45vw)}.guide-atlas{grid-template-columns:1fr}.atlas-flow{margin-top:10px}.guide-article>section{background:#f5edd8}.guide-article>section:nth-of-type(even){background:#d8dfe2}
}
@media(max-width:700px){
  .guide-header{height:64px}.guide-hero{min-height:92svh;padding:112px 20px 96px}.guide-hero>p{margin-top:0}.guide-hero h1{font-size:19vw;line-height:.74}.guide-lede{position:relative;right:auto;bottom:auto;align-self:auto;width:min(100%,340px);margin:38px 0 0;padding:18px 19px;font-size:17px}.guide-sun{width:82vw;right:-38vw;bottom:-8vw}.guide-facts{left:20px;right:20px;height:66px}.guide-facts span{display:block;padding:10px 7px 0;font-size:6px}.guide-facts b{display:block;font-size:20px}.guide-atlas{padding:65px 20px}.guide-atlas h2{font-size:3rem}.atlas-flow{grid-template-columns:1fr 1fr;gap:0;border-bottom:0}.atlas-flow em{display:none}.atlas-flow span{min-height:75px;border-bottom:1px solid rgba(255,255,255,.18)}.guide-article>section{padding:82px 20px;gap:10px}.chapter-no{position:static;font-size:2.7rem}.guide-article h2,.token-panel h2{font-size:3.45rem}.guide-article section p{font-size:15.5px;line-height:1.78}.token-panel{padding-inline:20px}.token-panel li{font-size:11px}.type-note{font-size:17px}
}

/* Pass 3 — typographic finish and instrument-grade interaction states. */
.guide-page{font-optical-sizing:auto}
.guide-hero h1,.guide-article h2,.token-panel h2,.chapter-no,.guide-atlas h2{font-optical-sizing:auto;font-variation-settings:"opsz" 72;text-wrap:balance}
.guide-article section p,.guide-lede,.type-note{text-wrap:pretty}
.guide-facts b,.chapter-no,.token-panel code{font-variant-numeric:tabular-nums lining-nums}
.guide-mark svg{transition:filter .35s,transform .45s cubic-bezier(.16,1,.3,1)}
.guide-mark:hover svg,.guide-mark:focus-visible svg{filter:drop-shadow(0 0 7px var(--gold));transform:translateY(-1px)}
.return-link{position:relative;transition:color .3s}
.return-link::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:currentColor;transition:right .35s cubic-bezier(.16,1,.3,1)}
.return-link:hover::after,.return-link:focus-visible::after{right:0}
.token-panel li{transition:background .3s,padding .4s cubic-bezier(.16,1,.3,1)}
.token-panel li:hover{padding-inline:10px;background:rgba(255,255,255,.055)}
.guide-hero>p,.guide-hero h1,.guide-lede,.guide-facts{animation:guide-rise .9s cubic-bezier(.16,1,.3,1) both}
.guide-hero h1{animation-delay:.1s}.guide-lede{animation-delay:.24s}.guide-facts{animation-delay:.36s}
@keyframes guide-rise{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.guide-hero>p,.guide-hero h1,.guide-lede,.guide-facts{animation:none}.token-panel li,.guide-mark svg,.return-link::after{transition:none}}