/* Date du jour */
.td { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 1.9vh, 20px); width: 100%; text-align: center; }
.td .eyebrow { margin: 0; }
.td-show { display: flex; flex-direction: column; align-items: center; max-width: 100%; }
.td-wd { margin: 0; font-size: calc(clamp(24px, 3vw, 40px) * var(--cs, 1)); font-weight: 700; line-height: 1.15; }
.td-big { margin: .08em 0 0; font-family: var(--f-display); font-size: calc(clamp(60px, 9.5vw, 150px) * var(--cs, 1)); line-height: .98; letter-spacing: .005em; text-wrap: balance; font-variant-numeric: tabular-nums; }
.td-detail { margin: 0; max-width: 900px; font-size: clamp(16px, 1.8vw, 21px); font-weight: 700; text-wrap: balance; }
.td .td-hol { max-width: 980px; font-size: clamp(16px, 1.7vw, 20px); text-wrap: balance; }
.td-fmts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.td-fmt { min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--frame); color: var(--white); font: 600 16px/1 inherit; font-family: inherit; font-variant-numeric: tabular-nums; cursor: pointer; transition: background-color .15s, transform .15s var(--ease); }
.td-fmt:hover { background: var(--frame-hi); }
.td-fmt:active { transform: scale(.96); }
@media (max-width: 520px) {
  .td-big { font-size: calc(clamp(52px, 15vw, 76px) * var(--cs, 1)); }
  .td-wd { font-size: calc(24px * var(--cs, 1)); }
  .td-detail { font-size: 15px; }
  .td .td-hol { font-size: 15px; }
  .td-fmt { padding: 0 12px; font-size: 14px; }
  .td-fmt[data-td-fmt="2"] { display: none; }
}
/* Plein écran : la date seule reste au repos */
.hero.is-fs .td-fmts { display: none; }
.td-detail span { white-space: nowrap; }