/* Highlights (news list): 3 cards side by side on desktop, image on top */
#block_1000339 .cd-tile-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 768px) {
  #block_1000339 .cd-tile-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* each news item becomes a vertical card */
#block_1000339 .cd-tile-h-box {
  display: flex !important;
  flex-direction: column;
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
}

/* unwrap the detail area so image and text can be reordered */
#block_1000339 .cd-tile-h-detail-area {
  display: contents;
}

/* order: image, title + date, text */
#block_1000339 .cd-tile-h-image-col {
  order: 0;
  width: 100% !important;
  min-width: 0 !important;   /* overrides the inline min-width:200px */
  margin: 0 !important;
  padding: 0 !important;
}
#block_1000339 .cd-tile-h-main-area {
  order: 1;
  width: 100% !important;
}
#block_1000339 .cd-tile-h-detail-value {
  order: 2;
  width: 100% !important;
}

/* keep cards the same height: clamp title to 2 and text to 3 lines */
#block_1000339 .cd-tile-h-main-heading {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#block_1000339 .cd-tile-h-detail-value {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Pages with the default (empty) header: green bar exactly as tall as the nav.
   body.tvs-header-empty and --tvs-nav-h are set by the header script in the footer. */
body.tvs-header-empty .header-wrapper .cd-section {
  min-height: var(--tvs-nav-h, 70px);
  padding: 0;
}