/*
 * Responsive category-card composition.
 *
 * This intentionally ships as a versioned physical asset. The CDN pull zone
 * ignores query-string revisions, so a new path guarantees that this critical
 * mobile override cannot be shadowed by an older cached copy of style.css.
 */

@media (max-width: 1024px) {
  #categories .sw-category-card__media {
    inset: 64px 8px 48px 52%;
  }

  #categories .sw-category-card h3 {
    max-width: 48%;
    font-size: clamp(1.2rem, 3vw, 1.55rem);
  }

  #categories .sw-category-card small {
    max-width: none;
    white-space: nowrap;
  }
}

@media (max-width: 700px) {
  #categories .sw-category-card h3 {
    font-size: clamp(1.2rem, 6vw, 1.55rem);
  }
}