/* ============================================================

   a11y.css · 可访问性系统

   ============================================================ */



:focus-visible {

  outline: 2px solid var(--color-primary-500);

  outline-offset: 2px;

  border-radius: var(--radius-sm);

}

:focus:not(:focus-visible) { outline: none; }



.skip-to-main {

  position: absolute; top: -100px; left: 0;

  background: var(--color-primary-600); color: #fff;

  padding: var(--space-2) var(--space-4);

  z-index: var(--z-toast);

  border-radius: 0 0 var(--radius-md) 0;

  text-decoration: none;

}

.skip-to-main:focus { top: 0; }



.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) {

  html { scroll-behavior: auto; }

}



@media (prefers-contrast: more) {

  :root {

    --color-text-primary: #000;

    --color-bg: #fff;

    --color-border-strong: #000;

  }

  a { text-decoration: underline; }

}



@media (max-width: 768px) {

  a, button, .theme-option, summary { min-height: 44px; min-width: 44px; }

  .intent-funnel a, .subcategory-nav a { min-height: 44px; display: inline-flex; align-items: center; }

}