/* Date tool presentation only; calendar-time.js owns all calculations. */
.days-page .calc-panel { display: none; }
.days-page .calc-panel.active { display: block; }
.days-date-row { display: flex; gap: 8px; }
.days-date-row .up-input { flex: 1; min-width: 0; }
.days-date-row .today-btn { padding-inline: 12px; }
.days-result .up-result-value { margin-block: 8px 16px; }
.days-unit { font-size: 22px; letter-spacing: 0; font-weight: 500; }
.days-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 16px; margin-top: 16px; border-top: 1px solid #6a9081; }
.days-details dt, .days-age dt { font-size: 13px; color: #e0eee7; }
.days-details dd { font-size: 22px; font-weight: 650; margin: 0; font-variant-numeric: tabular-nums; }
.days-details > div, .days-age > div { display: flex; flex-direction: column-reverse; }
.days-age { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.days-age dd { font-size: 40px; font-weight: 750; margin: 0; line-height: 1.3; }
.days-date-result { font-size: 32px; line-height: 1.25; font-weight: 650; }
.days-weekday { font-size: 16px; margin-top: 8px; }
.days-page .quick-date-btn { font-size: 14px; padding-inline: 12px; }
@media (max-width: 767px) {
  .days-page .calc-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .days-page .calc-tab:first-child { grid-column: 1 / -1; }
  .days-date-result { font-size: 28px; }
  .days-details { gap: 12px; }
  .days-age dd { font-size: 36px; }
}