/* Wspólne reguły dostępności — wyłącznie zachowania, bez układu i estetyki. */
.skip-link {
  position: absolute; left: 8px; top: -100px; z-index: 1000;
  padding: 12px 16px; background: #111; color: #fff; font-weight: 700;
  text-decoration: underline;
}
.skip-link:focus { top: 8px; }
.sr-only {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
[hidden] { display: none !important; }
.proto-banner {
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #1b1b1b; color: #fff; padding: 8px 16px; text-align: center;
}
.proto-banner strong { color: #fff; }
html.reduce-motion *, html.reduce-motion *::before, html.reduce-motion *::after {
  animation-duration: 1ms !important; animation-iteration-count: 1 !important;
  transition-duration: 1ms !important; scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: reduce) {
  html:not(.js) *, html:not(.js) *::before, html:not(.js) *::after {
    animation: none !important; transition: none !important;
  }
}
img { max-width: 100%; height: auto; }
/* Cele dotykowe: linki w listach, banerze i stopkach min. 24 px (WCAG 2.2, 2.5.8). */
.proto-banner a, li > a, footer a, dd > a { display: inline-block; min-height: 24px; padding-block: 2px; }