.skip-link { position: fixed; top: 8px; left: 8px; z-index: 10000; padding: .75rem 1rem; background: #fff; color: #111; border: 2px solid #111; border-radius: 4px; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #145bd7 !important; outline-offset: 3px !important; }
[data-theme="dark"] :focus-visible { outline-color: #ffdc72 !important; }
#main-content { scroll-margin-top: 5rem; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}