/* U02: keep timer values and German units together on their existing tiles. */
:is(.dsf-holiday__countdown, .dsf-state__countdown, .dsf-public__countdown, .dsf-countdown__digits) :is(strong, span) {
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: normal;
}

@media screen and (max-width: 35rem) {
	/* Two columns allow four-digit day counts without reducing the type size. */
	:is(.dsf-holiday__countdown, .dsf-state__countdown, .dsf-public__countdown, .dsf-countdown__digits) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* C01: remove the extra 50px mobile padding, retaining the original content order. */
	.dsf-hero {
		padding-block: var(--dsf-space-5);
	}

	.dsf-hero .dsf-hero__inner {
		gap: var(--dsf-space-4);
	}
}

@media screen and (max-width: 25rem) {
	/* U02: full-width fields preserve all four year digits plus the native indicator. */
	.dsf-holiday .dsf-holiday__filters {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.dsf-holiday .dsf-holiday__filters > :is(.dsf-holiday__field, button) {
		grid-column: 1 / -1;
		inline-size: 100%;
		min-inline-size: 0;
	}

	.dsf-countdown .dsf-countdown__form > :is(.dsf-countdown__field, .dsf-countdown__period, button) {
		grid-column: 1 / -1;
	}

	.dsf-state .dsf-state__hero .dsf-state__filters,
	.dsf-state .dsf-state__section-top .dsf-state__filters {
		grid-template-columns: minmax(0, 1fr);
	}

	.dsf-public .dsf-public__hero-controls .dsf-public__filters,
	.dsf-public #tabelle .dsf-public__filters {
		grid-template-columns: minmax(0, 1fr);
	}
}