.docs { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:56px; padding-top:40px; padding-bottom:70px; }
.prose { max-width:740px; }
.prose h1 { font-size:clamp(34px,4vw,46px); letter-spacing:-1.6px; margin:0 0 12px; }
.doc-lead { font-size:19px; color:var(--muted); padding-bottom:26px; border-bottom:1px solid var(--line); }
.prose .content h1 { font-size:26px; letter-spacing:-.7px; margin:46px 0 12px; scroll-margin-top:24px; }
.prose .content h2 { font-size:19px; margin:30px 0 8px; scroll-margin-top:24px; }
.prose p,.prose ul,.prose ol { margin:0 0 14px; color:#c8d0dc; }
.prose li { margin:4px 0; }
.prose li::marker { color:var(--faint); }
.prose strong { color:var(--text); }
.prose a { color:var(--accent-soft); border-bottom:1px solid #8bb4fb55; }
.prose a:hover { border-color:var(--accent-soft); }
.prose code { font:14px var(--mono); background:var(--raised); border:1px solid var(--line); border-radius:5px; padding:1px 5px; }
.prose pre { background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:14px 16px; overflow-x:auto; margin:0 0 16px; }
.prose pre code { border:0; background:none; padding:0; }
.prose img { border:1px solid var(--line); border-radius:12px; margin:8px 0 6px; display:block; }
.prose blockquote { margin:0 0 16px; border-left:3px solid var(--accent); padding:4px 16px; background:var(--surface); border-radius:0 8px 8px 0; }
.prose blockquote p { margin:6px 0; }
.prose table { border-collapse:collapse; width:100%; margin:0 0 16px; font-size:15px; display:block; overflow-x:auto; }
.prose th,.prose td { border:1px solid var(--line); padding:7px 11px; text-align:left; }
.prose th { background:var(--surface); }
.doc-foot { margin-top:40px; padding-top:18px; border-top:1px solid var(--line); font-size:14.5px; }
.doc-foot a { color:var(--accent-soft); }
.toc { position:sticky; top:24px; align-self:start; font-size:14.5px; }
.toc-title { text-transform:uppercase; letter-spacing:1.2px; font-size:12px; color:var(--faint); margin-bottom:8px; }
.toc ul { list-style:none; margin:0; padding:0; }
.toc ul ul { padding-left:12px; }
.toc li { margin:6px 0; }
.toc a { color:var(--muted); }
.toc a:hover { color:var(--text); }
@media (max-width:900px) {
	.docs { grid-template-columns:1fr; }
	.toc { display:none; }
}