/* ════════════════════════════════════════════════════════
   Responsive breakpoints
   1440 / 1024 / 768 / 430 / 375
   ════════════════════════════════════════════════════════ */

/* Tablet & smaller */
@media(max-width:960px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .about-inner{grid-template-columns:1fr;gap:var(--s-7)}
  .vert-grid{grid-template-columns:repeat(2,1fr)}
  .adm-layout{grid-template-columns:1fr}
}

@media(max-width:760px){
  .pub-nav-links a{display:none}
}

/* Mobile */
@media(max-width:600px){
  .pcard-grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .adm-row{grid-template-columns:1fr}
  .adm-met-grid{grid-template-columns:1fr}
  .icon-picker{grid-template-columns:repeat(6,1fr)}
}

@media(max-width:540px){
  .vert-grid{grid-template-columns:1fr}
}

@media(max-width:500px){
  .det-gallery{grid-template-columns:1fr 1fr}
}

@media(max-width:480px){
  .grid-4,.grid-3{grid-template-columns:1fr}
  .det-metrics{grid-template-columns:1fr 1fr}
}

/* Small mobile (375px) */
@media(max-width:430px){
  :root{--s-6:1.25rem;--s-8:3.5rem;--s-7:2.25rem}
}