header .header-inner { max-width: 1240px; margin: 0 auto; padding: 12px 20px; gap: 14px; flex-wrap: wrap; }
header .header-inner > .logo { white-space: nowrap; }
header nav { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px 14px; }
header nav a { white-space: nowrap; letter-spacing: 1.5px; }
header nav #adminNav:empty { display: none; }
header nav #authArea { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
header nav .who { white-space: nowrap; }
header nav .btn { white-space: nowrap; padding: 8px 14px; }
header nav #signoutBtn { margin-left: 0; }
header .header-inner > #commsBtn { margin-left: 4px; padding: 7px 12px; }
@media (max-width: 700px) {
  header .header-inner { gap: 10px; padding: 12px 16px; }
  header nav { margin-left: 0; justify-content: flex-start; gap: 8px 12px; }
}