/* Changed for Gould: body text is the one white (v23 --text: #fafafa), not the 75% grey (plan decision 10); the page is navy, as v23 (html, body { background: var(--page-navy) }). */
body {
  font-family: var(--font-primary);
  font-size: var(--text-base-size);
  font-weight: var(--fw-normal);
  line-height: var(--body-line-height);
  color: var(--color-white);
  letter-spacing: var(--tracking);
}

html,
body {
  background: var(--color-bg-base);
}

svg {
  height: 2ex;
  width: auto;
  flex: none;
}

blockquote:not([class]) {
  font-family: var(--font-serif);
  font-size: var(--size-step-2);
}

:where(blockquote:not([class]) p:last-of-type) {
  font-family: var(--font-base);
  font-size: var(--size-step-1);
  font-weight: var(--fw-normal);
}

a {
  color: currentcolor;
}

:where(a:hover) {
  text-decoration: none;
}

/* No `:focus` ring here on purpose. It would fire on mouse clicks as well as
   keyboard, and utilities/state.css already owns the ring via `:focus-visible`.
   Two competing rings is worse than one.

   An UNCLASSED <main> (a skip-link target with tabindex="-1") shows no ring at
   all: at (0,2,1) this rule beats state.css's `:focus-visible` (0,1,0). It never
   matches a <main> with a class, so a block class on <main> sets its own outline. */

main:not([class]):focus {
  outline: none;
}

::selection {
  background: var(--color-dark);
  color: var(--color-light);
}

mark {
  background-color: hsl(var(--color-accent-base-hsl) / 0.2);
  color: inherit;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: var(--heading-line-height);
  max-width: var(--measure-s);
  letter-spacing: var(--tracking-s);
}

p,
li,
blockquote:not([class]) {
  max-width: var(--measure);
}