@media (forced-colors: active) {
  body,
  .site-header,
  .metrics,
  .service-card,
  .resource-card,
  .legal-card,
  .contact-form-card,
  .contact-side-card,
  .contact-inner,
  .site-footer {
    background: Canvas !important;
    color: CanvasText !important;
    background-image: none !important;
    border-color: CanvasText !important;
    box-shadow: none !important;
  }

  body::before,
  .shape,
  .braille,
  .tile,
  .access-token {
    display: none !important;
  }

  a[href],
  .link-strong,
  .link-card,
  .main-nav a,
  .footer-links a,
  .contact-email-line a {
    color: LinkText !important;
    text-decoration-color: LinkText !important;
  }

  .button,
  .button-primary,
  .button-secondary,
  .footer-preferences,
  .skip-link {
    forced-color-adjust: none;
    background: ButtonFace !important;
    color: ButtonText !important;
    border: 1px solid ButtonText !important;
    box-shadow: none !important;
  }

  input,
  textarea {
    background: Field !important;
    color: FieldText !important;
    border-color: FieldText !important;
    box-shadow: none !important;
  }

  input::placeholder,
  textarea::placeholder {
    color: GrayText !important;
  }

  .form-summary-error,
  .form-checkbox-error,
  .form-field small {
    forced-color-adjust: none;
    background: Mark !important;
    color: MarkText !important;
    border-color: Mark !important;
  }

  :focus-visible {
    outline: 2px solid Highlight !important;
    outline-offset: 3px;
    box-shadow: none !important;
  }
}