/* ============================================================================
   AMANAH — footer contact-icons responsive fix
   Shared by index.html and privacy.html — the only two pages whose footer
   carries a 3rd group (contact icons) alongside the copyright and auth
   links. space-between wraps unevenly on phones, so stack and center all
   three below the same breakpoint .page-header already uses for its own
   row-to-column switch (see responsive.css). Split out on its own so
   landing.css and legal.css don't have to duplicate it.
   ============================================================================ */
@media (max-width: 560px) {
  .footer-inner {
    flex-direction: column;
    gap: var(--space-4);
    text-align: center;
  }
}