/* Dickyland 22.0: latest story on the left, two beside it, then rows of three. */
#berichten .dg220-news-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 align-items: stretch;
 gap: clamp(22px, 2.3vw, 32px);
}
#berichten .dg220-news-grid > .dg17-news-card {
 min-width: 0;
 height: 100%;
}
#berichten .dg220-news-grid .dg17-news-media {
 flex-shrink: 0;
 background-size: cover;
}
#berichten .dg220-news-grid .dg198-news-seal {
 bottom: 14px;
}
#berichten .dg220-news-grid .dg17-news-copy {
 min-width: 0;
}
#berichten .dg220-news-grid h3 {
 overflow-wrap: anywhere;
}
#berichten .dg220-news-grid .dg17-news-link {
 line-height: 1.5;
}
#berichten .dg220-news-grid .dg17-news-link > span {
 flex-shrink: 0;
}
#berichten .dg220-news-featured .dg17-news-copy {
 padding: 32px clamp(22px, 2.4vw, 34px) 28px;
}
#berichten .dg220-news-featured h3 {
 font-size: clamp(27px, 2.7vw, 38px);
 line-height: 1.2;
}
#berichten .dg220-news-featured .dg17-news-copy p {
 font-size: 15px;
}

@media (min-width: 1001px) {
 #berichten .dg220-news-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 #berichten .dg220-news-grid > .dg17-news-card {
  grid-column: span 4;
 }
 #berichten .dg220-news-grid > .dg220-news-featured {
  grid-column: 1 / span 7;
  grid-row: 1 / span 2;
 }
 #berichten .dg220-news-featured .dg17-news-media {
  flex: 1 1 auto;
  min-height: clamp(280px, 26vw, 390px);
  aspect-ratio: auto;
 }
 #berichten .dg220-news-featured .dg17-news-copy {
  flex: 0 0 auto;
 }
 #berichten .dg220-news-grid > .dg220-news-stacked {
  display: grid;
  grid-column: 8 / -1;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
 }
 #berichten .dg220-news-stacked:nth-child(2) {
  grid-row: 1;
 }
 #berichten .dg220-news-stacked:nth-child(3) {
  grid-row: 2;
 }
 #berichten .dg220-news-stacked .dg17-news-media {
  height: 100%;
  min-height: 220px;
  aspect-ratio: auto;
 }
 #berichten .dg220-news-stacked .dg198-news-seal {
  right: 12px;
  bottom: 14px;
  width: 46px;
  height: 46px;
  font-size: 21px;
 }
 #berichten .dg220-news-stacked .dg17-news-copy {
  padding: 22px 20px;
 }
 #berichten .dg220-news-stacked .dg17-news-meta {
  gap: 5px 10px;
  font-size: 9px;
  letter-spacing: .08em;
 }
 #berichten .dg220-news-stacked h3 {
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.3;
 }
 #berichten .dg220-news-stacked .dg17-news-copy p {
  font-size: 13px;
  line-height: 1.7;
 }
 #berichten .dg220-news-stacked .dg17-news-link {
  font-size: 11px;
 }
 /* Small archives must not reserve a blank card beneath the only side story. */
 #berichten .dg220-news-grid[data-news-count="1"] > .dg220-news-featured {
  grid-column: 1 / -1;
  grid-row: auto;
 }
 #berichten .dg220-news-grid[data-news-count="2"] > .dg220-news-stacked {
  grid-row: 1 / span 2;
 }
}

@media (min-width: 641px) and (max-width: 1000px) {
 #berichten .dg220-news-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 #berichten .dg220-news-grid > .dg220-news-featured {
  grid-column: 1 / -1;
 }
 #berichten .dg220-news-featured .dg17-news-media {
  aspect-ratio: 16 / 8;
 }
}

@media (max-width: 640px) {
 #berichten .dg220-news-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
 }
 #berichten .dg220-news-featured .dg17-news-copy {
  padding: 30px 20px 23px;
 }
 #berichten .dg220-news-featured h3 {
  font-size: clamp(25px, 7vw, 32px);
 }
}

/* Keep the existing three-at-a-time "Lees meer" behavior intact. */
#berichten .dg220-news-grid > .dg17-news-card.is-hidden {
 display: none;
}