.header-actions { display: flex; align-items: center; gap: .65rem; flex-shrink: 0; }
.header-actions .facebook-link { justify-content: center; min-width: 44px; min-height: 44px; }
.header-actions .header-cta { white-space: nowrap; }
.site-header:has(.header-actions) { gap: clamp(.5rem, 2vw, 2rem); }
@media (max-width: 480px) {
  .site-header:has(.header-actions) .brand-name { display: none; }
  .header-actions { gap: .35rem; }
}