/** @format */

.headline {
	hyphens: auto;
	hyphenate-limit-chars: 9 4 3;

	&.headline--h1 {
		font: var(--font-extended);
		font-size: var(--fs-h1);
		margin-bottom: var(--margin-h1);

		&:last-child {
			margin-bottom: 0px;
		}
	}

	/* Classes for serif fonts will only be used as legacy from November 2025 onwards, as serif fonts will no longer exist. */
	&:is(.headline--h2, .headline--h2-serif) {
		font: var(--font-extended);
		font-size: var(--fs-h2);
		margin-bottom: var(--margin-h2);

		&:last-child {
			margin-bottom: 0px;
		}
	}

	/* Classes for serif fonts will only be used as legacy from November 2025 onwards, as serif fonts will no longer exist. */
	&:is(.headline--h3, .headline--h3-serif) {
		font: var(--font-extended);
		font-size: var(--fs-h3);
		margin-bottom: var(--margin-h3);

		&:last-child {
			margin-bottom: 0px;
		}
	}

	/* Classes for serif fonts will only be used as legacy from November 2025 onwards, as serif fonts will no longer exist. */
	&:is(.headline--h4, .headline--h4-serif) {
		font: var(--font-extended);
		font-size: var(--fs-h4);
		margin-bottom: var(--margin-h4);

		&:last-child {
			margin-bottom: 0px;
		}
	}
}

.topline {
	&.topline--base {
		padding-bottom: calc(var(--universal-gap) / 4);
		border-bottom: 1px solid var(--color-neutral-grey);
		margin-bottom: calc(var(--universal-gap) / 2);
		font-size: var(--fs-small);
		display: block;
	}

	&.topline--large {
		padding-bottom: calc(var(--universal-gap) / 4);
		border-bottom: 1px solid var(--color-neutral-grey);
		margin-bottom: var(--universal-gap);
		font-size: var(--fs-small);
		display: block;
	}
}