/* ministries-zusatz.css — Ergänzung zur Ministries-Liste/-Detailseite.
   Nur die „Weitere Ministries im Netzwerk"-Zeilen brauchen etwas eigenes Styling;
   alles andere nutzt bestehende PAGE-KIT-Bausteine (.list-row, .avatar, …).
   Nur vorhandene Design-Tokens, keine neuen Farben/Fonts. */

/* Monogramm-Avatar im Lead-Slot der Netzwerk-Zeile. */
.ministry-row__avatar {
  flex-shrink: 0;
}

/* Mittelspalte: Titel-Link + Meta. */
.ministry-row__main {
  min-width: 0;
}

/* Ministry-Name als Link (Detailseite). */
.ministry-row__link {
  transition: color .15s var(--ease);
}
.ministry-row__link:hover {
  color: var(--blue);
}

/* Externer Website-Link (bzw. „Ansehen") rechts. */
.ministry-row__web {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--blue);
  white-space: nowrap;
  transition: color .15s var(--ease), opacity .15s var(--ease);
}
.ministry-row__web:hover {
  color: var(--ink);
}
.ministry-row__web--soft {
  color: var(--muted);
}
.ministry-row__web--soft:hover {
  color: var(--ink);
}

/* Auf schmalen Viewports wird (wie .list-row__lead) das Monogramm ausgeblendet,
   damit das Grid sauber auf zwei Spalten (Inhalt · Aktion) umbricht. */
@media (max-width: 760px) {
  .ministry-row__avatar { display: none; }
  .ministry-row__web { font-size: 13px; }
}