*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; font-family: var(--font-body); font-size: 1.125rem; line-height: 1.7;
  color: var(--color-ink); background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--color-brand); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none; box-shadow: var(--focus);
}
.skip-link { position: absolute; left: -9999px; z-index: 1000; background: var(--color-brand); color: #fff; padding: 0.75rem 1rem; font-family: var(--font-ui); }
.skip-link:focus { left: 0.5rem; top: 0.5rem; }
h1,h2,h3 { font-family: var(--font-display); font-weight: 600; line-height: 1.3; margin: 0 0 1rem; color: var(--color-brand); }
p { margin: 0 0 1.15rem; }