/* ---------- Werte ---------- */

:where(.unyer-story-seite) {
	--unyer-story-medium-max: 34.125rem;
	--unyer-story-text-max: none;
}

/* ---------- Kopfbereich ---------- */

.unyer-story-seite__titel {
	margin-block: 0;
	text-wrap: balance;
}

.unyer-story-seite__bereich a {
	display: inline-flex;
	align-items: center;
	min-block-size: var(--wp--custom--target--min);
	color: inherit;
	text-decoration: none;
}

.unyer-story-seite__bereich a:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--secondary);
	text-decoration: underline;
}

.unyer-story-seite__medium {
	max-inline-size: var(--unyer-story-medium-max);
}

.unyer-story-seite__medium .wp-block-post-featured-image {
	margin-block: 0;
}

.unyer-story-seite__medium:not(:has(img)) {
	aspect-ratio: 4 / 3;
	border-radius: var(--wp--custom--radius--small);
	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 12%, var(--wp--preset--color--base));
}

/* ---------- Fakten ---------- */

.unyer-story-seite__fakt {
	flex: 0 1 auto;
	min-inline-size: 0;
}

.unyer-story-seite__wert {
	margin-block: 0;
	overflow-wrap: anywhere;
}

.unyer-story-seite__band:not(:has(.unyer-story-seite__fakt)) {
	display: none;
}

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

.unyer-story-seite__text > :is(p, ul, ol, blockquote, h2, h3, h4) {
	max-inline-size: var(--unyer-story-text-max);
}

.unyer-story-seite__inhalt:not(:has(.unyer-story-seite__text :is(p, ul, ol, table, figure, blockquote, h2, h3, h4))) {
	display: none;
}

/* ---------- Zustände ---------- */

:where(.unyer-story-seite) :is(a, button):focus-visible {
	outline: 0.1875rem solid var(--wp--preset--color--secondary);
	outline-offset: 0.125rem;
}