/* Shared reset + base typography for the user-facing templates.
 *
 * Every template used to inline these same five lines (box-sizing
 * reset + the system font stack). Loaded after brand.css so the
 * variables it sets are already available; loaded before each page's
 * inline <style> so page-specific body { background: ... } overrides
 * still win without using !important.
 *
 * Per-page background, layout (display: flex / min-height / padding),
 * and color stay in each template — those legitimately differ. */

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

html,
body {
  margin: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", sans-serif;
  color: var(--text-dark);
  -webkit-font-smoothing: antialiased;
}