.countdown-shell { max-width: 80rem; }
.countdown-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.countdown-unit { min-width: 0; padding: 1.25rem .5rem; text-align: center; background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: .75rem; }
.countdown-value { display: block; color: var(--bs-primary); font-size: clamp(2.25rem, 5vw, 4.75rem); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.countdown-label { display: block; margin-top: .6rem; color: var(--bs-secondary-color); font-size: clamp(.68rem, 1vw, .82rem); font-weight: 700; letter-spacing: .06em; }
.countdown-form { max-width: 42rem; }
#completion-message { font-size: 1.5rem; }
#countdown-heading { overflow-wrap: anywhere; }
[hidden] { display: none !important; }
@media (max-width: 767.98px) {
  .countdown-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
  .countdown-unit { padding: 1rem .25rem; }
  .countdown-value { font-size: clamp(2rem, 12vw, 3.25rem); }
  .countdown-label { font-size: .66rem; }
}
@media (max-width: 359.98px) {
  .countdown-grid { gap: .35rem; }
  .countdown-label { letter-spacing: .02em; }
}