/* cambio-server.css: la pagina del cambio del server (PIANO-PAGINE §4.1). Si carica DOPO shell.css e film.css. */

/* la data */
.cs-date .big { display: block; font-family: var(--pixel); font-size: clamp(2.8rem, 1.6rem + 3.2vw, 4.4rem); line-height: 1; color: var(--cyan); margin: .25rem 0 1rem; letter-spacing: 0; }
.cs-date p.days { color: var(--fg); }
.cs-date p.days b { font-family: var(--pixel); font-weight: 500; color: var(--cyan); font-size: 1.25em; }

/* il caso: i contatori */
.cs-lab { margin-top: var(--s-4); font: 650 var(--t-xs)/1.3 var(--font); letter-spacing: .06em; text-transform: uppercase; color: var(--fg-mute); }
.cs-count { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 1.25rem; margin-top: var(--s-2); }
.cs-count div { display: flex; flex-direction: column; }
.cs-count dt .num { display: block; font-family: var(--pixel); font-size: clamp(1.7rem, 1.3rem + 1.4vw, 2.5rem); line-height: 1; color: var(--cyan); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cs-count dd { font-size: var(--t-sm); color: var(--fg-mute); margin-top: .3rem; }