/* VirtualDLH Phase 1 - public page visual harmonization.
   Scoped to four pages via body class injected below. */
body.vdlh-phase1 {
  background: #ECEFF3 !important;
  color: #15294b;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
body.vdlh-phase1 .nav,
body.vdlh-phase1 .topbar {
  background: #fff;
  border-bottom: 1px solid #dfe5ed;
}
body.vdlh-phase1 .nav a,
body.vdlh-phase1 .topbar a { text-decoration: none; }
body.vdlh-phase1 .nav a:focus-visible,
body.vdlh-phase1 .topbar a:focus-visible,
body.vdlh-phase1 a:focus-visible {
  outline: 3px solid #e5b82f;
  outline-offset: 3px;
}
body.vdlh-phase1 .nav a.active,
body.vdlh-phase1 .nav a[aria-current="page"],
body.vdlh-phase1 .topbar a.active { color: #a27c00; }
body.vdlh-phase1 main,
body.vdlh-phase1 main.page { background: #ECEFF3; }
body.vdlh-phase1 .card,
body.vdlh-phase1 article.card,
body.vdlh-phase1 .step,
body.vdlh-phase1 .rule {
  border-radius: 16px;
  border-color: #dfe5ed;
}
body.vdlh-phase1 .btn.primary,
body.vdlh-phase1 .button.yellow,
body.vdlh-phase1 a.join,
body.vdlh-phase1 a.join-top {
  background: #f6c847;
  color: #12294c;
}
body.vdlh-phase1 .footer,
body.vdlh-phase1 footer {
  border-top: 1px solid #dfe5ed;
}
@media (max-width: 760px) {
  body.vdlh-phase1 { overflow-x: hidden; }
}