/* Calculateur d'âge */
.ag { display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 2.2vh, 24px); text-align: center; max-width: 100%; }
.ag .ag-q { text-wrap: balance; }
.ag-out { display: flex; flex-direction: column; align-items: center; line-height: .9; }
.ag-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; }
.ag[data-unit="d"] .ag-big, .ag[data-unit="m"] .ag-big { font-size: calc(clamp(72px, 13vw, 190px) * var(--cs, 1)); }
.ag-unit { margin-top: .2em; font-size: calc(clamp(22px, 2.8vw, 34px) * var(--cs, 1)); font-weight: 700; }
.ag-lines { display: flex; flex-direction: column; gap: 6px; max-width: 900px; }
.ag-ymd { margin: 0; font-size: clamp(19px, 2.3vw, 26px); font-weight: 700; text-wrap: balance; }
.ag-sub { margin: 0; font-size: clamp(15px, 1.7vw, 19px); font-weight: 500; opacity: .9; text-wrap: balance; }
.ag-sub:empty { display: none; }
@media (max-width: 520px) { .ag-bar .bar-sep, .ag-bar [data-ag-today] { display: none; } .ag-bar .chip-btn { padding: 0 14px; } }
/* Tableaux des pages « né en » */
.content .ag-table td:nth-child(2) { font-family: var(--f-display); font-size: 22px; }
.content .ag-table tr.is-now td { background: var(--bg); color: var(--white); }