.guide-page{background:#0a0b0d}.guide-header{position:absolute}.back-file{font:700 .58rem var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:1rem}.guide-clearance{font:700 .55rem var(--mono);letter-spacing:.12em;color:var(--amber)}
.back-file{transition:color .25s,background .25s}.back-file:hover,.back-file:focus-visible{color:var(--amber);background:#ffffff08}.guide-index a:focus-visible{color:var(--red);padding-left:.5rem}
.guide-main{background:#0a0b0d}.guide-hero{min-height:670px;padding:10rem 6vw 5rem;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 40%,#b90f1838,transparent 17%),linear-gradient(135deg,#111318,#050607);display:flex;flex-direction:column;justify-content:center}.guide-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,black,transparent)}.guide-hero:before{content:"101";position:absolute;right:-2vw;bottom:-10vw;font:400 38vw/.8 var(--display);color:#ffffff04}.guide-hero>p{position:relative;font:700 .6rem var(--mono);letter-spacing:.2em;color:var(--amber)}.guide-hero h1{position:relative;font:400 clamp(7rem,17vw,16rem)/.7 var(--display);margin:2rem 0 1rem;letter-spacing:-.03em}.guide-hero h1 span{color:transparent;-webkit-text-stroke:2px var(--bone)}.guide-deck{position:relative;margin-left:35%;font:600 clamp(1.1rem,2vw,1.55rem)/1.4 var(--body);max-width:28ch;border-left:4px solid var(--red);padding-left:1.2rem}.guide-stamp{position:absolute;right:8vw;top:31%;width:150px;height:150px;border:3px solid var(--red);color:var(--red);border-radius:50%;transform:rotate(12deg);display:grid;place-content:center;text-align:center;font:700 .6rem/1.7 var(--mono);letter-spacing:.14em}.guide-stamp b{font:400 1.35rem var(--display)}
.guide-document{background:var(--bone);color:#111;display:grid;grid-template-columns:260px minmax(0,760px);gap:8vw;padding:7rem max(5vw,calc((100vw - 1250px)/2));align-items:start}.guide-index{position:sticky;top:2rem;border-top:6px solid #111;display:flex;flex-direction:column;padding-top:1rem}.guide-index span{font:700 .56rem var(--mono);color:var(--red);margin-bottom:1.5rem}.guide-index a{font:700 .58rem var(--mono);text-decoration:none;text-transform:uppercase;padding:.75rem 0;border-bottom:1px solid #aaa}.guide-index a:hover{color:var(--red)}.guide-copy section{padding-bottom:5rem;margin-bottom:5rem;border-bottom:1px solid #918b80;scroll-margin-top:2rem}.guide-copy section:last-child{border-bottom:0;margin-bottom:0}.guide-kicker{font:700 .58rem var(--mono)!important;letter-spacing:.14em;color:var(--red);margin:0 0 1rem!important}.guide-copy h2{font:400 clamp(2.8rem,5vw,5rem)/.92 var(--display);text-transform:uppercase;margin:0 0 2rem}.guide-copy p{font:450 1.05rem/1.75 var(--body);margin:0 0 1.5rem}.guide-copy code{font:.82em var(--mono);background:#111;color:var(--bone);padding:.15em .35em}.token-board{display:grid;grid-template-columns:1fr 1fr;border:1px solid #888;margin:2rem 0}.token-board>div{padding:1rem;display:grid;grid-template-columns:50px 1fr;gap:.25rem 1rem;border:1px solid #aaa}.token-board i{width:50px;height:50px;background:var(--swatch);grid-row:1/3;border:1px solid #777}.token-board b{font:700 .65rem var(--mono);align-self:end}.token-board span{font:400 .55rem var(--mono);color:#666}.reproduce{background:#111;color:var(--bone);padding:3rem!important;border:0!important;box-shadow:12px 12px 0 var(--amber)}.reproduce h2{color:var(--amber)}.reproduce p:last-child{color:#c8c3b9}
@media(max-width:700px){.guide-header .insignia-copy,.guide-clearance{display:none}.back-file{font-size:.5rem}.guide-hero{min-height:620px;padding:8rem 1.2rem 4rem}.guide-hero h1{font-size:28vw}.guide-deck{margin-left:20%;font-size:1rem}.guide-stamp{width:100px;height:100px;right:1rem;top:23%;font-size:.45rem}.guide-stamp b{font-size:.85rem}.guide-document{display:block;padding:5rem 1.2rem}.guide-index{position:relative;top:auto;margin-bottom:5rem}.guide-copy h2{font-size:3rem}.guide-copy p{font-size:.96rem}.token-board{grid-template-columns:1fr}.reproduce{padding:2rem 1.25rem!important;box-shadow:7px 7px 0 var(--amber)}}
@media(prefers-reduced-motion:reduce){.guide-index{position:relative;top:auto}}
@media(max-width:700px){.guide-index{margin-bottom:4rem}.guide-copy section{padding-bottom:3.5rem;margin-bottom:3.5rem}}

/* PASS 2 — the manual reads like an artifact, not generic documentation. */
.guide-hero{min-height:760px;padding-top:12rem;background:radial-gradient(circle at 79% 37%,#b90f1845,transparent 16%),radial-gradient(circle at 28% 63%,#2a3b4647,transparent 23%),linear-gradient(125deg,#11161b,#040506 72%)}
.guide-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(135deg,var(--amber) 0 14px,#050608 14px 28px)}
.guide-hero h1{font-size:clamp(8rem,19vw,18rem);text-shadow:0 18px 10px #000}
.guide-deck{margin-left:37%;max-width:31ch;font-size:clamp(1.15rem,2vw,1.7rem)}
.guide-stamp{box-shadow:0 0 60px #b90f1822}
.guide-frame-code{position:absolute;left:6vw;right:6vw;bottom:3.5rem;display:grid;grid-template-columns:repeat(4,1fr);font:700 .5rem var(--mono);letter-spacing:.12em;color:#777;border-top:1px solid #ffffff2c}
.guide-frame-code span{padding-top:.8rem;position:relative}
.guide-frame-code span:before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;background:var(--amber)}
.guide-document{grid-template-columns:240px minmax(0,850px);gap:9vw;padding-top:9rem;padding-bottom:9rem;background:linear-gradient(90deg,#ded5c3 0 28%,var(--bone) 28%)}
.guide-index{border-top-width:8px}
.guide-index a{min-height:44px;display:flex;align-items:center;transition:padding-left .25s,color .25s}
.guide-index a:hover{padding-left:.5rem}
.guide-copy h2{font-size:clamp(3.3rem,5.7vw,5.8rem);letter-spacing:.005em}
.guide-copy p{font-size:1.08rem;max-width:70ch}
.sequence-map{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;margin:3rem 0 1rem;border-top:4px solid #111;border-bottom:1px solid #9a9387;padding:1.2rem 0}
.sequence-map span{display:grid;gap:.2rem;font:700 .57rem var(--mono);letter-spacing:.08em}
.sequence-map b{font:400 2.4rem var(--display);color:var(--red)}
.sequence-map small{color:#777;font-size:.48rem}
.sequence-map i{height:1px;background:#999;position:relative}
.sequence-map i:after{content:"";position:absolute;right:0;top:-2px;border-left:5px solid #999;border-top:2px solid transparent;border-bottom:2px solid transparent}
.token-board{border:4px solid #111;box-shadow:9px 9px 0 #b5ab99}
.token-board>div{min-height:92px}
.reproduce{position:relative;overflow:hidden;padding:4rem!important;box-shadow:16px 16px 0 var(--amber)}
.reproduce:after{content:"PROMPT";position:absolute;right:-.03em;bottom:-.22em;font:400 9rem var(--display);color:#ffffff04}
.reproduce>*{position:relative;z-index:1}

@media(max-width:700px){
  .guide-hero{min-height:680px;padding-top:10rem}
  .guide-hero h1{font-size:31vw}
  .guide-deck{margin-left:14%;max-width:25ch}
  .guide-frame-code{left:1.2rem;right:1.2rem;grid-template-columns:1fr 1fr;gap:.7rem;bottom:2.2rem}
  .guide-frame-code span:nth-child(n+3){display:none}
  .guide-document{padding-top:5rem;background:var(--bone)}
  .guide-index{margin-bottom:4.5rem}
  .guide-copy h2{font-size:3.25rem}
  .sequence-map{grid-template-columns:1fr 1fr;gap:1rem}
  .sequence-map i{display:none}
  .sequence-map span{border-bottom:1px solid #aaa;padding-bottom:.8rem}
  .reproduce{padding:2.3rem 1.35rem!important;box-shadow:8px 8px 0 var(--amber)}
}