/* Shared PATH foundation, matched to Records and Reporting. */
:root {
  color-scheme: light;
  --navy: #1d3041;
  --navy-dark: #142432;
  --red: #a21f25;
  --red-dark: #86191e;
  --cream: #f4f1e8;
  --white: #ffffff;
  --text: #1d3041;
  --muted: #66737d;
  --border: #d9dee3;
  --background: #f5f6f7;
  --hover: #eef2f5;
  --font-sans: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-padding-top: 24px; }
body { margin: 0; color: var(--text); background: var(--background); font: 15px/1.5 var(--font-sans); }
button, input, select, textarea { font: inherit; }
a { color: var(--red); text-underline-offset: .2em; }
a:hover { color: var(--red-dark); }
a:focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; }
img { display: block; max-width: 100%; }
p, h1, h2, h3 { margin: 0; }
h1, h2, h3 { line-height: 1.3; font-weight: 700; }
sup { font-size: .45em; vertical-align: super; }
.arrow-icon { display: inline-block; flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.75; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.15em; }
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid var(--red);
  border-radius: 6px;
  background: var(--red);
  color: var(--white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
.button:hover { color: var(--white); background: var(--red-dark); border-color: var(--red-dark); }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 10; padding: 10px 16px; border-radius: 6px; background: var(--white); color: var(--navy); font-weight: 700; }
.skip-link:focus { top: 12px; outline: 3px solid var(--red); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }