/* ENGRexpert — responsive refinements (320px to 1920px+).
   Base layout is mobile-first in main.css; this file tunes extremes. */
@media (max-width: 400px) {
  body { font-size: 1rem; }
  .container { width: min(100% - 1.5rem, var(--container)); }
  .section { padding-block: var(--space-7); }
  .btn { width: 100%; }
  .btn-row { flex-direction: column; }
  .card { padding: var(--space-4); }
  .brand svg { height: 32px; }
  .trust-list li { border-left: 0; border-top: 1px solid var(--line); }
  .trust-list li:first-child { border-top: 0; }
}
@media (min-width: 1600px) {
  :root { --container: 1320px; }
  body { font-size: 1.125rem; }
}
@media (min-width: 2200px) {
  :root { --container: 1480px; }
}
/* Prevent long words or URLs from forcing horizontal scroll */
.prose, .card, .aside-box, td, th { overflow-wrap: anywhere; }