/* ============================================================
   RESPONSIVE — Transversal rules only.
   Mobile-first: base = mobile (320-480px).
   Component-specific breakpoints are in each component file.

   This file contains ONLY rules that affect multiple components
   or global layout properties.

   Breakpoints (min-width, mobile-first):
     481px  — large mobile
     769px  — tablet
     1025px — desktop
   ============================================================ */

@media (min-width: 769px) {
	body {
		font-size: clamp(0.875rem, 1.4vw, 1rem);
	}
}