/* Targeted audit fixes kept separate from the generated stylesheet. */

/* At tablet widths the later 1120px rule could restore a two-column footer
   after the 860px rule had collapsed it, making the page wider than the
   viewport. Keep the footer single-column through the tablet breakpoint. */
@media (max-width: 860px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-grid > *,
    .footer-column,
    .footer-nav-grid {
        min-width: 0;
    }

    .social-icons {
        flex-wrap: wrap;
    }
}
