/* Child CSS that is not a Token override. */

/* Kit `.headline { color: var(--accent) }` — Navy uses cream/white copy; Hero stepped marks keep accent. */
.color-scheme__navy .headline:not(.hero-hero__headline) {
  color: var(--white);
}

/*
 * Same left edge as kit `.container` (centered max-width + gutter).
 * Used by full-bleed split sections whose copy sits in the left half.
 */
:root {
  --geo-page-inset: var(--spacer--md);
}

@media (min-width: 768px) {
  :root {
    --geo-page-inset: max(
      var(--spacer--md),
      calc((100vw - 768px) / 2 + var(--spacer--md))
    );
  }
}

@media (min-width: 992px) {
  :root {
    --geo-page-inset: max(
      var(--spacer--md),
      calc((100vw - 992px) / 2 + var(--spacer--md))
    );
  }
}

@media (min-width: 1280px) {
  :root {
    --geo-page-inset: max(
      var(--spacer--md),
      calc((100vw - 1280px) / 2 + var(--spacer--md))
    );
  }
}

@media (min-width: 1440px) {
  :root {
    --geo-page-inset: max(
      var(--spacer--md),
      calc((100vw - 1440px) / 2 + var(--spacer--md))
    );
  }
}