/** Homepage News and Sports: compact images beside secondary headlines.
 * Loaded last so legacy desktop hiding and mobile floats cannot override it.
 * Existing teaser formatters, image alt text and links are preserved.
 */
.surf-site--front .surf-home-section__content .surf-home-section-grid {
  display: grid !important;
  grid-template-columns: minmax(220px, .78fr) minmax(0, 1.42fr) !important;
}
.surf-site--front .surf-home-section-grid > .surf-home-section-item--brief {
  grid-column: 1 !important;
  grid-row: auto !important;
}
.surf-site--front .surf-home-section-grid > .surf-home-section-item--lead {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
}
.surf-site--front .surf-home-section-item--brief .surf-story-card:has(.surf-story-card__media img) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(72px, 7vw, 104px);
  column-gap: .8rem;
  align-items: start;
}
.surf-site--front .surf-home-section-item--brief .surf-story-card__kicker {
  grid-column: 1 / -1;
  grid-row: 1;
}
.surf-site--front .surf-home-section-item--brief .surf-story-card__content {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  padding: 0;
}
.surf-site--front .surf-home-section-item--brief .surf-story-card__media {
  display: block !important;
  grid-column: 2;
  grid-row: 2;
  float: none;
  width: 100%;
  min-width: 0;
  margin: .15rem 0 0;
}
/* Also support Views configured to output image fields rather than teasers. */
.surf-site--front .surf-home-section-item--brief :is(.views-field-field-image, .views-field-field-main-image, .views-field-field-featured-image, .views-field-field-lead-image, .views-field-field-photo-gallery):has(img) {
  display: block !important;
  float: right;
  width: clamp(72px, 7vw, 104px);
  margin: .15rem 0 .5rem .8rem;
}
.surf-site--front .surf-home-section-item--brief {
  display: flow-root;
}
.surf-site--front .surf-home-section-item--brief :is(.surf-story-card__media, .views-field-field-image, .views-field-field-main-image, .views-field-field-featured-image, .views-field-field-lead-image, .views-field-field-photo-gallery) img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.surf-site--front .surf-home-section-item--brief .surf-story-card__title {
  overflow-wrap: anywhere;
}
@media (max-width: 950px) {
  /* Stack earlier when the adjacent advertisement narrows the story region. */
  .surf-site--front .surf-home-section__content .surf-home-section-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto;
  }
  .surf-site--front .surf-home-section-grid > .surf-home-section-item--lead {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-bottom: .5rem !important;
  }
}
@media (max-width: 480px) {
  .surf-site--front .surf-home-section-item--brief .surf-story-card:has(.surf-story-card__media img) {
    grid-template-columns: minmax(0, 1fr) 72px;
    column-gap: .65rem;
  }
}
@media (max-width: 320px) {
  .surf-site--front .surf-home-section-item--brief .surf-story-card:has(.surf-story-card__media img) {
    grid-template-columns: minmax(0, 1fr);
  }
  .surf-site--front .surf-home-section-item--brief .surf-story-card__media {
    grid-column: 1;
    grid-row: 2;
    width: 72px;
    margin-bottom: .6rem;
  }
  .surf-site--front .surf-home-section-item--brief .surf-story-card__content {
    grid-row: 3;
  }
}