/* CLAUDE: Redaktioneller Transparenz-Block – Beleg nach Art. 50(4) EU AI Act */
/* CLAUDE: Warum eigene Datei — der Block ist rechtlich relevant und soll nicht in einer */
/* CLAUDE:         Sammeldatei untergehen, in der ihn jemand beim Aufraeumen mitloescht. */
/* CLAUDE: Er steht am Ende des Beitragstexts (angehaengt via the_content-Filter). */

/* CLAUDE: Container – ruhige Fusszeile unter dem Inhalt, klar abgesetzt aber nicht laut */
/* CLAUDE: Warum flex mit wrap: auf schmalen Geraeten bricht die Zeile sauber um, statt */
/* CLAUDE:         den Namen abzuschneiden. Der Name ist der rechtlich tragende Teil. */
/* CLAUDE: Aendern: border-top-Farbe an das Theme anpassen, Abstaende ueber margin/padding */
.ddi-redaktion {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5em;
	margin: 2.5rem 0 0;
	padding: 1rem 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	color: #55606b; /* CLAUDE: Gedaempft, aber 6.4:1 gegen Weiss – deutlich ueber der 4.5:1-Schwelle */
	font-size: 0.875rem;
	line-height: 1.6;
}

/* CLAUDE: Prüfername – der Teil, der die Rechtspflicht traegt */
/* CLAUDE: Das <strong> darin wird unten dunkler gesetzt, damit der Name heraussticht */
.ddi-redaktion__pruefer {
	color: inherit;
}

/* CLAUDE: Der Name selbst – dunkler als der Rest, weil er die eigentliche Aussage ist */
/* CLAUDE: Aendern: Farbe anpassen, aber Kontrast >= 4.5:1 gegen den Hintergrund halten */
.ddi-redaktion__pruefer strong {
	color: #1f2933; /* CLAUDE: 14.7:1 gegen Weiss */
	font-weight: 600;
}

/* CLAUDE: Trenner – rein dekorativ (im Markup aria-hidden), deshalb blass */
.ddi-redaktion__trenner {
	color: rgba(0, 0, 0, 0.3);
}

/* CLAUDE: Datumsangabe – gleiche Gewichtung wie der Fliesstext */
.ddi-redaktion__datum {
	color: inherit;
}

/* CLAUDE: Das <time>-Element nicht kursiv oder klein setzen – es ist eine echte Angabe */
.ddi-redaktion__datum time {
	color: inherit;
	font-variant-numeric: tabular-nums; /* CLAUDE: Ziffern gleich breit – ruhigeres Schriftbild */
}

/* CLAUDE: Schmale Geraete – Zeile darf umbrechen, Abstand bleibt lesbar */
/* CLAUDE: Aendern: Breakpoint an die Theme-Schwellen anpassen */
@media (max-width: 480px) {
	.ddi-redaktion {
		gap: 0.35em;
		font-size: 0.8125rem;
	}

	/* CLAUDE: Trenner auf sehr schmalen Geraeten ausblenden – der Umbruch trennt bereits */
	.ddi-redaktion__trenner {
		display: none;
	}
}

/* CLAUDE: Druckansicht – die Angabe gehoert mit aufs Papier, sie ist der Beleg */
@media print {
	.ddi-redaktion {
		border-top: 1px solid #000;
		color: #000;
	}
}