/* Journal des mises à jour, « Pour qui, pas pour qui », situations, seuils de la méthodologie (inc/journal-maj.php,
   inc/seuils.php, inc/situations.php ; Romain 01/10 17 h). Sobre : texte, filets, aucune image. */

/* ---------- Pour qui, pas pour qui (fiche, sous l'avis en 30 secondes) ---------- */
.pour-qui { margin: 0 0 clamp(2rem, 5vw, 3.5rem); display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); column-gap: 1.5rem; padding-top: 1.2rem; border-top: 1px solid var(--trait); }
.pour-qui h2 { font-size: var(--t-md); margin: 0.2rem 0 0; grid-row: span 2; }
.pour-qui__lignes { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; }
.pour-qui__lignes li { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr); align-items: baseline; font: 400 var(--t-md)/1.45 var(--sans); }
.pour-qui__signe { font-weight: 700; }
.est-pour .pour-qui__signe { color: var(--vert-ok); }
.est-contre .pour-qui__signe { color: var(--rouge-non); }
.pour-qui__regle { margin-left: 0.3rem; font-size: var(--t-xs); color: var(--feutre); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.pour-qui__cotes { margin-top: 0.7rem; grid-column: 2; font-size: var(--t-sm); }
.pour-qui__cotes summary { cursor: pointer; color: var(--feutre); text-decoration: underline; text-underline-offset: 3px; width: fit-content; min-height: 44px; display: flex; align-items: center; }
.pour-qui__table { border-collapse: collapse; width: 100%; max-width: 34rem; margin: 0.3rem 0 0.5rem; }
.pour-qui__table th, .pour-qui__table td { text-align: left; padding: 0.45rem 0.6rem 0.45rem 0; border-bottom: 1px solid var(--trait); vertical-align: baseline; font-weight: 400; }
.pour-qui__table th { color: var(--feutre); }
.pour-qui__table td.num { white-space: nowrap; font-weight: 600; }
.pour-qui__table a { color: inherit; text-decoration-color: var(--trait); text-underline-offset: 3px; }
.pour-qui__note { color: var(--feutre); font-size: var(--t-xs); margin: 0; }
@media (max-width: 760px) {
  .pour-qui { grid-template-columns: minmax(0, 1fr); }
  .pour-qui h2 { grid-row: auto; margin-bottom: 0.6rem; }
  .pour-qui__cotes { grid-column: 1; }
}

/* ---------- Journal des mises à jour (bas des collections et des comparatifs) ---------- */
.journal-maj__boite > summary { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.3rem 1rem; padding-bottom: 0.7rem; border-bottom: 2px solid var(--anthracite); }
.journal-maj__boite > summary::-webkit-details-marker { display: none; }
.journal-maj__boite > summary h2 { margin: 0; font-size: clamp(1.3rem, 1rem + 1vw, 1.7rem); letter-spacing: -0.02em; }
.journal-maj__boite > summary::after { content: "−"; margin-left: auto; font: 600 1.3rem/1 var(--sans); color: var(--feutre); }
.journal-maj__boite:not([open]) > summary::after { content: "+"; }
.journal-maj__der { color: var(--feutre); font-size: var(--t-sm); }
.journal-maj__liste { list-style: none; margin: 0; padding: 0; }
.journal-maj__liste li { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 0.3rem 1rem; padding: 0.75rem 0; border-bottom: 1px solid var(--trait); font-size: var(--t-sm); line-height: 1.5; }
.journal-maj__liste time { font-weight: 600; white-space: nowrap; }
.journal-maj__suite { margin-top: 0.4rem; }
.journal-maj__suite > summary { cursor: pointer; font-size: var(--t-sm); color: var(--feutre); text-decoration: underline; text-underline-offset: 3px; min-height: 44px; display: flex; align-items: center; width: fit-content; }
.journal-maj__note { margin: 0.8rem 0 0; color: var(--feutre); font-size: var(--t-xs); }
@media (max-width: 640px) { .journal-maj__liste li { grid-template-columns: minmax(0, 1fr); gap: 0.15rem; } }

/* ---------- Votre situation, le bon modèle ---------- */
.situations__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 0 1.5rem; }
.situations__liste a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 0.8rem; padding: 0.8rem 0; border-bottom: 1px solid var(--trait); color: inherit; text-decoration: none; min-height: 44px; }
.situations__liste a:hover .situations__nom { text-decoration: underline; text-decoration-color: var(--moutarde); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.situations__nom { font-weight: 600; }
.situations__filtre { grid-column: 1; color: var(--feutre); font-size: var(--t-sm); }
.situations__n { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: var(--t-sm); white-space: nowrap; }
.situations__note { margin: 0.9rem 0 0; color: var(--feutre); font-size: var(--t-xs); }

/* ---------- Méthodologie : seuils ---------- */
.methodo-seuils th[scope="rowgroup"] { vertical-align: top; text-align: left; }
.methodo-seuils th[scope="rowgroup"] small { display: block; font-weight: 400; color: var(--feutre); margin-top: 0.2rem; }
.methodo-seuils td strong { display: block; }
.methodo-seuils td span { color: var(--feutre); font-size: var(--t-sm); }
.methodo-seuils tr:target td { background: var(--moutarde-voile); }
.regle-lien { margin-left: 0.4rem; font: 400 var(--t-xs)/1 var(--sans); color: var(--feutre); text-decoration: underline; text-underline-offset: 3px; letter-spacing: 0; }
@media (max-width: 640px) {
  .situations__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 0.8rem; }
  .situations__liste a { grid-template-columns: minmax(0, 1fr); padding: 0.6rem 0; }
  .situations__nom { font-size: var(--t-sm); line-height: 1.3; }
  .situations__filtre { display: none; }
  .situations__n { grid-column: 1; grid-row: auto; font-size: var(--t-xs); color: var(--feutre); }
}