.hdp-page { min-width: 0; }
.hdp-answer h2 { font-size: 1.25rem; line-height: 1.65; }
.hdp-countdown { font-size: 1.15rem; font-weight: 700; }
.hdp-links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding-left: 1.25rem; }
.hdp-details { min-width: 620px; }
.hdp-details th { font-weight: 500; }
.hdp-subdates { padding-left: 1.1rem; margin: .5rem 0; font-size: .9rem; }
.hdp-months { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.1rem; }
.hdp-month { min-width: 0; }
.hdp-month h3 { margin: 0 0 .5rem; }
.hdp-month-list { font-size: .85rem; padding-left: 1.1rem; }
.hdp-month .cal-t { width: 100%; table-layout: fixed; }
@media (max-width: 800px) { .hdp-months { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 520px) { .hdp-months { grid-template-columns: minmax(0,1fr); } }

.hdp-selected{background:#fff3cf;font-weight:600}.hdp-card-links{display:flex;flex-wrap:wrap;gap:.5rem}
.hdp-month-summary th:first-child { white-space: nowrap; }

.hdp-details th { text-align: left; }
.hdp-elapsed { white-space: nowrap; }
.hdp-card-links { display: block; }
.hdp-daily { width: 100%; }
.hdp-daily th, .hdp-daily td { padding: .6rem 1rem; text-align: left; }
.hdp-daily th:first-child, .hdp-daily td:first-child { min-width: 5rem; white-space: nowrap; }
.hdp-daily th:nth-child(2), .hdp-daily td:nth-child(2) { min-width: 4rem; white-space: nowrap; }
@media (max-width: 600px) {
  .hdp-details { display: block; min-width: 0; width: 100%; }
  .hdp-details thead { display: none; }
  .hdp-details tbody { display: block; }
  .hdp-details tr { display: block; margin-bottom: 1rem; border: 1px solid #ddd; border-radius: .5rem; }
  .hdp-details th, .hdp-details td { display: block; width: auto; padding: .6rem; text-align: left; border: 0; }
  .hdp-details td::before { content: attr(data-label); display: block; font-weight: 600; margin-bottom: .25rem; }
  .hdp-daily th, .hdp-daily td { padding: .5rem; }
  .hdp-daily th:first-child, .hdp-daily td:first-child { min-width: 3.5rem; }
  .hdp-daily th:nth-child(2), .hdp-daily td:nth-child(2) { min-width: 2.5rem; }
}