@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/source-sans-3.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/source-sans-3.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/source-sans-3.woff2") format("woff2");
}

html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Source Sans 3", "Segoe UI", Helvetica, Arial, sans-serif; color: #1C1B1A; background: #FFFFFF; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
a { color: #A8480A; }
a:hover { color: #E8720C; }
*:focus-visible { outline: 2px solid #E8720C; outline-offset: 2px; }
img { display: block; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
  color: #103A5E;
  font-weight: 600;
  padding: 12px 16px;
  border: 2px solid #E8720C;
  border-radius: 6px;
}
.skip-link:focus {
  left: 12px;
  top: 12px;
}

.nav-link:hover { background: #0B2B47; }
.topic-nav-link:hover { background: #103A5E; border-color: #E8720C; }
.topic-card:hover { border-left-color: #E8720C; background: #F1F1EF; }
.footer-link:hover { color: #E8720C; }
.related-link:hover { background: #0B2B47; border-color: #E8720C; }
.cta-button:hover { background: #A8480A; }
.submit-button:hover { background: #A8480A; }
.stat-card:hover { box-shadow: inset 0 0 0 2px #E8720C; }