:root{color-scheme:dark;--bg:#060912;--surface:#10152b;--line:#252c43;--text:#f4f6fc;--muted:#a4adc6;--accent:#57e8a6;--blue:#91a2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--accent);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:94px;flex-wrap:wrap;padding-block:18px}.brand{font-weight:800;font-size:20px;letter-spacing:-.7px}.brand span{color:var(--accent)}.header nav{display:flex;gap:22px;align-items:center;font-size:14px}.languages{display:flex;gap:5px;flex-wrap:wrap}.languages a{font-size:12px;padding:6px 10px;border:1px solid transparent;border-radius:6px}.languages [aria-current]{background:#172b29;border-color:#31574a;color:var(--accent)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:700}.hero{padding:76px 0 44px;max-width:860px}.hero h1{font-size:clamp(38px,5.7vw,70px);line-height:1.1;letter-spacing:-2.5px;margin:19px 0 23px}.hero p{font-size:19px;max-width:680px}.draft{display:inline-block;border:1px solid #685637;background:#282219;color:#f3ce88;border-radius:5px;padding:4px 9px;font-size:12px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:42px 0 20px}.section-heading h2{font-size:24px;letter-spacing:-.6px;margin:0}.section-heading span{font-size:13px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.featured-copy{padding:38px}.featured h2{font-size:clamp(27px,3.5vw,39px);line-height:1.2;letter-spacing:-1px;margin:22px 0 16px}.featured p{max-width:530px}.meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}.tag{color:var(--blue)}.read{display:inline-flex;gap:20px;align-items:center;margin-top:18px;font-weight:650;color:var(--accent)}.diagram{padding:36px;background:radial-gradient(ellipse at 70% 30%,#234343 0,transparent 65%),#0c1720;display:flex;flex-direction:column;justify-content:center;gap:14px;border-left:1px solid var(--line)}.diagram-title{font-size:11px;letter-spacing:2px;color:#9ebeb4;margin-bottom:10px}.diagram-row{display:flex;align-items:center;gap:18px;border:1px solid #355049;background:#0b1821bb;border-radius:12px;padding:17px}.diagram-row b{font:14px ui-monospace,monospace;color:var(--accent)}.diagram-row span{font-size:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:15px;padding:26px;background:#0c1120}.card .number{color:var(--blue);font:12px ui-monospace,monospace}.card h3{font-size:20px;line-height:1.35;margin:22px 0 12px}.card p{font-size:14px}.planned{font-size:12px;color:#c3cbe0;border-top:1px solid var(--line);padding-top:16px;margin-top:23px}.topics{display:flex;gap:10px;flex-wrap:wrap}.topics span{padding:8px 16px;border:1px solid var(--line);border-radius:30px;font-size:14px;color:var(--muted)}.cta{margin:55px 0;padding:30px 34px;border:1px solid #334b49;background:#0e211f;border-radius:16px;display:flex;gap:28px;align-items:center;justify-content:space-between}.cta h2{font-size:25px;line-height:1.25;margin:0 0 8px}.cta p{margin:0;max-width:650px;font-size:14px}.button{display:inline-block;background:var(--accent);color:#071a13;border-radius:8px;padding:12px 22px;white-space:nowrap;font-weight:700;font-size:14px}.button:hover{background:#88f6c2;color:#071a13}.footer{padding:25px 0 38px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:12px}.breadcrumb{display:flex;gap:12px;padding-top:32px;font-size:13px;color:var(--muted)}.article-hero{padding:42px 0 35px;max-width:920px}.article-hero h1{font-size:clamp(36px,5vw,60px)}.article-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:64px;margin-bottom:60px}.toc{position:sticky;top:30px;align-self:start;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.toc strong{display:block;margin-bottom:15px}.toc a{display:block;color:var(--muted);margin:12px 0}.prose section{scroll-margin-top:30px;margin-bottom:38px}.prose h2{font-size:27px;line-height:1.3;letter-spacing:-.6px}.prose p,.prose li{color:#bbc3d8}.prose ul{padding-left:23px}.note{border-left:3px solid var(--accent);padding:16px 22px;background:#102323;color:#c3d8d0;margin:26px 0}.prose details{border-block:1px solid var(--line);padding:17px 0}.prose summary{cursor:pointer;font-weight:600}.back{color:var(--accent);font-size:14px}.editor-note{margin:0 0 30px;padding:14px 18px;border:1px dashed #685637;border-radius:8px;color:#dbc39b;font-size:13px}@media(max-width:800px){.header-inner{gap:12px}.header nav{order:3;width:100%}.hero{padding-top:45px}.featured{grid-template-columns:1fr}.diagram{border-left:0;border-top:1px solid var(--line)}.grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:20px}.toc{position:static}.cta{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;gap:5px}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{font-size:18px}.languages a{padding:5px 7px}.hero h1{letter-spacing:-1.5px}.featured-copy,.diagram{padding:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.cta{padding:25px}.hero p{font-size:17px}}
/* Long-form guides and runnable examples. */
.article-layout>*{min-width:0}.prose h3{font-size:18px;line-height:1.4;margin-top:28px}.prose li{margin-bottom:13px}.prose ol{padding-left:25px}.prose pre{max-width:100%;overflow-x:auto;padding:20px;border:1px solid var(--line);border-radius:10px;background:#090e19;color:#d6e6f5;font-size:12px;line-height:1.7;tab-size:4}.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.prose .sources{font-size:13px;color:var(--muted)}.sources a,.download{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose .platform-note{font-size:12px}.prose .cta{flex-direction:column;align-items:flex-start}.prose .note{overflow-wrap:anywhere}.prose pre:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.article-hero .byline{font-size:13px;line-height:1.8;color:var(--muted);margin-top:22px}