/* Artikel-Übersicht (lab/site/blog.html) */

/* Empfohlene Einstiege: ganze Zeile ist Link */
.page-blog .offers a.offer { color: inherit; }
.page-blog .offers a.offer p { color: var(--soft); }

/* Archiv: Jahre wie Ringe übereinander, die Kamera schaut dabei von oben auf die Windung */
.floor--archive .section-head { margin-bottom: clamp(2.4rem, 5vw, 3.6rem); }
.floor--archive .archive-year:last-of-type { border-bottom: 1px solid var(--line); }
.archive-note { margin-top: 2.4rem; max-width: 40rem; }
.archive-note a { color: var(--ink); text-underline-offset: .22em; }

/* Podcasts: Quelle über dem Titel */
.offer__meta--top { margin: 0 0 .5rem !important; }

/* Externer Fachartikel */
.external { margin-top: clamp(3rem, 6vh, 4rem); padding-top: 1.5rem; border-top: 1px solid var(--line); max-width: 44rem; }
.external .offer__meta { margin: 0 0 .5rem !important; }
.external p { color: var(--soft); }

/* Mentagilist: zweiter Blog 2017–2020, mit den beiden gezeichneten Figuren */
.mentagilist { display: grid; grid-template-columns: 7.5rem 1fr; gap: 1.5rem; align-items: start; }
.mentagilist__figuren { width: 100%; height: auto; }

@media (max-width: 560px) {
  .mentagilist { grid-template-columns: 1fr; gap: 1rem; }
  .mentagilist__figuren { width: 6rem; }
}

@media (max-width: 900px) {
  .page-blog .offers--3, .page-blog .offers--2 { grid-template-columns: 1fr; }
}