/* ==========================================================================
   /nouveautes/ (11/11/2026) — feuille SÉPARÉE de site.css, chargée seulement
   par page-nouveautes.php (functions.php). Même principe que presse.css :
   site.css bloque l'affichage de toutes les pages, il ne porte pas ce qui ne
   sert qu'à une seule.
   Composants du site réutilisés : .section, .conteneur--texte, .titre-page,
   .mise-a-jour, .reponse-directe, le fil d'Ariane. Ici, seulement la liste :
   un mois, ses jours, les nouveautés de chaque jour. Une liste lisible, ni
   cartes ni frise ; même filet que la fiche des faits de /presse/.
   ========================================================================== */

:root {
  --nouveautes-date: 150px;   /* colonne des dates, à partir de 640 px */
  --nouveautes-souffle: 4px;  /* entre l'étiquette « pour qui » et le titre */
}

.nouveautes {
  margin-top: var(--gap-m);
}

.nouveautes__mois {
  margin-top: var(--gap-l);
  font-family: var(--police-display);
  font-size: var(--taille-h3);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--nuit);
}

.nouveautes__mois:first-child {
  margin-top: 0;
}

.nouveautes__jours {
  margin-top: var(--gap-s);
  list-style: none;
  border-top: 1px solid var(--voile-nuit-09);
}

.nouveautes__jour {
  display: grid;
  gap: var(--gap-s);
  padding: var(--gap-m) 0;
  border-bottom: 1px solid var(--voile-nuit-09);
}

/* La date est le repère de la page : au corps du texte, en nuit, jamais en petit. */
.nouveautes__date {
  font-size: var(--taille-corps-m);
  font-weight: 600;
  line-height: 1.6;
  color: var(--nuit);
}

.nouveautes__liste {
  display: grid;
  gap: var(--gap-m);
  list-style: none;
}

.nouveaute__pour {
  font-size: var(--taille-mini);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--texte-doux);
}

.nouveaute__titre {
  margin-top: var(--nouveautes-souffle);
  font-family: var(--police-display);
  font-size: var(--taille-h4);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--nuit);
}

.nouveaute__texte,
.nouveaute__lien {
  max-width: var(--largeur-lecture);
  margin-top: var(--gap-xs);
  font-size: var(--taille-corps-m);
  line-height: 1.6;
  color: var(--texte-doux);
}

.nouveaute__lien a,
.nouveautes__suite a {
  color: var(--corail-texte);
  text-underline-offset: 4px;
}

.nouveautes__suite {
  max-width: var(--largeur-lecture);
  margin-top: var(--gap-m);
  font-size: var(--taille-corps-m);
  line-height: 1.6;
  color: var(--texte-doux);
}

@media (min-width: 640px) {
  .nouveautes__jour {
    grid-template-columns: var(--nouveautes-date) minmax(0, 1fr);
    gap: var(--gap-m);
  }
}