:root{--ardoise:#201f2e;--ardoise_vive:#362f45;--ardoise_claire:#514f6e;--glycine:#b5b1da;--brume:#d0c3eb;--papier:#d5dafc;--filet:#a0a6c9;--gris_bleu:#3f435a;--blanc_bleu:#eef0ff}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Source Sans 3',system-ui,sans-serif;color:var(--ardoise);background:var(--papier);font-size:17px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Bitter',Georgia,serif;font-weight:700;letter-spacing:-.01em}
img{display:block;max-width:100%;height:auto}
a{color:var(--ardoise_vive);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.cadrePage2{max-width:1060px;margin:0 auto;padding:0 18px}

/* ---- entête : volontairement NON collante, contrairement à la maquette ---- */
.enteteVeille2{background:var(--papier);border-bottom:1px solid var(--filet)}
.ligneEntete2{padding:16px 0 13px}
.marqueVeille2{font-family:'Bitter',serif;font-weight:700;font-size:1.22rem;color:var(--ardoise);letter-spacing:-.02em}
.marqueVeille2:hover{text-decoration:none;color:var(--ardoise_vive)}
/* La navigation passe sur une deuxième ligne, à gauche : l'entête de ce moteur se lit comme
   un en-tête de dossier, pas comme une barre de magazine. */
.navVeille2{margin-top:8px;display:flex;flex-wrap:wrap;gap:0 22px}
.navVeille2 a{color:var(--gris_bleu);font-size:.84rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.navVeille2 a:hover{color:var(--ardoise_vive);text-decoration:none}

/* ---- ouverture en pleine largeur ---- */
.bandeauAccroche2{background:var(--brume);border-bottom:1px solid var(--filet);padding:44px 0 40px}
.mentionDossier2{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ardoise_claire);margin-bottom:14px}
.titreDossier2{font-size:clamp(1.9rem,3.8vw,2.7rem);line-height:1.14;margin-bottom:16px;max-width:46rem}
.titreDossier2 em{font-style:italic;font-weight:400;color:var(--ardoise_claire)}
.resumeDossier2{font-size:1.08rem;color:var(--gris_bleu);max-width:44rem}
.rangeeReperes2{display:flex;flex-wrap:wrap;gap:0;margin-top:26px;border-top:1px solid var(--filet)}
.reperePiece2{padding:14px 26px 0 0;margin-right:26px;border-right:1px solid var(--filet);padding-right:26px}
.reperePiece2:last-child{border-right:0;margin-right:0}
.reperePiece2 strong{display:block;font-family:'Bitter',serif;font-size:1.06rem;color:var(--ardoise);line-height:1.3}
.reperePiece2 span{font-size:.8rem;color:var(--ardoise_claire)}

/* ---- la pièce versée : capture en pleine largeur, sous légende ---- */
.planchePiece2{background:var(--blanc_bleu);border-bottom:1px solid var(--filet);padding:26px 0}
.planchePiece2 figure{margin:0}
.planchePiece2 img{width:100%;border:1px solid var(--filet)}
.ersatzPiece2{display:flex;align-items:center;justify-content:center;aspect-ratio:21/9;background:var(--glycine);border:1px solid var(--filet)}
.ersatzPiece2 span{font-family:'Bitter',serif;font-size:3.4rem;color:var(--ardoise_vive)}
.legendePiece2{margin-top:10px;font-size:.84rem;color:var(--ardoise_claire);border-left:3px solid var(--glycine);padding-left:12px}

/* ---- colonne de lecture ---- */
.zoneLecture2{padding:46px 0 6px}
.colonneLecture2{max-width:42rem}
.colonneLecture2 p{margin-bottom:1.25rem;color:var(--gris_bleu)}
/* Le chapô tient seul : bande réglée haut et bas, corps plus gros, aucun fond. La grammaire
   de ce moteur l'impose, et un chapô fondu dans la suite ne tiendrait rien. */
.chapoDossier2{border-top:2px solid var(--ardoise);border-bottom:1px solid var(--filet);padding:18px 0;margin-bottom:28px}
.chapoDossier2 p{font-family:'Bitter',serif;font-size:1.14rem;line-height:1.52;color:var(--ardoise);margin:0;font-weight:400}
.titreVolet2{font-size:1.42rem;line-height:1.26;margin:2.2rem 0 .7rem}
.sousTitreVolet2{font-size:1.08rem;margin:1.6rem 0 .45rem;color:var(--ardoise_vive)}

/* ---- relevé des pièces ---- */
.blocReleve2{margin:0 0 30px}
.titreReleve2{font-family:'Bitter',serif;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ardoise_claire);padding-bottom:8px;border-bottom:2px solid var(--ardoise)}
.ligneReleve2{display:flex;flex-wrap:wrap;gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--filet)}
.intituleReleve2{flex:0 0 13rem;font-size:.86rem;font-weight:600;color:var(--ardoise_claire)}
.valeurReleve2{flex:1;min-width:11rem;color:var(--gris_bleu);font-size:.97rem}
.listeConstats2,.listeLacunes2{list-style:none;margin:0 0 1.25rem}
.listeConstats2 li,.listeLacunes2 li{position:relative;padding-left:26px;margin-bottom:8px;color:var(--gris_bleu)}
.listeConstats2 li:before{content:"\25B8";position:absolute;left:2px;color:var(--ardoise_claire)}
.listeLacunes2 li:before{content:"\25AB";position:absolute;left:2px;color:var(--filet)}

