/* Shared layout corrections. No site branding values are defined here. */
@media (max-width: 800px) {
  .surf-breaking__inner,
  .surf-breaking__content,
  .surf-breaking__content :is(.views-element-container, .view, .view-content, [class*="js-view-dom-id-"], .views-row, .views-field, .field-content, li) {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .surf-breaking__content .views-row {
    display: block;
  }
  .surf-breaking__content :is(a, h2, h3, p, li, .field-content) {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* Only direct row parents form grids. Outer Views/AJAX wrappers must not
   squeeze the real grid into one column of a second, nested grid. */
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.view-content, .views-infinite-scroll-content-wrapper, .views-element-container > [class*="js-view-dom-id-"]) {
  display: block !important;
  min-width: 0;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.view-content, .views-infinite-scroll-content-wrapper, .views-element-container > [class*="js-view-dom-id-"]):has(> .views-row) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.75rem 1.5rem !important;
  align-items: stretch;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) {
  grid-column: auto !important;
  grid-row: auto !important;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) .surf-story-card {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0 !important;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 0 1.35rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--surf-rule) !important;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) :is(.surf-story-card__kicker, .surf-story-card__media, .surf-story-card__content) {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  min-width: 0;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) .surf-story-card__kicker {
  margin: 0 0 .55rem !important;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) .surf-story-card__media {
  display: block;
  margin: 0 !important;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) .surf-story-card__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) .surf-story-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: .75rem 0 0 !important;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) :is(.surf-story-card__title, .views-field-title, .views-field-title h2, .views-field-title h3) {
  margin: 0 0 .65rem !important;
  font: 700 1.5rem/1.15 var(--surf-serif) !important;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.views-row, .views-row:first-child) :is(.surf-story-card__summary, .views-field-body, .views-field-field-subhead) {
  font: 400 1rem/1.5 var(--surf-serif) !important;
  flex: 1;
}
@media (max-width: 800px) {
  body .surf-site.surf-site--section .surf-main--section .surf-section-content :is(.view-content, .views-infinite-scroll-content-wrapper, .views-element-container > [class*="js-view-dom-id-"]):has(> .views-row) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
