/* Compact Tagesübersicht, inheriting the homepage's typography and palette. */
.dsf-daily {
	padding-block: var(--dsf-space-7);
	background: var(--dsf-color-surface);
}
.dsf-daily__heading { margin-block-end: var(--dsf-space-5); }
.dsf-daily__heading h2 { font-size: var(--dsf-text-h2); }
.dsf-daily__heading > p {
	max-inline-size: var(--dsf-measure);
	margin-block-start: var(--dsf-space-2);
	color: var(--dsf-color-muted);
}
.dsf-daily__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--dsf-space-4); }
.dsf-daily__card {
	min-inline-size: 0;
	padding: var(--dsf-space-5);
	border: 1px solid var(--dsf-color-border);
	border-radius: var(--dsf-radius-medium);
	background: var(--dsf-color-background);
	transition: border-color var(--dsf-duration-fast) var(--dsf-ease), background-color var(--dsf-duration-fast) var(--dsf-ease);
}
.dsf-daily__card h3 {
	display: flex;
	align-items: center;
	gap: var(--dsf-space-2);
	font-family: var(--dsf-font-body);
	font-size: var(--dsf-text-small);
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: normal;
	text-wrap: initial;
}
.dsf-daily__card h3 svg { flex-shrink: 0; color: var(--dsf-color-accent); }
.dsf-daily__card--current { background: var(--dsf-color-primary); border-color: var(--dsf-color-primary); color: var(--dsf-color-surface); }
.dsf-daily__card--current h3, .dsf-daily__card--current h3 svg { color: inherit; }
.dsf-daily__card--next { background: var(--dsf-color-tint); }
.dsf-daily__value {
	display: block;
	margin-block-start: var(--dsf-space-4);
	color: var(--dsf-color-primary);
	font-family: var(--dsf-font-heading);
	font-size: var(--dsf-text-h3);
	font-weight: 700;
	line-height: 1.35;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}
.dsf-daily__weekday { display: block; margin-block-end: var(--dsf-space-1); color: var(--dsf-color-muted); font-family: var(--dsf-font-body); font-size: var(--dsf-text-small); font-weight: 400; letter-spacing: normal; }
.dsf-daily__count { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--dsf-space-2); margin-block-start: var(--dsf-space-3); line-height: 1.3; }
.dsf-daily__count strong { font-family: var(--dsf-font-heading); font-size: 2.5rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.03em; }
.dsf-daily__count span { font-size: var(--dsf-text-small); }
.dsf-daily__note, .dsf-daily__states { margin-block-start: var(--dsf-space-2); font-size: var(--dsf-text-small); line-height: 1.55; }
.dsf-daily__note { color: var(--dsf-color-muted); }
.dsf-daily__card--current .dsf-daily__note { color: inherit; }
.dsf-daily__value--unavailable { color: var(--dsf-color-muted); }
.dsf-daily__states summary { width: fit-content; min-block-size: 2.75rem; align-content: center; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }
.dsf-daily__states p { margin-block-start: var(--dsf-space-2); }
.dsf-daily__empty { margin-block-start: var(--dsf-space-4); color: var(--dsf-color-muted); font-size: var(--dsf-text-small); }
@media (hover: hover) {
	.dsf-daily__card:hover { border-color: var(--dsf-color-accent); background: var(--dsf-color-tint); }
	.dsf-daily__card--current:hover { border-color: var(--dsf-color-accent-hover); background: var(--dsf-color-accent-hover); }
}
@media (max-width: 70rem) { .dsf-daily__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 38rem) {
	.dsf-daily { padding-block: var(--dsf-space-6); }
	.dsf-daily__grid { grid-template-columns: minmax(0, 1fr); gap: var(--dsf-space-3); }
	.dsf-daily__card { padding: var(--dsf-space-4) var(--dsf-space-5); }
	.dsf-daily__value { margin-block-start: var(--dsf-space-3); }
	.dsf-daily__weekday { display: inline; }
}
@media print {
	.dsf-daily__card--current, .dsf-daily__card--current h3, .dsf-daily__card--current h3 svg { background: transparent; color: var(--dsf-color-primary); }
	.dsf-daily__card { break-inside: avoid; }
}