/* comptabilite-da06.css · page « Le moteur comptable » (comptabilite.html, 1er oct. 2026).
   Chargée après site-da06.css et blocs-da06.css. Préfixe cpm-.
   Les dessins gardent leur palette d'origine (arbitrage du client) : posés sur une carte C5,
   leur fond blanc est fondu dans la carte par mix-blend-mode, sans retoucher les fichiers. */
.cpm-hero{padding-top:calc(var(--nav-h) + clamp(48px,6vw,80px))}
.cpm-hero-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.cpm-hero h1{font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.03em}
.cpm-hero .dit{margin:22px 0 0;font-size:17px}
.cpm-k{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--or-f)}
.on-navy .cpm-k{color:var(--or)}
.cpm-fig{margin:0;background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);padding:clamp(10px,1.6vw,22px)}
.cpm-fig img{width:100%;height:auto;mix-blend-mode:multiply}
.cpm-fig figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-3);margin-top:10px}
.cpm-fig.nu{background:transparent;border:0;padding:0}
.sec.tinted .cpm-fig{background:var(--creme)}
/* rangée texte + dessin, côté du dessin inversable */
.cpm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.cpm-split.rev>.cpm-fig{order:-1}
.cpm-split.narrow{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.cpm-split.narrow.rev{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.cpm-txt h2{font-size:clamp(28px,3.6vw,44px);line-height:1.06;letter-spacing:-.028em}
.cpm-txt>p{margin:18px 0 0;color:var(--encre-2);max-width:62ch}
.cpm-txt>p strong{color:var(--encre);font-weight:600}
.cpm-wide{margin-top:clamp(28px,4vw,48px)}
/* liste à filets */
.cpm-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--filet)}
.cpm-list li{padding:14px 0;border-bottom:1px solid var(--filet);display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:18px}
.cpm-list li b{font-weight:600;color:var(--encre)}
.cpm-list li span{color:var(--encre-2)}
.cpm-list.one li{grid-template-columns:1fr}
/* sommaire */
.cpm-toc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--filet);border:1px solid var(--filet);margin-top:clamp(28px,4vw,44px)}
.cpm-toc a{background:var(--creme);padding:22px 20px 24px;display:flex;flex-direction:column;gap:10px;min-height:44px;color:var(--encre)}
.cpm-toc a:hover{background:var(--blanc);color:var(--encre)}
.cpm-toc a:hover h3{color:var(--violet)}
.cpm-toc .n{font-family:var(--mono);font-size:12px;color:var(--or-f)}
.cpm-toc h3{font-size:26px;line-height:1.08}
.cpm-toc p{margin:0;font-size:14.5px;color:var(--encre-2)}
.cpm-toc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:clamp(24px,4vw,56px);align-items:end}
/* ouverture de chapitre */
.cpm-chap{padding:clamp(56px,7vw,96px) 0}
.cpm-chap-g{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:end}
.cpm-chap .no{font-family:var(--serif);font-size:clamp(84px,12vw,168px);line-height:.8;color:var(--or)}
.cpm-chap h2{font-size:clamp(34px,4.6vw,60px);line-height:1;letter-spacing:-.03em;color:var(--creme)}
.cpm-chap p{margin:16px 0 0;color:rgba(251,246,236,.82);max-width:60ch;font-size:17px}
/* cascade */
.cpm-cas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--filet);border:1px solid var(--filet);margin-top:clamp(28px,4vw,44px)}
.cpm-cas div{background:var(--blanc);padding:18px 16px}
.sec.tinted .cpm-cas div{background:var(--creme)}
.cpm-cas .x{font-family:var(--serif);font-size:clamp(30px,3.4vw,44px);line-height:1;color:var(--navy)}
.cpm-cas b{display:block;margin-top:10px;font-weight:600}
.cpm-cas span{display:block;font-size:14px;color:var(--encre-2)}
/* grands chiffres */
.cpm-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--filet);border:1px solid var(--filet);margin-top:clamp(28px,4vw,44px)}
.cpm-nums div{background:var(--creme);padding:24px 20px}
.cpm-nums .v{font-family:var(--serif);font-size:clamp(44px,5.4vw,76px);line-height:.95;letter-spacing:-.03em;color:var(--navy)}
.cpm-nums .u{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--or-f);margin-top:8px}
.cpm-nums p{margin:12px 0 0;font-size:14.5px;color:var(--encre-2)}
.cpm-foot{margin:18px 0 0;font-size:14.5px;color:var(--encre-2);max-width:80ch}
/* dates */
.cpm-dates{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cpm-dates span{font-family:var(--mono);font-size:13px;letter-spacing:.06em;padding:10px 14px;border:1px solid var(--navy);border-radius:var(--r);color:var(--navy)}
/* puces de contenu d'un lot */
.cpm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cpm-chips span{font-size:14px;padding:8px 12px;background:var(--creme);border:1px solid var(--filet);border-radius:var(--r)}
.cpm-chips span i{font-style:normal;color:var(--encre-3);margin-left:6px}
.sec.tinted .cpm-chips span{background:var(--blanc)}
/* tableaux */
.cpm-tw{overflow-x:auto;margin-top:clamp(24px,3vw,36px);border:1px solid var(--filet);border-radius:var(--r);background:var(--blanc)}
.sec.tinted .cpm-tw{background:var(--creme)}
.cpm-t{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.cpm-t th,.cpm-t td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--filet);vertical-align:top}
.cpm-t thead th{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-3)}
.cpm-t td.n,.cpm-t th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.cpm-t tr:last-child td{border-bottom:0}
.cpm-t tr.tot td{font-weight:600;color:var(--navy);background:var(--creme-2)}
.cpm-t code{font-family:var(--mono);font-size:13px;color:var(--navy)}
.cpm-2t{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,36px)}
.cpm-big{font-family:var(--serif);font-size:clamp(26px,3.2vw,40px);line-height:1.1;letter-spacing:-.02em;color:var(--navy);margin:clamp(28px,4vw,44px) 0 0;max-width:30ch}
/* cartes de points */
.cpm-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--filet);border:1px solid var(--filet);margin-top:clamp(28px,4vw,44px)}
.cpm-pts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cpm-pts.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cpm-pts>div{background:var(--blanc);padding:22px 20px}
.sec.tinted .cpm-pts>div{background:var(--creme)}
.cpm-pts h3{font-size:24px;line-height:1.1}
.cpm-pts p{margin:10px 0 0;font-size:15px;color:var(--encre-2)}
.cpm-pts ul{margin:12px 0 0;padding:0 0 0 18px;font-size:15px;color:var(--encre-2)}
.cpm-pts ul li{margin:4px 0}
/* chaîne d'existence des données / frise */
.cpm-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.cpm-chain span{font-size:14px;padding:8px 12px;border:1px solid var(--navy);border-radius:var(--r);color:var(--navy);background:var(--blanc)}
.cpm-chain b{color:var(--or-f);font-weight:400}
.cpm-cycle{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--filet);border:1px solid var(--filet);counter-reset:cy}
.cpm-cycle li{background:var(--blanc);padding:18px 14px 20px;counter-increment:cy}
.cpm-cycle li::before{content:counter(cy);display:block;font-family:var(--serif);font-size:40px;line-height:1;color:var(--or-f)}
.cpm-cycle b{display:block;margin-top:10px;font-weight:600}
.cpm-cycle span{display:block;margin-top:6px;font-size:14px;color:var(--encre-2)}
/* empilement */
.cpm-stack{display:flex;flex-direction:column;gap:6px;margin-top:24px}
.cpm-stack div{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:18px;align-items:center;padding:14px 18px;background:var(--creme);border:1px solid var(--filet);border-left:3px solid var(--navy);border-radius:var(--r)}
.cpm-stack div:first-child{border-left-color:var(--or)}
.cpm-stack b{font-weight:600}
.cpm-stack span{font-size:14.5px;color:var(--encre-2)}
/* à retenir */
.cpm-keep{list-style:none;margin:24px 0 0;padding:0;counter-reset:kp}
.cpm-keep li{counter-increment:kp;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--filet);font-size:17px}
.cpm-keep li::before{content:counter(kp);font-family:var(--serif);font-size:34px;line-height:1;color:var(--or-f)}
/* familles de bases */
.cpm-fam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:clamp(28px,4vw,44px)}
.cpm-fam>div{border-top:3px solid var(--or);padding-top:14px}
.cpm-fam h3{font-size:26px}
.cpm-fam dl{margin:12px 0 0}
.cpm-fam dt{font-weight:600;margin-top:10px}
.cpm-fam dd{margin:0;font-size:14.5px;color:var(--encre-2)}
.cpm-svc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cpm-svc span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:8px 12px;background:var(--navy);color:var(--creme);border-radius:var(--r)}
.cpm-infra{margin:clamp(22px,3vw,32px) 0 0;padding:16px 18px;border:1px solid var(--filet);border-radius:var(--r);font-size:15px;color:var(--encre-2)}
.cpm-infra b{color:var(--encre)}
/* bandeau d'appel à mi-page */
.cpm-mid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.cpm-mid h2{font-size:clamp(26px,3vw,38px);max-width:28ch}
@media(max-width:1080px){.cpm-cycle{grid-template-columns:repeat(4,minmax(0,1fr))}.cpm-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.cpm-pts.c4,.cpm-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.cpm-cas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.cpm-hero-g,.cpm-split,.cpm-split.narrow,.cpm-split.narrow.rev,.cpm-toc-g,.cpm-2t{grid-template-columns:1fr}.cpm-split.rev>.cpm-fig{order:0}.cpm-pts,.cpm-pts.c2,.cpm-fam{grid-template-columns:1fr}.cpm-chap-g{grid-template-columns:1fr;gap:8px}.cpm-toc-g .cpm-fig{max-width:240px}}
@media(max-width:560px){.cpm-toc,.cpm-pts.c4,.cpm-nums,.cpm-cas{grid-template-columns:1fr}.cpm-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.cpm-list li,.cpm-stack div{grid-template-columns:1fr;gap:4px}}
.cpm-xl{margin:22px 0 0;font-size:16px}.cpm-xl a{font-weight:600}
.cta .cpm-xl{margin-top:20px}
/* Aperçu de l'étude, posé sur C3 navy dans comptabilite.html (CPD-08) */
.cpm-pv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.cpm-pv-t h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;letter-spacing:-.03em;color:var(--creme);margin-top:12px}
.cpm-pv-t p{margin:20px 0 28px;color:rgba(251,246,236,.82);font-size:17px;max-width:52ch}
.cpm-pv-c{display:block;background:var(--creme);border:1px solid var(--or);border-top:3px solid var(--or);border-radius:var(--r);color:var(--encre);overflow:hidden}
.cpm-pv-c:hover{color:var(--encre);border-color:var(--lilas)}
.cpm-pv-c img{width:100%;height:auto;max-height:260px;object-fit:cover;object-position:center 30%;mix-blend-mode:multiply;background:var(--blanc)}
.cpm-pv-c ol{list-style:none;margin:0;padding:6px 20px 14px}
.cpm-pv-c li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:11px 0;border-top:1px solid var(--filet);font-weight:600;font-size:15.5px}
.cpm-pv-c li:first-child{border-top:0}
.cpm-pv-c li b{grid-row:span 2;font-family:var(--mono);font-weight:500;font-size:12px;color:var(--or-f);padding-top:3px}
.cpm-pv-c li span{font-weight:400;font-size:14px;color:var(--encre-2)}
@media(max-width:860px){.cpm-pv{grid-template-columns:1fr}}