/* ──────────────────────────────────────────────────────────────────────────
 * text.css — Auszeichnungen im Fließtext (Feedback Lisa 14.08., Punkt 3)
 *
 * Das Problem: Links und Hervorhebungen waren beide blau und dadurch nicht
 * auseinanderzuhalten. Fließtext-Links standen ohne Unterstreichung, während
 * einzelne <strong> in den Tab-Panels blau eingefärbt waren, ohne klickbar
 * zu sein.
 *
 * Die Regel: Farbe allein trägt nie die Information.
 *   Link         blau + unterstrichen
 *   Wichtig      Fettung, in Textfarbe — nie blau
 *   Bedienung    blau, dazu ein Zustandszeichen ([+]-Box, Tab-Linie)
 *
 * Damit ist jede der drei Bedeutungen doppelt codiert und der Nutzer erkennt
 * am Signal, nicht am Farbton, was ihn erwartet.
 * ────────────────────────────────────────────────────────────────────────── */

/* Fließtext-Links: Unterstreichung gehört dazu, nicht nur die Farbe.

   `:not([class])` trifft genau die Links, die im Text stehen: Buttons,
   Download-Kacheln, Karten und Kontaktzeilen bringen eine eigene Klasse und
   damit eine eigene Form mit, die ihre Klickbarkeit schon zeigt. Ein Link
   ohne Klasse hat nichts außer Farbe und Unterstreichung. */
.pd p a:not([class]),
.pd li a:not([class]) {
	color: var(--c-primary);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.pd p a:not([class]):hover,
.pd li a:not([class]):hover {
	color: var(--c-secondary);
	text-decoration: underline;
}

/* Hervorhebungen bleiben in Textfarbe. Das Gewicht sagt „wichtig", die Farbe
   bleibt für Links reserviert. */
.pd strong {
	color: inherit;
	font-weight: 700;
}