/**
 * responsive.css — cross-cutting breakpoint overrides.
 *
 * Enqueued last (see functions.php) so it wins at matching
 * specificity. Component files already contain their own mobile-first
 * rules and @media blocks where the behaviour is intrinsic to that
 * component (e.g. header.css's nav collapse) — this file is for
 * overrides that cut across multiple components, and stays thin until
 * Phase 2 surfaces real cases.
 */

@media (max-width: 480px) {
	.container {
		padding-inline: var(--space-2);
	}
}