.doc{max-width:720px;margin:0;padding:0;display:grid;gap:14px;min-width:0}.doc h1{font-family:var(--f-display);font-weight:800;font-size:clamp(30px,5vw,44px);line-height:1.08;letter-spacing:-.02em}.doc h2{font-family:var(--f-display);font-weight:700;font-size:22px;margin-top:18px}.doc p,.doc li{font-family:var(--f-story);font-size:18px;line-height:1.6}.doc ul{display:grid;gap:8px;padding-left:22px;margin:0}.doc a{color:var(--teal-strong);text-underline-offset:2px}.doc .lede{font-size:20px;color:var(--muted)}.doc .cta{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.doc .cta a.btn{color:var(--on-teal);text-decoration:none}.doc .cta a.btn.ghost{color:var(--ink)}.bar .bar-end .btn{color:var(--on-teal)}.doc-layout{max-width:1040px;margin:0 auto;padding:48px 24px 64px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}.toc{position:sticky;top:88px;display:grid;gap:2px;font-size:14.5px;font-weight:600}.toc a{color:var(--muted);text-decoration:none;padding:9px 14px;border-left:2px solid var(--line);line-height:1.3}.toc a:hover{color:var(--teal-strong);border-left-color:var(--teal)}.doc h2{scroll-margin-top:88px}.doc h2:not(:first-of-type){border-top:1px solid var(--line);padding-top:28px;margin-top:22px}@media (max-width: 899px){.doc-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 16px 48px}.toc{position:static;display:flex;overflow-x:auto;gap:8px;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}.toc::-webkit-scrollbar{display:none}.toc a{white-space:nowrap;border:1.5px solid var(--line);border-radius:var(--r-pill);background:var(--surface)}}
