/* ============================================================
   BKS24 Redesign — Fachgruppen-Grid (workgroup-card)
   Quelle: Fachgruppen #6926. Karte aus quadratischer Titel-Kachel
   (AG-Name ist im Bild eingebrannt) + Beschreibung + AG-Berichte-Link.
   ALLE Regeln unter .bks-rd gescoped (Vertrag §6).
   Nutzt Bestands-Tokens aus redesign.css (--hairline, --bks-blue, --grey-*).
   ============================================================ */

.bks-rd .workgroup-grid { align-items: stretch; }

.bks-rd .workgroup-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  /* Volle Zeilenhöhe im Grid → keine ausgefransten Unterkanten, auch wenn eine Karte
     (z. B. FG Musterverträge mit Liste) höher ist als die Nachbarn. height:100% +
     align-self:stretch greifen unabhängig davon, ob der Grid-Default überschrieben ist. */
  height: 100%;
  align-self: stretch;
}

/* Quadratische Titel-Kachel — flush am Kartenkopf, voller Breite.
   Bild trägt den AG-Namen, daher 1:1 ohne Crop. */
.bks-rd .workgroup-card__tile {
  aspect-ratio: 1 / 1;
  width: 100%;
  background: var(--bks-blue-050);
  position: relative;
  overflow: hidden;
}
.bks-rd .workgroup-card__tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Echtes wp:image als Kachel (figure direkt in der Karte). */
.bks-rd .workgroup-card > figure.wp-block-image {
  margin: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--bks-blue-050);
}
.bks-rd .workgroup-card > figure.wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bks-rd .workgroup-card__body {
  padding: 26px 28px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bks-rd .workgroup-card__name {
  font-size: 20px;
  line-height: 1.25;
  color: var(--ink);
  margin: 0 0 12px;
}
.bks-rd .workgroup-card:hover .workgroup-card__name { color: var(--bks-blue); }

.bks-rd .workgroup-card__body p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--grey-700);
  margin: 0 0 18px;
}

/* Liste (z. B. AG Musterverträge) */
.bks-rd .workgroup-card__body ul {
  margin: 0 0 18px;
  padding-left: 1.1em;
}
.bks-rd .workgroup-card__body ul li {
  font-size: 15px;
  line-height: 1.55;
  color: var(--grey-700);
  margin-bottom: 6px;
}

/* AG-Berichte-Link ans Kartenende heften */
.bks-rd .workgroup-card .arrow-link { margin-top: auto; }

@media (max-width: 880px) {
  .bks-rd .workgroup-grid.grid-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .bks-rd .workgroup-grid.grid-3 { grid-template-columns: 1fr; }
}

/* Bilder auf Wunsch entfernt — der AG-Name steht im Body (.workgroup-card__name). */
.bks-rd .workgroup-card__tile,
.bks-rd .workgroup-card > figure.wp-block-image { display: none; }
