.guide{max-width:1120px;padding-block:40px 80px}
.guide h1{max-width:22ch;font-size:clamp(32px,4.5vw,58px);margin:28px 0 24px}
.guide-intro{font-size:clamp(18px,2vw,22px);color:var(--muted)}
.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0 18px}
.guide-note{color:var(--muted);font-size:14px}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;margin-top:64px}
.guide-toc{align-self:start;position:sticky;top:32px;display:grid;gap:14px;border-top:1px solid var(--line);padding-top:22px;font-size:14px}
.guide-copy{min-width:0;max-width:70ch}
.guide-copy section+section{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.guide-copy h2{font-size:clamp(25px,2.6vw,34px);margin-bottom:20px}
.guide-copy h3{font-size:20px;margin:26px 0 12px}
.guide-copy p+p,.guide-copy p+ul,.guide-copy p+ol{margin-top:16px}
.guide-copy ul,.guide-copy ol{padding-left:24px}
.guide-copy li+li{margin-top:12px}
.guide-copy li{padding-left:4px}
.guide-copy a:hover,.guide-toc a:hover{text-decoration-thickness:2px}
.guide-copy .button{margin-top:24px}
@media(max-width:760px){.guide-layout{grid-template-columns:1fr;gap:36px;margin-top:40px}.guide-toc{position:static}.guide{padding-top:20px}.guide-actions{align-items:flex-start;flex-direction:column}.guide-actions .button{max-width:100%}}
