@import url('/css/features/news.css?v=20260814-3');

/* Keep article metadata compact so the date and categories support the
   headline without competing with it. */
.news_meta_row-detail .news_date-pill,
.news_meta_row-detail .news_tag {
  padding: .45rem .7rem;
  font-size: .85rem;
}

.news_meta_row-detail .news_date-pill {
  gap: .45rem;
}

.news_meta_row-detail .news_date-pill::before {
  width: .85rem;
  height: .85rem;
  flex-basis: .85rem;
}

/* Keep Latest News in the compact, editorial list treatment from the Civic Rural
   reference rather than allowing the generic feature-card rules to cascade in. */
.widget-latestnews {
  display: grid;
  container: latest-news / inline-size;
}

.widget-latestnews > .builder-widget-header {
  order: 1;
}

.widget-latestnews .news_block-latest {
  display: grid;
  gap: 0;
  order: 2;
  margin: 0;
  color: var(--mr-color-text);
}

.widget-latestnews .news_block-latest .news_item {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 1.35rem;
  width: 100%;
  margin: 0;
  padding: 1.2rem 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.widget-latestnews .news_block-latest .news_item + .news_item {
  border-top: 1px solid var(--mr-rural-line);
}

.widget-latestnews .news_block-latest .news_media,
.widget-latestnews .news_block-latest .news_item > a {
  position: relative;
  display: block;
  width: 126px;
  height: 94px;
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
  background: var(--mr-rural-field);
}

.widget-latestnews .news_block-latest .news_media img,
.widget-latestnews .news_block-latest .news_item > a img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.widget-latestnews .news_block-latest .news_details {
  display: flex;
  grid-column: 2;
  min-width: 0;
  margin: 0;
  padding: 0;
  gap: .35rem;
  color: var(--mr-color-text);
}

.widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) .news_details {
  grid-column: 1;
}

.widget-latestnews .news_block-latest .news_meta,
.widget-latestnews .news_block-latest .news_date {
  display: block;
  margin: 0;
  color: var(--mr-color-body-dark);
  font-size: .9rem;
  letter-spacing: 0;
  text-transform: none;
}

.widget-latestnews .news_block-latest .news_title {
  display: block;
  margin: 0;
  color: var(--mr-color-primary-shade);
  font-family: var(--mr-font-heading);
  font-size: clamp(1.1rem, 1.3vw, 1.3rem);
  font-weight: 700;
  line-height: 1.18;
  text-decoration: none;
  text-transform: none;
}

.widget-latestnews .news_block-latest .news_title:hover,
.widget-latestnews .news_block-latest .news_title:focus-visible {
  color: var(--mr-color-primary);
  text-decoration: underline;
}

.widget-latestnews .news_block-latest .news_description,
.widget-latestnews .news_block-latest .news_description p {
  display: block;
  margin: 0;
  color: var(--mr-color-body-dark);
  font-size: 1rem;
  line-height: 1.45;
  white-space: normal;
}

.widget-latestnews .latest-news_widget_view-all.btn {
  --mr-btn-color: var(--mr-color-primary-shade);
  --mr-btn-color-hover: var(--mr-color-primary);
  order: 3;
  justify-self: start;
  margin: 1.15rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--mr-color-primary-shade);
  font-weight: 800;
}

.widget-latestnews .latest-news_widget_view-all.btn {
  justify-content: flex-start;
  width: 100%;
  min-height: 0;
  padding: 1rem 0 0;
  border-top: 1px solid var(--mr-rural-line);
  color: var(--mr-btn-color) !important;
  text-align: left;
  text-transform: none;
}

.widget-latestnews .latest-news_widget_view-all.btn:hover,
.widget-latestnews .latest-news_widget_view-all.btn:focus-visible {
  background: transparent;
  color: var(--mr-color-primary);
  text-decoration: underline;
  transform: none;
}

/* Appearance settings: density controls the amount of visual space used by each
   story; layout controls whether stories form a list or a responsive card grid. */
:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .widget-latestnews .news_block-latest {
  grid-template-columns: minmax(0, 1fr);
}

:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .widget-latestnews .news_block-latest .news_item {
  width: 100%;
}

@media (min-width: 641px) {
  :is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest .news_item {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 1.75rem;
    padding: 1.65rem 0;
  }

  :is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest .news_media,
  :is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest .news_item > a {
    width: 220px;
    height: 150px;
  }
}

