/* Small-screen corrections around the original design template. */
*, *::before, *::after { box-sizing: border-box; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--accent-t, #1f55c8);
  outline-offset: 3px;
}
@media (max-width: 680px) {
  header { position: relative !important; }
  header > div { padding: 18px 20px !important; gap: 16px !important; }
  header nav { order: 3; width: 100%; margin: 0 !important; gap: 12px 20px !important; }
  header > div > div { margin-left: 0 !important; flex-wrap: wrap; }
  footer > div > div:first-child { grid-column: auto !important; }
  [data-screen-label="Hero"] > div { padding-top: 44px !important; }
  .hero-paths { gap: 8px !important; }
  .hero-paths > a { padding: 16px 12px !important; }
  .hero-paths > a > div:nth-child(2) { font-size: 15px !important; }
  #top > a { right: 16px !important; bottom: 16px !important; }
  footer { padding-bottom: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}