.guide-page{
  background-color:#eee9d9;
  background-image:radial-gradient(circle at 78% 8%,rgba(242,210,27,.16),transparent 22%),repeating-linear-gradient(0deg,rgba(25,26,24,.018) 0 1px,transparent 1px 6px);
}
.guide-header{height:92px;padding:16px 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#f5d91b,#f2c51b);border-bottom:1px solid var(--ink)}
.back-race{text-transform:uppercase;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.12em;min-height:44px;display:flex;align-items:center}
.back-race:hover{transform:translateX(-5px)}
.guide-hero{min-height:calc(100svh - 92px);background-color:#252928;background-image:radial-gradient(circle at 82% 18%,rgba(242,210,27,.11),transparent 23%),repeating-linear-gradient(118deg,transparent 0 72px,rgba(255,255,255,.018) 72px 73px);color:var(--paper);padding:13vh 7vw 190px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.guide-hero::before{content:"ROADBOOK";position:absolute;left:2vw;top:0;font:400 15vw/.8 var(--display);color:rgba(255,255,255,.025);white-space:nowrap}
.guide-hero::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);margin:30px;pointer-events:none}
.guide-hero .section-tag{color:var(--yellow);position:relative;z-index:2}
.guide-hero h1{position:relative;z-index:2;font:400 clamp(68px,9.6vw,150px)/.8 var(--display);letter-spacing:-.062em;margin:7vh 0 38px;max-width:1250px;text-wrap:balance}.guide-hero h1 em{color:var(--yellow);font-weight:400}
.guide-deck{position:relative;z-index:2;font:400 19px/1.5 var(--body);max-width:530px;margin:0 8vw 0 auto;border-left:2px solid var(--yellow);padding-left:22px}
.guide-stamp{position:absolute;z-index:3;right:5vw;bottom:35px;width:170px;height:95px;border:2px solid var(--yellow);color:var(--yellow);transform:rotate(-4deg);display:flex;align-items:center;gap:12px;padding:12px}.guide-stamp b{font:400 55px/.8 var(--display)}.guide-stamp span{font-size:8px;font-weight:900;letter-spacing:.12em;line-height:1.55}
.guide-profile{position:absolute;bottom:-1px;left:0;width:100%;height:210px;opacity:.18}.guide-profile svg{width:100%;height:100%}.guide-profile path{fill:var(--yellow);filter:drop-shadow(0 -8px 0 rgba(242,210,27,.12))}
.guide-article{padding:90px 7vw 140px;max-width:1380px;margin:auto;position:relative}
.guide-rail{position:absolute;left:1.6vw;top:120px;bottom:170px;width:25px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#777}.guide-rail span{writing-mode:vertical-rl;font-size:7px;font-weight:900;letter-spacing:.2em}.guide-rail i{width:1px;flex:1;background:#aaa}.guide-rail b{font-size:7px}
.guide-article>section{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:4vw;padding:84px 0;border-bottom:1px solid #a8a79f}
.guide-article>section::after{content:attr(data-note);position:absolute;right:0;top:88px;writing-mode:vertical-rl;font-size:7px;font-weight:900;letter-spacing:.2em;color:#8d8b81}
.guide-num{font:400 70px/.8 var(--display);color:var(--red);position:sticky;top:35px;align-self:start}
.guide-article h2{font:400 clamp(45px,5.6vw,78px)/.92 var(--display);letter-spacing:-.045em;margin:0 0 34px;text-wrap:balance}
.guide-article p{font:440 16px/1.76 var(--body);max-width:840px;margin:0 0 1.25em;text-wrap:pretty}.guide-article code{font:750 12px var(--body);background:#d8d0b7;padding:3px 6px;border-bottom:1px solid #a89d7e}
.route-ribbon{margin:42px 0 0;max-width:900px;display:grid;grid-template-columns:auto repeat(21,1fr) auto;align-items:center;gap:5px;border-top:1px solid;border-bottom:1px solid;padding:17px 0}.route-ribbon span{font-size:7px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.route-ribbon i{display:block;width:9px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:var(--yellow)}.route-ribbon i:nth-of-type(3n){background:var(--red)}.route-ribbon i:nth-of-type(4n){background:var(--blue)}
.profile-schematic{margin:42px 0 0;max-width:900px;background:#252928;border:1px solid var(--ink);padding:25px;box-shadow:12px 14px 0 rgba(25,26,24,.13)}.profile-schematic svg{width:100%;display:block;overflow:visible}.g-grid{stroke:#676b69;stroke-width:1;stroke-dasharray:3 8}.g-fill{fill:rgba(242,210,27,.24)}.g-line{fill:none;stroke:var(--yellow);stroke-width:5;stroke-linejoin:round}.profile-schematic circle{fill:var(--paper);stroke:#252928;stroke-width:3}.profile-schematic text{font:800 9px var(--body);fill:var(--paper);letter-spacing:.1em}
.physics-strip{max-width:900px;margin-top:42px;display:grid;grid-template-columns:1fr auto 1fr;background:#252928;color:var(--paper);align-items:stretch;border-bottom:5px solid var(--yellow)}.physics-strip span{padding:24px;display:grid;gap:4px;font-size:9px;font-weight:900;letter-spacing:.1em}.physics-strip span:last-child{text-align:right}.physics-strip b{font:400 38px var(--display);color:var(--yellow)}.physics-strip small{color:#aaa}.physics-strip>i{font-size:8px;font-weight:800;font-style:normal;align-self:center;color:#888;writing-mode:vertical-rl;padding:14px;border-inline:1px solid #555}
.swatches{display:grid;grid-template-columns:2fr 2fr 1.4fr 1fr 1fr;margin-top:40px;max-width:900px;box-shadow:12px 14px 0 rgba(25,26,24,.12)}.swatches i{height:118px;background:var(--sw);display:flex;align-items:flex-end;padding:10px;font:800 8px var(--body);text-transform:uppercase;font-style:normal;color:white;border-right:1px solid rgba(255,255,255,.25)}.swatches i:first-child,.swatches i:nth-child(3){color:var(--ink)}
.prompt-copy{font:400 clamp(24px,2.5vw,37px)/1.48 var(--display)!important;max-width:950px!important;border-left:8px solid var(--yellow);padding:8px 0 8px 30px;quotes:"“" "”"}
.site-footer{position:relative}
@media(max-width:900px){.guide-hero{min-height:760px;padding-top:110px}.guide-hero h1{font-size:clamp(66px,11vw,100px)}.guide-deck{margin-left:24vw}.guide-article{padding-inline:7vw}.guide-rail{display:none}.guide-article>section{grid-template-columns:90px 1fr}.guide-article>section::after{display:none}.physics-strip{grid-template-columns:1fr 1fr}.physics-strip>i{grid-column:1/-1;grid-row:2;writing-mode:horizontal-tb;text-align:center;border:0;border-top:1px solid #555}.route-ribbon{grid-template-columns:auto repeat(21,1fr)}.route-ribbon span:last-child{display:none}}
@media(max-width:600px){.guide-header{height:82px;padding:14px 16px}.guide-hero{min-height:720px;padding:95px 20px 155px;justify-content:flex-start}.guide-hero::after{margin:12px}.guide-hero h1{font-size:62px;line-height:.82;margin:70px 0 34px}.guide-deck{margin:0;font-size:16px;padding-left:16px}.guide-stamp{right:20px;bottom:18px;transform:rotate(-3deg) scale(.78);transform-origin:right bottom}.guide-profile{height:125px}.guide-article{padding:35px 20px 90px}.guide-article>section{grid-template-columns:1fr;gap:18px;padding:58px 0}.guide-num{position:static;font-size:43px}.guide-article h2{font-size:44px;margin-bottom:26px}.guide-article p{font-size:15px;line-height:1.72}.route-ribbon{grid-template-columns:repeat(7,1fr);gap:12px}.route-ribbon span{grid-column:1/-1}.route-ribbon span:last-child{display:block}.route-ribbon i{width:10px}.profile-schematic{padding:13px;box-shadow:7px 8px 0 rgba(25,26,24,.13)}.profile-schematic text{font-size:11px}.physics-strip span{padding:17px 12px}.physics-strip b{font-size:30px}.swatches{grid-template-columns:1fr;box-shadow:7px 8px 0 rgba(25,26,24,.12)}.swatches i{height:58px}.prompt-copy{font-size:24px!important;padding-left:20px}.site-footer{padding-bottom:28px}}

.back-race{transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .2s,color .2s;padding-inline:12px}
.back-race:hover,.back-race:focus-visible{transform:translateX(-5px);background:var(--ink);color:var(--yellow)}
.guide-hero .section-tag,.guide-hero h1,.guide-deck,.guide-stamp{animation:guideLoad .72s cubic-bezier(.2,.75,.2,1) both}
.guide-hero h1{animation-delay:.1s}.guide-deck{animation-delay:.2s}.guide-stamp{animation-delay:.32s}
.guide-article h2{font-optical-sizing:auto}.guide-article code{font-variant-numeric:tabular-nums}
@keyframes guideLoad{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.guide-hero .section-tag,.guide-hero h1,.guide-deck,.guide-stamp{animation:none}.back-race{transition:none}}