.device-anchor{display:block;scroll-margin-top:110px}
.guide-page .site-header{background:#080d12ed;backdrop-filter:blur(16px)}
.guide-intro{padding-top:132px;padding-bottom:48px}
.guide-back{display:inline-flex;min-height:40px;align-items:center;color:var(--muted);font-size:.875rem;margin-bottom:26px}
.guide-intro h1{font:600 clamp(2.5rem,5vw,4.5rem)/1.08 var(--font-heading);letter-spacing:-.055em;margin:18px 0 22px}
.guide-intro>p:not(.eyebrow){font-size:1.0625rem;max-width:630px}
.guide-summary{display:flex;gap:26px;flex-wrap:wrap;margin-top:27px;padding-top:23px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.guide-summary strong{color:var(--text);margin-left:5px}.guide-summary>span:last-child{margin-left:auto;color:var(--dim)}
.access-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}
.device-picker{position:sticky;top:110px;max-height:calc(100dvh - 125px);overflow-y:auto;padding-right:4px}.device-picker>h2{font-size:1.125rem;letter-spacing:-.02em;margin-bottom:22px}
.device-group{margin-bottom:22px}.device-group>p{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;color:var(--dim)}
.device-links a{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:5px;padding:11px 13px;font-size:.875rem;color:var(--muted);min-height:46px;line-height:1.5}
.device-links a svg{width:15px;height:15px;opacity:.45}.device-links a:hover{background:#142027;color:var(--text)}
.device-links a[aria-current=true]{background:#10272c;border-color:#315457;color:var(--cyan)}.device-links a[aria-current=true] svg{opacity:1}
.guide-content{min-width:0}.guide-selection{font-size:.75rem;color:var(--dim);margin-bottom:14px;min-height:20px}
.guide-panel{border:1px solid var(--line);border-radius:8px;background:#0d151b;padding:32px 34px;margin-bottom:30px;scroll-margin-top:110px;min-width:0}
.guide-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--dim);font-size:.75rem;margin-bottom:24px}
.edition-label{border:1px solid #31565c;background:#12252b;color:var(--cyan);border-radius:3px;padding:4px 9px;text-transform:uppercase;letter-spacing:.07em}.edition-console{color:var(--amber);background:#2a241b;border-color:#645238}
.guide-panel>h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;overflow-wrap:anywhere}.guide-lead{margin-top:15px;font-size:1rem}
.access-steps{margin-top:33px}.access-steps>li{display:grid;grid-template-columns:33px minmax(0,1fr);gap:19px;padding:25px 0;border-top:1px solid var(--line)}
.step-number{color:var(--cyan);font:.875rem/1.5 var(--font-mono);padding-top:1px}.access-steps h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:10px}
.access-steps p{font-size:1rem;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.access-steps p strong{color:var(--text)}.access-steps .step-tip{font-size:.875rem;color:var(--dim);line-height:1.75}
.access-steps .button{margin-top:15px}.input-reference{margin-top:15px;border:1px solid #2b3d46;border-radius:5px;background:#080e14;padding:4px 16px}
.input-reference>div{padding:11px 0}.input-reference>div+div{border-top:1px solid #24313a}.input-reference dt{font-size:.75rem;color:var(--dim)}.input-reference dd{font-family:var(--font-mono);font-size:.9375rem;color:var(--text);overflow-wrap:anywhere;margin-top:3px}
.guide-source{font-size:.75rem;line-height:1.8;padding-top:20px;border-top:1px solid var(--line)}.guide-source a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.guide-callout{border-left:2px solid var(--amber);background:#26211766;padding:18px 20px;margin-top:24px;border-radius:0 5px 5px 0}.guide-callout>strong{color:var(--amber);font-size:.9375rem}.guide-callout p{font-size:.9375rem;margin-top:8px;line-height:1.8}
.other-device{padding:24px 0;border-top:1px solid var(--line);margin-top:22px}.other-device h3{font-size:1.125rem;line-height:1.4}.other-device p{font-size:1rem;margin-top:12px}
.guide-versions{padding-block:95px 75px}.version-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.version-cards>article{border:1px solid var(--line);background:var(--surface);padding:25px;border-radius:6px;min-width:0}
.version-card-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.version-card-title h3{font-size:1.5rem}.guide-live{font-size:.75rem;color:var(--dim)}.guide-live[data-state=online]{color:var(--cyan)}.guide-live[data-state=offline]{color:#e6a8a6}
.version-cards dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:15px;align-items:baseline;margin-block:12px}.version-cards dt{font-size:.8125rem;color:var(--dim)}.version-cards dd{font: .9375rem/1.6 var(--font-mono);overflow-wrap:anywhere}.version-cards .button{margin-top:12px}.version-cards article>p{font-size:.75rem;margin-top:18px;line-height:1.6;color:var(--dim)}.version-footnote{font-size:.8125rem;color:var(--dim);margin-top:20px;max-width:900px;line-height:1.8}
.guide-troubleshooting{padding-bottom:100px}.guide-troubleshooting>h2{margin:16px 0 32px}.guide-troubleshooting .faq-item{max-width:930px}.guide-troubleshooting .faq-item summary{font-size:1rem}.guide-troubleshooting .faq-answer{font-size:1rem;max-width:850px}
.mobile-device-label{display:none}.guide-page #device-select{width:100%;min-height:50px;padding:12px;border:1px solid #37505c;border-radius:5px;background:var(--surface);color:var(--text);font-size:1rem}
@media(max-width:1000px){.access-layout{grid-template-columns:235px minmax(0,1fr);gap:25px}.guide-panel{padding:27px 24px}.guide-summary>span:last-child{margin-left:0}.version-cards dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:700px){.guide-intro{padding-top:105px;padding-bottom:30px}.guide-back{margin-bottom:17px}.guide-intro h1{font-size:2.65rem}.guide-intro>p:not(.eyebrow){font-size:1rem}.guide-summary{font-size:.8125rem;gap:10px 19px}.guide-summary>span:last-child{width:100%;font-size:.75rem}.access-layout{grid-template-columns:1fr;gap:21px}.device-picker{position:static;max-height:none;overflow:visible;padding-right:0}.device-picker>h2{font-size:1rem;margin-bottom:12px}.guide-enhanced .device-links{display:none}.guide-enhanced .mobile-device-label{display:block;font-size:.8125rem;margin-bottom:8px;color:var(--muted)}.guide-enhanced #device-select:not([hidden]){display:block}.guide-panel{padding:23px 19px}.guide-panel-top{margin-bottom:22px;font-size:.75rem}.guide-panel>h2{font-size:1.875rem}.access-steps>li{grid-template-columns:25px minmax(0,1fr);gap:11px;padding:23px 0}.access-steps h3{font-size:1.0625rem}.input-reference{padding-inline:12px}.input-reference dd{font-size:.8125rem}.guide-callout{padding:15px}.guide-versions{padding-block:60px}.guide-versions .section-intro h2{font-size:2.1rem}.version-cards{grid-template-columns:1fr;gap:15px}.version-card-title{align-items:flex-start}.version-cards>article{padding:22px}.version-cards dl>div{grid-template-columns:100px minmax(0,1fr);gap:10px}.version-cards dd{font-size:.875rem}.guide-troubleshooting{padding-bottom:70px}.guide-troubleshooting h2{font-size:2.1rem}.guide-troubleshooting .faq-item summary{font-size:.9375rem}.guide-selection{font-size:.75rem;margin-bottom:10px}}
@media(min-width:701px){.guide-enhanced #device-select{display:none!important}}
@media(prefers-reduced-motion:reduce){.guide-page{scroll-behavior:auto}}