/* Eigene Stile – Tailwind läuft via CDN in Dev */

/* ── PDF-Schild ────────────────────────────────────────────────────────────
   Wo eine PDF-Datei gemeint ist, steht dieses Schild — nicht Font Awesomes
   `fa-file-pdf`.

   Warum: In Font Awesome 6.5.0 (die Fassung, die diese Seite lädt) trägt genau
   dieses Zeichen die Buchstaben **PNG** im Blatt. Ein Zeichenfehler der
   Bibliothek, nachgeprüft an der Originaldatei; behoben ist er erst in
   späteren Fassungen. An jeder Stelle, an der eine PDF-Datei stand, behauptete
   die Seite also «PNG».

   Das Schild richtet sich nach der Schrift daneben (em), damit es in einer
   Dateiliste so sitzt wie auf einem Knopf. Wer es grösser braucht, gibt der
   Zeile eine grössere Schrift.

   Definiert an EINER Stelle und von den eigenständigen Seiten (Screen,
   Editor) mitgeladen — sonst hätte jede ihre eigene Fassung. */
.pdf-tag {
  display: inline-block;
  flex-shrink: 0;
  background: #ef4444;                /* red-500 */
  color: #fff;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.72em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.02em;
  padding: 0 0.3em;
  border-radius: 0.28em;
  vertical-align: 0.05em;
  text-decoration: none;
}

/* Auf farbigem Grund (die runden Zeichen der Website) dreht sich das Schild
   um: weisses Papier, rote Schrift. Sonst läge Rot auf Indigo. */
.pdf-tag-invert {
  background: #fff;
  color: #dc2626;                     /* red-600 */
}