:root{color-scheme:light;--bg:#fafaf7;--surface:#fff;--surface-alt:#f1f2ed;--ink:#252c28;--muted:#626961;--line:#d9ddd4;--accent:#a44931;--accent-hover:#813821;--code:#f2f3ef;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
:root[data-bs-theme=dark]{color-scheme:dark;--bg:#171c1a;--surface:#1c2320;--surface-alt:#232c27;--ink:#e2e8df;--muted:#a6b2a7;--line:#3a473e;--accent:#e2987c;--accent-hover:#f2b79f;--code:#1e2722}
*{box-sizing:border-box}body{margin:0}.page{max-width:1180px;margin:auto;padding:0 38px}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font:inherit}.site-header{min-height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font:700 27px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1.5px;text-decoration:none;color:var(--ink)}.wordmark span{color:var(--accent);margin-right:7px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{color:var(--ink);text-decoration:none}.theme-toggle{border:1px solid var(--line);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);width:34px;height:34px;cursor:pointer}.theme-toggle:hover{background:var(--surface-alt)}.skip{position:absolute;top:-100px;background:var(--surface);padding:8px 15px;z-index:10}.skip:focus{top:5px}.hero{padding:88px 0 55px;max-width:880px}.eyebrow{font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.hero .eyebrow{color:var(--accent)}h1{font-size:clamp(38px,5.1vw,62px);letter-spacing:-2.7px;line-height:1.12;font-weight:650;margin:0 0 27px}h1 span{color:var(--muted)}.intro{font-size:19px;max-width:675px;line-height:1.65;margin:0;color:var(--muted)}.actions{display:flex;gap:25px;align-items:center;margin-top:31px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:12px 20px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--bg);text-decoration:none;font-size:14px;font-weight:600}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}.text-link{font-size:14px;font-weight:500;text-decoration:none}.scope-line{display:flex;gap:0;margin-top:45px;align-items:center;color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.scope-line span+span:before{content:"/";margin:0 19px;color:var(--line)}section{margin:0}h2{font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.3;margin:0}h3{font-size:17px;font-weight:600;line-height:1.5;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.workflow{border-top:1px solid var(--line);padding:42px 0 55px}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:35px 0 0;gap:30px}.step-number{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);display:block;padding-top:15px;border-top:1px solid var(--line);margin-bottom:15px}.steps p{font-size:14px;color:var(--muted);line-height:1.65;max-width:225px;margin:8px 0 0}.example{padding:43px 0 53px;border-top:1px solid var(--line)}.section-intro{font-size:15px;color:var(--muted);max-width:760px;margin:18px 0 26px}.example-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.code-panel{min-width:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--code)}.code-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 17px;border-bottom:1px solid var(--line);background:var(--surface);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.code-heading a{font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.highlight{position:relative}.highlight pre{padding:21px 18px;margin:0;overflow:auto;line-height:1.8;font-size:12px;background:var(--code)}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}p code,.code-note code{font-size:.88em;overflow-wrap:anywhere}.copy-code{position:absolute;right:8px;top:8px;padding:3px 7px;border:1px solid var(--line);border-radius:3px;background:var(--surface);font-size:10px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s}.highlight:hover .copy-code,.highlight:focus-within .copy-code{opacity:1}.copy-code:focus-visible{opacity:1}.code-note{font-size:12px;color:var(--muted);padding:15px 18px;border-top:1px solid var(--line);line-height:1.7}.example-footnote{font-size:12px;color:var(--muted);margin:17px 0 0}.principles{padding:45px 0 20px;border-top:1px solid var(--line)}.principles>.eyebrow{margin-bottom:12px}.principles>h2{margin-bottom:35px}.principle{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:25px 0;border-top:1px solid var(--line)}.principle p{margin:0;font-size:15px;color:var(--muted)}.principle p a{display:block;font-size:13px;margin-top:10px;text-decoration:none}.get-started{border-top:1px solid var(--line);padding:50px 0 58px;display:flex;align-items:center;justify-content:space-between;gap:30px}.get-started .eyebrow{margin-bottom:12px}.get-started p:last-child{font-size:15px;color:var(--muted);margin:14px 0 0}.get-started .button{flex-shrink:0}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:23px 0 30px;color:var(--muted);font-size:12px}footer>div{display:flex;gap:24px}footer a{color:var(--muted)}.chroma .c,.chroma .c1,.chroma .cm{color:var(--muted)}.chroma .k,.chroma .nt,.chroma .na{color:var(--accent)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .l,.chroma .mi{color:#426a47}[data-bs-theme=dark] .chroma .s,[data-bs-theme=dark] .chroma .s1,[data-bs-theme=dark] .chroma .s2,[data-bs-theme=dark] .chroma .l,[data-bs-theme=dark] .chroma .mi{color:#adcc9c}
@media(max-width:800px){.page{padding:0 25px}.hero{padding-top:65px}h1{letter-spacing:-1.8px}.section-heading{align-items:flex-start}.section-heading>p{display:none}.example-grid{grid-template-columns:1fr}.steps{gap:20px}.principle{gap:30px;grid-template-columns:1fr 1.5fr}.get-started{align-items:flex-start;flex-direction:column}h2{font-size:25px}}
@media(max-width:520px){.page{padding:0 20px}.site-header{min-height:82px;gap:12px}.wordmark{font-size:23px}nav{gap:15px;font-size:12px}.theme-toggle{width:30px;height:30px}.hero{padding:48px 0 36px}h1{font-size:38px;letter-spacing:-1.7px}.intro{font-size:17px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.scope-line{font-size:10px;margin-top:32px;flex-wrap:wrap}.scope-line span+span:before{margin:0 11px}.workflow,.example,.principles{padding-top:32px}.section-heading{flex-direction:column;gap:15px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps p{font-size:13px}.principle{grid-template-columns:1fr;gap:12px;padding:23px 0}.highlight pre{font-size:11px}.copy-code{opacity:1}.get-started{padding:35px 0}footer{flex-direction:column;gap:13px}.eyebrow{letter-spacing:1.4px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}