:root { color-scheme: dark; }
:where(a, button, input):focus-visible { outline: 3px solid #34d399; outline-offset: 4px; }
img { max-width: 100%; height: auto; }
.logo img { width: auto; object-fit: contain; }
@media (max-width: 760px) {
  nav { padding-inline: 1rem !important; }
  .nav-links { max-width: min(82vw, 24rem); overflow-x: auto; padding-bottom: .35rem; }
  .nav-links a { white-space: nowrap; }
  section { scroll-margin-top: 6rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}