/* Native equivalents of a11y-ui tokens, SkipLink, focus ring and target utility. */
:root { --a11y-text: #172b35; --a11y-surface: #fff; --a11y-link: #17675f; --a11y-focus: #174ea6; }
@media (prefers-color-scheme: dark) {
  .a11y-help, a11y-info-tip { --a11y-text: #f1f5f9; --a11y-surface: #172b35; --a11y-link: #8ee0d4; --a11y-focus: #ffdd66; }
}
:focus-visible { outline: 3px solid var(--a11y-focus) !important; outline-offset: 3px; box-shadow: 0 0 0 6px #fff !important; }
.a11y-target, button, .btn { min-width: 24px; min-height: 24px; }
.a11y-skip { position: absolute; left: 12px; top: -100px; z-index: 20000; padding: 12px; color: #fff; background: #172b35; }
.a11y-skip:focus { top: 12px; color: #fff; }
.a11y-help { color: var(--a11y-text); background: var(--a11y-surface); padding: 24px; line-height: 1.7; }
.a11y-help h1, .a11y-help h2 { color: inherit; }
.a11y-help a:link, .a11y-help a:visited, .a11y-help a:hover, .a11y-help a:focus { color: var(--a11y-link); text-decoration: underline; }
.a11y-help nav a { display: block; padding: 8px 0; }
.a11y-help section { margin-block: 32px; }
.a11y-description { margin-block: 12px; }
.a11y-description a, main p a, main h3 a { text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}