:root{--bg:#fff;--tile:#f5f5f7;--ink:#1d1d1f;--ink2:#6e6e73;--line:#d2d2d7;--hair:rgba(0,0,0,.08);--accent:#12704c;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#000;--tile:#161617;--ink:#f5f5f7;--ink2:#a1a1a6;--line:#424245;--hair:rgba(255,255,255,.09);--accent:#55c08e;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased}
.wrap{width:min(880px,100% - clamp(40px,10vw,88px));margin-inline:auto;padding:clamp(48px,9vw,112px) 0 80px}
.crumb{font-size:15px;color:var(--ink2);margin-bottom:18px}.crumb a{color:var(--accent);text-decoration:none}.crumb a:hover{text-decoration:underline}
h1{margin:0;font-size:clamp(36px,6vw,64px);line-height:1.04;letter-spacing:-.042em;font-weight:600}
.lede{color:var(--ink2);margin:14px 0 36px;max-width:36em}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table th{font-size:14px;font-weight:500;color:var(--ink2);text-align:left;padding:0 16px 10px 0;border-bottom:1px solid var(--line)}
table th a{color:inherit}
table td{padding:14px 16px 14px 0;border-bottom:1px solid var(--hair);overflow-wrap:anywhere}
table td:nth-child(2),table td:nth-child(3){color:var(--ink2);font-size:15px;white-space:nowrap}
table td:first-child a{font-weight:500}
table tr:hover td{background:var(--tile)}
.note{margin-top:36px;font-size:14px;color:var(--ink2);max-width:46em}
code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--tile);padding:2px 6px;border-radius:6px}
@media (max-width:560px){table th:nth-child(3),table td:nth-child(3){display:none}}