/* Numéro de semaine */
.wn { display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 2.2vh, 24px); text-align: center; }
.wn .wn-q { text-wrap: balance; }
.wn-out { display: flex; align-items: center; justify-content: center; gap: clamp(8px, 2vw, 28px); }
.wn-big { font-family: var(--f-display); font-size: calc(clamp(68px, 14vw, 200px) * var(--cs, 1)); line-height: .95; letter-spacing: .005em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wn-num { display: inline-block; min-width: 1.05em; text-align: left; }
.wn-step { flex: none; width: 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--frame); color: var(--white); transition: background-color .15s, transform .15s var(--ease); }
.wn-step:hover { background: var(--frame-hi); }
.wn-step:active { transform: scale(.94); }
.wn-step svg { width: 22px; height: 22px; }
.wn-range { margin: 0; font-size: clamp(19px, 2.3vw, 26px); font-weight: 700; text-wrap: balance; }
.wn-detail { margin: 0; font-size: clamp(15px, 1.7vw, 19px); font-weight: 500; opacity: .9; max-width: 900px; text-wrap: balance; }
.hero.is-fs .wn-step { display: none; }
@media (max-width: 520px) {
  .wn { max-width: 100%; }
  .wn-big { display: flex; flex-direction: column; align-items: center; font-size: calc(clamp(88px, 30vw, 140px) * var(--cs, 1)); line-height: .9; }
  .wn-word { font-size: .36em; line-height: 1; }
  .wn-num { min-width: 0; text-align: center; }
  .wn-step { width: 44px; height: 44px; }
  .wn-bar .chip-btn { padding: 0 12px; font-size: 14px; }
}
/* Tableau des semaines (pages par année) */
.content .wn-table td:first-child { font-family: var(--f-display); font-weight: 400; font-size: 22px; white-space: nowrap; }
.content .wn-table td:nth-child(2), .content .wn-table td:nth-child(3), .content .wn-table td:nth-child(4) { font-family: inherit; font-size: 17px; white-space: nowrap; }
.content .wn-table td.wn-none { opacity: .55; }
.content .wn-table tr.is-now td { background: var(--bg); color: var(--white); }
.content .wn-hol td:nth-child(2) { font-family: inherit; font-size: 17px; white-space: normal; }
.content .wn-hol td:nth-child(3), .content .wn-hol td:nth-child(4) { font-family: var(--f-display); font-size: 22px; }