/* ================================================================
   base.css — reset, body, typography, links, focus states
   ================================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html  {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;   /* always reserve scrollbar space so centered
                                 header/logo don't shift between short & tall pages */
}
body  {
  font-family: var(--body-font);
  background: var(--cr);
  color: var(--ink);
  font-size: 16.5px;
  line-height: 1.6;
  min-height: 100vh;
  padding-bottom: 75px; /* space for fixed footer */
}
img   { max-width: 100%; height: auto; display: block; }
a     { color: var(--red); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Visible focus ring for keyboard navigation */
*:focus-visible {
  outline: 2px solid var(--go);
  outline-offset: 2px;
  border-radius: 3px;
}