/* Index des conseils et pages de rubrique (charte « Seuil ») : article à la une (grande photo, titre en
   Newsreader, toute la carte cliquable), grilles par rubrique, liste d'attente des tapis, outils (section sapin).
   Complète editorial.css ; espaces par jetons, posés par les parents. */

/* ---------- À la une ---------- */
.une {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--e-5);
}
.une__media {
  aspect-ratio: 3 / 2;
  background: var(--lin);
  overflow: hidden;
}
.une__media picture,
.une__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.une__corps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--e-4);
}
.une__surtitre,
.une__infos {
  color: var(--texte-2);
  font-size: var(--fs-petit);
}
.une__titre {
  max-width: 18ch;
  font-size: var(--fs-h2);
  line-height: 1.1;
}
.une__lien {
  text-decoration: none;
}
.une__lien::after {
  content: "";
  position: absolute;
  inset: 0;
}
.une__lien:focus-visible {
  outline: none;
}
.une:has(.une__lien:focus-visible) {
  outline: 2px solid var(--focus);
  outline-offset: var(--e-1);
}
.une:hover .une__action {
  text-decoration-thickness: 2px;
}
.une:hover .une__lien {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}
.une__extrait {
  max-width: 46ch;
  color: var(--texte-2);
  font-size: var(--fs-chapo);
  line-height: 1.55;
}
.une__action {
  padding-top: var(--e-2);
  color: var(--lien);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
@media (min-width: 64rem) {
  .une {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
    gap: var(--e-8);
  }
  .une__media {
    aspect-ratio: 4 / 3;
  }
  .une__titre {
    font-size: calc(var(--fs-h2) * 1.15);
  }
}

/* ---------- Liste d'attente des tapis (panneau) ---------- */
.conseils-attente {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--e-6);
}
/* L'en-tête et le formulaire sont côte à côte : pas d'écart de flux après l'en-tête */
.conseils-attente .entete-section + * {
  margin-block-start: 0;
}
@media (min-width: 64rem) {
  .conseils-attente {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: end;
    gap: var(--e-8);
  }
}

/* ---------- Outils (section sapin) ---------- */
.conseils-outils__in {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--e-6);
}
.conseils-outils__titre {
  max-width: 16ch;
}
.conseils-outils__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--trait);
}
.conseils-outils__liste li {
  border-bottom: 1px solid var(--trait);
}
.conseils-outils__liste .lien-fleche {
  width: 100%;
  min-height: var(--hauteur-champ);
  padding-block: var(--e-3);
}
@media (min-width: 48rem) {
  .conseils-outils__liste {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--gap-grille);
  }
}
@media (min-width: 64rem) {
  .conseils-outils__in {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: center;
    gap: var(--e-8);
  }
}