/* Onyx surfaces and silver controls follow the established search-page tokens. */
.feature-guide{--guide-surface:linear-gradient(140deg,#1b202bda,#0e1016f5);--guide-edge:#b6bfce;--guide-radius:24px;--guide-space:24px;--guide-text:#c7c9d0}
.feature-guide .hero{grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);gap:48px;padding-block:64px 40px;min-height:0}
.feature-guide .hero h1{max-width:13ch;font-size:clamp(44px,6vw,76px)}
.guide-stage{margin:0;text-align:center;min-width:0}.guide-device{position:relative;height:430px;display:grid;place-items:center;isolation:isolate}.guide-device:before{content:"";position:absolute;inset:15% -10%;z-index:-1;background:radial-gradient(ellipse,#b7c9ed18,transparent 65%)}.guide-device>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 24px 32px #0009)}.guide-device model-viewer{width:100%;height:100%;background:transparent}.guide-stage figcaption{font-size:14px}.guide-stage figcaption span{font-size:12px}.guide-model-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.guide-model-actions button{font-size:14px;min-height:44px;padding:9px 16px}.guide-stage .note{min-height:1.5em;margin:8px 0}
.guide-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--guide-radius);overflow:hidden;margin:16px 0 64px}.guide-routes a{position:relative;background:#101319;padding:24px;min-height:115px;font-size:17px;line-height:1.4;transition:background .18s}.guide-routes a:hover{background:#252c39}.guide-routes span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase}.guide-routes b{float:right;font-weight:400}.guide-routes a:focus-visible{outline-offset:-5px}
.guide-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:64px;align-items:start}.guide-index{position:sticky;top:24px;border:1px solid var(--line);background:var(--guide-surface);border-radius:var(--guide-radius);padding:24px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}.guide-index h2{font-size:23px;letter-spacing:-.035em;margin:0 0 22px}.guide-index nav{display:block}.guide-index ol{padding:0;margin:0;list-style:none;counter-reset:features}.guide-index li{counter-increment:features;min-width:0;border-top:1px solid var(--line)}.guide-index a{display:grid;grid-template-columns:22px 1fr;gap:8px;min-height:44px;padding:12px 0;font-size:14px;line-height:1.5;color:var(--guide-text);text-decoration:none}.guide-index a:before{content:counter(features,decimal-leading-zero);font-size:11px;color:var(--muted);padding-top:3px}.guide-index a:hover,.guide-index a[aria-current]{color:#fff}.guide-index a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.guide-search label{font-size:13px}.guide-search input{min-width:0;padding:11px;font-size:14px}.guide-search p{font-size:12px;color:var(--muted);min-height:1.5em;margin:10px 0 16px}.guide-articles{min-width:0}.guide-chapter{scroll-margin-top:24px}.guide-articles section.content:first-child{border-top:0;padding-top:0}.guide-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--muted);margin:0}.guide-chapter h2{margin-top:20px;max-width:25ch;font-size:clamp(28px,3vw,40px)}.guide-location{padding:20px 24px;border-left:2px solid var(--guide-edge);background:var(--guide-surface);border-radius:0 16px 16px 0}.guide-location strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--guide-edge)}.guide-steps{list-style:none;counter-reset:steps;padding:0}.guide-steps li{counter-increment:steps;position:relative;padding:14px 0 14px 40px;color:var(--guide-text);line-height:1.8}.guide-steps li:before{content:counter(steps);position:absolute;left:0;top:18px;color:var(--guide-edge);font-size:13px;border-bottom:1px solid var(--line);width:22px}.guide-chapter p.guide-tip{color:var(--muted);font-size:16px;border-left:1px solid var(--line);padding-left:20px}.guide-shot{max-width:240px;margin:30px auto;padding:9px 9px 0;border:1px solid #59606c;border-radius:30px;background:linear-gradient(145deg,#555b68,#12151c 25%,#242936 85%,#626b7c);box-shadow:0 24px 45px #0006}.guide-shot img{width:100%;height:auto;display:block;border-radius:22px}.guide-shot figcaption{padding:0 6px 12px;font-size:12px}.guide-back{display:inline-block;min-height:44px;padding:12px 0;font-size:13px;color:var(--muted)}.guide-related a{display:inline-block;padding:8px 0}#guide-updates{scroll-margin-top:24px}
@media(max-width:1000px){.guide-layout{gap:32px;grid-template-columns:240px minmax(0,1fr)}.guide-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-guide .hero{gap:24px}.guide-device{height:360px}}
@media(max-width:750px){.feature-guide .hero{grid-template-columns:1fr;padding-block:36px 24px}.feature-guide .hero h1{max-width:16ch}.guide-device{height:310px}.guide-stage{max-width:360px;width:100%;justify-self:center}.guide-layout{display:block}.guide-index{position:static;max-height:none;margin-bottom:48px;padding:22px}.guide-index ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.guide-routes{margin-bottom:36px}.guide-routes a{padding:20px;font-size:15px;min-height:106px}.guide-chapter h2{font-size:32px}.guide-location{padding:18px}.guide-shot{max-width:220px}}
@media(max-width:380px){.guide-index ol{grid-template-columns:1fr}.guide-routes a{padding:16px}.guide-device{height:280px}}
@media(prefers-reduced-motion:reduce){.guide-routes a{transition:none}}
@media print{.guide-index,header,footer,.website-measurement,.guide-back,.guide-stage,.guide-routes{display:none}.guide-layout{display:block}body.feature-guide{color:#111;background:#fff}.guide-location{background:#f2f2f2}.guide-steps li,.guide-chapter p.guide-tip{color:#222}.guide-chapter{break-inside:avoid}.guide-shot{display:none}}

/* Keep poster and live geometry in the same reserved aperture. */
.guide-device>img,.guide-device model-viewer{position:absolute;inset:0;width:100%;height:100%;min-height:0}