/* iPad uses the desktop navigation until the shared 820px breakpoint. */
@media (min-width: 821px) and (max-width: 1100px) {
  .site-header { padding-right: 24px; padding-left: 24px; }
  .site-header nav { gap: 14px; }
}