:root{color-scheme:light dark;--bg:#fff;--text:#171717;--muted:#666;--line:#ddd;--link:#0645ad;--code-bg:#f5f5f5}@media (prefers-color-scheme:dark){:root{--bg:#111;--text:#eee;--muted:#aaa;--line:#333;--link:#8ab4f8;--code-bg:#1b1b1b}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}header{padding:1rem 1.25rem;border-bottom:1px solid var(--line)}header h1{margin:0;font-size:1.25rem}main{display:grid;grid-template-columns:16rem minmax(0,1fr)}nav{position:sticky;top:0;height:100vh;overflow:auto;padding:1rem;border-right:1px solid var(--line)}nav a{display:block;padding:.25rem 0;color:var(--link);text-decoration:none}nav a.active{font-weight:700}#content{max-width:72rem;padding:1.5rem clamp(1rem,4vw,3rem) 5rem}article{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}a{color:var(--link)}article h1{font-size:2.25rem;line-height:1.15;margin:0 0 1rem}article h2{font-size:1.6rem}article h2,article h3,article h4{line-height:1.25;margin-top:1.75em}pre,code{font-family:ui-monospace,monospace}pre{overflow:auto;padding:1rem;background:var(--code-bg);border:1px solid var(--line)}code{background:var(--code-bg);padding:.1rem .25rem}pre code{padding:0}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:.4rem .55rem;text-align:left;vertical-align:top}blockquote{margin-left:0;padding-left:1rem;border-left:.25rem solid var(--line);color:var(--muted)}@media (max-width:760px){main{display:block}nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}}pre{position:relative}pre[data-lang]::before{content:attr(data-lang);position:absolute;top:.35rem;right:.5rem;color:var(--muted);font-size:.7rem;text-transform:uppercase}code .tok-key{color:#7c3aed}code .tok-str{color:#15803d}code .tok-num{color:#b45309}code .tok-bool{color:#be123c}code .tok-com{color:#6b7280;font-style:italic}code .tok-punc{color:#64748b}code .tok-prop{color:#0369a1}@media (prefers-color-scheme:dark){code .tok-key{color:#c084fc}code .tok-str{color:#86efac}code .tok-num{color:#fbbf24}code .tok-bool{color:#fb7185}code .tok-com{color:#94a3b8}code .tok-punc{color:#cbd5e1}code .tok-prop{color:#7dd3fc}}