:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15191e;background:#f7f8f5;--ink: #15191e;--paper: #f7f8f5;--muted: #61706a;--line: rgba(21, 25, 30, .13);--panel: #ffffff;--panel-soft: #eef2ed;--hot: #d84856;--cold: #1f8f8a;--gold: #c78b2b;--code: #101418}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(31,143,138,.08),transparent 18rem),var(--paper)}a{color:inherit}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}p code,dd code{border:1px solid var(--line);padding:.08rem .32rem;background:var(--panel-soft);color:var(--ink);font-size:.92em}.site-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:grid;align-content:start;gap:28px;padding:24px;border-right:1px solid var(--line);background:#f7f8f5e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.1rem;font-weight:830;text-decoration:none}.brand-mark{width:42px;height:42px;object-fit:contain}.nav{display:grid;gap:4px}.nav a{min-height:36px;display:flex;align-items:center;border-left:2px solid transparent;padding:0 10px;color:var(--muted);font-size:.92rem;font-weight:720;text-decoration:none}.nav a:hover,.nav a.is-active{border-color:var(--hot);color:var(--ink);background:#d8485614}main{min-width:0}.section{padding:clamp(48px,8vw,100px) clamp(20px,6vw,84px);border-bottom:1px solid var(--line)}.hero{min-height:100vh;display:grid;align-content:center;gap:24px;background:linear-gradient(135deg,rgba(216,72,86,.11),transparent 44%),linear-gradient(315deg,rgba(31,143,138,.11),transparent 44%)}.eyebrow{margin:0;color:var(--cold);font-size:.76rem;font-weight:820;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:980px;margin:0;font-size:clamp(3rem,9vw,7.8rem);line-height:.88;letter-spacing:0}h2{max-width:820px;margin:0;font-size:clamp(2rem,4.5vw,4.4rem);line-height:.98;letter-spacing:0}h3{margin:0;font-size:1.05rem;letter-spacing:0}p{margin:0;color:var(--muted);line-height:1.65}.hero-copy{max-width:720px;color:#2c3431;font-size:clamp(1.1rem,2vw,1.45rem)}.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:920px}.flow span{min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--line);padding:0 12px;background:#ffffffb8;font-weight:800}.flow span:not(:last-child):after{content:"→";margin-left:12px;color:var(--hot)}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:10px}.button,.card-actions a{min-height:42px;display:inline-flex;align-items:center;border:1px solid var(--line);padding:0 14px;background:var(--panel);color:var(--ink);font-weight:820;text-decoration:none}.button.primary{border-color:#15191e;background:#15191e;color:#f7f8f5}.truths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:980px;border:1px solid var(--line);background:var(--line)}.truths p{min-height:74px;display:flex;align-items:center;padding:16px;background:#ffffffb8;color:var(--ink);font-weight:760}.section-heading{display:grid;gap:10px;margin-bottom:28px}.section-heading p{max-width:760px}.split{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:24px;align-items:start}.split>*{min-width:0}pre{max-width:100%;margin:0;overflow:auto;border:1px solid rgba(255,255,255,.08);padding:18px;background:var(--code);color:#eef6f2;font-size:.9rem;line-height:1.55}.diagram{margin-bottom:24px;border-color:var(--line);background:#202721}.terms{display:grid;gap:10px;margin:24px 0 0}.callout{margin-top:18px;border-left:3px solid var(--hot);padding:12px 14px;background:#d8485614;color:var(--ink);font-size:.94rem}.terms div,.example-card dl div,.signal-name-list div{display:grid;grid-template-columns:minmax(8rem,.42fr) minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding-top:10px}.terms.compact div{grid-template-columns:minmax(13rem,.64fr) minmax(12rem,1fr)}dt{min-width:0;color:var(--ink);font-weight:820}dd{min-width:0;margin:0;color:var(--muted);line-height:1.45}dt code,dd code{white-space:normal;overflow-wrap:anywhere}.concept-grid,.cards,.api-grid,.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.concept-grid article,.card,.api-grid article,.roadmap article,.recipe{border:1px solid var(--line);padding:18px;background:var(--panel)}.concept-grid article,.roadmap article{display:grid;gap:10px}.name-guide{display:grid;gap:14px;margin-top:18px;border:1px solid var(--line);padding:18px;background:var(--panel)}.name-grid,.signal-name-list{display:grid;gap:10px}.name-grid div{display:grid;grid-template-columns:minmax(10rem,.4fr) minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding-top:10px}.name-grid span{color:var(--muted);line-height:1.45}.package-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:grid;gap:14px;align-content:start}.card>code{display:block;width:max-content;max-width:100%;overflow-x:auto;border:1px solid var(--line);padding:7px 9px;background:var(--panel-soft);color:#36413d;font-size:.82rem}.card pre{font-size:.78rem}.muted{color:#78847f}.example-card dl{display:grid;gap:8px;margin:0}.recipe-list{display:grid;gap:14px}.recipe{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:18px;align-items:start}.recipe-needs{margin-top:8px;font-size:.88rem}.api-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-name-list{margin:0 0 18px;border:1px solid var(--line);padding:18px;background:var(--panel)}.api-note{grid-column:1 / -1}.api-grid article{display:grid;gap:8px}.api-grid code{color:var(--hot);font-weight:820}@media (prefers-color-scheme: dark){:root{color-scheme:dark;color:#f2f4f1;background:#101310;--ink: #f2f4f1;--paper: #101310;--muted: #a5b0aa;--line: rgba(242, 244, 241, .14);--panel: #171c18;--panel-soft: #202821;--code: #080a09}body{background:linear-gradient(180deg,rgba(216,72,86,.08),transparent 18rem),var(--paper)}.sidebar{background:#101310e6}.hero{background:linear-gradient(135deg,rgba(216,72,86,.16),transparent 44%),linear-gradient(315deg,rgba(31,143,138,.14),transparent 44%)}.hero-copy,.card>code{color:#d5ddd8}.flow span,.truths p{background:#171c18d1}}@media (max-width: 980px){.site-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;gap:14px;border-right:0;border-bottom:1px solid var(--line)}.nav{display:flex;flex-wrap:wrap}.nav a{border-left:0;border-bottom:2px solid transparent}.split,.package-grid,.example-grid,.recipe,.api-grid,.concept-grid,.roadmap,.truths{grid-template-columns:1fr}.hero{min-height:auto}}@media (max-width: 860px){.terms.compact div{grid-template-columns:1fr;gap:4px}}@media (max-width: 620px){.section{padding:42px 16px}h1{font-size:clamp(2.45rem,16vw,4rem)}.terms div,.terms.compact div,.example-card dl div,.signal-name-list div,.name-grid div{grid-template-columns:1fr;gap:4px}}