:root { --canvas: #FFFFFF; --well: #F2F8FD; --action: #0071DC; --yellow: #FFC220; --border: #E2E8F0; --ink: #183348; --muted: #40586B; --deep-blue: #0057A7; }
body { background: var(--canvas); color: var(--ink); }
.masthead { border-bottom: 1px solid var(--border); }
.masthead__name { color: var(--ink); }
.masthead__purpose { color: var(--muted); }
.crumbs { color: var(--muted); }
.crumbs__item + .crumbs__item::before { color: var(--muted); }
.lead__eyebrow { color: var(--deep-blue); }
.lead__identity { background: var(--well); padding: .75rem 1rem; border-left: 4px solid var(--yellow); border-radius: 0 1rem 1rem 0; }
.illustration__asset { background: var(--well); border: 1px solid var(--border); border-radius: 1rem; color: var(--muted); }
.illustration__caption { color: var(--muted); }
a { color: var(--deep-blue); }
a:hover { color: var(--ink); text-decoration: underline; }
.note-link { border: 1px solid var(--border); border-radius: .75rem; background: var(--canvas); }
.note-link:hover { background: var(--well); border-color: var(--action); }
.note-link__arrow { color: var(--deep-blue); }
.jump-menu { border-radius: 1rem; background: var(--well); border: 1px solid var(--border); }
.jump-menu__summary { color: var(--ink); border-bottom: 1px solid var(--border); }
.jump-menu__select { border: 1px solid #7895AA; border-radius: .75rem; background: var(--canvas); color: var(--ink); }
.jump-menu__button { border: 2px solid var(--action); border-radius: 999px; background: var(--action); color: var(--canvas); }
.jump-menu__button:hover { background: var(--deep-blue); border-color: var(--deep-blue); }
.jump-menu__source-link { border-top: 1px solid var(--border); margin-top: .75rem; }
.note { border: 1px solid var(--border); border-radius: 1rem; background: var(--canvas); }
.note--well { background: var(--well); }
.note--urgent { border-left: 5px solid var(--action); background: var(--well); }
.note--urgent .note__heading { color: var(--deep-blue); }
.source-mark { color: var(--deep-blue); background: var(--well); border: 1px solid var(--border); border-radius: 999px; }
.source-mark:hover { border-color: var(--action); }
.question { background: var(--well); border-radius: 1rem; border-left: 3px solid var(--yellow); }
.question__label { color: var(--muted); }
.route-list__group { background: var(--well); border-radius: 1rem; }
.route-list__heading { color: var(--ink); }
.route-list__group .note-link + .note-link { margin-top: .5rem; }
.sources { border-top: 3px solid var(--yellow); background: var(--well); border-radius: 1rem; }
.sources__intro, .sources__date { color: var(--muted); }
.sources__item + .sources__item { border-top: 1px solid var(--border); }
.sources__mark { background: var(--canvas); color: var(--deep-blue); border: 1px solid var(--border); border-radius: 50%; }
.footer { border-top: 1px solid var(--border); color: var(--muted); }
.skip-link { color: var(--canvas); background: var(--deep-blue); border-radius: 999px; }
:focus-visible { outline: 3px solid var(--deep-blue); outline-offset: 3px; }
.note__heading:focus, .sources__heading:focus { outline: 3px solid var(--action); outline-offset: 5px; border-radius: .125rem; }
@media print {
  body { background: #fff; color: #183348; }
  .note, .question, .sources { background: #fff; }
}