/* Page-level type and resets shared by pages/ and 404.html (DESIGN.md §3). Loaded after each page's inline <style>. */
main{font-family:'IBM Plex Sans',system-ui,sans-serif}
main p,main li{font-size:16px;line-height:1.55;letter-spacing:.16px}
main p{max-width:65ch}
main h1,main.page h1,main h1[class],main.page h1[class]{font-size:48px;line-height:1.17;font-weight:300;letter-spacing:-.4px;text-wrap:balance;text-transform:none}
main h2,main.page h2,main h2[class],main.page h2[class]{font-size:32px;line-height:1.25;font-weight:400;letter-spacing:0;text-wrap:balance;text-transform:none}
main h3,main.page h3,main h3[class],main.page h3[class]{font-size:22px;line-height:1.35;font-weight:400;letter-spacing:0;text-transform:none}
main h4,main h5{font-weight:500;letter-spacing:0;text-transform:none}
main .lede{font-size:18px;line-height:1.5}
main .eyebrow{font-size:14px;font-weight:400;color:var(--ink-3);letter-spacing:0;text-transform:none;border:0;padding:0}
main .mono,main .data,main code,main table.spec td.v{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
main [id]{scroll-margin-top:88px}
main a:focus-visible,main button:focus-visible,main input:focus-visible,main select:focus-visible,main textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main *{border-radius:0}
@media (max-width:720px){main h1,main.page h1,main h1[class],main.page h1[class]{font-size:34px}main h2,main.page h2,main h2[class],main.page h2[class]{font-size:26px}}
main h2.sec{margin:64px 0 24px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px}
main h2.sec .si{font-size:14px;font-weight:400;color:var(--ink-3);letter-spacing:0}