:root {
  color-scheme: light;
  --mc-blue-900: #0b2748;
  --mc-blue-800: #10375f;
  --mc-blue-700: #164d7d;
  --mc-blue-600: #1f65a0;
  --mc-blue-100: #e8f1f8;
  --mc-red-600: #b42318;
  --mc-green-600: #18794e;
  --mc-amber-600: #9a6700;
  --mc-ink: #17202b;
  --mc-muted: #586575;
  --mc-border: #d7dde5;
  --mc-surface: #ffffff;
  --mc-surface-alt: #f4f6f8;
  --mc-focus: #ffbf47;
  --mc-radius-sm: .25rem;
  --mc-radius: .5rem;
  --mc-radius-lg: .875rem;
  --mc-shadow: 0 .5rem 1.5rem rgba(11, 39, 72, .1);
  --mc-container: 75rem;
  --mc-space-1: .25rem;
  --mc-space-2: .5rem;
  --mc-space-3: .75rem;
  --mc-space-4: 1rem;
  --mc-space-5: 1.5rem;
  --mc-space-6: 2rem;
  --mc-space-7: 3rem;
  --mc-space-8: 4rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; scroll-behavior: smooth; }
body { margin: 0; color: var(--mc-ink); background: var(--mc-surface); }
img, svg, video { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button, summary, [role="button"] { cursor: pointer; }
a { color: var(--mc-blue-700); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: var(--mc-blue-900); }
:focus-visible { outline: .1875rem solid var(--mc-focus); outline-offset: .1875rem; }
[hidden] { display: none !important; }
.skip-link { position: fixed; z-index: 1000; top: .75rem; left: .75rem; padding: .75rem 1rem; color: #fff; background: var(--mc-blue-900); transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }