/* Fiches auteurs (Cours Humanité), gabarit 2026 choisi par le propriétaire sur maquette (novembre 2026).
   Couleurs de la fiche : --accent et --accent2 sur <body>, les teintes en découlent. */
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#eef1ea}
.pg{--accent-fonce:color-mix(in srgb,var(--accent) 72%,#000);--accent-moyen:color-mix(in srgb,var(--accent) 78%,#fff);--accent-pale:color-mix(in srgb,var(--accent) 13%,#fbfcf8);--accent-clair:color-mix(in srgb,var(--accent) 24%,#fff);--accent-tres-pale:color-mix(in srgb,var(--accent) 5%,#fbfcf8);--accent2-fonce:color-mix(in srgb,var(--accent2) 78%,#000);--accent2-pale:color-mix(in srgb,var(--accent2) 14%,#fbfcf8);--accent2-clair:color-mix(in srgb,var(--accent2) 22%,#fff);--accent2-tres-pale:color-mix(in srgb,var(--accent2) 6%,#fbfcf8)}
.pg a{color:var(--accent)}.pg a:hover{color:var(--accent-fonce)}
.pg{font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.6;color:#1f2420;background:#eef1ea;min-height:100vh;-webkit-font-smoothing:antialiased}
.pg *{box-sizing:border-box}
.pg p{margin:0}
.pg .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.pg .mono{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.pg .oe{font-weight:600}
.pg q{quotes:"«\00a0" "\00a0»"}
.pg .g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.pg .s3{grid-column:span 3}
.pg .s4{grid-column:span 4}
.pg .s5{grid-column:span 5}
.pg .s6{grid-column:span 6}
.pg .s7{grid-column:span 7}
.pg .s8{grid-column:span 8}
.pg .s12{grid-column:span 12}
/* fiche d'identité du héros (bloc à part : ne pas effacer avec les autres) */
.pg .hero{align-items:center}
.pg .idc{background:#fbfcf8;border:1px solid #d3dacd;border-radius:24px;padding:14px;display:flex;flex-direction:column}
.pg .idc figure{margin:0;position:relative}
.pg .idc img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.pg .idc figcaption{margin-top:8px;font-size:12px;color:#59605a;text-align:right;padding:0 4px}
.pg .idc dl{margin:10px 6px 2px}
.pg .idc dl div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #e3e8de;font-size:15px;line-height:1.45}
.pg .idc dt{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding-top:3px}
.pg .idc dd{margin:0}
@media (max-width:760px){.pg .idc dl div{grid-template-columns:1fr;gap:2px}
}
/* héros */
.pg .hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:stretch;padding:48px 0 0}
.pg .hero-g{display:flex;flex-direction:column;justify-content:center}
.pg .kick{color:var(--accent)}
.pg h1{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:76px;line-height:.98;letter-spacing:-.02em;margin:14px 0 0}
.pg h1 span{color:var(--accent)}
.pg .these{margin-top:28px;background:#fbfcf8;border:1px solid #d3dacd;border-radius:20px;padding:22px 26px}
.pg .these .mono{color:var(--accent2);display:block;margin-bottom:8px}
.pg .these p{font-family:'Fraunces',Georgia,serif;font-size:27px;font-weight:600;line-height:1.3}
.pg .these p b{color:var(--accent);font-weight:600}
.pg .hero-b{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}
.pg .hero-b .chip{display:flex;padding-right:20px}
.pg .hero-b .chip::after{content:'\2197';margin-left:auto;padding-left:12px;font-size:18px;color:var(--accent)}
.pg .hero-b .chip:hover{border-color:var(--accent)}
.pg .chip .play.pdf{background:var(--accent2)}
.pg .chip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:#fbfcf8;border:1px solid #d3dacd;border-radius:14px;font-size:15px;line-height:1.35;text-decoration:none;color:#1f2420;min-height:48px}
.pg .chip small{display:block;color:#59605a;font-size:12px}
.pg .chip .play{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}
.pg .portrait{margin:0;position:relative;border-radius:24px;overflow:hidden;min-height:420px;background:#d8dfd2}
.pg .portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.pg .portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 18px;background:linear-gradient(transparent,rgba(20,24,21,.82));color:#fbfcf8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pg .portrait figcaption span{font-size:14px;line-height:1.4}
.pg .portrait figcaption b{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--accent-clair);margin-bottom:2px}
/* plan */
.pg .plan{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg .pl{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 16px;align-items:start;background:#1f2420;color:#eef1ea;border-radius:20px;padding:22px;text-decoration:none;min-height:44px}
.pg .pl:hover{background:#2b352f;color:#eef1ea}
.pg .pl-n{grid-row:span 3;width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:600}
.pg .pl .mono{color:#d9c27e;font-size:11px}
.pg .pl b{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:600;line-height:1.25}
.pg .pl p{font-size:15px;line-height:1.5;color:#c9d1c6}
/* essentiel */
.pg .ess{margin-top:32px;background:#fbfcf8;border:1px solid #d3dacd;border-radius:26px;padding:32px}
.pg .ess-tete{display:block;gap:28px;align-items:end;padding-bottom:22px;border-bottom:1px solid #e3e8de}
.pg .ess-tete .mono{color:var(--accent)}
.pg .ess-tete h2{margin:4px 0 0;font-family:'Fraunces',Georgia,serif;font-size:36px;line-height:1.1;font-weight:600}
.pg .ess-tete p{font-family:'Newsreader',Georgia,serif;font-size:19px;line-height:1.55;color:#3a413b}
.pg .ess-l{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);margin-top:24px;align-items:stretch}
.pg .ei{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:#eef1ea;text-decoration:none;color:#1f2420;min-height:44px}
.pg .ei:hover{background:#e6ebe1;color:#1f2420}
.pg .ei-h{display:flex;align-items:center;gap:12px}
.pg .ei-h .mono{color:var(--accent);font-size:11px}
.pg .ei-n{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fbfcf8;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:600;flex:none}
.pg .ei b{font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600;line-height:1.2}
.pg .ei p{font-size:16px;line-height:1.55;color:#3a413b}
.pg .ei p strong{color:var(--accent)}
.pg .ei-c{font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.45;border-left:3px solid var(--accent);padding-left:12px}
.pg .ei-l{margin-top:auto;font-size:14px;font-weight:600;color:var(--accent)}
.pg .ei-f{display:flex;align-items:center;justify-content:center;color:#b3bfaa}
.pg .ess-fin{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;background:var(--accent);color:#fbfcf8;border-radius:18px;padding:18px 24px}
.pg .ess-fin .mono{color:var(--accent-clair)}
.pg .ess-fin p{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:600;line-height:1.35}
@media (max-width:760px){.pg .ess{padding:22px 18px}
.pg .ess-tete{grid-template-columns:1fr;gap:10px}
.pg .ess-tete h2{font-size:28px}
.pg .ess-l{grid-template-columns:1fr}
.pg .ei-f{height:30px;transform:rotate(90deg)}
.pg .ess-fin{grid-template-columns:1fr;gap:6px}
.pg .ess-fin p{font-size:18px}

}
/* alignement des cartes en rangée */
.pg .etapes{grid-template-rows:auto repeat(5,auto);row-gap:0}
.pg .et{grid-row:span 6;display:grid !important;grid-template-rows:subgrid;row-gap:0}
.pg .et-n{margin-bottom:14px}
.pg .et .carte{grid-row:span 5;display:grid !important;grid-template-rows:subgrid;row-gap:10px}
.pg .et .produit{align-self:end;margin-top:6px}
@media (max-width:1000px){.pg .etapes{grid-template-rows:none;row-gap:20px}
.pg .et,.pg .et .carte{grid-row:auto;grid-template-rows:none;display:flex !important;flex-direction:column}
}
/* escalier de l'inégalité */
.pg .escalier{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;background:#fbfcf8;border:1px solid #d3dacd;border-radius:24px;padding:26px}
.pg .esc-axe{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.pg .esc-axe span:first-child{color:var(--accent2-fonce)}
.pg .esc-axe span:last-child{color:var(--accent)}
.pg .esc-axe i{flex:1;width:8px;border-radius:4px;background:linear-gradient(var(--accent2),#a7a07a 40%,var(--accent-moyen) 75%,var(--accent))}
.pg .esc-l{display:flex;flex-direction:column;gap:12px}
.pg .marche{display:grid;grid-template-columns:52px minmax(0,1fr) 48px minmax(0,250px);gap:18px;align-items:center;border-radius:18px;padding:18px 22px}
.pg .marche.m1{margin-right:21%;background:var(--accent2-pale)}
.pg .marche.m2{margin-left:7%;margin-right:14%;background:#ecebe0}
.pg .marche.m3{margin-left:14%;margin-right:7%;background:var(--accent-pale)}
.pg .marche.m4{margin-left:21%;background:var(--accent);color:#fbfcf8}
.pg .m-n{width:52px;height:52px;border-radius:50%;background:#fbfcf8;border:2px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600}
.pg .m1 .m-n{border-color:var(--accent2);color:var(--accent2-fonce)}
.pg .m4 .m-n{border-color:#fbfcf8}
.pg .m-tx .mono{font-size:11px;color:#59605a}
.pg .m4 .m-tx .mono{color:var(--accent-clair)}
.pg .m-tx h4{margin:2px 0 4px;font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}
.pg .m-tx p{font-size:16px;line-height:1.5}
.pg .m-f{display:flex;justify-content:center;color:#8a8f86}
.pg .m4 .m-f{color:var(--accent-clair)}
.pg .m-p{background:#fbfcf8;border-radius:14px;padding:12px 16px;font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;line-height:1.25;color:var(--accent)}
.pg .m1 .m-p{color:var(--accent2-fonce)}
.pg .m-p small{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#59605a;margin-bottom:4px}
@media (max-width:1000px){.pg .marche{margin:0 !important;grid-template-columns:52px minmax(0,1fr)}
.pg .m-f{display:none}
.pg .m-p{grid-column:2}
}
@media (max-width:760px){.pg .escalier{grid-template-columns:1fr;padding:16px}
.pg .esc-axe{display:none}
.pg .marche{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}
.pg .m-n{width:44px;height:44px;font-size:20px}
}
/* ancien modèle : dans une copie, plus loin */
.pg .f-copie{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}
.pg .f-copie>div{display:flex;flex-direction:column}
.pg .f-copie>div>.f-copie-bloc:last-child{flex:1;display:flex;flex-direction:column}
.pg .f-copie>div>.f-copie-bloc:last-child>ul:last-child{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.pg .f-copie-bloc{background:#fbfcf8;border:1px solid #d3dacd;padding:24px 26px;border-radius:14px}
.pg .f-copie-bloc+.f-copie-bloc{margin-top:24px}
.pg .f-copie-bloc h3{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--accent);margin:0 0 14px}
.pg .f-copie-bloc.piege h3{color:var(--accent2)}
.pg .f-copie-bloc p,.pg .f-copie-bloc li{font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.6;color:#3a413b}
.pg .f-copie-bloc p+p{margin-top:12px}
.pg .f-copie-bloc ul{list-style:none;margin:0;padding:0}
.pg .f-copie-bloc li{padding:10px 0 10px 22px;border-bottom:1px dashed #d3dacd;position:relative}
.pg .f-copie-bloc li:last-child{border-bottom:0;padding-bottom:0}
.pg .f-copie-bloc li::before{content:'→';position:absolute;left:0;color:var(--accent);font-family:'DM Sans',sans-serif}
.pg .f-copie-bloc.piege li::before{content:'✕';color:var(--accent2);font-size:14px;top:13px}
.pg .f-copie-bloc strong{color:#1f2420}
.pg .f-copie-bloc em{font-style:italic}
.pg .f-accroche{font-family:'Fraunces',Georgia,serif !important;font-style:italic;font-size:19.5px !important;line-height:1.5 !important;color:#1f2420 !important}
.pg .f-plus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.pg .f-plus h3{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--accent);margin:0 0 12px}
.pg .f-liens{list-style:none;margin:0;padding:0}
.pg .f-liens a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #d3dacd;text-decoration:none;color:#1f2420;min-height:48px}
.pg .f-liens a:hover{color:var(--accent)}
.pg .f-liens small{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#59605a;margin-bottom:3px}
.pg .f-liens b{font-weight:500;font-size:16px;line-height:1.35}
.pg .f-sources{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.5;color:#59605a}
.pg .f-sources li{padding:7px 0;border-bottom:1px dashed #d3dacd}
.pg .f-sources a{color:#3a413b;text-underline-offset:2px}
@media (max-width:760px){.pg .f-copie,.pg .f-plus{grid-template-columns:1fr}
}
/* espacements : les marges des paragraphes passent avant la remise à zéro de .pg p */
.pg p.intro{margin:0 0 16px}
.pg p.legende{margin-top:16px}
.pg p.lecture{margin-top:14px}
.pg p.retenir{margin-top:auto}
.pg .pe p.face{margin-top:auto}
.pg .blc p+p{margin-top:10px}
/* six penseurs (modèle d'origine) */
.pg .f-acteurs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg .f-acteur{background:#fbfcf8;border:1px solid #d3dacd;padding:22px 22px 20px;display:flex;flex-direction:column;border-radius:14px}
.pg .f-acteur-tete{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.pg .f-acteur-tete b{font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;line-height:1.2}
.pg .f-acteur-tete .dates{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;color:#59605a;white-space:nowrap}
.pg .f-acteur .veut{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.pg .f-acteur p{font-family:'Newsreader',Georgia,serif;font-size:16.5px;line-height:1.5;color:#3a413b}
.pg .f-acteur p+.veut{margin-top:12px}
.pg .f-acteur .veut.moyens{color:var(--accent2)}
.pg .f-acteur .veut.diff{color:#a8442e}
.pg .f-acteur em{font-style:italic}
@media (max-width:1000px){.pg .f-acteurs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){.pg .f-acteurs{grid-template-columns:1fr}
}
/* bandeau de partie */
.pg .partie{margin-top:96px}
.pg .band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-radius:26px;overflow:hidden;background:var(--accent);color:#fbfcf8}
.pg .band-g{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.pg .band-g .mono{color:var(--accent-clair)}
.pg .band-n{font-family:'Fraunces',Georgia,serif;font-size:96px;line-height:.8;font-weight:700;color:rgba(255,255,255,.22)}
.pg .band h2{font-family:'Fraunces',Georgia,serif;font-size:40px;line-height:1.08;font-weight:600;margin:0;letter-spacing:-.01em}
.pg .band-d{background:#fbfcf8;color:#1f2420;margin:10px;border-radius:20px;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.pg .band-d .mono{color:var(--accent)}
.pg .band-d p{font-family:'Newsreader',Georgia,serif;font-size:21px;line-height:1.55}
.pg .band-d p b{font-weight:500;background:linear-gradient(transparent 62%,var(--accent-pale) 62%)}
.pg .bloc-t{margin:40px 0 16px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pg .bloc-t h3{margin:0;font-family:'Fraunces',Georgia,serif;font-size:27px;font-weight:600;line-height:1.2}
.pg .bloc-t .mono{color:#59605a;font-size:11px}
/* cartes */
.pg .carte{background:#fbfcf8;border:1px solid #d3dacd;border-radius:22px;padding:26px}
.pg .notion{display:flex;flex-direction:column;gap:14px}
.pg .n-t .mono{color:var(--accent);font-size:11px;display:block}
.pg .n-t h4{margin:2px 0 0;font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:600;line-height:1.15}
.pg .n-clair{font-size:17px;line-height:1.55}
.pg .cit{font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.5;border-left:3px solid var(--accent);padding:2px 0 2px 16px}
.pg .cit small{display:block;font-family:'DM Sans',sans-serif;font-size:13px;color:#59605a;margin-top:4px}
.pg .retenir{margin-top:auto;background:var(--accent2-pale);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5}
.pg .retenir b{color:var(--accent2-fonce)}
/* partie 1 : commun / propre */
.pg .commun{background:#e3e8de;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:16px}
.pg .commun h4,.pg .propre-t{margin:0;font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}
.pg .commun .mono{color:#3a413b;font-size:11px}
.pg .trait{background:#fbfcf8;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.pg .trait b{font-size:16px}
.pg .trait .cit{font-size:16px;border-color:#8a8f86}
.pg .commun-f{margin-top:auto;font-size:15px;line-height:1.5;color:#3a413b}
.pg .commun-f b{color:#1f2420}
.pg .propre{display:flex;flex-direction:column;gap:16px}
.pg .propre-h{display:flex;align-items:baseline;gap:12px}
.pg .propre-h .mono{color:var(--accent);font-size:11px}
.pg .propre-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;flex:1}
.pg .propre-l .carte{border:2px solid var(--accent)}
.pg .donc{margin-top:20px;display:flex;gap:16px;align-items:center;background:#1f2420;color:#eef1ea;border-radius:18px;padding:18px 24px;font-size:18px;line-height:1.5}
.pg .donc .mono{color:#d9c27e;flex:none}
/* fourche */
.pg .fourche{display:grid;grid-template-columns:minmax(0,1fr) 56px 200px 56px minmax(0,1fr);align-items:center}
.pg .fo-c{width:200px;height:200px;border-radius:50%;background:var(--accent);color:#fbfcf8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;font-family:'Fraunces',Georgia,serif;font-size:23px;font-weight:600;line-height:1.15}
.pg .fo-c small{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;margin-top:6px;opacity:.85}
.pg .fo-b{border-radius:20px;padding:22px 24px}
.pg .fo-b .mono{font-size:11px;display:block;margin-bottom:12px}
.pg .fo-items{display:flex;flex-direction:column;gap:8px}
.pg .fo-items span{background:#fbfcf8;border-radius:10px;padding:10px 14px;font-size:16px;font-weight:600}
.pg .fo-b.bon{background:var(--accent2-pale)}
.pg .fo-b.bon .mono{color:var(--accent2-fonce)}
.pg .fo-b.mal{background:var(--accent-pale)}
.pg .fo-b.mal .mono{color:var(--accent)}
.pg .fo-f{display:flex;justify-content:center;color:#8a8f86}
.pg .legende{margin-top:14px;font-size:15px;color:#59605a;line-height:1.5;text-align:center}
.pg .legende b{color:#1f2420}
/* partie 2 : transformation */
.pg .transfo{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:stretch}
.pg .tr-c{border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:12px}
.pg .tr-c.a{background:var(--accent2-pale)}
.pg .tr-c.b{background:var(--accent-pale)}
.pg .tr-c .mono{font-size:11px}
.pg .tr-c.a .mono{color:var(--accent2-fonce)}
.pg .tr-c.b .mono{color:var(--accent)}
.pg .tr-c h4{margin:0;font-family:'Fraunces',Georgia,serif;font-size:28px;font-weight:600}
.pg .tr-c.b h4{color:var(--accent)}
.pg .tr-c .cit{background:#fbfcf8;border-radius:12px;padding:12px 16px;border-left:3px solid currentColor}
.pg .tr-c.a .cit{border-color:var(--accent2)}
.pg .tr-pts{display:flex;flex-direction:column;gap:6px;font-size:16px}
.pg .tr-pts span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:2px;background:currentColor;opacity:.5}
.pg .tr-m{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 12px}
.pg .tr-m b{font-family:'Fraunces',Georgia,serif;font-size:18px;line-height:1.25}
.pg .tr-m small{font-size:13px;color:#59605a}
/* étapes horizontales */
.pg .etapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.pg .etapes::before{content:'';position:absolute;left:12%;right:12%;top:27px;height:2px;background:#b3bfaa}
.pg .et{display:flex;flex-direction:column;gap:14px;position:relative}
.pg .et-n{align-self:center;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600;background:#fbfcf8;border:2px solid var(--accent);color:var(--accent)}
.pg .et.dep .et-n{background:var(--accent2);border-color:var(--accent2);color:#fbfcf8}
.pg .et.der .et-n{background:var(--accent);color:#fbfcf8}
.pg .et .carte{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px}
.pg .et .mono{font-size:11px;color:#59605a}
.pg .et h4{margin:0;font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}
.pg .et p{font-size:16px;line-height:1.5}
.pg .et .cit{font-size:16px}
.pg .produit{margin-top:auto;padding:10px 14px;border-radius:12px;background:var(--accent-pale);color:var(--accent);font-size:14px;font-weight:600;line-height:1.35}
.pg .produit small{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.8}
.pg .et.dep .produit{background:var(--accent2-pale);color:var(--accent2-fonce)}
/* face-à-face */
.pg .vs{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:stretch}
.pg .vs-c{border-radius:24px;overflow:hidden;background:#fbfcf8;border:1px solid #d3dacd;display:flex;flex-direction:column}
.pg .vs-h{display:flex;align-items:center;gap:16px;padding:20px 24px}
.pg .vs-h img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.pg .vs-h b{display:block;font-family:'Fraunces',Georgia,serif;font-size:28px;font-weight:600;line-height:1.1}
.pg .vs-h small{font-size:14px}
.pg .vs-c.h .vs-h{background:var(--adv,#1f4a6e);color:#fbfcf8}
.pg .vs-c.r .vs-h{background:var(--accent);color:#fbfcf8}
.pg .vs-p{padding:6px 24px 22px;display:flex;flex-direction:column}
.pg .vs-p div{padding:16px 0;border-top:1px solid #e3e8de}
.pg .vs-p div:first-child{border-top:0}
.pg .vs-p .mono{font-size:11px;display:block;margin-bottom:4px}
.pg .vs-c.h .vs-p .mono{color:var(--adv,#1f4a6e)}
.pg .vs-c.r .vs-p .mono{color:var(--accent)}
.pg .vs-p p{font-family:'Fraunces',Georgia,serif;font-size:20px;line-height:1.35;font-weight:600}
.pg .vs-m{display:flex;align-items:center;justify-content:center}
.pg .vs-m span{width:64px;height:64px;border-radius:50%;background:#1f2420;color:#fbfcf8;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:700}
.pg .reproche{margin-top:20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;background:#fbfcf8;border:1px solid #d3dacd;border-radius:18px;padding:18px 24px}
.pg .reproche .mono{color:var(--accent)}
.pg .reproche p{font-family:'Newsreader',Georgia,serif;font-size:20px;line-height:1.45}
/* partie 3 */
.pg .non-c{border:2px dashed #b3bfaa;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;color:#3a413b}
.pg .non-c .mono{color:#8a2f1f;font-size:11px}
.pg .non-c h4{margin:0;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600;text-decoration:line-through;text-decoration-thickness:2px;color:#59605a}
.pg .non-c .cit{border-color:#b3bfaa}
.pg .rep{border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px;color:#fbfcf8}
.pg .rep .mono{font-size:11px;opacity:.85}
.pg .rep h4{margin:0;font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:600;line-height:1.2}
.pg .chaine{display:flex;flex-direction:column;gap:0}
.pg .maillon{background:rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;font-size:16px;line-height:1.45}
.pg .maillon b{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;opacity:.8;margin-bottom:2px}
.pg .lien-f{height:22px;display:flex;justify-content:center;opacity:.6}
.pg .rep .cit{border-color:rgba(255,255,255,.6);color:#fbfcf8;margin-top:auto}
.pg .vg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pg .vg-b{border-radius:16px;padding:18px;background:#eef1ea}
.pg .vg-b b{font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600}
.pg .pts{display:flex;align-items:center;gap:6px;margin:14px 0;flex-wrap:wrap}
.pg .pt{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fbfcf8}
.pg .op{font-family:'Fraunces',Georgia,serif;font-size:20px;color:#59605a}
.pg .res{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600}
.pg .vg-b p{font-size:15px;line-height:1.5}
.pg .intro{font-family:'Newsreader',Georgia,serif;font-size:19px;line-height:1.6;color:#3a413b;margin:-4px 0 22px}
.pg .s-tete+.intro{margin-top:0}
.pg .commun{flex-direction:row !important;display:grid !important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr);align-items:stretch}
.pg .commun-h{display:flex;flex-direction:column;justify-content:center;gap:4px}
.pg .commun .commun-f{margin:0;align-self:center}
.pg .notion.fort{border:2px solid var(--accent)}
.pg .non-c{display:grid !important;grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}
.pg .livres2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.pg .livres2 .livre{min-height:140px}
/* récap */
.pg .sec{margin-top:96px}
.pg .s-tete{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;padding-bottom:18px;border-bottom:2px solid #1f2420;margin-bottom:24px}
.pg .s-tete .mono{color:var(--accent)}
.pg .s-tete h2{font-family:'Fraunces',Georgia,serif;font-size:38px;line-height:1.1;font-weight:600;margin:6px 0 0}
.pg .s-tete p{color:#59605a;font-size:16px;max-width:420px}
.pg .memo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pg .memo .mm:last-child:nth-child(odd){grid-column:span 2}
.pg .mm{background:#fbfcf8;border:1px solid #d3dacd;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-top:5px solid var(--accent)}
.pg .mm.p1{border-top-color:var(--accent-moyen)}
.pg .mm.p2{border-top-color:var(--accent)}
.pg .mm.p3{border-top-color:var(--accent-fonce)}
.pg .mm-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pg .mm b{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:600;color:var(--accent)}
.pg .mm small{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#59605a;white-space:nowrap}
.pg .mm p{font-size:15px;line-height:1.5}
/* questions */
.pg .qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.pg .q{background:#fbfcf8;border:1px solid #d3dacd;border-radius:18px;overflow:hidden}
.pg .q.ouvert{border:2px solid var(--accent);grid-column:span 2}
.pg .q-btn{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 32px;gap:14px;align-items:center;padding:16px 20px;cursor:pointer;min-height:72px}
.pg .q-btn:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.pg .q-n{font-family:'Fraunces',Georgia,serif;font-size:24px;color:var(--accent);font-weight:600}
.pg .q-tx b{display:block;font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;line-height:1.3}
.pg .q-tx span{display:block;font-size:15px;color:#3a413b;margin-top:2px;line-height:1.45}
.pg .q-tx span i{font-style:normal;font-weight:700;color:var(--accent2)}
.pg .q-plus{width:32px;height:32px;border-radius:50%;background:var(--accent-pale);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}
.pg .q-corps{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;padding:0 20px 22px 70px}
.pg .q-corps .mono{display:block;font-size:11px;margin-bottom:8px;color:var(--accent)}
.pg .q-corps p{font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.6}
.pg .q-inter{background:var(--accent2-pale);border-radius:14px;padding:16px 18px}
.pg .q-inter .mono{color:var(--accent2-fonce)}
/* débat */
.pg .pens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pg .pe{background:#fbfcf8;border:1px solid #d3dacd;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.pg .pe-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pg .pe b{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600}
.pg .pe small{color:#59605a;font-size:13px}
.pg .rel{align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}
.pg .rel.pour{background:var(--accent2-pale);color:var(--accent2-fonce)}
.pg .rel.contre{background:#f5e3df;color:#8a2f1f}
.pg .rel.mixte{background:var(--accent-pale);color:var(--accent)}
.pg .pe p{font-size:15px;line-height:1.5;color:#3a413b}
.pg .pe .face{margin-top:auto;padding-top:10px;border-top:1px solid #e3e8de;color:#1f2420}
.pg .pe .face strong{color:var(--accent)}
/* copie */
.pg .blc{background:#fbfcf8;border:1px solid #d3dacd;border-radius:22px;padding:26px}
.pg .blc h3{margin:0 0 12px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500}
.pg .blc p{font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.6}
.pg .blc p+p{margin-top:10px}
.pg .blc.sombre{background:#1f2420;color:#eef1ea;border:0}
.pg .blc.sombre h3{color:#d9c27e}
.pg .sujets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pg .sujets li{font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;line-height:1.3;padding-left:18px;position:relative}
.pg .sujets li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.pg .livres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pg .livre{border-radius:6px 16px 16px 6px;padding:18px 16px 16px 22px;min-height:170px;display:flex;flex-direction:column;gap:6px;color:#fbfcf8;position:relative}
.pg .livre::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.25)}
.pg .livre .an{font-family:'IBM Plex Mono',monospace;font-size:12px;opacity:.85}
.pg .livre b{font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;line-height:1.2}
.pg .livre p{margin-top:auto !important;font-size:14px !important;line-height:1.45 !important;font-family:'DM Sans',sans-serif !important}
.pg .erreurs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pg .err{border-radius:16px;overflow:hidden;border:1px solid #d3dacd;display:flex;flex-direction:column}
.pg .err div{padding:14px 16px;font-size:15px;line-height:1.45}
.pg .err .f{background:#f5e3df;color:#5c2318;text-decoration:line-through;text-decoration-color:rgba(168,68,46,.5)}
.pg .err .v{background:#fbfcf8;flex:1}
.pg .err .lab{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;margin-bottom:4px;text-decoration:none}
.pg .err .f .lab{color:#a8442e;display:inline-block}
.pg .err .v .lab{color:var(--accent2-fonce)}
.pg .liens{list-style:none;margin:0;padding:0}
.pg .liens a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e3e8de;text-decoration:none;color:#1f2420;min-height:48px}
.pg .liens li:first-child a{border-top:0;padding-top:0}
.pg .liens small{display:block;color:#59605a;font-size:12px}
.pg .liens span.t{font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;line-height:1.3}
.pg .sources{margin:0;padding-left:20px;font-size:14px;line-height:1.6;color:#3a413b}
.pg .fin{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:56px;padding:28px 0 64px;border-top:1px solid #d3dacd}
.pg .btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:'DM Sans',sans-serif}
.pg .btn.p{background:var(--accent);color:#fbfcf8}
.pg .btn.g{background:transparent;color:#1f2420;border:1px solid #b3bfaa}
@media (max-width:1000px){.pg .erreurs{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg .pens,.pg .memo{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg .etapes{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg .etapes::before{display:none}
.pg .livres{grid-template-columns:repeat(2,minmax(0,1fr))}

}
@media (max-width:760px){.pg{font-size:16px}
.pg .wrap{padding:0 16px}
.pg .g12{gap:16px}
.pg .s3,.pg .s4,.pg .s5,.pg .s6,.pg .s7,.pg .s8{grid-column:span 12}
.pg .hero{grid-template-columns:1fr;gap:24px;padding-top:28px}
.pg h1{font-size:46px}
.pg .these p{font-size:22px}
.pg .portrait{min-height:340px}
.pg .portrait figcaption{grid-template-columns:1fr;gap:6px}
.pg .plan{grid-template-columns:1fr}
.pg .band{grid-template-columns:1fr}
.pg .band-g{padding:26px 22px}
.pg .band h2{font-size:30px}
.pg .band-n{font-size:64px}
.pg .band-d{padding:22px}
.pg .band-d p{font-size:19px}
.pg .propre-l{grid-template-columns:1fr}
.pg .fourche{grid-template-columns:1fr;justify-items:center;gap:8px}
.pg .fo-b{width:100%}
.pg .fo-f{transform:rotate(90deg)}
.pg .transfo{grid-template-columns:1fr}
.pg .tr-m{padding:16px 0}
.pg .tr-m svg{transform:rotate(90deg);margin:48px 0}
.pg .etapes{grid-template-columns:1fr}
.pg .vs{grid-template-columns:1fr}
.pg .vs-m{padding:12px 0}
.pg .reproche{grid-template-columns:1fr;gap:6px}
.pg .vg{grid-template-columns:1fr}
.pg .memo,.pg .pens,.pg .erreurs{grid-template-columns:1fr}
.pg .qs{grid-template-columns:1fr}
.pg .q.ouvert{grid-column:auto}
.pg .q-corps{grid-template-columns:1fr;padding:0 18px 20px}
.pg .donc{flex-direction:column;align-items:flex-start;gap:6px}
.pg .commun,.pg .non-c{grid-template-columns:1fr !important;gap:14px}
.pg .livres2{grid-template-columns:1fr !important}
.pg .intro{font-size:17px}
.pg .partie,.pg .sec{margin-top:72px}

}


/* questions : <details> */
.pg summary.q-btn{list-style:none}
.pg summary.q-btn::-webkit-details-marker{display:none}
.pg details.q[open]{border:2px solid var(--accent);grid-column:span 2}
.pg .q-plus::before{content:'+'}
.pg details.q[open] .q-plus::before{content:'\2212'}
@media (max-width:760px){.pg details.q[open]{grid-column:auto}}
.pg .vs-h .mono-p{width:72px;height:72px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:600;background:rgba(255,255,255,.18);color:#fff}

/* ---- Schémas propres à un auteur (réutilisables quand le sujet s'y prête) ---- */
/* chaîne en boucle (Hobbes : la machine à désirs) */
.pg .machine{background:#fbfcf8;border:1px solid #d3dacd;border-radius:22px;padding:24px 24px 20px}
.pg .ma-l{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch}
.pg .ma-n{border-radius:16px;padding:16px 16px 14px;background:var(--accent-pale);display:flex;flex-direction:column;gap:6px}
.pg .ma-n:nth-child(1){background:#eef1ea}
.pg .ma-n:nth-child(7){background:var(--accent);color:#fbfcf8}
.pg .ma-n .mono{font-size:10.5px;color:var(--accent)}
.pg .ma-n:nth-child(1) .mono{color:#59605a}
.pg .ma-n:nth-child(7) .mono{color:var(--accent-clair)}
.pg .ma-n b{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:600;line-height:1.15}
.pg .ma-n p{font-size:15px;line-height:1.45}
.pg .ma-f{display:flex;align-items:center;justify-content:center;color:#8a8f86}
.pg .boucle{margin-top:12px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:2px dashed var(--accent-clair);border-radius:14px;color:var(--accent-fonce);font-size:15.5px;line-height:1.45}
.pg .boucle svg{flex:none}
/* trois cartes à icône (Hobbes : les trois causes de conflit) */
.pg .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pg .tri{background:#fbfcf8;border:1px solid #d3dacd;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;border-top:5px solid var(--accent)}
.pg .tri:nth-child(2){border-top-color:var(--accent-moyen)}
.pg .tri:nth-child(3){border-top-color:var(--accent2)}
.pg .tri-h{display:flex;align-items:center;gap:12px}
.pg .tri-i{width:52px;height:52px;border-radius:50%;background:var(--accent-pale);display:flex;align-items:center;justify-content:center;flex:none;color:var(--accent)}
.pg .tri-h .mono{font-size:10.5px;color:#59605a;display:block}
.pg .tri-h b{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600}
.pg .tri .pour{align-self:flex-start;font-size:14px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--accent-pale);color:var(--accent-fonce)}
.pg .tri p{font-size:15.5px;line-height:1.5;color:#3a413b}
/* preuves du quotidien */
.pg .preuves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.15fr);gap:14px;align-items:stretch}
.pg .pv{background:#fbfcf8;border:1px solid #d3dacd;border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:var(--accent)}
.pg .pv b{font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;color:#1f2420;line-height:1.25}
.pg .pv-q{background:#1f2420;color:#eef1ea;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.pg .pv-q .mono{color:#d9c27e;font-size:11px}
.pg .pv-q p{font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.5}
/* image commentée à repères (Hobbes : le frontispice) */
.pg .front{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;background:#fbfcf8;border:1px solid #d3dacd;border-radius:22px;padding:22px;align-items:center}
.pg .front-img{border-radius:16px;background:#f3eee6;overflow:hidden}
.pg .front-img svg{display:block;width:100%;height:auto}
.pg .front ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.pg .front li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.pg .front li .k{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fbfcf8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.pg .front li b{font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;display:block}
.pg .front li span{font-size:15px;line-height:1.45;color:#3a413b}
.pg .front-src{grid-column:1 / -1;font-size:13px;color:#59605a;margin:0}
/* bilan en trois colonnes (Hobbes : ce que le contrat fait donner, recevoir, garder) */
.pg .bilan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:22px;overflow:hidden;border:1px solid #d3dacd;background:#fbfcf8}
.pg .bi{padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.pg .bi+.bi{border-left:1px solid #d3dacd}
.pg .bi-h{display:flex;align-items:center;gap:10px}
.pg .bi-h span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:700;color:#fbfcf8;flex:none}
.pg .bi-h b{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:600}
.pg .bi ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pg .bi li{font-size:15.5px;line-height:1.45;padding-left:16px;position:relative}
.pg .bi li::before{content:'';position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.pg .bi.don{background:#f7f0ea}.pg .bi.don .bi-h span{background:var(--accent2)}
.pg .bi.rec{background:var(--accent-tres-pale)}.pg .bi.rec .bi-h span{background:var(--accent)}
.pg .bi.gar{background:#f1f5ec}.pg .bi.gar .bi-h span{background:#3f5622}
@media (max-width:1000px){.pg .ma-l{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.pg .ma-l>.ma-f:nth-child(4){display:none}.pg .preuves{grid-template-columns:repeat(3,minmax(0,1fr))}.pg .pv-q{grid-column:1 / -1}}
@media (max-width:760px){.pg .ma-l{grid-template-columns:1fr}.pg .ma-f{height:30px;transform:rotate(90deg)}.pg .ma-l>.ma-f:nth-child(4){display:flex}.pg .trio,.pg .preuves,.pg .front,.pg .bilan{grid-template-columns:1fr}.pg .bi+.bi{border-left:0;border-top:1px solid #d3dacd}}