:root { color-scheme: light; --bg:#f8fafc; --panel:#fff; --text:#172239; --muted:#53627a; --line:#dbe3ef; --accent:#2453c4; }
:root[data-theme="dark"] { color-scheme:dark; --bg:#0c1428; --panel:#121f36; --text:#e7eefb; --muted:#aab8d1; --line:#293b59; --accent:#9dbaff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.7 system-ui,sans-serif; }
a { color:var(--accent); text-underline-offset:3px; overflow-wrap:anywhere; }
button,input { font:inherit; }
button { cursor:pointer; padding:.4rem .65rem; border:1px solid var(--line); border-radius:6px; background:var(--panel); color:var(--text); }
.site-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1rem 3vw; border-bottom:1px solid var(--line); background:var(--panel); }
.site-header .brand { font-weight:750; font-size:1.2rem; text-decoration:none; color:var(--text); }
.site-header nav { display:flex; flex-wrap:wrap; gap:1rem; }
.docs-layout { max-width:1600px; margin:auto; display:grid; grid-template-columns:250px minmax(0,820px) 220px; justify-content:center; gap:2rem; padding:2rem; }
.docs-navigation,.docs-toc { min-width:0; }
.docs-navigation nav a,.docs-toc a { display:block; padding:.25rem 0; text-decoration:none; line-height:1.4; margin:.2rem 0; }
[aria-current="page"] { font-weight:750; }
.reading-group { font-weight:700; color:var(--muted); margin:1.5rem 0 .3rem; }
main { min-width:0; }
h1 { font-size:clamp(2rem,4vw,3.3rem); line-height:1.13; letter-spacing:-.035em; margin:.5rem 0 1.5rem; }
h2 { font-size:1.65rem; line-height:1.3; margin-top:2.5rem; }
h3 { font-size:1.2rem; margin-top:1.8rem; }
h1,h2,h3,h4 { scroll-margin-top:1rem; }
.eyebrow { color:var(--muted); font-size:.9rem; }
.cli-anchor { font-size:.75em; opacity:.45; margin-left:.4rem; }
.cli-code { margin:1.3rem 0; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--panel); }
.cli-code figcaption { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.6rem 1rem; border-bottom:1px solid var(--line); color:var(--muted); }
pre { overflow:auto; padding:1rem; margin:0; font-size:.88rem; line-height:1.65; }
code { font-family:ui-monospace,Consolas,monospace; }
p code,li code,td code { font-size:.9em; overflow-wrap:anywhere; }
.cli-table-scroll { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:8px; }
table { width:100%; border-collapse:collapse; font-size:.9rem; }
th,td { padding:.7rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; min-width:130px; }
footer { border-top:1px solid var(--line); padding-top:1.5rem; margin-top:2rem; }
.cli-search input { width:100%; padding:.45rem; border:1px solid var(--line); border-radius:6px; background:var(--panel); color:var(--text); }
#cli-results { padding-left:1rem; max-height:24rem; overflow:auto; }
.skip-link { position:absolute; left:1rem; top:-5rem; padding:.5rem; background:var(--panel); z-index:10; }
.skip-link:focus { top:.5rem; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(max-width:1250px) { .docs-layout { grid-template-columns:230px minmax(0,820px); } .docs-toc { display:none; } }
@media(max-width:800px) { .docs-layout { display:block; padding:1rem; } .docs-navigation { margin-bottom:2rem; } .site-header { padding:1rem; } .site-header nav { gap:.7rem; } }