/* Shared compact-device refinements for the landing, support, and legal pages. */
@media (max-width: 700px) {
  header nav { align-items: center; }
  header nav a { display: inline-flex; align-items: center; min-height: 40px; }
}

@media (max-width: 360px) {
  header { gap: 8px; padding: 16px 14px; }
  .brand { gap: 8px; font-size: 18px; }
  .brand img { width: 32px; height: 32px; }
  header nav { gap: 10px; font-size: 11px; }
}

@media (max-width: 420px) {
  .legal { margin-top: 36px; padding-right: 20px; padding-left: 20px; }
  .legal h1 { font-size: clamp(38px, 12vw, 50px); overflow-wrap: anywhere; }
  .legal h2 { font-size: 25px; }
}