@import url('/site-assets/brand.css');
@font-face { font-family: Inter; src: url('/site-assets/fonts/inter-var-latin.woff2') format('woff2'); font-display: swap; }
/* The same file the landing names, under the same URL, so a reader who arrives
   here from the front page has it cached: Onest is one variable font and the
   brand export happens to write a copy of it per weight, and two spellings of
   identical bytes are two downloads. The range covers the one weight the
   headings ask for. */
@font-face { font-family: Onest; src: url('/site-assets/fonts/onest-400-latin.woff2') format('woff2'); font-weight: 400 600; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--brand-ink); background: #fff; font: 16px/1.7 var(--brand-font); }
header, footer { display: flex; align-items: center; gap: 24px; max-width: 1200px; padding: 20px 24px; margin: auto; }
header { justify-content: space-between; }
header a { display: flex; align-items: center; gap: 8px; }
main { max-width: 768px; padding: 48px 24px 72px; margin: auto; }
h1, h2, h3 { font-family: Onest, Inter, sans-serif; line-height: 1.25; text-wrap: balance; }
h1 { font-size: clamp(28px, 5vw, 40px); }
h2 { margin-top: 40px; font-size: 23px; }
article { margin-top: 40px; }
a { color: inherit; text-underline-offset: 3px; padding-block: 8px; }
.lead { font-size: 18px; color: #5c5c58; }
table { display: block; overflow-x: auto; border-collapse: collapse; }
td, th { padding: 12px; text-align: left; border-bottom: 1px solid #e3e3e0; }
button { padding: 12px 18px; border: 0; border-radius: 10px; background: #191918; color: #fff; font: inherit; cursor: pointer; }
footer { flex-wrap: wrap; }
:focus-visible { outline: 2px solid #0e9aa3; outline-offset: 4px; }