/* ============================================================================
   pages/pv.css — AP-D: seitenspezifische Ergaenzungen fuer /pv-thermografie.html
   ============================================================================
   Nur von dieser Seite eingebunden. site.css bleibt Eigentum von AP-A — hier
   stehen ausschliesslich zwei Dinge, die es dort nicht gibt:

   1. .credit-line — sichtbare Bildnachweis-Zeile fuer Motive ohne .figure/
      figcaption (Hero-Hintergrund, Compare-Ebenen). Pflicht laut
      www/img/BILDNACHWEIS.md fuer jedes attributionspflichtige Foto.
   2. .err-panel — kompaktes Bild+Text-Layout fuer die Fehlerbild-Tabs.
      Bewusst kein .split: das ist auf dieser Seite schon "Ihr Pruefbericht"
      vorbehalten (dort sticky) — zwei Sektionen mit identischem Layout waeren
      der Wiederholungsfehler, den dieser Ausbau gerade abschafft.
   ========================================================================== */

.credit-line {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .05em;
  color: var(--muted2);
  text-transform: uppercase;
  margin: 10px 0 0;
}

/* Im Hero steht sie in normalem Textfluss nach der CTA-Zeile, nicht als
   Overlay auf dem Bild — eine absolut positionierte Ecke ueberlappte auf
   schmalen Viewports die Buttons, weil die Restfarbe der Hero-Bildhoehe dort
   nicht verlaesslich Platz laesst. */
.hero-media-in .credit-line {
  color: rgba(255, 255, 255, .68);
  margin-top: var(--sp-4);
}

.err-panel {
  display: grid;
  grid-template-columns: minmax(200px, 280px) 1fr;
  gap: clamp(20px, 4vw, 40px);
  align-items: start;
}

.err-panel p:not(.credit-line) {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: var(--fs-md);
  line-height: var(--lh-loose);
}

.err-panel p:not(.credit-line):last-child {
  margin-bottom: 0;
}

.err-panel strong {
  color: var(--ink);
}

@media (max-width: 640px) {
  .err-panel {
    grid-template-columns: 1fr;
  }
}