/* ==========================================================================
   responsive.css — breakpoints (desktop 1920 → mobile 320)
   ========================================================================== */

/* Large desktop */
@media (min-width: 1600px) {
  :root { --max: 1400px; }
}

/* Navigation collapses to the drawer below 1101px */
@media (max-width: 1100px) {
  .nav, .hdr__cta { display: none; }
  .menu-btn { display: inline-flex; }
}
@media (min-width: 1101px) {
  .drawer { display: none; }
}

/* Tablet */
@media (max-width: 1024px) {
  .strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .strip__cell:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
  .strip__cell:nth-child(n + 4) { border-top: 1px solid var(--rule); }
  .on-dark .strip__cell:nth-child(n + 4) { border-top-color: var(--rule-dark); }
}
@media (max-width: 900px) {
  .hide-md { display: none; }
}

/* Mobile */
@media (max-width: 640px) {
  :root { --bar-h: 64px; --strip-h: 30px; }
  body { font-size: 1.02rem; }
  .hide-sm { display: none; }
  .brand__role { display: none; }
  .brand__mark { width: 30px; height: 30px; }
  .strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strip__cell { padding: 1.1rem .9rem 1.2rem; }
  .strip__cell:nth-child(n) { border-left: 1px solid var(--rule); padding-left: .9rem; border-top: 0; }
  .strip__cell:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
  .strip__cell:nth-child(n + 3) { border-top: 1px solid var(--rule); }
  .on-dark .strip__cell:nth-child(n) { border-color: var(--rule-dark); }
  .ftr__index { columns: 2; }
  .next-pages a { grid-template-columns: 2.4rem minmax(0, 1fr) auto; }
  table.data { font-size: .92rem; }
}
@media (max-width: 380px) {
  .strip { grid-template-columns: minmax(0, 1fr); }
  .strip__cell:nth-child(n) { border-left: 0; padding-left: 0; border-top: 1px solid var(--rule); }
  .strip__cell:first-child { border-top: 0; }
  .ftr__index { columns: 1; }
  .menu-btn__label { display: none; }
}