/*
 * Alltagsfuchs – Article Rhythm v1
 * AF_ARTICLE_RHYTHM_V1
 *
 * Nur vertikaler Rhythmus und dezente Typografie.
 * Keine Breiten, keine Positionierung, keine Bild-/Ad-Logik.
 */


/* ---------------------------------------------------------
 * Fließtext
 * --------------------------------------------------------- */

.single-post .entry-content > p {
	margin-top: 0;
	margin-bottom: 1.15em;
}


/* Mehrere zusammengehörige Absätze sollen als Block wirken. */
.single-post .entry-content > p + p {
	margin-top: -.08em;
}


/* ---------------------------------------------------------
 * H2 = klarer Beginn eines neuen Kapitels
 * --------------------------------------------------------- */

.single-post .entry-content > h2 {
	margin-top: 2.35em;
	margin-bottom: .62em;
	line-height: 1.22;
	text-wrap: pretty;
}


/* Wenn direkt davor bereits ein starkes visuelles Element steht,
   braucht die Überschrift etwas weniger zusätzlichen Abstand. */
.single-post .entry-content > figure + h2,
.single-post .entry-content > .wp-caption + h2,
.single-post .entry-content > table + h2,
.single-post .entry-content > .wp-block-table + h2 {
	margin-top: 1.9em;
}


/* ---------------------------------------------------------
 * H3 = Unterkapitel, deutlich kompakter als H2
 * --------------------------------------------------------- */

.single-post .entry-content > h3 {
	margin-top: 1.7em;
	margin-bottom: .52em;
	line-height: 1.28;
	text-wrap: pretty;
}


/* Kein unnötiges Loch zwischen Überschrift und erstem Absatz. */
.single-post .entry-content > h2 + p,
.single-post .entry-content > h3 + p {
	margin-top: 0;
}


/* ---------------------------------------------------------
 * Listen
 * --------------------------------------------------------- */

.single-post .entry-content > ul,
.single-post .entry-content > ol {
	margin-top: .45em;
	margin-bottom: 1.4em;
}


/* Listenelemente etwas luftiger, aber nicht auseinandergezogen. */
.single-post .entry-content > ul > li,
.single-post .entry-content > ol > li {
	margin-bottom: .28em;
}


/* ---------------------------------------------------------
 * Bilder, Captions, Galerien
 * --------------------------------------------------------- */

.single-post .entry-content > figure,
.single-post .entry-content > .wp-caption,
.single-post .entry-content > .gallery {
	margin-top: 1.85em;
	margin-bottom: 1.95em;
}


/* Caption näher ans Bild als an den folgenden Text. */
.single-post .entry-content figcaption,
.single-post .entry-content .wp-caption-text {
	margin-top: .5em;
	margin-bottom: 0;
	line-height: 1.45;
}


/* ---------------------------------------------------------
 * Tabellen
 * --------------------------------------------------------- */

.single-post .entry-content > table,
.single-post .entry-content > .wp-block-table,
.single-post .entry-content > .af-table-wrap {
	margin-top: 1.65em;
	margin-bottom: 1.85em;
}


/* ---------------------------------------------------------
 * Zitate
 * --------------------------------------------------------- */

.single-post .entry-content > blockquote {
	margin-top: 1.65em;
	margin-bottom: 1.7em;
}


/* ---------------------------------------------------------
 * Alltagsfuchs-Boxen / Lesetipps
 *
 * Diese Regel greift nur, wenn die jeweilige Klasse existiert.
 * Die Optik der Box selbst wird NICHT verändert.
 * --------------------------------------------------------- */

.single-post .entry-content > :is(
	.praxisbox,
	.infoxbox,
	.infobox,
	.kurzgefragt,
	.ehrlich,
	.ehrlichgesagt,
	.foxdisclaimer,
	.lesetipp-box
) {
	margin-top: 1.75em;
	margin-bottom: 1.85em;
}


/* Nach einer Box beginnt der normale Text wieder etwas ruhiger. */
.single-post .entry-content > :is(
	.praxisbox,
	.infoxbox,
	.infobox,
	.kurzgefragt,
	.ehrlich,
	.ehrlichgesagt,
	.foxdisclaimer,
	.lesetipp-box
) + p {
	margin-top: .1em;
}


/* ---------------------------------------------------------
 * Horizontale Linien
 * --------------------------------------------------------- */

.single-post .entry-content > hr {
	margin-top: 2em;
	margin-bottom: 2em;
}


/* ---------------------------------------------------------
 * Verhindert extreme Abstände direkt am Artikelanfang.
 * --------------------------------------------------------- */

.single-post .entry-content > h2:first-child,
.single-post .entry-content > h3:first-child {
	margin-top: 0;
}


/* ---------------------------------------------------------
 * Mobile
 * --------------------------------------------------------- */

@media (max-width: 768px) {

	.single-post .entry-content > p {
		margin-bottom: 1.08em;
	}

	.single-post .entry-content > h2 {
		margin-top: 2em;
		margin-bottom: .58em;
		line-height: 1.24;
	}

	.single-post .entry-content > h3 {
		margin-top: 1.55em;
		margin-bottom: .5em;
	}

	.single-post .entry-content > figure,
	.single-post .entry-content > .wp-caption,
	.single-post .entry-content > .gallery {
		margin-top: 1.55em;
		margin-bottom: 1.65em;
	}

	.single-post .entry-content > :is(
		.praxisbox,
		.infoxbox,
		.infobox,
		.kurzgefragt,
		.ehrlich,
		.ehrlichgesagt,
		.foxdisclaimer,
		.lesetipp-box
	) {
		margin-top: 1.55em;
		margin-bottom: 1.6em;
	}
}