/* Shared navigation and form access, without changing booking behavior. */
html { scroll-padding-top: 110px; }
.skip-link { position: fixed; top: 12px; left: 16px; z-index: 10000; transform: translateY(-180%); background: #fff; color: #17202a; padding: 12px 18px; border-radius: 8px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #b65b15; outline-offset: 4px; box-shadow: 0 0 0 6px #fff; }
header nav { height: auto; min-height: 76px; gap: 16px; }
header nav a { min-height: 48px; display: inline-flex; align-items: center; }
.navlinks { flex-wrap: wrap; }
.btn, button { min-height: 48px; }
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 48px; font-size: 16px; }
.sigbox input { font-size: 26px; }
.fleet-popup { min-width: 180px; }
.fleet-popup strong { color: #0f172a; font-size: 15px; }
.fleet-popup p { color: #475569; font-size: 13px; margin: 6px 0; }
.fleet-popup a { display: inline-flex; align-items: center; min-height: 48px; color: #a34310; font-weight: 700; }
.fleet-cars { color: #a34310; font-weight: 800; }
@media (max-width: 600px) {
  header nav { padding: 8px 16px; gap: 10px; }
  header nav .brand > span:last-child { display: none; }
  .navlinks { gap: 10px !important; font-size: 13px !important; letter-spacing: .3px; }
  .navlinks .btn { font-size: 13px; padding: 10px 12px !important; }
  .panel { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .kicker, .hero h1 span, .hero .lede, .hero .cta, .stats, .fmcsa-line { opacity: 1 !important; transform: none !important; }
}
