/* Changement d'heure */
.dst { display: flex; flex-direction: column; align-items: center; gap: clamp(14px, 2.4vh, 26px); text-align: center; width: 100%; }
.dst .dst-q { text-wrap: balance; }
.dst-y { width: 3.1em; }
.dst-stage { display: flex; flex-direction: column; align-items: center; width: 100%; }
.dst-pane { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 1.8vh, 18px); width: 100%; animation: dst-in .32s var(--ease); }
@keyframes dst-in { from { transform: translateY(14px); } to { transform: none; } }
.dst-out { display: flex; flex-direction: column; align-items: center; line-height: .9; }
.dst-big { font-family: var(--f-display); font-size: calc(clamp(96px, 16vw, 220px) * var(--cs, 1)); line-height: .95; letter-spacing: .005em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dst-big.is-text { font-size: calc(clamp(56px, 9vw, 140px) * var(--cs, 1)); }
.dst-unit { margin-top: .25em; font-size: calc(clamp(22px, 2.8vw, 34px) * var(--cs, 1)); font-weight: 700; }
.dst-when { margin: 0; font-size: calc(clamp(19px, 2.3vw, 28px) * var(--cs, 1)); font-weight: 700; max-width: 940px; text-wrap: balance; }
.dst-sub { margin: 0; font-size: calc(clamp(16px, 1.8vw, 20px) * var(--cs, 1)); font-weight: 500; opacity: .9; max-width: 900px; text-wrap: balance; }
.dst-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(10px, 1.6vw, 18px); width: 100%; }
.dst-card { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 0 1 420px; min-width: min(300px, 100%); padding: clamp(16px, 2.4vh, 26px) clamp(18px, 2.4vw, 32px); border-radius: 22px; background: var(--frame); }
.dst-card--none { background: none; padding: 0; }
.dst-clabel { font-size: calc(15px * var(--cs, 1)); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.dst-cbig { font-family: var(--f-display); font-size: calc(clamp(56px, 7.4vw, 112px) * var(--cs, 1)); line-height: 1; white-space: nowrap; }
.dst-cbig.is-text { font-size: calc(clamp(48px, 7vw, 110px) * var(--cs, 1)); white-space: normal; text-wrap: balance; }
.dst-cdetail { font-size: calc(clamp(16px, 1.7vw, 20px) * var(--cs, 1)); font-weight: 500; }
@media (max-width: 520px) {
  .dst-bar .bar-sep, .dst-bar [data-dst-here] { display: none; }
  .dst-bar .chip-btn { padding: 0 14px; }
  .dst-card { min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .dst-pane { animation: none; } }
/* Plein écran : la barre des modes laisse la place à celle de la taille */
.hero.is-fs .dst-bar { display: none; }
/* Tableaux de la page : dates en grand dans les deux colonnes, règles en texte normal */
.content .dst-t td:nth-child(n+2) { font-family: var(--f-display); font-size: 22px; white-space: nowrap; }
.content .dst-t td small { display: block; margin-top: 2px; font-family: var(--f-body); font-size: 15px; font-weight: 500; }
.content .dst-rules td:nth-child(2) { font-family: var(--f-body); font-size: 17px; white-space: normal; }