/* WarteCheck shared component/accessibility layer – Phase 4.
   Bewusst klein gehalten: gemeinsame Interaktionsregeln statt weiterer Seiten-Overrides. */
:root{
  --wc-touch-target:44px;
  --wc-focus-outline:3px solid rgba(47,112,98,.42);
  --wc-focus-offset:2px;
}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:var(--wc-focus-outline);
  outline-offset:var(--wc-focus-offset);
}

/* Kleine Icon-Aktionen bekommen auf Touch-Geräten eine verlässliche Trefferfläche,
   ohne das Desktop-Layout unnötig aufzublähen. */
@media (pointer:coarse){
  :where(.community-post-menu>summary,
         .profile-action-menu>summary,
         .community-composer-head button,
         .community-image-viewer header button,
         .community-image-viewer-nav,
         .messenger-attach,
         .messenger-emoji-toggle,
         .messenger-emoji-picker>header button){
    min-width:var(--wc-touch-target);
    min-height:var(--wc-touch-target);
  }
}

/* Systemweite Bewegungspräferenz respektieren. Funktionale Zustandswechsel bleiben erhalten. */
@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}