.guide-page { background:linear-gradient(90deg,rgba(201,154,82,.045) 1px,transparent 1px),linear-gradient(120deg,#15110c 0 72%,#1d150e 100%); background-size:80px 100%,auto; }
.guide-header { position:absolute; z-index:30; inset:0 0 auto; height:82px; display:flex; justify-content:space-between; align-items:center; padding:0 clamp(1.25rem,4vw,4rem); border-bottom:1px solid rgba(234,211,170,.22); }
.back-link { min-height:44px; display:grid; place-items:center; color:#d3bc96; font-size:.66rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.back-link:hover { color:var(--green); }
.guide-hero { min-height:720px; position:relative; display:flex; flex-direction:column; justify-content:center; padding:8rem max(1.25rem, calc((100% - 1240px)/2)) 5rem; overflow:hidden; background:radial-gradient(ellipse at 85% 50%,rgba(201,154,82,.24),transparent 34%),linear-gradient(125deg,#1b150e 0 46%,#4c311b 100%); }
.guide-hero::before { content:""; position:absolute; inset:-20%; background:repeating-radial-gradient(ellipse at 81% 51%,transparent 0 46px,rgba(234,211,170,.04) 47px 48px,transparent 49px 74px),repeating-linear-gradient(103deg,transparent 0 16px,rgba(234,211,170,.025) 16px 18px); transform:rotate(-5deg); }
.guide-hero::after { content:"FIELD MANUAL"; position:absolute; right:-.04em; bottom:-.13em; color:rgba(234,211,170,.035); font:400 clamp(10rem,24vw,24rem)/.8 var(--display); white-space:nowrap; }
.guide-hero .eyebrow,.guide-hero h1,.guide-intro,.guide-bearing{position:relative;z-index:1}.guide-hero h1{margin:.6rem 0 1.2rem;color:var(--sand-pale);font:400 clamp(7.5rem,17vw,15rem)/.7 var(--display);text-transform:uppercase;letter-spacing:-.02em}.guide-hero h1 span{color:var(--sand-hot)}
.guide-intro{max-width:590px;padding-left:1rem;border-left:3px solid var(--green);color:#dbc8a8;font-size:1.08rem;line-height:1.6}.guide-code{position:absolute;right:6vw;top:18%;color:rgba(125,255,143,.13);font:400 12rem/1 var(--display);transform:rotate(90deg)}
.guide-bearing{position:absolute;right:max(1.25rem,calc((100% - 1240px)/2));bottom:4rem;width:260px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:.4rem;color:var(--sand)}.guide-bearing i{grid-column:1/-1;height:1px;background:var(--sand);position:relative}.guide-bearing i::after{content:"";position:absolute;right:0;top:-4px;border:4px solid transparent;border-left:9px solid var(--sand)}.guide-bearing b{font:400 3.7rem/1 var(--display)}.guide-bearing span{font-size:.58rem;letter-spacing:.17em;text-transform:uppercase}
.manual{display:grid;grid-template-columns:190px 1fr;gap:clamp(3rem,7vw,8rem);padding-block:9rem 11rem}.manual-rail{position:sticky;top:3rem;height:fit-content;display:grid;gap:1rem;padding-top:1rem;border-top:1px solid var(--sand);color:#907b5d;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.manual-copy{min-width:0}.manual-section{padding-bottom:8rem}.manual-section+.manual-section{padding-top:7rem;border-top:1px solid var(--line)}.manual-section h2{max-width:950px;margin:.85rem 0 2.4rem;font-size:clamp(4rem,8vw,7.5rem)}.manual-section>p:not(.eyebrow){max-width:800px;margin-top:1.25rem;color:#cdbb9e;font-size:1rem;line-height:1.8}.manual-section strong{color:var(--sand-pale)}
.layer-schematic{position:relative;display:grid;gap:.55rem;margin:0 0 2rem;padding:2rem;background:linear-gradient(110deg,rgba(201,154,82,.08),transparent),#0e0c09;border:1px solid var(--line);overflow:hidden}.layer-schematic::after{content:"COMPOSITE / TOP";position:absolute;right:-1rem;top:50%;color:rgba(125,255,143,.22);font:400 4.5rem/1 var(--display);transform:rotate(90deg)}.layer-schematic>div{width:calc(58% + var(--i,0) * 8%);min-height:62px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:1rem;padding:.7rem 1rem;border:1px solid rgba(234,211,170,.14);background:rgba(23,19,13,.84);box-shadow:10px 10px 0 rgba(0,0,0,.14)}.layer-schematic>div:nth-child(1){--i:3;border-color:rgba(125,255,143,.28)}.layer-schematic>div:nth-child(2){--i:2}.layer-schematic>div:nth-child(3){--i:1}.layer-schematic span{color:var(--green);font:400 1.4rem/1 var(--display)}.layer-schematic b{color:var(--sand-pale);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.layer-schematic small{color:#88775f;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
.event-phases{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:4rem;border-block:1px solid var(--line)}.event-phases span{padding:1rem;border-right:1px solid var(--line);color:#9e8c70;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.event-phases span:last-child{border-right:0}.event-phases b{display:block;margin-bottom:.3rem;color:var(--sand-hot);font:400 1.3rem/1 var(--display);letter-spacing:.05em}
.technique-grid{display:grid;border-top:1px solid var(--line)}.technique-grid>div{position:relative;min-height:210px;display:grid;grid-template-columns:110px minmax(190px,270px) 1fr;align-items:center;gap:2rem;padding:2rem 2.5rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(201,154,82,.045),transparent 70%);overflow:hidden}.technique-grid>div:nth-child(even){margin-left:6%;background:linear-gradient(90deg,rgba(125,255,143,.025),transparent 70%)}.technique-grid>div>b{position:relative;color:rgba(201,154,82,.25);font:400 6rem/1 var(--display)}.technique-grid>div>b::after{content:"";position:absolute;left:0;bottom:-.3rem;width:72px;height:2px;background:var(--green);transform:scaleX(.25);transform-origin:left}.technique-grid h3{position:relative;margin:0;color:var(--sand-hot);font-size:2.6rem;line-height:.9;letter-spacing:.03em}.technique-grid p{position:relative;max-width:590px;color:#c2b092;font-size:.84rem;line-height:1.72}.technique-grid code{color:var(--green);font-family:var(--body);font-size:.78em;font-weight:700}
.token-board{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem;border:1px solid var(--line)}.swatch{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;color:#eadbc2}.swatch span{font:400 2rem/1 var(--display)}.swatch b{margin-top:.4rem;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}.swatch.ink{background:#17130d}.swatch.sand{background:#c99a52;color:#17130d}.swatch.pale{background:#ead3aa;color:#17130d}.swatch.green{background:#7dff8f;color:#17130d}
.prompt-section{padding:4rem!important;border:1px solid var(--green)!important;background:rgba(125,255,143,.035);box-shadow:18px 18px 0 rgba(125,255,143,.055)}.prompt-section h2{font-size:clamp(4rem,8vw,6.5rem)}
@media(max-width:900px){.guide-hero{min-height:650px}.guide-code{right:-3rem}.guide-bearing{display:none}.manual{grid-template-columns:1fr;padding-block:6rem 8rem}.manual-rail{position:static;grid-template-columns:1fr 1fr}.layer-schematic>div{width:calc(70% + var(--i,0) * 5%)}.event-phases{grid-template-columns:1fr 1fr}.event-phases span:nth-child(2){border-right:0}.event-phases span:nth-child(-n+2){border-bottom:1px solid var(--line)}.technique-grid>div{grid-template-columns:80px 220px 1fr;padding-inline:1.5rem;gap:1.2rem}.technique-grid>div:nth-child(even){margin-left:0}.technique-grid>div>b{font-size:4.8rem}.token-board{grid-template-columns:1fr 1fr}.prompt-section{padding:2.5rem!important}}
@media(max-width:620px){.guide-header{height:72px;padding-inline:1rem}.back-link{font-size:0}.back-link::after{content:"← Archive";font-size:.62rem}.guide-hero{min-height:590px;padding:6.5rem 1rem 3rem}.guide-hero h1{font-size:clamp(6.5rem,29vw,8.2rem)}.guide-intro{font-size:.95rem}.guide-code{font-size:7rem;top:24%}.manual{padding-block:3.5rem 7rem}.manual-rail{grid-template-columns:1fr 1fr;gap:.55rem;padding-top:.7rem}.manual-section{padding-bottom:5rem}.manual-section+.manual-section{padding-top:5rem}.manual-section h2{font-size:clamp(3.5rem,17vw,5.2rem);margin-bottom:1.8rem}.layer-schematic{padding:1rem}.layer-schematic::after{display:none}.layer-schematic>div{width:100%;grid-template-columns:32px 1fr;padding:.7rem}.layer-schematic small{grid-column:2}.event-phases{margin-bottom:2.5rem}.event-phases span{padding:.75rem}.technique-grid>div{min-height:0;grid-template-columns:62px 1fr;padding:1.5rem 0;gap:.9rem;background:transparent}.technique-grid>div>b{font-size:4rem}.technique-grid h3{font-size:2.2rem}.technique-grid p{grid-column:1/-1}.token-board{grid-template-columns:1fr 1fr}.swatch{min-height:145px;padding:.85rem}.swatch span{font-size:1.55rem}.prompt-section{padding:1.5rem!important}}