/* hero-figure: Wrapper um <section class="hero"> in /einblicke/-Seiten,
   damit das image_credits.py-Postprocessing den Bildnachweis als
   figcaption direkt unter dem Hero einfuegen kann. Optisch unsichtbar. */
.hero-figure {
  margin: 0;
  padding: 0;
}
.hero-figure > figcaption {
  padding: 0.6rem 1.2rem;
  background: var(--surface-tint);
  border-bottom: 1px solid var(--border);
  font-size: 0.78rem;
  color: var(--uni-grau-100, #555);
}

/* ---------- Bildnachweis (image_credits.py Postprocessing) ---------- */
/* Footer-Sammelnachweis. Sitzt im dunkelblauen Footer, daher rgba-weiss.
   Keine eigene border-top: direkt darunter folgt .footer-bottom mit seiner
   Hairline – zwei Linien uebereinander wirkten wie ein kaputtes Doppel-hr,
   zumal die untere abstandslos am Text klebte (dh-Befund 2026-07-05).
   Stattdessen symmetrischer Abstand, die Footer-Bottom-Linie trennt. */
.bildnachweis-block {
  margin-top: 2rem;
  padding-bottom: 1.2rem;
  font-size: 0.78rem;
  line-height: 1.55;
  color: rgba(255,255,255,0.6);
  max-width: 100%;
}
.bildnachweis-block strong {
  color: rgba(255,255,255,0.78);
  font-weight: 600;
}

/* Caption-Mode: figcaption in /einblicke/-Stories oder explizit
   data-credit-mode="caption". Heller Hintergrund -> dunkles Grau. */
.bildnachweis-caption {
  display: inline-block;
  font-size: 0.78rem;
  color: var(--uni-grau-100, #555);
  font-style: italic;
}

/* Masonry-Block direkt unter Grids. Heller Hintergrund. */
.bildnachweis-masonry {
  margin: 0.8rem 0 1.5rem;
  font-size: 0.78rem;
  line-height: 1.55;
  color: var(--uni-grau-100, #555);
}

/* TODO-Marker: immer sichtbar. Gelb-20 auf hellem Grund, schwarzer Text. */
.bildnachweis-todo {
  display: inline-block;
  padding: 0.05rem 0.4rem;
  background: var(--uni-gelb-20);
  color: #000000;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 2px;
  font-style: normal;
}
/* Im Footer (blauer Grund) bleibt der TODO-Marker mit Gelb-Hintergrund
   visuell hervorgehoben. */
.bildnachweis-block .bildnachweis-todo {
  font-size: 0.72rem;
}
