:root{--bg:#f8fafc;--surface:#fff;--ink:#172033;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--blue-soft:#eff6ff;--code:#0f172a;--shadow:0 14px 30px rgba(15,23,42,.06)}
html[data-theme="dark"]{--bg:#0b1120;--surface:#111a2c;--ink:#e6edf9;--muted:#98a8c1;--line:#23314a;--blue:#78a9ff;--blue-soft:#17294a;--code:#08101f;--shadow:0 14px 30px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.site-shell{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:262px;padding:27px 22px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;font-size:16px}.sidebar-label,.nav-heading{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted)}.sidebar-label{margin:40px 10px 10px}.nav-heading{margin:22px 10px 7px}.nav-list{display:flex;flex-direction:column;gap:2px}.nav-list a{padding:6px 10px;border-radius:6px;color:var(--muted);font-size:14px;text-decoration:none}.nav-list a:hover,.nav-list a.active{background:var(--blue-soft);color:var(--blue)}.sidebar-bottom{margin-top:auto;padding:15px 10px 0;border-top:1px solid var(--line);font-size:13px}.sidebar-bottom a{color:var(--muted);text-decoration:none}.sidebar-bottom a:hover{color:var(--blue)}main{grid-column:2;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,6vw,86px);border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;background:var(--bg);position:sticky;top:0;z-index:1}.muted{color:var(--line);padding:0 4px}.theme-toggle{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:7px 11px;cursor:pointer;font:inherit;font-size:13px}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}.page{width:min(960px,100%);margin:0 auto;padding:0 clamp(26px,6vw,86px) 70px}.hero{padding:94px 0 84px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 13px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:680px;margin:0;letter-spacing:-.065em;line-height:1.01;font-size:clamp(45px,6vw,72px)}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero-copy{max-width:630px;margin:28px 0;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:11px}.button{padding:10px 16px;border-radius:7px;text-decoration:none;font-weight:650;font-size:14px}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.hero-meta{display:flex;gap:20px;margin-top:44px;color:var(--muted);font-size:13px}.doc-section{padding:75px 0 18px;scroll-margin-top:62px}.doc-section h2{margin:0 0 20px;font-size:34px;line-height:1.18;letter-spacing:-.045em}.doc-section>p:not(.eyebrow){max-width:770px;margin:0 0 20px;color:var(--muted)}.cards{display:grid;gap:14px;margin:30px 0}.three{grid-template-columns:repeat(3,1fr)}.info-card{padding:21px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.card-number{color:var(--blue);font-size:12px;font-weight:800}.info-card h3{margin:15px 0 5px;font-size:16px}.info-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.note,.output-slot{margin:27px 0;padding:16px 19px;border-left:3px solid var(--blue);border-radius:0 7px 7px 0;background:var(--blue-soft);font-size:14px}.output-slot{border-left-style:dashed;color:var(--muted)}.output-slot span{display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--blue);font-weight:800}.output-slot p{margin:0!important}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.concept-grid div{padding:23px;border:solid var(--line);border-width:0 1px 1px 0}.concept-grid div:nth-child(2n){border-right:0}.concept-grid div:nth-last-child(-n+2){border-bottom:0}.concept-grid h3{margin:0 0 5px;font-size:15px}.concept-grid p{margin:0;color:var(--muted);font-size:14px}.api-group{padding-top:88px}.api-entry{padding:27px 0 31px;border-bottom:1px solid var(--line);scroll-margin-top:62px}.api-entry:first-of-type{padding-top:5px}.api-title{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}.api-title h3{margin:0;font-size:21px;letter-spacing:-.025em}.api-title>code{padding:3px 7px;border-radius:5px;color:var(--blue);background:var(--blue-soft);font-size:13px}.api-entry>p{margin:10px 0 14px;color:var(--muted)}pre{margin:17px 0;padding:17px 19px;overflow:auto;border-radius:9px;background:var(--code);box-shadow:var(--shadow);color:#d9e4f7;font:13px/1.62 "SFMono-Regular",Consolas,"Liberation Mono",monospace}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.89em}p code,.when code,.validation code,.concept-grid code{padding:2px 4px;border-radius:4px;background:var(--blue-soft);color:var(--blue)}.when{margin:16px 0;padding:11px 13px;border-radius:6px;background:var(--surface);border:1px solid var(--line);font-size:14px;color:var(--muted)}.when strong,.validation strong{color:var(--ink)}.validation{font-size:13px!important}.steps{padding-left:23px;color:var(--muted)}.steps li{padding:3px 0}.steps strong{color:var(--ink)}details{margin-top:17px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:14px}summary{padding:11px 14px;cursor:pointer;font-weight:650}.details-grid{display:grid;grid-template-columns:170px 1fr;gap:0;padding:4px 14px 14px;color:var(--muted)}.details-grid code{color:var(--blue);padding:5px 0}.details-grid span{padding:5px 0}.final-example{padding-bottom:75px}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:24px clamp(26px,6vw,86px);border-top:1px solid var(--line);color:var(--muted);font-size:13px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:15px;top:15px;z-index:5;padding:8px;background:var(--blue);color:#fff}@media(max-width:850px){.site-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:59px;padding:11px 18px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label,.nav-list,.sidebar-bottom{display:none}main{display:block}.topbar{position:static;height:52px;padding:0 18px}.page{padding:0 22px 45px;width:100%}.hero{padding:65px 0}.three{grid-template-columns:1fr}.site-footer{padding:22px;flex-direction:column}.hero-meta{flex-wrap:wrap;gap:8px 15px}}@media(max-width:520px){.hero h1{font-size:43px}.doc-section{padding-top:58px}.doc-section h2{font-size:29px}.concept-grid{grid-template-columns:1fr}.concept-grid div{border-right:0!important;border-bottom:1px solid var(--line)!important}.concept-grid div:last-child{border-bottom:0!important}.details-grid{grid-template-columns:1fr}.details-grid span{padding-top:0}.hero-actions{flex-wrap:wrap}.site-footer{font-size:12px}}
.page-intro{padding:86px 0 48px;border-bottom:1px solid var(--line)}.page-intro h1{margin:0;font-size:clamp(42px,5.6vw,64px);line-height:1.02;letter-spacing:-.06em}.page-intro h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400}.page-intro>p:last-child{max-width:690px;margin:23px 0 0;color:var(--muted);font-size:18px}.signature{margin:-7px 0 15px}.signature code{padding:5px 8px;border-radius:5px;background:var(--blue-soft);color:var(--blue);font-size:13px}.api-entry h3,.api-group>h3{margin:27px 0 6px;font-size:16px}.link-card{display:block;text-decoration:none;transition:transform .15s,border-color .15s}.link-card:hover{transform:translateY(-2px);border-color:var(--blue)}@media(max-width:850px){.page-intro{padding:62px 0 35px}}