html { color-scheme: light; scroll-behavior: smooth; text-size-adjust: 100%; }
body {
  min-height: 100vh;
  background: var(--bdb-color-canvas);
  color: var(--bdb-color-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  background-image: radial-gradient(circle at 8% 0%, rgba(83,83,83, .08), transparent 28rem);
}
img, svg, video { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
a { color: var(--bdb-color-brand); text-underline-offset: .18em; }
a:hover { color: var(--bdb-color-brand-strong); }
:focus-visible { outline: 3px solid rgba(86,86,86, .45); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}