/* ==========================================================================
   IACBT — Shared responsive rules
   Breakpoints: 1440 / 1200 / 992 / 768 / 576 / 360
   Page and component files hold their own grid rules; this file carries
   cross-cutting spacing/type adjustments that apply everywhere.
   ========================================================================== */

@media (max-width: 1200px) {
  :root { --container-pad: clamp(1.25rem, 4vw, 2.5rem); }
}

@media (max-width: 992px) {
  .section { padding-block: var(--space-xl); }
  .section-head { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 768px) {
  :root {
    --space-2xl: 3.5rem;
    --space-xl: 2.75rem;
  }
}

@media (max-width: 576px) {
  .container { padding-inline: 1.25rem; }
  .section { padding-block: var(--space-lg); }
}

@media (max-width: 360px) {
  :root { --fs-body-lg: 1rem; }
}