.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding-top:56px;padding-bottom:96px}
.side{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:4px;font-size:13px}
.side-h{font-size:10px;letter-spacing:.18em;color:var(--dim);margin:22px 0 6px}
.side-h:first-child{margin-top:0}
.side a{color:#a3a3a3;padding:6px 10px;border-left:1px solid var(--line2)}
.side a:hover,.side a.on{color:#fff;border-left-color:#fff}
.doc{max-width:760px;min-width:0}
.doc section{padding:8px 0 56px;border-bottom:1px solid var(--line);margin-bottom:48px;scroll-margin-top:90px}
.doc section:last-child{border-bottom:0}
.doc h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.04em;line-height:1.05;margin-bottom:20px}
.doc h2{font-size:34px;letter-spacing:-.03em;margin-bottom:16px}
.doc h3{font-size:18px;margin:28px 0 10px}
.doc p,.doc li{color:#bdbdbd;line-height:1.75}
.doc ul,.doc ol{padding-left:22px;margin-top:12px;display:grid;gap:8px}
.doc b{color:#fff;font-weight:500}
.doc code{font-family:var(--mono);font-size:13px;background:#111;border:1px solid var(--line2);border-radius:6px;padding:1px 6px}
.doc pre{margin-top:22px;background:#050505;border:1px solid var(--line2);border-radius:14px;padding:20px;overflow-x:auto;font-size:13px;line-height:1.7}
.doc pre code{background:none;border:0;padding:0;color:#e5e5e5}
.note{font-size:11px;color:var(--dim)!important;margin-top:12px;letter-spacing:.04em}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.dcard{border:1px solid var(--line2);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px;background:#050505;transition:border-color .2s}
.dcard:hover{border-color:#666}
.dcard span{color:var(--mut);font-size:14px}
details{border:1px solid var(--line2);border-radius:12px;padding:16px 18px;margin-top:12px;background:#050505}
summary{cursor:pointer;color:#fff}
details p{margin-top:10px}
@media (max-width:860px){.docs{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:28px}.side{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.side-h{display:none}.side a{border:1px solid var(--line2);border-radius:999px;padding:6px 12px}.cards{grid-template-columns:1fr}.doc h2{font-size:28px}}