.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; z-index: 2000; top: var(--space-3); left: var(--space-3); transform: translateY(-160%); padding: var(--space-3) var(--space-4); border-radius: var(--radius-control); background: var(--color-focus); color: var(--color-accent-ink); font-weight: var(--weight-bold); }
.skip-link:focus { transform: translateY(0); }
.example-note { margin-top: var(--space-5); padding: var(--space-4); border-left: 2px solid var(--color-warning); background: var(--color-surface-2); }
.noscript-player-status { margin: 0; color: var(--color-warning); }
body.popup-mode { padding-bottom: 0; }
body.popup-mode .site-header, body.popup-mode main, body.popup-mode .site-footer, body.popup-mode .consent-panel, body.popup-mode [data-popup-open] { display: none; }
body.popup-mode .global-player { position: static; min-height: 100dvh; box-shadow: none; }
body.popup-mode .player-inner { min-height: 100dvh; grid-template-columns: 1fr; align-content: center; padding: var(--space-6); }
body.popup-mode .popup-close { display: inline-flex; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0ms !important; animation-duration: 0ms !important; animation-iteration-count: 1 !important; }
}
@media print {
  body { padding-bottom: 0; background: var(--color-bg); color: var(--color-text-primary); }
  .site-header, .global-player, .consent-panel, .skip-link { display: none !important; }
  a { color: var(--color-accent); text-decoration: underline; }
}