/* Accessibility and polish on top of the Site Maker styles. Loaded after them on every page. */

/* Visible keyboard focus (Site Maker removes outlines) */
:focus-visible,
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid #2f2f2f !important;
  outline-offset: 3px;
  border-radius: 2px;
}
#main-content:focus { outline: none; }

/* Skip link target sits just under the header */
#main-content { scroll-margin-top: 1rem; }
h1, h2, h3 { scroll-margin-top: 1rem; text-wrap: balance; }
p { text-wrap: pretty; }

/* Mobile menu trigger is now a keyboard button */
.menu-trigger[role="button"] { cursor: pointer; }

/* Faster taps, no grey flash on iOS */
a, button, [role="button"], input, textarea, label { touch-action: manipulation; }
a, button, [role="button"] { -webkit-tap-highlight-color: rgba(47, 47, 47, 0.15); }

/* Footer links: at least 24px tap targets */
.footer a { display: inline-block; min-height: 24px; line-height: 24px; }

/* Numbers line up in the results list */
.ed-text { font-variant-numeric: tabular-nums; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}