/* ----------------------------------------------------------------------- */
/* Reset                                                                    */
/* ----------------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  /* Inter alternate forms: tabular numbers off, single-storey "a" + tall "i" for legibility. */
  font-feature-settings: "cv11", "ss01";
}


img, svg, video { max-width: 100%; height: auto; display: block; }

/* Mirror the UA stylesheet's `[hidden]` rule explicitly. Plain (no
   !important) — author rules in this codebase that set display on the
   same elements should use `:where(...)` to keep specificity at 0 so
   `[hidden]` (0,0,1,0) naturally wins. The most-bitten case was the
   button base rule in button.css; if you add a similar broad
   display-setting rule elsewhere, wrap its selector in `:where()`. */
[hidden] { display: none; }

hr {
  border: 0;
  border-top: 1px solid var(--rule);
  margin: var(--gap-6) 0;
}