:is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest .news_details {
  gap: .55rem;
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .widget-latestnews .news_block-latest .news_title {
  font-size: clamp(1.25rem, 2.55vw, 2.55rem);
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item,
:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 1px solid var(--mr-rural-line);
  border-radius: 6px;
  background: var(--mr-color-surface, #fffdf8);
  overflow: hidden;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item + .news_item {
  border-top: 1px solid var(--mr-rural-line);
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_media,
:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item > a {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 0;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_details,
:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) .news_details {
  grid-column: 1;
  width: 100%;
  padding: 1rem;
}

/* Expand the story-title link across tiled cards. The explicit CTA stays above
   the expanded hit area, while image-led overlays retain their media link over
   the image surface. */
:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item {
  position: relative;
  cursor: pointer;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_title {
  position: static;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_title::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  content: "";
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_read_more {
  position: relative;
  z-index: 3;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item:hover .news_title {
  color: var(--mr-color-primary);
  text-decoration: underline;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item:focus-within {
  outline: 2px solid var(--mr-widget-link-color, var(--mr-color-primary));
  outline-offset: 3px;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled):is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled):is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest .news_details {
  padding: 1.35rem;
}

:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled):is(.mr-widget-density-full, .ws-widget-density-full) .widget-latestnews .news_block-latest .news_title {
  font-size: clamp(1.25rem, 1.55vw, 1.55rem);
}

/* At wide container sizes, a featured Full / Tiles story leads a four-track
   editorial grid. Stories 2–5 fill the 2×2 group beside it; later stories
   resume the ordinary tile flow below. */
@container latest-news (min-width: 68rem) {
  :is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest:has(> .news_item.featured) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
    align-items: stretch;
  }

  :is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured {
    grid-column: span 2;
    grid-row: span 2;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  :is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured:has(.news_media) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  :is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_media {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
  }

  :is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured:has(.news_media) .news_details {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    padding: 1.65rem 1.75rem 1.8rem;
  }

  :is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_title {
    font-size: clamp(1.65rem, 2.35cqi, 2.35rem);
  }
}

/* Full / Tiles stories without excerpts use an image-led treatment with a dark
   contrast fade and light overlay text. Cards without media retain the widget's
   selected tone, omit the overlay, and anchor their text to the bottom. */
:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) {
  min-height: clamp(15rem, 26cqi, 20rem);
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  isolation: isolate;
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description))::after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: min(62%, 14rem);
  background: linear-gradient(
    to top,
    rgba(8, 14, 10, .82) 0%,
    rgba(8, 14, 10, .58) 42%,
    rgba(8, 14, 10, .18) 75%,
    transparent 100%
  );
  content: "";
  pointer-events: none;
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_media {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: none;
  aspect-ratio: auto;
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_details {
  position: relative;
  z-index: 2;
  grid-area: 1 / 1;
  align-self: end;
  width: 100%;
  margin: 0;
  padding: clamp(1.2rem, 2cqi, 1.75rem);
  background: transparent;
  color: var(--mr-widget-text-color-light, #fff);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_title {
  color: var(--mr-widget-heading-color-light, #fff);
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_title:hover,
:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_title:focus-visible {
  color: var(--mr-widget-heading-color-light, #fff);
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_read_more {
  color: var(--mr-color-secondary, #d9ae43);
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_read_more:hover,
:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:has(.news_media):not(:has(.news_description)) .news_read_more:focus-visible {
  color: var(--mr-color-secondary-tint, #f1dfad);
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) .news_title {
  color: var(--mr-widget-heading-color, var(--mr-color-heading));
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) .news_title:hover,
:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) .news_title:focus-visible {
  color: var(--mr-widget-link-hover-color, var(--mr-color-primary));
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) .news_read_more {
  color: var(--mr-widget-link-color, var(--mr-color-primary));
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) {
  justify-content: flex-end;
  background: var(--mr-widget-surface, var(--mr-color-surface, #fffdf8));
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) .news_details {
  justify-content: flex-end;
  margin-top: auto;
  color: var(--mr-widget-text-color, var(--mr-color-text));
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)) :is(.news_description, .news_description p, .news_meta, .news_date) {
  color: var(--mr-widget-muted-color, var(--mr-widget-text-color, var(--mr-color-text)));
}

:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item:not(:has(.news_media)):not(:has(.news_description)) .news_details {
  flex: 0 0 auto;
}

/* When the featured story deliberately hides imagery, its larger tile uses a
   longer multi-line excerpt instead of leaving most of the card empty. */
:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest > .news_item.featured:not(:has(.news_media)):has(.news_description) .news_description p {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
}

/* Compact presentations are sized for narrow builder columns rather than a
   full-width content region. Phone sizing stays in the shared feature CSS. */
@media (min-width: 641px) {
  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .widget-latestnews .news_block-latest .news_item {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: .9rem;
    padding: .9rem 0;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) {
    grid-template-columns: minmax(0, 1fr);
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .widget-latestnews .news_block-latest .news_media,
  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .widget-latestnews .news_block-latest .news_item > a {
    width: 96px;
    height: 72px;
  }
}

:is(.mr-widget-density-compact, .ws-widget-density-compact) .widget-latestnews .news_block-latest .news_details {
  gap: .25rem;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact) .widget-latestnews .news_block-latest .news_title {
  font-size: 1.1rem;
  line-height: 1.2;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact) .widget-latestnews .news_block-latest .news_description,
:is(.mr-widget-density-compact, .ws-widget-density-compact) .widget-latestnews .news_block-latest .news_description p {
  font-size: .925rem;
  line-height: 1.4;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  align-items: stretch;
  gap: .75rem;
  margin-top: .6rem;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  padding: .75rem;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) {
  grid-template-columns: minmax(0, 1fr);
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_media,
:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_item > a {
  width: 72px;
  height: 72px;
  aspect-ratio: auto;
  border-radius: 4px;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_details,
:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) .news_details {
  grid-column: 2;
  padding: 0;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) .news_details {
  grid-column: 1;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_title {
  display: -webkit-box;
  overflow: hidden;
  font-size: 1rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
  .widget-latestnews .news_block-latest .news_description {
  display: -webkit-box;
  max-height: 2.8em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* A featured Compact / Tiles story uses the footprint and hierarchy of a
   standard card. Image-backed stories lead a 2x3 supporting group; without an
   image, the feature leads a shorter 2x2 group. Later stories resume below. */
@container latest-news (min-width: 52rem) {
  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest:has(> .news_item.featured) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured {
    grid-column: span 1;
    grid-row: span 3;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    align-self: start;
    padding: 0;
    overflow: hidden;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured:not(:has(.news_media)) {
    grid-row: span 2;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_media,
  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured > a {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 0;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_details,
  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured:not(:has(.news_media)) .news_details {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    padding: 1rem;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured:not(:has(.news_media)) .news_details {
    grid-row: 1;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_title {
    font-size: clamp(1.2rem, 1.8cqi, 1.45rem);
    -webkit-line-clamp: 4;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_description {
    display: block;
    max-height: none;
    overflow: visible;
    -webkit-line-clamp: initial;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured .news_description p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest > .news_item.featured:not(:has(.news_media)) .news_description p {
    -webkit-line-clamp: 12;
  }
}

@media (max-width: 640px) {
  .widget-latestnews .news_block-latest .news_item {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0;
  }

  .widget-latestnews .news_block-latest .news_media,
  .widget-latestnews .news_block-latest .news_item > a {
    width: 92px;
    height: 76px;
  }

  :is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest {
    grid-template-columns: 1fr;
  }

  :is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_media,
  :is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .widget-latestnews .news_block-latest .news_item > a {
    width: 100%;
    height: auto;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest .news_item {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .65rem;
    padding: .65rem;
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest .news_item:not(:has(.news_media)) {
    grid-template-columns: minmax(0, 1fr);
  }

  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest .news_media,
  :is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .widget-latestnews .news_block-latest .news_item > a {
    width: 64px;
    height: 64px;
  }
}

/* Keep the theme aligned with the shared compact stacked contract. */
:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .widget-latestnews .news_block-latest .news_item {
  align-items: stretch;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .widget-latestnews .news_block-latest .news_media {
  position: relative;
  align-self: stretch;
  height: 100%;
  min-height: 3.5rem;
  max-height: none;
  aspect-ratio: auto;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .widget-latestnews .news_block-latest .news_media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .widget-latestnews .news_block-latest .news_item:has(.news_media) .news_details {
  min-height: 3.5rem;
  justify-content: center;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .widget-latestnews .news_block-latest .news_meta {
  order: -1;
  margin-bottom: .05rem;
}

:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .widget-latestnews .news_block-latest .news_date {
  color: var(--mr-widget-link-color);
  font-family: var(--mr-font-accent, inherit);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .02em;
}