:root{
  --bg:#f5f5f7; --surface:#fff; --line:#e3e5ea; --ink:#1d1d1f; --ink2:#515154; --ink3:#86868b; --blue:#0071e3; --blueSoft:#e8f1fc;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#000; --surface:#161618; --line:#2c2c2e; --ink:#f5f5f7; --ink2:#c7c7cc; --ink3:#8e8e93; --blue:#2997ff; --blueSoft:#0f2238; color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;padding:0 16px 80px}
.bar{position:sticky;top:0;z-index:5;margin:0 -16px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line)}
.bar .in{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font:700 17px var(--display);letter-spacing:-.3px}
.brand svg{color:var(--blue)}
.bar nav{display:flex;gap:6px}
.bar nav a{font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none;padding:6px 11px;border-radius:99px}
.bar nav a[aria-current]{background:var(--blueSoft);color:var(--blue)}
main{max-width:760px;margin:0 auto}
.hero{padding:48px 0 8px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue)}
h1{font:800 clamp(32px,6vw,44px)/1.08 var(--display);letter-spacing:-1.4px;margin:8px 0 10px;text-wrap:balance}
.meta{color:var(--ink3);font-size:14px}
.summary{margin:26px 0 8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.summary h2{margin:0 0 8px;font-size:15px;letter-spacing:0}
.summary ul{margin:0;padding-left:20px;color:var(--ink2);font-size:15px}
.summary li{margin:4px 0}
.toc{margin:22px 0;columns:2 240px;column-gap:24px;font-size:14px;padding:0;list-style:none;counter-reset:t}
.toc li{counter-increment:t;margin:0 0 6px;break-inside:avoid}
.toc li::before{content:counter(t,decimal-leading-zero)"  ";color:var(--ink3);font-variant-numeric:tabular-nums;font-size:12px}
.toc a{color:var(--ink2);text-decoration:none}
.toc a:hover{color:var(--blue)}
section{padding-top:14px;scroll-margin-top:70px}
h2{font:700 22px/1.25 var(--display);letter-spacing:-.4px;margin:30px 0 8px;text-wrap:balance}
h3{font-size:16px;margin:20px 0 4px}
p,li{color:var(--ink2);max-width:68ch}
strong{color:var(--ink)}
a{color:var(--blue)}
.caps{text-transform:uppercase;font-size:14px;letter-spacing:.2px}
.tbl{overflow-x:auto;margin:10px 0}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2)}
th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);background:color-mix(in srgb,var(--surface) 90%,var(--line))}
tr:last-child td{border-bottom:none}
.callout{background:var(--blueSoft);border-radius:14px;padding:14px 16px;margin:14px 0;color:var(--ink)}
.callout p{margin:0;color:var(--ink)}
footer{max-width:760px;margin:48px auto 0;padding-top:20px;border-top:1px solid var(--line);color:var(--ink3);font-size:13px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--ink3)}