:root{color-scheme:dark;--bg:#111916;--panel:#18231d;--ink:#f0f0e6;--muted:#a8b4ab;--line:#35463b;--accent:#d8ed8d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:1320px;margin:auto;padding:0 64px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.brand{font-size:15px;display:flex;align-items:center;gap:13px}.mark{background:var(--accent);color:var(--bg);padding:8px 7px;font-weight:800;border-radius:6px;letter-spacing:-1px}.brand-divider{color:#819487}.version{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font:11px monospace;letter-spacing:1px}.intro{padding:82px 0 68px;max-width:950px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700;margin:0 0 25px}h1{font-size:clamp(58px,7vw,94px);letter-spacing:-5px;line-height:1.03;font-weight:500;margin:0}h1 span{color:var(--accent)}.lede{font-size:20px;line-height:1.6;max-width:560px;color:var(--muted);margin:27px 0 32px}.links{display:flex;align-items:center;gap:27px;font-size:13px}.links a{padding:14px 0}.links .primary{background:var(--accent);color:#162017;padding:15px 21px;border-radius:5px;font-weight:700}.links span{margin-left:15px}.surfaces{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}article{padding:31px 25px 36px 0}article+article{border-left:1px solid var(--line);padding-left:28px}.number{color:var(--accent);font:12px monospace}h2{font-weight:500;font-size:23px;line-height:1.25;letter-spacing:-.5px}article p{color:var(--muted);font-size:14px;line-height:1.65;max-width:305px;min-height:92px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}article code{font-size:10px;color:var(--accent);display:block;overflow-wrap:anywhere}.example{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0}.example h2{font-size:35px;margin:0 0 22px;letter-spacing:-1px}.example p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);max-width:380px}.example .note{font-size:12px!important;margin-top:25px}.note code{font-size:11px;overflow-wrap:anywhere}pre{margin:0;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:7px;font-size:12px;line-height:1.8;overflow:auto;color:#d9e3d9}footer{border-top:1px solid var(--line);padding:24px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#a0b0a5;font-size:11px}@media (max-width:800px){main{padding:0 25px}.intro{padding-top:55px}h1{letter-spacing:-3px}.surfaces{grid-template-columns:1fr}.surfaces article{padding:25px 0}.surfaces article+article{border-left:0;border-top:1px solid var(--line)}article p{max-width:100%;min-height:0}.example{grid-template-columns:1fr;gap:25px;padding:45px 0}.brand{font-size:12px;gap:8px}.links{gap:18px;flex-wrap:wrap}.lede{font-size:18px}footer{flex-direction:column}.example h2{font-size:30px}pre{padding:20px;font-size:11px}}