/* Uses the shared HyperKB theme tokens from style.css. */
.docs-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 165px;gap:42px;align-items:start;padding-top:42px;padding-bottom:80px}
.docs-sidebar,.docs-toc{position:sticky;top:30px;max-height:calc(100vh - 60px);overflow:auto}
.docs-home{display:block;font:11px var(--mono);letter-spacing:.13em;color:var(--cyan);margin-bottom:22px}
.doc-search-label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.docs-sidebar input{width:100%;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);border-radius:6px;padding:10px 12px;font:13px var(--sans);margin-bottom:16px}
.docs-sidebar input:focus{outline:2px solid var(--cyan);outline-offset:2px}
.docs-sidebar nav{display:flex;flex-direction:column;gap:3px}
.docs-sidebar nav a{font-size:13px;line-height:1.4;color:var(--muted);padding:9px 10px;border-radius:5px;border-left:2px solid transparent}
.docs-sidebar nav a:hover{background:var(--panel-light);color:var(--text)}
.docs-sidebar nav a[aria-current=page]{background:var(--cyan-dim);border-left-color:var(--cyan);color:var(--cyan)}
.docs-sidebar nav a[hidden]{display:none}
.machine-link{display:block;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;color:var(--muted);font-size:12px}
.docs-muted{font-size:12px;color:var(--muted);line-height:1.5}
.doc-kicker{font:10px var(--mono);letter-spacing:.15em;color:var(--cyan);margin:3px 0 18px}
.docs-main h1{font-family:var(--display);font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0 0 17px}
.doc-description{color:var(--muted);font-size:17px;line-height:1.65;max-width:55ch}
.doc-source-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font:11px var(--mono);color:var(--cyan)}
.doc-prose{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:var(--text);font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.doc-prose h2,.doc-prose h3,.doc-prose h4{scroll-margin-top:25px;color:var(--text);line-height:1.35;font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.doc-prose h2{font-size:25px;margin:38px 0 16px}
.doc-prose h3{font-size:19px;margin:28px 0 12px}
.doc-prose h4{font-size:16px}
.doc-prose p{margin:14px 0}
.doc-prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.doc-prose strong{color:var(--text);font-weight:600}
.doc-prose ul,.doc-prose ol{padding-left:24px}
.doc-prose li{padding:3px 0}
.doc-prose li::marker{color:var(--violet)}
.doc-prose code{font:12px/1.8 var(--mono);background:var(--panel-light);padding:2px 5px;border-radius:3px;color:var(--text);overflow-wrap:anywhere}
.doc-prose pre{position:relative;white-space:pre;overflow:auto;max-width:100%;padding:22px 20px;margin:22px 0;border:1px solid var(--line);border-radius:7px;background:var(--panel);line-height:1.7}
.doc-prose pre code{font-size:12px;line-height:1.8;background:none;padding:0;overflow-wrap:normal}
.doc-prose pre.has-copy{padding-top:46px}
.code-copy{position:absolute;right:9px;top:8px;font:10px var(--mono);background:var(--cyan-dim);border:1px solid var(--line-strong);border-radius:4px;color:var(--cyan);padding:5px 9px;cursor:pointer}
.table-scroll{overflow:auto;max-width:100%;margin:22px 0;border:1px solid var(--line);border-radius:6px}
.doc-prose table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;text-align:left;margin:22px 0;display:block;overflow:auto}
.table-scroll table{display:table;margin:0}
.doc-prose th,.doc-prose td{padding:12px 13px;border-bottom:1px solid var(--line);vertical-align:top;min-width:110px}
.doc-prose th{color:var(--text);background:var(--panel-light);font-weight:500}
.doc-prose tr:last-child td{border-bottom:none}
.doc-prose blockquote{margin:22px 0;padding:2px 20px;border-left:2px solid var(--cyan);background:var(--cyan-dim)}
.doc-title-anchor{scroll-margin-top:25px}
.docs-toc{padding-top:5px;font-size:11px;line-height:1.6}
.docs-toc>span{display:block;font:10px var(--mono);letter-spacing:.1em;color:var(--quiet);margin-bottom:16px}
.docs-toc a{display:block;color:var(--muted);padding:5px 0}
.docs-toc a:hover{color:var(--cyan)}
.docs-toc .toc-level-3{padding-left:10px;font-size:10px}
.docs-toc p{color:var(--quiet)}
.doc-end{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:23px;border-top:1px solid var(--line);font-size:12px;color:var(--cyan)}
.docs-intro{margin:5px 0 32px}
.docs-intro .button{color:var(--bg);text-decoration:none;font-size:12px;margin-top:10px}
.doc-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.doc-prose .doc-card{display:block;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:20px;text-decoration:none;transition:border-color .2s,background .2s}
.doc-card:hover{border-color:var(--cyan-mid);background:var(--panel-light)}
.doc-card>span{font:11px var(--mono);color:var(--violet)}
.doc-prose .doc-card h2{font-size:18px;margin:14px 0 9px}
.doc-prose .doc-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.doc-copy-status{font:11px var(--mono);color:var(--cyan);min-height:1em}
.docs-sidebar [hidden]{display:none}

@media(min-width:1440px){.docs-layout{grid-template-columns:205px minmax(0,1fr) 175px;gap:45px}
}
@media(max-width:1050px){.docs-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}
.docs-toc{display:none}
}
@media(max-width:700px){.docs-layout{display:flex;flex-direction:column;gap:30px;padding-top:20px}
.docs-sidebar{position:static;width:100%;max-height:none;border-bottom:1px solid var(--line);padding-bottom:22px}
.docs-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.docs-home{margin-bottom:14px}
.docs-sidebar input{max-width:100%}
.machine-link{margin-top:12px;padding-top:12px}
.docs-main{width:100%;min-width:0}
.docs-main h1{font-size:37px}
.doc-prose{font-size:14px}
.doc-prose h2{font-size:23px}
.doc-prose pre{padding:16px 12px}
.doc-card-grid{gap:10px}
.doc-prose .doc-card{padding:15px}
.doc-prose .doc-card h2{font-size:17px}
.docs-page .site-header nav{gap:14px;font-size:11px}
}
@media(max-width:400px){.doc-card-grid{grid-template-columns:1fr}
.docs-page .site-header nav{gap:10px}
.doc-end{flex-direction:column;gap:14px}
}
@media(prefers-reduced-motion:reduce){.doc-card{transition:none}
}


.docs-main h1{overflow-wrap:anywhere}
.doc-nav-toggle{display:none}
@media(max-width:700px){.doc-nav-toggle{display:block;width:100%;padding:9px 12px;border:1px solid var(--line-strong);background:var(--panel-light);color:var(--cyan);border-radius:5px;text-align:left;font-size:12px;margin-bottom:10px}
.docs-sidebar.nav-collapsed #doc-nav{display:none}
.docs-sidebar{padding-bottom:16px}
.docs-sidebar .machine-link{display:none}
.docs-sidebar input{margin-bottom:10px}
.docs-home{margin-bottom:10px}
.docs-main h1{font-size:clamp(29px,7.5vw,37px)}
}
@media(max-width:460px){.docs-page .site-header nav a:first-child{display:inline}
.docs-page .site-header nav a:nth-child(2){display:none}
.docs-page .site-header nav{gap:12px}
.docs-page .brand{font-size:20px;gap:7px}
.docs-page .site-header{gap:12px}
.docs-page .site-header nav a{white-space:nowrap}
}