/*
 * MattSnep mobile layout hotfix.
 * Separate filename intentionally bypasses persistent Safari and Varnish caches.
 */

@media screen and (max-width: 900px) {
  .home .story-grid,
  .home .story-grid--editorial {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home .story-grid > .story-card,
  .home .story-grid > .story-card:nth-child(2n),
  .home .story-grid > .story-card:nth-child(3n),
  .home .story-grid > .story-card.story-card--major,
  .home .story-grid > .story-card.story-card--has-media,
  .home .story-grid > .story-card.story-card--no-media {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    padding: 22px 0 26px !important;
    border-right: 0 !important;
  }

  .home .story-card .story-card__media,
  .home .story-card .story-card__body {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
  }

  .home .story-card .story-card__media {
    margin: 0 0 16px !important;
  }

  .home .story-card .story-card__media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .home .story-card .card-kicker,
  .home .story-card h3,
  .home .story-card h3 a,
  .home .story-card .story-card__excerpt,
  .home .story-card time {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .home .story-card h3,
  .home .story-card.story-card--major h3 {
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
    line-height: 1.08 !important;
  }

  .home .story-card .story-card__excerpt {
    display: block !important;
    margin-top: 10px !important;
  }
}