/* ---- série de dossiers : liste réglée, aucun visuel ---- */
.serieDossiers2{padding:40px 0 0}
.titreSerie2{font-size:1.3rem;margin-bottom:4px}
.noteSerie2{font-size:.86rem;color:var(--ardoise_claire);margin-bottom:16px}
.listeDossiers2{list-style:none;margin:0;border-top:2px solid var(--ardoise)}
.ligneDossier2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:13px 0;border-bottom:1px solid var(--filet)}
.ligneDossier2:hover{background:var(--blanc_bleu)}
.nomDossier2{font-family:'Bitter',serif;font-size:1.04rem;font-weight:700;flex:0 0 15rem}
.nomDossier2 a{color:var(--ardoise)}
.precisionDossier2{flex:1;min-width:14rem;font-size:.93rem;color:var(--gris_bleu)}

/* ---- mise au point ---- */
.zoneMiseAuPoint2{background:var(--ardoise);color:#a39cc4;padding:54px 0;margin-top:58px}
.zoneMiseAuPoint2 h2{color:var(--papier);font-size:1.7rem;margin-bottom:10px;max-width:38rem}
.zoneMiseAuPoint2 p{margin-bottom:1.2rem;max-width:44rem}
.surtitreMiseAuPoint2{color:var(--ardoise_claire);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.exergueMiseAuPoint2{border-left:3px solid var(--ardoise_claire);padding-left:20px;font-family:'Bitter',serif;font-size:1.14rem;color:var(--papier);line-height:1.55;margin:24px 0}
.listeNue2{list-style:none;margin:0;max-width:28rem;border-top:2px solid var(--ardoise)}
.listeNue2 li{padding:11px 0;border-bottom:1px solid var(--filet)}

/* ---- pied ---- */
.piedVeille2{background:#0b0c11;color:#6d6590;padding:36px 0;font-size:.88rem}
.piedVeille2 a{color:#a39cc4}
.grillePied2{display:grid;grid-template-columns:3fr 2fr;gap:28px}
.titrePied2{font-family:'Bitter',serif;color:var(--papier);font-size:.92rem;margin-bottom:10px}

@media(max-width:860px){
.grillePied2{grid-template-columns:1fr}
.reperePiece2{border-right:0;margin-right:0;padding-right:0;flex:1 1 100%}
.nomDossier2{flex:1 1 100%}
}
/* Titres mesurés au navigateur à 375 px : au-delà de deux lignes, un intitulé de volet
   cesse de se lire d'un coup d'œil. C'est la taille qui descend, pas l'intitulé — il porte
   du sens. */
@media(max-width:480px){
.titreDossier2{font-size:1.8rem}
.titreVolet2{font-size:1.18rem}
.titreSerie2{font-size:1.14rem}
.zoneMiseAuPoint2 h2{font-size:1.36rem}
.intituleReleve2{flex:1 1 100%}
.chapoDossier2 p{font-size:1.05rem}
}