.page-header { align-items: center; gap: 24px; flex-wrap: wrap; }
.holiday-countdowns { margin-left: auto; width: min(100%, 570px); }
.holiday-countdowns__heading {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 7px; font-size: 11px; color: var(--text-muted, #7a96a8);
}
.holiday-countdowns__heading strong { font-weight: 600; color: var(--text-dim, #4a6b7d); }
.holiday-countdowns__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.holiday-countdown {
  --holiday-color: #d57400; --holiday-bg: #fff7eb; --holiday-border: #f8dfbb;
  padding: 10px 12px; border: 1px solid var(--holiday-border);
  border-radius: 10px; background: var(--holiday-bg); min-width: 0;
}
.holiday-countdown--cyber { --holiday-color: #1a7ea8; --holiday-bg: #edf8fc; --holiday-border: #cce8f3; }
.holiday-countdown--christmas { --holiday-color: #287c64; --holiday-bg: #eff8f3; --holiday-border: #d0e8dc; }
.holiday-countdown__top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.holiday-countdown__name { font-size: 12px; font-weight: 700; color: var(--holiday-color); }
.holiday-countdown__date { font-size: 10px; color: var(--text-dim, #4a6b7d); font-variant-numeric: tabular-nums; }
.holiday-countdown__time { margin-top: 4px; white-space: nowrap; display: flex; align-items: baseline; gap: 5px; }
.holiday-countdown__days { color: var(--holiday-color); font-size: 25px; font-weight: 750; line-height: 1.25; font-variant-numeric: tabular-nums; }
.holiday-countdown__unit { color: var(--text-dim, #4a6b7d); font-size: 10px; }
.holiday-countdown__clock { margin-left: auto; color: var(--holiday-color); font-size: 13px; font-weight: 600; letter-spacing: .2px; font-variant-numeric: tabular-nums; }
.holiday-countdown__status { min-height: 15px; color: var(--text-muted, #7a96a8); font-size: 9px; line-height: 1.5; margin-top: 2px; }
@media (max-width: 1150px) {
  .holiday-countdowns { width: 100%; margin-left: 0; }
}
@media (max-width: 768px) {
  .app { flex-direction: column; }
  .main { min-width: 0; width: 100%; max-width: 100%; }
  .page-header > div { min-width: 0; }
}
@media (max-width: 480px) {
  .page-header { gap: 16px; }
  .holiday-countdowns__grid { gap: 6px; }
  .holiday-countdown { padding: 9px 7px; border-radius: 8px; }
  .holiday-countdown__top { flex-wrap: wrap; gap: 0; }
  .holiday-countdown__name { font-size: 11px; }
  .holiday-countdown__date { font-size: 9px; }
  .holiday-countdown__days { font-size: 23px; }
  .holiday-countdown__time { flex-wrap: wrap; gap: 3px; }
  .holiday-countdown__clock { width: 100%; margin-left: 0; font-size: 12px; }
}
@media print { .holiday-countdowns { display: none !important; } }