/*
 * psub-v3 — ARTICLES, passe v4 (juge visuel 03/10/2026, corrections §5.4).
 * Chargée après reprise.css. Sélecteurs préfixés par les classes propres à
 * l'article (.entete-article, .points-cles, .sommaire-carte, .a-lire-ensuite-bande,
 * .ic-*) — jamais une règle nue sur une balise générique.
 * Aucune couleur neuve : tout vient des jetons déjà posés dans app.css.
 */

/* ---------- 0. Capsule auteur : la ligne « relu le » tient sur sa propre ligne, jamais de débordement ---------- */
.capsule-auteur{max-width:calc(100% - 24px);flex-wrap:wrap}
.capsule-auteur-texte{line-height:1.5}

/* ---------- 1. En-tête : points clés sous le chapô (comble le vide gauche) ---------- */
.points-cles{display:flex;flex-direction:column;gap:12px;margin-top:24px;max-width:38ch}
.points-cles li{display:flex;align-items:flex-start;gap:11px}
.points-cles a{font-size:15px;font-weight:600;line-height:1.4;color:var(--encre)}
.points-cles a:hover{color:var(--accent-fonce)}
.points-cles-puce{flex:none;width:20px;height:20px;margin-top:2px;border-radius:999px;background:var(--accent-pale);position:relative}
.points-cles-puce::after{content:"\2713";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;color:var(--accent-fonce)}
@media (max-width:980px){.points-cles{margin-top:18px;max-width:none}}
@media (max-width:700px){.points-cles{gap:9px;margin-top:14px}.points-cles a{font-size:14px}}

/* ---------- 2. Sommaire : carte repliable en tête du corps (plus dans la colonne latérale) ---------- */
.sommaire-carte{background:var(--pierre);border-radius:18px;padding:22px 26px;margin:0 0 36px}
.sommaire-carte summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;position:relative;padding-right:34px}
.sommaire-carte summary::-webkit-details-marker{display:none}
.sommaire-carte summary::after{content:"+";position:absolute;right:0;top:-3px;width:24px;height:24px;border-radius:999px;background:var(--blanc);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 1px 2px rgba(30,36,40,.08)}
.sommaire-carte[open] summary::after{content:"\2013"}
.sommaire-carte .sommaire{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px}
@media (max-width:700px){
  .sommaire-carte{padding:18px 20px;margin-bottom:26px}
  .sommaire-carte .sommaire{grid-template-columns:1fr}
}

/* ---------- 3. Colonne latérale : formulaire seul, tient dans l'écran ---------- */
.colonne-laterale{gap:0}
.sidebar-mini-form{margin:0}

/* ---------- 4. « À lire ensuite » : bande pleine largeur hors grille 2 colonnes ---------- */
.a-lire-ensuite-bande{padding-block:60px}
.a-lire-ensuite-bande .a-lire-ensuite{margin-top:0}
.a-lire-ensuite-bande h3{margin-bottom:26px}
@media (max-width:700px){.a-lire-ensuite-bande{padding-block:40px}}

/* ---------- 5. Blocs visuels du corps : repères chiffrés, encadré de vérification, comparatifs ---------- */
.ic-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ic-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Variante « repères chiffrés » : la valeur en très gros, le repère en dessous */
.ic-carte--chiffre{text-align:center}
.ic-carte--chiffre .ic-titre{font-size:30px;color:var(--accent-fonce)}
.ic-carte--chiffre .ic-ligne{margin:0}

/* Encadré « à vérifier » : checklist en rangées de cartes, jamais une puce nue */
.ic-verif{display:flex;flex-direction:column;gap:10px;margin:0}
.ic-verif-item{display:flex;align-items:flex-start;gap:12px;background:var(--blanc);border-radius:var(--r-tuile);padding:13px 16px;margin:0;font-size:15px;line-height:1.5;color:var(--encre)}
.ic-verif-coche{flex:none;width:22px;height:22px;margin-top:2px;border-radius:999px;background:var(--vert-pale);position:relative}
.ic-verif-coche::after{content:"\2713";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--vert-fonce)}

@media (max-width:700px){
  .ic-2,.ic-3{grid-template-columns:1fr}
  .ic-carte--chiffre .ic-titre{font-size:26px}
}