:root{--bg:#0c1118;--surface:#141c26;--surface-2:#1b2632;--surface-3:#223140;--ink:#eef2f4;--muted:#a5b1bb;--accent:#f29d38;--accent-strong:#ffc15c;--accent-interactive:#35D6E8;--line:#344454;--header:#0a0f15;--footer:#080c11;--surface-inset:#111a23;--demo:#1d2a35;--demo-ink:#c8d2d9;--ad-border:#617384;--ad-ink:#93a4b1;--shadow:#0008;--dek:#b9c4cb;--stripe:var(--stripe);--display:'Arial Narrow','Bahnschrift Condensed','Segoe UI',Arial,sans-serif;--body:'Segoe UI',Arial,sans-serif;--ui:'Segoe UI',Arial,sans-serif;--space:8px;--radius:4px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent-interactive)}a:active{color:var(--accent-interactive)}a[aria-current="page"]{color:var(--accent-interactive)}.prose a,.mobile-toc a,.rail a,.crumb a,.foot a,.demo a{color:var(--accent-interactive)}:focus-visible{outline:3px solid var(--accent-interactive);outline-offset:5px}button,input{font:inherit}header{border-bottom:1px solid var(--line);background:var(--header)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.masthead{display:flex;align-items:center;gap:28px;min-height:78px}.logo{font:bold 30px/1 var(--display);letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.logo i{display:inline-block;background:var(--accent);color:var(--bg);font-style:normal;padding:4px 6px;margin-right:7px;transform:skew(-10deg)}nav{display:flex;gap:24px;font-weight:700;font-size:14px;margin-left:auto}nav a{text-decoration:none}.search{display:flex;align-items:center;border:1px solid var(--line);height:34px;padding:0 10px;color:var(--muted);font-size:13px}.search span{margin-right:26px}.edition,.eyebrow{font:bold 11px/1.5 var(--ui);letter-spacing:1.7px;text-transform:uppercase}.edition{color:var(--muted)}.demo{background:var(--demo);color:var(--demo-ink);padding:7px 16px;text-align:center;font-size:12px}.demo a{margin-left:12px;color:var(--accent-strong)}.ad{border:1px dashed var(--ad-border);display:grid;place-content:center;text-align:center;color:var(--ad-ink);font:11px/1.9 var(--ui);letter-spacing:1.2px;text-transform:uppercase;background:repeating-linear-gradient(135deg,transparent,transparent 8px,var(--stripe) 8px,var(--stripe) 9px)}.ad small{font-size:10px;letter-spacing:0;text-transform:none}.leader{max-width:970px;height:90px;margin:28px auto}.crumb{font-size:12px;color:var(--muted);margin:30px 0}.eyebrow{color:var(--accent)}h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-1px}h1{font-size:clamp(52px,4.8vw,64px);max-width:800px;margin:18px 0 22px;font-weight:900}h2{font-size:36px;margin:44px 0 18px}h3{font-size:24px;letter-spacing:-.5px}.dek{font:23px/1.5 var(--body);max-width:760px;color:var(--dek)}.byline{display:flex;gap:12px;align-items:center;font-size:12px;margin:28px 0}.avatar{width:40px;height:40px;display:grid;place-content:center;border:1px solid var(--accent);border-radius:50%;font-weight:800;color:var(--accent)}.hero{margin:0 auto;position:relative;max-width:800px}.hero img{width:100%;max-width:100%;display:block;aspect-ratio:2.2/1;object-fit:cover;object-position:68% center;filter:saturate(.9)}.hero figcaption{font-size:11px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.layout{display:grid;grid-template-columns:minmax(0,800px) 300px;gap:40px;margin:40px 0 80px}.prose{font:18px/1.8 var(--body)}.prose p{margin:20px 0}.prose h2{scroll-margin-top:24px}.intro:first-letter{float:left;font:76px/.9 var(--display);margin:8px 12px 0 0;color:var(--accent)}.summary{background:var(--surface);border-top:3px solid var(--accent);padding:24px 28px;font:15px/1.7 var(--ui);margin-bottom:30px}.summary strong{font-size:19px}.summary ul{padding-left:20px}.rail{font-size:14px}.rail h3{font-size:15px;letter-spacing:1px;text-transform:uppercase;border-top:2px solid var(--accent);padding-top:16px}.rail ol{padding-left:22px;line-height:2.7}.rail a{text-decoration:none}.rectangle{width:300px;height:250px;margin:32px 0}.vertical-ad{width:120px;height:600px;margin:32px auto}.inline-ad{height:250px;margin:38px 0}.quote{border-left:4px solid var(--accent);padding:12px 24px;font:italic 24px/1.5 var(--body);margin:32px 0;background:var(--surface-inset)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font:14px/1.6 var(--ui)}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{background:var(--surface-3);color:var(--ink)}.note{font:14px/1.7 var(--ui);padding:18px 22px;border:1px solid var(--line);background:var(--surface)}.author{border-top:2px solid var(--line);padding-top:22px;margin-top:40px;font:15px/1.6 var(--ui)}.related{border-top:1px solid var(--line);padding:32px 0;margin-top:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{background:var(--surface);border:1px solid var(--line);text-decoration:none;overflow:hidden}.related-card img{width:100%;max-width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.related-card div{padding:14px}.related-card h3{font-size:18px;margin:4px 0}.tag,.badge{display:inline-block;border:1px solid var(--line);padding:4px 10px;font:11px var(--ui);margin:4px;color:var(--muted)}.badge{border-color:var(--accent);color:var(--accent)}.button{display:inline-block;background:var(--accent);color:var(--bg);padding:12px 20px;border:0;text-decoration:none;font:700 14px var(--ui);cursor:pointer}.button:hover{background:var(--accent-strong);color:var(--bg)}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.button:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.mobile-toc{display:none}footer{background:var(--footer);color:var(--ink);padding:40px 0;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;font-size:12px}.foot nav{justify-content:flex-end;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.swatch{height:100px;border:1px solid var(--line);margin-bottom:12px}.panel{background:var(--surface);padding:28px;border:1px solid var(--line);margin:24px 0}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.skip{position:absolute;left:10px;top:-80px;background:var(--surface);padding:10px}.skip:focus{top:10px;z-index:9}.muted{color:var(--muted)}details summary{cursor:pointer;font-weight:bold}.meta{font-size:12px;color:var(--muted)}.optional-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.optional-item{background:var(--surface);border:1px solid var(--line);padding:12px;font:12px/1.4 var(--ui)}.ad-anchor{position:fixed;z-index:20;left:50%;bottom:16px;transform:translate(-50%,120%);width:min(728px,calc(100% - 32px));min-height:90px;padding:12px 46px 12px 16px;background:var(--surface-inset);border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);transition:transform .2s ease}.ad-anchor.is-visible{transform:translate(-50%,0)}.ad-anchor .ad-anchor-close{position:absolute;top:8px;right:8px;width:30px;height:30px;background:transparent;color:var(--ink);border:1px solid var(--line);cursor:pointer}.ad-anchor .ad-anchor-close:hover{border-color:var(--accent-interactive);color:var(--accent-interactive)}.ad-anchor__label{display:block;color:var(--accent);font:bold 10px var(--ui);letter-spacing:1.4px;text-transform:uppercase}.ad-anchor__state{display:none;color:var(--muted);font:12px var(--ui)}.ad-anchor__state.is-active{display:block}body.ad-open{padding-bottom:122px}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.masthead{min-height:76px;flex-wrap:wrap;padding:16px 0 12px;gap:16px}.logo{font-size:27px}.edition{display:none}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:13px;margin:0}.search{margin-left:auto}.search span{display:none}.leader{height:70px;margin:20px auto}.crumb{margin:23px 0}h1{font-size:clamp(42px,6vw,50px);letter-spacing:-1.7px}.dek{font-size:20px}.layout{display:block;margin-top:24px}.rail{display:none}.vertical-ad{display:none}.prose{font-size:18px}.prose h2{font-size:30px}.summary{padding:20px}.mobile-toc{display:block;border-block:1px solid var(--line);padding:16px 0;margin-bottom:24px;font:14px/1.8 var(--ui)}.mobile-toc ol{padding-left:20px}.hero img{aspect-ratio:16/9;object-fit:cover;object-position:68% center}.foot{display:block}.foot>*{margin:14px 0}.related-grid{grid-template-columns:1fr}.optional-grid{grid-template-columns:1fr 1fr}.component-grid{display:block}.panel{padding:20px}.related-card img{aspect-ratio:16/8}.ad-anchor{bottom:8px;min-height:74px;width:calc(100% - 20px)}body.ad-open{padding-bottom:100px}.ad-anchor .ad-anchor-close{width:28px;height:28px}}
@media(max-width:480px){h1{font-size:clamp(32px,9vw,38px)}}
:root{--bg:#101923;--surface:#192531;--surface-2:#22313e;--surface-3:#2a3b4a;--ink:#f1f5f7;--muted:#b4c0c9;--line:#3b4e5f;--header:#0d161f;--footer:#0c141c;--surface-inset:#17232e;--demo:#233340;--demo-ink:#d0d9df;--ad-border:#6c7f90;--ad-ink:#a5b4bf;--dek:#c3cdd3}