html { scroll-padding-top: 100px; }
.docsHeader { display:flex; align-items:center; gap:18px; position:sticky; top:0; z-index:5; padding:14px max(20px,calc((100vw - 1240px)/2)); background:var(--theme-panel); border-bottom:1px solid var(--line); }
.docsHeader .button { margin-left:auto; font-size:14px; }
.docsLabel { color:var(--muted); font-size:14px; }
.docsLayout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:40px; max-width:1240px; margin:auto; padding:32px 20px 80px; }
.docsSidebar { position:sticky; top:105px; align-self:start; max-height:calc(100dvh - 125px); overflow:auto; }
.docsSidebar input { width:100%; margin-top:8px; }
.docsSidebar summary { min-height:44px; padding:10px 0; cursor:pointer; font-weight:600; }
.docsSidebar nav { display:grid; gap:4px; padding-bottom:10px; }
.docsSidebar nav a { padding:10px 12px; border-radius:8px; text-decoration:none; color:var(--muted); font-size:14px; }
.docsSidebar nav a[aria-current] { background:var(--soft); color:var(--theme-fg); }
.docsIntro { margin-bottom:28px; }
.docsIntro h1 { font-size:clamp(28px,4vw,40px); }
.docsArticle { margin-bottom:24px; scroll-margin-top:16px; }
.docsArticle h2 { font-size:24px; margin-bottom:20px; }
.docsArticle h3 { margin-top:28px; }
.docsArticle p,.docsArticle li,.docsArticle dd { color:var(--theme-muted); line-height:1.75; }
.docsArticle strong { color:var(--theme-fg); }
.docsArticle li { margin-bottom:12px; }
.docsArticle dt { font-weight:650; margin-top:16px; }
.docsArticle dd { margin:4px 0 12px; }
.docsArticle code { overflow-wrap:anywhere; color:var(--theme-fg); }
.docsArticle kbd { font-size:13px; }
.docsTable { overflow-x:auto; }
.docsTable table { width:100%; border-collapse:collapse; }
.docsTable th,.docsTable td { padding:12px; text-align:left; border-bottom:1px solid var(--line); }
.docsSkip { position:fixed; top:-80px; left:12px; z-index:10; padding:12px; background:var(--paper); }
.docsSkip:focus { top:10px; }
@media(max-width:700px) {
 .docsHeader { padding:10px 16px; gap:8px; }
 .docsLabel { display:none; }
 .docsHeader .button { font-size:12px; padding:9px; }
 .docsLayout { grid-template-columns:minmax(0,1fr); gap:24px; padding:20px 16px 48px; }
 .docsSidebar { position:static; max-height:none; }
 .docsArticle { padding:20px; }
 .docsArticle h2 { font-size:22px; }
 .docsArticle ol { padding-left:22px; }
}

.docsSidebar nav a:hover:not([aria-current]) { background:var(--theme-panel); color:var(--theme-fg); }
.docsBrowse { display:none; }
@media(max-width:700px) { .docsBrowse { display:inline-flex; align-items:center; justify-content:center; position:fixed; bottom:calc(12px + env(safe-area-inset-bottom,0px)); right:16px; z-index:4; min-height:44px; padding:8px 14px; border:1px solid var(--theme-edge); border-radius:10px; background:var(--theme-panel2); color:var(--theme-fg); text-decoration:none; font-size:14px; box-shadow:0 4px 18px var(--theme-scrim); } .docsLayout { padding-bottom:90px; } }