/* Holiday countdown - headline, four digit tiles, the date and its rule. */
.hcd { text-align: center; }
.hcd-kicker { margin: 0; font-size: .74em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink-3); }
.hcd-name { margin: 2px 0 12px; font-size: 1.35em; line-height: 1.2; font-weight: 800; letter-spacing: -.015em; overflow-wrap: anywhere; }
.hcd-today {
    margin: 0; padding: 16px 12px; border-radius: var(--e-radius-sm); background: var(--e-hero);
    font-size: 1.4em; font-weight: 800; line-height: 1.25; color: var(--e-accent-fg); overflow-wrap: anywhere;
}
.hcd-today:empty { display: none; }
.hcd-date { margin: 10px 0 0; font-weight: 650; color: var(--e-ink-2); }
.hcd-date:empty { display: none; }
.hcd-rule { margin: 4px auto 0; max-width: 46ch; font-size: .78em; color: var(--e-ink-3); }
@media (max-width: 300px) {
    .hcd-digits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 360px) { .hcd-name { font-size: 1.2em; } }
html[data-compact="1"] .hcd-name { margin-bottom: 8px; font-size: 1.15em; }