/* Nux responsive — mobile-first overrides, container queries where useful */
@media (max-width:768px){
  .four_columns{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:640px){
  .two_columns_66_33,
  .two_columns_75_25,
  .two_columns_33_66,
  .two_columns_25_75,
  .three_columns,
  .four_columns{grid-template-columns:1fr !important;}
}

/* Container queries for cards (modern browsers) */
@supports (container-type:inline-size){
  .nux-grid--auto{container-type:inline-size;}
}