html { color-scheme: light; }
body { background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-body); line-height: 1.65; overflow-wrap: anywhere; }
h1, h2, h3 { font-weight: 500; line-height: 1.08; text-wrap: balance; }
h1 { font-size: var(--text-h1); letter-spacing: -.055em; }
h2 { font-size: var(--text-h2); letter-spacing: -.045em; }
h3 { font-size: 1.35rem; letter-spacing: -.025em; }
a { color: inherit; text-underline-offset: .25em; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 5px; }
section { scroll-margin-top: 1.5rem; }
button:disabled { cursor: not-allowed; }
::selection { background: var(--color-accent); color: var(--color-ink); }