.guide-page{background:#dfe5df;color:#202625}
.guide-header{height:72px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:0;right:0;color:#f2f1ea;border-bottom:1px solid rgba(255,255,255,.3)}
.guide-header .mark svg{fill:#d7463d}.return-link{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-underline-offset:5px}
.guide-hero{height:min(92vh,860px);min-height:620px;background:linear-gradient(165deg,#abcbd0 0%,#dca0a0 53%,#56615f 100%);color:#f5f3ed;position:relative;overflow:hidden;padding:clamp(7rem,13vw,11rem) clamp(1.2rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.guide-horizon{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 89px,rgba(255,255,255,.13) 90px);mask-image:linear-gradient(black,transparent 75%);z-index:-2}.guide-horizon:after{content:"";position:absolute;width:min(30vw,400px);aspect-ratio:1;border-radius:50%;right:17%;top:17%;background:#efb9a4;box-shadow:0 0 80px rgba(246,190,167,.55)}
.guide-cliff{position:absolute;z-index:-1;right:-5%;bottom:-15%;width:58%;height:74%;background:linear-gradient(130deg,#5c6461,#292f2e 65%);clip-path:polygon(25% 0,100% 13%,100% 100%,0 100%,20% 77%,3% 61%,32% 46%,12% 31%,42% 18%);filter:drop-shadow(-35px -20px 35px rgba(27,34,33,.22))}
.guide-hero>p{font-size:.66rem;font-weight:800;letter-spacing:.25em}.guide-hero h1{font:800 clamp(4rem,10vw,10rem)/.83 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:.16em 0;max-width:1100px}.guide-meta{display:flex;gap:clamp(1rem,4vw,4rem);font-size:.56rem;font-weight:800;letter-spacing:.16em;margin-top:1.8rem}
.guide-article{max-width:1400px;margin:auto;display:grid;grid-template-columns:250px minmax(0,850px);gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) clamp(1.2rem,6vw,6rem)}
.guide-rail{position:sticky;top:2rem;align-self:start;border-top:3px solid #d7463d;padding-top:1rem;min-height:390px;display:flex;flex-direction:column}.guide-rail>span{font-size:.56rem;letter-spacing:.18em;font-weight:800}.guide-rail>strong{font:700 2.4rem var(--display);margin-top:.3rem}.guide-rail nav{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid rgba(32,38,37,.2)}.guide-rail nav a{padding:.8rem 0;border-bottom:1px solid rgba(32,38,37,.2);font-size:.7rem;font-weight:700;text-decoration:none}.guide-rail nav a:hover{color:#ba302a}
.guide-copy section{padding:0 0 clamp(5rem,8vw,8rem);margin-bottom:clamp(4rem,6vw,6rem);border-bottom:1px solid rgba(32,38,37,.22);scroll-margin-top:2rem}.guide-copy section:last-child{border:0;margin:0}.guide-number{font:800 .65rem var(--body);letter-spacing:.18em;color:#c33d36}.guide-copy h2{font:700 clamp(2.8rem,5vw,5.3rem)/.92 var(--display);letter-spacing:-.06em;margin:.25em 0 .55em}.guide-copy p{font-size:1rem;line-height:1.8;max-width:72ch;color:#3f4947}.guide-copy code{font-family:var(--body);font-size:.83em;color:#9f2f2a;background:rgba(215,70,61,.09);padding:.12em .3em}.technique-list{border-top:1px solid rgba(32,38,37,.24)}.technique-list>div{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:1.7rem 0;border-bottom:1px solid rgba(32,38,37,.2)}.technique-list h3{font:700 1.08rem var(--display);margin:0}.technique-list p{font-size:.88rem;margin:0;line-height:1.75}.token-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:2rem;border:1px solid rgba(32,38,37,.25)}.token-grid div{min-height:150px;padding:1rem;background:var(--swatch);display:flex;flex-direction:column;justify-content:flex-end;color:#f3f1eb;border-right:1px solid rgba(255,255,255,.22)}.token-grid div:nth-child(1),.token-grid div:nth-child(4){color:#202625}.token-grid div:last-child{border:0}.token-grid span{font-size:.66rem;font-weight:800}.token-grid code{font-size:.57rem;background:none;color:inherit;padding:0;margin-top:.3rem}.reproduce{background:#202625;color:#eef1eb;padding:clamp(2rem,5vw,5rem)!important;border-left:6px solid #d7463d!important}.reproduce p{color:#c5ccc7}
@media(max-width:800px){.guide-article{grid-template-columns:1fr}.guide-rail{position:static;min-height:auto;display:grid;grid-template-columns:1fr auto}.guide-rail nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem}.guide-rail nav a{text-align:center;border:1px solid rgba(32,38,37,.2);border-left:0}.guide-rail nav a:first-child{border-left:1px solid rgba(32,38,37,.2)}.token-grid{grid-template-columns:repeat(3,1fr)}.token-grid div{min-height:120px}}
@media(max-width:520px){.guide-header{height:64px}.return-link{font-size:.57rem}.guide-hero{min-height:600px;padding:6rem 1rem 4rem}.guide-hero h1{font-size:15vw;max-width:94%;position:relative;z-index:2}.guide-cliff{width:76%;height:49%;bottom:-10%}.guide-meta{display:grid;gap:.65rem;position:relative;z-index:2}.guide-article{padding:4rem 1rem}.guide-copy section{padding-bottom:3.5rem;margin-bottom:3.5rem}.guide-rail nav{grid-template-columns:1fr 1fr}.technique-list>div{grid-template-columns:1fr;gap:.5rem;padding:1.35rem 0}.token-grid{grid-template-columns:1fr 1fr}.token-grid div{min-height:110px}.reproduce{margin-left:-1rem;margin-right:-1rem;padding:2rem 1rem!important}.site-footer nav a:first-child{width:100%}}

/* PASS 2 — FIELD MANUAL, NOT GENERIC DOCUMENTATION */
.guide-page{background:
  repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(31,39,37,.025) 25%),
  linear-gradient(145deg,#e8ede7,#dfe6df);color:#1b2321}
.guide-header{height:76px;background:linear-gradient(90deg,rgba(20,27,26,.38),rgba(20,27,26,.08));backdrop-filter:blur(8px)}
.return-link{min-height:44px;display:flex;align-items:center}
.guide-hero{height:min(94vh,920px);background:
  radial-gradient(circle at 70% 24%,rgba(255,198,172,.92) 0 10%,rgba(255,193,174,.2) 23%,transparent 35%),
  linear-gradient(130deg,#86bbc5 0%,#dfa3a4 48%,#606a67 100%);padding-left:clamp(1.2rem,7vw,7rem)}
.guide-hero:before{content:"ALT / 3180 → 1340";position:absolute;left:2rem;bottom:4rem;font-size:.48rem;font-weight:800;letter-spacing:.22em;writing-mode:vertical-rl;color:rgba(255,255,255,.7)}
.guide-horizon{background:repeating-linear-gradient(to bottom,transparent 0 71px,rgba(255,255,255,.1) 72px)}
.guide-horizon:before{content:"";position:absolute;left:0;right:0;top:52%;height:1px;background:rgba(255,255,255,.34);box-shadow:0 8px 0 rgba(255,255,255,.1)}
.guide-cliff{right:-2%;bottom:-22%;width:55%;height:82%;background:linear-gradient(132deg,#717975 0 18%,#414946 19% 47%,#232a28 48% 70%,#151b1a 71%);filter:drop-shadow(-45px -25px 38px rgba(27,34,33,.32))}
.guide-cliff:after{content:"";position:absolute;inset:20% 12%;background:linear-gradient(120deg,transparent 0 44%,rgba(255,255,255,.08) 45% 52%,transparent 53%);clip-path:polygon(0 0,100% 23%,72% 100%,18% 82%)}
.guide-hero>p{display:inline-block;width:max-content;background:#df4038;padding:.48rem .68rem;position:relative;z-index:2}
.guide-hero h1{font-size:clamp(4.2rem,9vw,9rem);line-height:.79;max-width:900px;position:relative;z-index:2;text-shadow:0 12px 36px rgba(21,27,26,.16)}
.guide-meta{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.55);padding-top:1rem;width:min(610px,70vw)}
.guide-article{max-width:1340px;grid-template-columns:220px minmax(0,900px);gap:clamp(3rem,7vw,7rem);padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.guide-rail{top:3rem;min-height:430px;border-top-width:5px}.guide-rail>strong{font-size:3rem;letter-spacing:-.06em}.guide-rail:after{content:"VALLEY FLOOR / 1,340";margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(32,38,37,.2);font-size:.47rem;font-weight:800;letter-spacing:.16em;color:#a72e29}
.guide-rail nav a{min-height:44px;display:flex;align-items:center;transition:padding .2s,color .2s}.guide-rail nav a:hover{padding-left:.5rem}
.guide-copy section{padding-bottom:clamp(4rem,6vw,6rem);margin-bottom:clamp(3.5rem,5vw,5rem)}
.guide-copy h2{font-size:clamp(3.1rem,5vw,5.5rem);line-height:.87}.guide-copy p{color:#37423f;line-height:1.75}
.guide-flight-map{margin-top:2.5rem;padding:1.4rem;border:1px solid rgba(28,37,35,.28);display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:.8rem;align-items:center;background:rgba(255,255,255,.22)}
.guide-flight-map span{font-size:.5rem;font-weight:800;letter-spacing:.12em}.guide-flight-map b{display:block;font:700 1rem var(--display);letter-spacing:-.04em;margin-bottom:.2rem}.guide-flight-map i{height:2px;background:linear-gradient(90deg,#df4038,#8ed5dd);position:relative}.guide-flight-map i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #8ed5dd;border-top:4px solid transparent;border-bottom:4px solid transparent}
.technique-list{border-top:4px solid #1c2422}.technique-list>div{grid-template-columns:165px 1fr;gap:2.5rem;padding:1.55rem 0}.technique-list>div:nth-child(even){padding-left:1rem;background:linear-gradient(90deg,rgba(223,64,56,.06),transparent 65%)}.technique-list h3{font-size:1rem}.technique-list p{font-size:.84rem}
.token-grid{border:0;border-top:4px solid #1c2422;transform:translateX(-3rem);width:calc(100% + 3rem)}.token-grid div{min-height:175px;border-color:rgba(255,255,255,.25);padding:1.15rem}.token-grid div:nth-child(3){transform:translateY(1rem)}
.reproduce{position:relative;background:linear-gradient(135deg,#1b2221,#252d2b)!important;border-left-width:8px!important;box-shadow:22px 24px 0 rgba(26,34,32,.08);margin-bottom:1.5rem!important}.reproduce:after{content:"PROMPT / TEST / REVISE";position:absolute;right:1rem;top:1rem;font-size:.46rem;font-weight:800;letter-spacing:.18em;color:#69736e}.reproduce h2{max-width:670px}.reproduce p{color:#d0d7d1;font-size:1.02rem}

@media(max-width:1000px){.guide-article{grid-template-columns:1fr}.guide-rail{position:static;min-height:auto;display:grid;grid-template-columns:1fr auto}.guide-rail:after{margin:0;text-align:right;border:0;padding:0}.guide-rail nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem}.guide-rail nav a{justify-content:center;border:1px solid rgba(32,38,37,.2);border-left:0}.guide-rail nav a:first-child{border-left:1px solid rgba(32,38,37,.2)}}
@media(max-width:600px){.guide-header{height:64px;padding:0 1rem}.guide-header .mark span{display:none}.guide-hero{min-height:660px;padding:6rem 1rem 4rem}.guide-hero:before{display:none}.guide-hero>p{font-size:.53rem}.guide-hero h1{font-size:14.4vw;line-height:.82;max-width:360px}.guide-cliff{width:75%;height:52%;bottom:-12%;right:-24%}.guide-meta{display:grid;gap:.7rem;width:78%;font-size:.48rem}.guide-article{padding:4rem 1rem}.guide-rail nav{grid-template-columns:1fr 1fr}.guide-copy h2{font-size:3rem}.guide-copy section{padding-bottom:3.2rem;margin-bottom:3.2rem}.guide-flight-map{grid-template-columns:1fr;gap:.6rem}.guide-flight-map i{width:2px;height:24px;margin-left:.5rem;background:linear-gradient(#df4038,#8ed5dd)}.technique-list>div{grid-template-columns:1fr;gap:.45rem;padding:1.3rem 0}.technique-list>div:nth-child(even){padding-left:.65rem}.token-grid{grid-template-columns:1fr 1fr;transform:none;width:100%}.token-grid div{min-height:115px}.token-grid div:nth-child(3){transform:none}.reproduce{margin-left:0;margin-right:0;padding:2rem 1rem!important;box-shadow:8px 10px 0 rgba(26,34,32,.08)}.reproduce p{font-size:.94rem}.site-footer nav a:first-child{width:100%}}