.guide-hero{padding:72px 0 54px;border-bottom:1px solid var(--line)}
.guide-hero h1{max-width:980px;margin:18px 0 22px;overflow-wrap:anywhere}
.guide-hero .lead{max-width:780px}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;padding-block:52px 90px}
.guide-layout>*{min-width:0}
.guide-toc{position:sticky;top:118px;align-self:start}
.guide-toc nav{display:block;margin:0}
.guide-toc>span{display:block;margin-bottom:12px;color:var(--accent-light);font:700 .75rem var(--mono)}
.guide-toc a{display:flex;align-items:center;min-height:42px;padding:7px 0;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
.guide-toc a:hover{color:var(--accent-light)}
.guide-step{scroll-margin-top:112px;padding-bottom:52px;margin-bottom:52px;border-bottom:1px solid var(--line)}
.guide-step:last-child{margin-bottom:0}
.guide-step h2{font-size:clamp(1.9rem,3.8vw,3rem);margin:10px 0 20px;overflow-wrap:anywhere}
.guide-step>p,.guide-step li{color:var(--muted)}
.guide-step li{padding:5px 0}
.guide-shot{margin:26px 4px 0 0}
.guide-shot img{display:block;width:100%;height:auto;border:2px solid var(--line);box-shadow:6px 6px 0 var(--shadow);background:var(--panel)}
html[data-theme=dark] .guide-shot-light{display:none}
html[data-theme=light] .guide-shot-dark{display:none}
.guide-note{border:2px solid var(--line);background:var(--panel);padding:20px 22px;margin:20px 0}
.guide-note strong{display:block;color:var(--accent-light);font:700 .78rem var(--mono);margin-bottom:6px}
.guide-note p{color:var(--muted)}
.guide-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.guide-problems .guide-note{margin:0}
.guide-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}
.guide-version{color:var(--muted);font:.75rem var(--mono);margin-top:22px}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:30px}.guide-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:24px}.guide-toc nav{columns:2}.guide-step{text-align:left}}
@media(max-width:560px){.guide-hero{text-align:center;padding-top:44px}.guide-hero .eyebrow{justify-content:center}.guide-layout{padding-top:34px}.guide-toc nav{columns:1}.guide-problems{grid-template-columns:1fr}.guide-actions .button{width:100%}.guide-shot{margin-right:0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.guide-toc,.guide-actions,.guide-shot{display:none}.guide-layout{display:block;padding-top:20px}.guide-step{break-inside:auto}.guide-note{break-inside:avoid}}
