/* Keep account entry visible even when the main navigation is collapsed. */
header .header-inner { gap: 1rem; }
.account-actions { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; }
.account-actions a { white-space: nowrap; }
.account-login { display: inline-flex; align-items: center; min-height: 44px; color: var(--white); font-weight: 600; }
.account-actions a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 1023px) {
  header .nav { display: none; }
  header .logo { font-size: 1.05rem; }
}
@media (max-width: 480px) {
  header .header-inner { gap: .5rem; }
  header .logo { font-size: 1rem; }
  .account-actions { gap: .75rem; }
  .account-login { font-size: .85rem; }
  .account-actions .btn-primary { min-height: 44px; padding: .5rem .75rem; font-size: .75rem; }
}