/*
 * Styling für den Fließtext eines Blogbeitrags (Block-Editor).
 *
 * Bauart wie legal.css: Ein Blog wächst redaktionell, ein neuer Beitrag darf
 * keine Template-Arbeit auslösen. Die Gestaltungselemente des Exports
 * (Anreißer, Hinweiskasten, Zitat, Häkchen-/Kreuzliste) sind deshalb
 * CSS-Klassen, die die Autorin im Block-Editor über „Erweitert → zusätzliche
 * CSS-Klasse" vergibt.
 *
 * ACHTUNG (build/CONVENTIONS.md): Der Block-Editor schiebt in Gruppen-Blöcken
 * einen .wp-block-group__inner-container ein. Auszeichnungen hängen deshalb am
 * ABSATZ (p:first-of-type), nicht an > :first-child — sonst trifft die Regel
 * den Wrapper und vererbt Fettung auf den ganzen Kasten.
 */

.nv-artikel { font-family: 'Plus Jakarta Sans', sans-serif; }

.nv-artikel p {
	font-size: 17px;
	line-height: 1.85;
	color: #2A2529;
	margin: 0 0 24px;
}

.nv-artikel h2 {
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -0.6px;
	line-height: 1.25;
	color: #16121A;
	margin: 44px 0 16px;
	scroll-margin-top: 24px;
}

.nv-artikel h3 {
	font-size: 20px;
	font-weight: 800;
	color: #16121A;
	margin: 32px 0 12px;
}

.nv-artikel a { color: #E01274; font-weight: 700; }

/* Anreißer: der erste Absatz eines Beitrags. */
.nv-artikel .nv-anreisser {
	font-size: 19px;
	line-height: 1.7;
	color: #3A3438;
	font-weight: 500;
}

/* Hinweiskasten („Kleiner Test") — Gruppen-Block mit dieser Klasse. */
.nv-artikel .nv-hinweis {
	background: #FDEDF4;
	border: 1.3px solid #F3D3E2;
	border-radius: 14px;
	padding: 24px 28px;
	margin: 0 0 28px;
}
.nv-artikel .nv-hinweis p:first-of-type {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.5px;
	color: #E01274;
	margin-bottom: 10px;
}
.nv-artikel .nv-hinweis p { font-size: 14.5px; line-height: 1.75; margin-bottom: 0; }

/* Hervorgehobenes Zitat im Fließtext. */
.nv-artikel .nv-zitat {
	font-family: 'Caveat', cursive;
	font-weight: 600;
	font-size: 26px;
	line-height: 1.45;
	color: #16121A;
	border-left: 4px solid #E01274;
	padding-left: 22px;
	margin: 0 0 30px;
}

/* Listen: Häkchen (nv-ja) bzw. Kreuze (nv-nein) statt Aufzählungspunkten. */
.nv-artikel ul { list-style: none; margin: 0 0 28px; padding: 0; }
.nv-artikel ul li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	line-height: 1.8;
	color: #2A2529;
	margin-bottom: 10px;
}
.nv-artikel ul li::before {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 800;
	color: #E01274;
	content: '•';
}
.nv-artikel ul.nv-ja li::before { content: '✓'; }
/* nv-nein: Das ✕ steht als ZEICHEN im Listenpunkt, nicht als CSS-Marker —
   der Export hat es dort ebenfalls als Text, und die Diff-Verifikation der
   Artikelseite vergleicht den sichtbaren Text (verify-map.txt, Modus `text`).
   Ein reiner ::before-Marker wäre dort unsichtbar. */
.nv-artikel ul.nv-nein li { padding-left: 0; }
.nv-artikel ul.nv-nein li::before { content: none; }

/* Bild im Artikel mit Bildunterschrift.
   .nv-bildplatz ist der leere Platzhalter aus dem Export (der Slot dort hat
   kein Bild): ein neutraler Rahmen, den die Autorin im Block-Editor durch ein
   echtes Bild ersetzt. */
.nv-artikel .nv-bildplatz {
	display: block;
	height: 300px;
	border-radius: 14px;
	border: 1.3px dashed #E4DFE1;
	background: #FDEDF4;
}

.nv-artikel figure { margin: 0 0 30px; }
.nv-artikel figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
	border: 1.3px solid #E4DFE1;
}
.nv-artikel figcaption {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	color: #7B7478;
	margin-top: 10px;
	text-align: center;
}