.guide-page{background:#0c211a;color:var(--cream)}.guide-header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line)}.back-link{text-transform:uppercase;letter-spacing:.14em;font-size:.61rem;text-decoration:none;display:flex;gap:13px;align-items:center;min-height:44px}.back-link span{font-size:1.1rem;color:var(--copper-pale)}.guide-hero{min-height:700px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:75px clamp(22px,7vw,120px);background:radial-gradient(circle at 72% 43%,#3a5036 0,#173229 31%,#0c211a 68%);position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;left:52%;top:-20%;width:30%;height:140%;background:linear-gradient(108deg,transparent,rgba(255,211,139,.12),transparent);transform:skew(-9deg)}.guide-title{position:relative;z-index:1}.guide-title h1{font:400 clamp(4rem,7.8vw,8.5rem)/.9 var(--display);letter-spacing:-.04em;margin:0}.guide-title h1 em{font-weight:400;color:var(--copper-pale);display:block;margin-left:.55em}.guide-deck{font:400 1.15rem/1.65 var(--display);max-width:510px;color:#cad2c2;margin:32px 0}.guide-diagram{position:relative;z-index:1;max-width:500px;justify-self:end}.guide-diagram svg{width:100%;overflow:visible}.guide-diagram circle,.guide-diagram path,.guide-diagram polygon{fill:none;stroke:rgba(242,222,182,.25);stroke-width:1}.guide-diagram polygon{fill:rgba(193,113,65,.2);stroke:#e29e66;stroke-width:2}.guide-diagram g circle{fill:#d77f4c;stroke:#ffe0aa;stroke-width:2}.guide-diagram span{display:block;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.5rem;color:#9cad9f}.ledger-layout{display:grid;grid-template-columns:260px minmax(0,900px);justify-content:center;gap:90px;padding:120px 40px 150px;background:#eee3ca;color:var(--ink)}.ledger-layout aside{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;border-top:1px solid rgba(18,42,34,.25);padding-top:19px}.ledger-layout aside span{text-transform:uppercase;letter-spacing:.15em;font-size:.53rem;color:#8a4f2e;margin-bottom:13px}.ledger-layout aside a{padding:13px 0;border-bottom:1px solid rgba(18,42,34,.15);text-decoration:none;font:400 .9rem var(--display)}.ledger-layout aside a:hover{color:#a15d37}.ledger-copy section{position:relative;padding:0 0 85px;margin-bottom:80px;border-bottom:1px solid rgba(18,42,34,.2)}.ledger-copy section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.ledger-copy .overline{color:#925332;margin-bottom:14px}.ledger-copy h2{font:400 clamp(2.7rem,4.2vw,4.8rem)/1 var(--display);letter-spacing:-.03em;margin:0 0 32px;max-width:720px}.ledger-copy p{font-size:.96rem;line-height:1.86;max-width:790px;color:#354b42}.ledger-copy code{font-family:var(--body);font-size:.83em;color:#874b2b;background:rgba(176,106,59,.1);padding:.12em .35em}.folio-number{position:absolute;right:0;top:0;font:400 4.5rem/1 var(--display);color:rgba(165,92,52,.15)}.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(16,37,31,.2);border:1px solid rgba(16,37,31,.2);margin:35px 0}.token-grid span{background:#eee3ca;display:grid;grid-template-columns:53px 1fr;grid-template-rows:1fr 1fr;column-gap:15px;align-items:center;padding:18px;text-transform:uppercase;letter-spacing:.1em;font-size:.52rem}.token-grid span:before{content:"";grid-row:1/3;width:53px;height:53px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.token-grid b{font:400 1rem var(--display);letter-spacing:0;text-transform:none}.guide-page footer{background:#061611}
@media(max-width:800px){.guide-header{height:80px}.guide-header .brand small{display:none}.back-link{font-size:.52rem}.guide-hero{grid-template-columns:1fr;min-height:790px;padding:70px 24px 40px}.guide-title h1{font-size:clamp(4rem,14vw,6.5rem)}.guide-title h1 em{margin-left:.2em}.guide-diagram{width:min(75vw,390px);margin:-10px auto 0;justify-self:center}.ledger-layout{grid-template-columns:1fr;padding:75px 24px 100px;gap:60px}.ledger-layout aside{position:static}.ledger-copy section{padding-bottom:55px;margin-bottom:60px}.folio-number{font-size:3.5rem}.token-grid{grid-template-columns:1fr}.guide-page footer{grid-template-columns:1fr}}@media(max-width:430px){.guide-header .brand>span:last-child{display:none}.guide-hero{min-height:720px}.guide-title h1{font-size:3.7rem}.guide-deck{font-size:1rem}.guide-diagram{width:88vw}.ledger-copy h2{font-size:2.7rem}.token-grid span{grid-template-columns:46px 1fr}.token-grid span:before{width:44px;height:44px}}

/* Pass 2: the guide reads as a working distiller's folio, not generic documentation. */
.guide-header{background:rgba(6,22,17,.88);backdrop-filter:blur(12px)}
.guide-hero:after{content:"FIELD NOTE / 10.07.26";position:absolute;right:27px;bottom:32px;writing-mode:vertical-rl;font-size:.46rem;letter-spacing:.2em;color:rgba(243,234,212,.46)}
.guide-diagram{transform:rotate(2deg)}
.guide-diagram:before{content:"LIVE STATE";position:absolute;left:-16px;top:13%;padding:5px 9px;background:var(--copper);color:#24130d;font-size:.44rem;letter-spacing:.16em;transform:rotate(-8deg)}
.ledger-layout{position:relative;background-color:#eee3ca;background-image:linear-gradient(rgba(20,37,31,.038) 1px,transparent 1px);background-size:100% 34px}
.ledger-layout:before{content:"86.1";position:absolute;left:2.5vw;top:90px;font:400 7rem/1 var(--display);color:rgba(169,93,51,.07);writing-mode:vertical-rl}
.ledger-copy section{padding-left:25px}
.ledger-copy section:before{content:"";position:absolute;left:0;top:3px;width:2px;height:32px;background:var(--copper)}
.ledger-copy p:first-of-type:not(.overline){font-size:1.04rem}
.system-plate{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;margin-top:36px;border:1px solid rgba(16,37,31,.25);background:#e5d7b8;transform:rotate(-.35deg);box-shadow:12px 14px 0 rgba(50,39,24,.06)}
.system-plate span{padding:20px 16px;display:flex;flex-direction:column;min-width:0}.system-plate b{font:400 1.25rem var(--display);color:#a45c34}.system-plate small{margin-top:5px;text-transform:uppercase;font-size:.43rem;line-height:1.5;letter-spacing:.1em;color:#647069}.system-plate>i{align-self:center;color:#a45c34;font-style:normal}
.token-grid span{position:relative;overflow:hidden}.token-grid span:after{content:"";position:absolute;width:70px;height:140%;right:-35px;top:-20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(17deg)}
.guide-page footer{position:relative}.guide-page footer:before{content:"END OF FOLIO";position:absolute;right:5vw;top:20px;font-size:.43rem;letter-spacing:.2em;color:rgba(243,234,212,.33)}
@media(max-width:800px){.guide-hero:after{display:none}.guide-diagram:before{left:0}.ledger-layout:before{display:none}.ledger-copy section{padding-left:18px}.system-plate{grid-template-columns:1fr 1fr;transform:none}.system-plate>i{display:none}.system-plate span{border-bottom:1px solid rgba(16,37,31,.18)}.system-plate span:nth-of-type(odd){border-right:1px solid rgba(16,37,31,.18)}}
@media(max-width:430px){.guide-hero{min-height:760px;padding-bottom:55px}.guide-diagram{width:82vw;margin-top:0}.ledger-copy section{padding-left:14px}.ledger-copy p{font-size:.94rem;line-height:1.82}.system-plate span{padding:15px 11px}.system-plate small{font-size:.4rem}}

/* Pass 3: folio micro-typography and tactile navigation. */
.guide-title h1,.ledger-copy h2{font-kerning:normal;text-wrap:balance}
.guide-deck,.ledger-copy p{text-wrap:pretty}
.ledger-layout aside a,.back-link{transition:color .25s ease,transform .3s cubic-bezier(.22,.8,.2,1),border-color .25s ease}
.ledger-layout aside a:hover,.ledger-layout aside a:focus-visible{color:#8a4b2a;transform:translateX(7px);border-color:rgba(138,75,42,.45)}
.back-link:hover{color:var(--copper-pale);transform:translateX(-4px)}
.system-plate b,.folio-number{font-variant-numeric:tabular-nums lining-nums}