.guide-body{background:#080a0c}.guide-header{position:relative}.back-link{justify-self:center;text-decoration:none;font:600 9px var(--mono);letter-spacing:.12em;color:var(--blue-pale);min-height:44px;display:flex;align-items:center}.guide-hero{min-height:72svh;padding:clamp(80px,11vw,160px) var(--pad) 80px;position:relative;overflow:hidden;background:linear-gradient(115deg,rgba(46,139,255,.15),transparent 43%),linear-gradient(90deg,transparent 49.9%,rgba(115,140,162,.12) 50%,transparent 50.1%);border-bottom:1px solid var(--line)}.guide-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(76,96,112,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(76,96,112,.1) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent)}.guide-hero>*{position:relative;z-index:2}.guide-hero h1{font:900 clamp(64px,12vw,184px)/.78 var(--mono);letter-spacing:-.1em;margin:28px 0}.guide-hero h1 span{color:var(--blue)}.guide-deck{font-size:clamp(18px,2vw,28px);line-height:1.4;color:#b7c2cb;max-width:650px}.guide-hero-code{position:absolute;right:-.03em;bottom:-.28em;font:900 clamp(200px,39vw,600px)/1 var(--mono);letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px rgba(134,189,255,.13)}.guide-status{display:flex;gap:8px;margin-top:44px}.guide-status span{border:1px solid var(--line);padding:11px 14px;font:600 8px var(--mono);color:var(--green)}.guide-article{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,1fr);gap:clamp(40px,9vw,150px);padding:clamp(80px,11vw,160px) var(--pad)}.guide-rail{position:relative;height:max-content;display:grid;border-top:2px solid var(--blue)}.guide-rail span{font:600 8px var(--mono);color:var(--dim);padding:16px 0}.guide-rail a{text-decoration:none;color:var(--muted);font:500 9px var(--mono);padding:14px 0;border-top:1px solid var(--line)}.guide-rail a:hover{color:var(--blue-pale)}.guide-copy{max-width:930px}.guide-copy section{padding:0 0 clamp(90px,11vw,150px);scroll-margin-top:24px}.guide-copy h2{font:800 clamp(46px,6vw,86px)/.9 var(--mono);letter-spacing:-.07em;margin:20px 0 38px}.guide-copy p:not(.section-index){font-size:clamp(16px,1.45vw,20px);line-height:1.75;color:#b2bdc7;max-width:800px}.guide-copy code{font:500 .83em var(--mono);color:var(--blue-pale);background:#111923;padding:2px 5px}.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 38px}.token-grid>div{background:#0b0f13;min-height:140px;padding:18px;display:grid;grid-template-columns:1fr auto;align-content:space-between}.token-grid i{grid-column:1/-1;width:100%;height:40px;background:var(--swatch);box-shadow:0 0 18px color-mix(in srgb,var(--swatch),transparent 70%)}.token-grid b{font:600 9px var(--mono)}.token-grid span{font:500 8px var(--mono);color:var(--dim)}.reproduce{border:1px solid #33404a;padding:clamp(26px,5vw,64px)!important;background:linear-gradient(135deg,rgba(46,139,255,.1),transparent)}.reproduce h2{margin-top:20px}
@media(max-width:760px){.guide-header{grid-template-columns:1fr auto}.guide-header .header-status{display:none}.back-link{font-size:8px}.guide-hero{min-height:68svh;padding:85px 20px 60px}.guide-hero h1{font-size:61px}.guide-status{flex-wrap:wrap}.guide-article{grid-template-columns:1fr;padding:80px 20px}.guide-rail{position:static;grid-template-columns:1fr 1fr}.guide-rail span{grid-column:1/-1}.guide-rail a{min-height:44px}.guide-copy h2{font-size:48px}.token-grid{grid-template-columns:1fr 1fr}.token-grid>div{min-height:120px;padding:12px}.guide-copy p:not(.section-index){font-size:16px}.reproduce{margin:0 -5px}}