.guide__hero{gap:24px;padding-block:clamp(32px,6vw,72px) clamp(40px,6vw,72px);display:grid}.crumbs ol{color:var(--ink-3);flex-wrap:wrap;gap:8px;font-size:.875rem;display:flex}.crumbs li+li:before{content:"/";color:var(--line-strong);margin-right:8px}.crumbs a{color:var(--ink-2);transition:color .2s}@media (hover:hover) and (pointer:fine){.crumbs a:hover{color:var(--ink)}}.guide__title{max-width:22ch}.guide__meta{flex-wrap:wrap;gap:6px 20px;display:flex}.facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1px;margin-top:8px;display:grid;overflow:hidden}.facts>div{background:var(--surface);align-content:start;gap:4px;padding:18px 20px;display:grid}.facts dt{color:var(--ink-3);font-size:.8125rem}.facts dd{letter-spacing:-.01em;text-wrap:pretty;font-weight:600}.guide__layout{padding-bottom:var(--section-y);grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,88px);display:grid}.toc{top:calc(var(--nav-h) + 32px);gap:12px;display:grid;position:sticky}.toc__title{font-size:.875rem;font-weight:600}.toc ol{border-left:1px solid var(--line);gap:2px;display:grid}.toc a{color:var(--ink-3);border-left:1px solid #0000;margin-left:-1px;padding:6px 0 6px 14px;font-size:.875rem;line-height:1.4;transition:color .2s,border-color .2s;display:block}@media (hover:hover) and (pointer:fine){.toc a:hover{color:var(--ink);border-left-color:var(--accent)}}.prose{max-width:72ch;color:var(--ink-2);gap:clamp(48px,6vw,72px);display:grid}.prose>section{align-content:start;gap:16px;display:grid}.prose h2{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin-bottom:4px;font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:600;line-height:1.15}.prose h3{letter-spacing:-.01em;color:var(--ink);margin-top:8px;font-size:1.0625rem;font-weight:600;line-height:1.35}.prose p,.prose li{text-wrap:pretty}.prose strong{color:var(--ink);font-weight:600}.prose :is(p,li,td) a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.prose ul:not([class]){gap:8px;padding-left:1.25em;list-style:outside;display:grid}.prose ul:not([class]) li::marker{color:var(--accent)}.prose code{background:var(--surface-2);font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:.875em}.steps{counter-reset:step;gap:16px;display:grid}.steps li{counter-increment:step;gap:4px;padding-left:48px;display:grid;position:relative}.steps li:before{content:counter(step);background:var(--accent-soft);width:30px;height:30px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:600;display:grid;position:absolute;top:0;left:0}.steps strong{display:block}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:10px;padding:20px;display:grid}.card .tag{justify-self:start}.card h3{margin:0}.card ul{gap:6px;padding-left:1.1em;font-size:.9375rem;list-style:outside;display:grid}.note{border-left:2px solid var(--accent);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--accent-soft);color:var(--ink-2);padding:18px 20px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9375rem}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 16px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{color:var(--ink);background:var(--surface-2);font-size:.8125rem;font-weight:600}.table-wrap td:first-child{white-space:nowrap;color:var(--ink)}.uri{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-family:var(--font-mono);color:var(--ink);flex-wrap:wrap;gap:4px;padding:16px;font-size:.875rem;display:flex}.uri span{background:var(--surface-2);overflow-wrap:anywhere;border-radius:6px;padding:4px 8px}.uri .uri__key{background:var(--accent-soft);color:var(--accent)}.sources{gap:8px;font-size:.9375rem;display:grid}.related{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.related a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);gap:6px;padding:18px 20px;text-decoration:none;transition:border-color .2s;display:grid}.related a span{color:var(--ink-3);font-size:.875rem}@media (hover:hover) and (pointer:fine){.related a:hover{border-color:var(--accent-line)}}@media (width<=1023px){.guide__layout{grid-template-columns:minmax(0,1fr)}.toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px;position:static}}
