/* U.S. Web Design System brand tokens, from unfairly.ai/brand-guidelines/uswds (checked 2026-10-30).
   Sizes, spacing and components were measured on https://designsystem.digital.gov/ (Read from designsystem.digital.gov guidance pages (fetched 2026-10-30) and the site stylesheet /assets/css/styles.css).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name U.S. Web Design System's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #ffffff;
  --color-surface: #f0f0f0;
  --color-ink: #1b1b1b;
  --color-ink-muted: #565c65;
  --color-accent: #005ea2;
  --color-on-accent: #ffffff;
  --color-accent-secondary: #d83933;
  --color-accent-vivid: #0050d8;
  --color-night: #252f3e;
  --color-on-night: #ffffff;
  --color-link: #005ea2;
  --color-focus: #2491ff;
  --color-base-lightest: #f0f0f0;
  --color-base-lighter: #dfe1e2;
  --color-base-light: #a9aeb1;
  --color-base: #71767a;
  --color-base-dark: #565c65;
  --color-base-darker: #3d4551;
  --color-base-darkest: #1b1b1b;
  --color-ink: #1b1b1b;
  --color-primary-lighter: #d9e8f6;
  --color-primary-light: #73b3e7;
  --color-primary: #005ea2;
  --color-primary-vivid: #0050d8;
  --color-primary-dark: #1a4480;
  --color-primary-darker: #162e51;
  --color-secondary-lighter: #f3e1e4;
  --color-secondary-light: #f2938c;
  --color-secondary: #d83933;
  --color-secondary-vivid: #e41d3d;
  --color-secondary-dark: #b50909;
  --color-secondary-darker: #8b0a03;
  --color-accent-cool-lighter: #e1f3f8;
  --color-accent-cool-light: #97d4ea;
  --color-accent-cool: #00bde3;
  --color-accent-cool-dark: #28a0cb;
  --color-accent-cool-darker: #07648d;
  --color-accent-warm-lighter: #f2e4d4;
  --color-accent-warm-light: #ffbc78;
  --color-accent-warm: #fa9441;
  --color-accent-warm-dark: #c05600;
  --color-accent-warm-darker: #775540;
  --color-info-lighter: #e7f6f8;
  --color-info-light: #99deea;
  --color-info: #00bde3;
  --color-info-dark: #009ec1;
  --color-info-darker: #2e6276;
  --color-error-lighter: #f4e3db;
  --color-error-light: #f39268;
  --color-error: #d54309;
  --color-error-dark: #b50909;
  --color-error-darker: #6f3331;
  --color-warning-lighter: #faf3d1;
  --color-warning-light: #fee685;
  --color-warning: #ffbe2e;
  --color-warning-dark: #e5a000;
  --color-warning-darker: #936f38;
  --color-success-lighter: #ecf3ec;
  --color-success-light: #70e17b;
  --color-success: #00a91c;
  --color-success-dark: #008817;
  --color-success-darker: #216e1f;
  --color-disabled-lighter: #c9c9c9;
  --color-disabled-light: #919191;
  --color-disabled: #757575;
  --color-disabled-dark: #454545;
  --color-disabled-darker: #1b1b1b;
  --color-emergency: #9c3d10;
  --color-emergency-dark: #332d29;
  --color-blue-warm-80-docs-header: #252f3e;
  --color-blue-40v-focus: #2491ff;
  --color-violet-70v-visited-link: #54278f;
  --color-gray-10-header-rule: #e6e6e6;
  --color-red-50v: #e52207;
  --color-logo-blue-blue-warm-30v: #81aefc;
  --color-logo-indigo-indigo-60: #4d52af;
  --color-logo-orange: #ee601d;
  --color-logo-peach-red-warm-20v: #f6bd9c;
  --color-logo-charcoal-gray-80: #2e2e2e;
  --color-page-ground-gray-1: #fcfcfc;
  --color-search-input-header: #13171f;
  --color-blue-50v-nav-hover-search-button: #2672de;
  --color-identifier-muted-v1-strip-base-light-on-this-site: #adadad;
  --color-community-link-blue-warm-70v: #2f4668;
  --color-icon-light-red-red-warm-40v-ish-illustration: #e9695f;
  --color-gsa-blue: #00538e;
  --color-github-mark-source-fill: #161514;
  --color-phone-menu-link-gray: #5c5c5c;
  --color-hero-ink-on-gray: #303030;
  --color-ink-on-page-ground: #323232;
  --color-illustration-charcoal: #171717;
  --color-illustration-blue-blue-50: #0076d6;
  --color-button-hero-secondary-fill: #d83933;
  --color-button-hero-secondary-text: #FFFFFF;
  --color-button-hero-primary-fill: #0050d8;
  --color-button-hero-primary-text: #FFFFFF;
  --color-button-outline-on-light-text: #005ea2;
  --color-button-outline-on-light-ring: #005ea2;
  --font-display: "Public Sans", 'Public Sans Web', 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display-original: "Public Sans Web", "Public Sans", 'Public Sans Web', 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: "Public Sans", 'Public Sans Web', 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body-original: "Public Sans Web", "Public Sans", 'Public Sans Web', 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Roboto Mono", 'Roboto Mono Web', 'Roboto Mono', 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
  --font-mono-original: "Roboto Mono Web", "Roboto Mono", 'Roboto Mono Web', 'Roboto Mono', 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
  --page-margin: 52px;
  --section-padding: 64px;
  --container-max: 1400px;
  --hero-text-max: 480px;
  --card-gap: 32px;
  --nav-height: 128px;
  --grid-gutter: 32px;
  --grid-columns: 4;
  --text-hero-h1-size: 36px;
  --text-hero-h1-line: 1.3;
  --text-hero-h1-weight: 200;
  --text-hero-lead-size: 24px;
  --text-hero-lead-line: 1.4;
  --text-hero-lead-weight: 200;
  --text-h2-xl-size: 28px;
  --text-h2-xl-line: 1.2;
  --text-h2-xl-weight: 700;
  --text-h2-footer-size: 20px;
  --text-h2-footer-line: 1.2;
  --text-h2-footer-weight: 700;
  --text-site-title-size: 20px;
  --text-site-title-line: 1.2;
  --text-site-title-weight: 700;
  --text-site-title-tracking: -0.2px;
  --text-h2-md-size: 16.96px;
  --text-h2-md-line: 1.5;
  --text-h2-md-weight: 700;
  --text-link-lg-size: 16.96px;
  --text-link-lg-line: 1.6;
  --text-link-lg-weight: 700;
  --text-body-size: 16px;
  --text-body-line: 1.6;
  --text-body-weight: 400;
  --text-body-sm-size: 15.04px;
  --text-body-sm-line: 1.5;
  --text-body-sm-weight: 400;
  --text-nav-size: 15.04px;
  --text-nav-line: 1;
  --text-nav-weight: 400;
  --text-identifier-link-size: 15.04px;
  --text-identifier-link-line: 1.4;
  --text-identifier-link-weight: 400;
  --text-body-xs-size: 14.08px;
  --text-body-xs-line: 1.4;
  --text-body-xs-weight: 400;
  --text-button-size: 16px;
  --text-button-line: 0.9;
  --text-button-weight: 700;
  --text-banner-size: 12px;
  --text-banner-line: 1.2;
  --text-banner-weight: 400;
  --radius-button-hero-secondary: 4px;
  --radius-button-hero-primary: 4px;
  --radius-button-outline-on-dark: 4px;
  --radius-button-outline-on-light: 4px;
  --icon-size-3: 24px;
  --icon-size-4: 32px;
  --icon-size-5: 40px;
  --icon-size-6: 48px;
  --icon-size-7: 56px;
  --icon-size-8: 64px;
  --icon-size-9: 72px;
}
/* Phone values measured at 390px. U.S. Web Design System's breakpoint wasn't measured: 600px is our default. */
@media (max-width: 600px) {
  :root {
    --page-margin: 16px;
    --section-padding: 32px;
    --text-site-title-size: 15.04px;
    --text-nav-size: 16px;
    --text-identifier-link-size: 16px;
  }
}
.button-hero-secondary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 38px; padding: 0 20px; border-radius: 4px;
  background: #d83933; color: #FFFFFF;
  font: 400 16px/1 var(--font-body);
}
.button-hero-secondary:hover { background-color: #b50909; } /* observed */
.button-hero-secondary:focus-visible { outline: 4px solid #2491ff; outline-offset: 4px; } /* observed */
.button-hero-secondary:active { background-color: #8b0a03; } /* published */
.button-hero-primary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 38px; padding: 0 20px; border-radius: 4px;
  background: #0050d8; color: #FFFFFF;
  font: 400 16px/1 var(--font-body);
}
.button-hero-primary:hover { background-color: #162e51; } /* observed */
.button-hero-primary:focus-visible { outline: 4px solid #2491ff; outline-offset: 4px; } /* observed */
.button-outline-on-dark {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 38px; padding: 0 18px; border-radius: 4px;
  background: var(--color-transparent); color: var(--color-rgba-255-255-255-0-7);
  box-shadow: inset 0 0 0 2px var(--color-rgba-255-255-255-0-7);
  font: 700 16px/1 var(--font-body);
}
.button-outline-on-dark:hover { color: #FFFFFF; box-shadow: inset 0 0 0 2px #FFFFFF; } /* observed */
.button-outline-on-light {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 38px; padding: 0 18px; border-radius: 4px;
  background: var(--color-transparent); color: #005ea2;
  box-shadow: inset 0 0 0 2px #005ea2;
  font: 700 16px/1 var(--font-body);
}