/* Blog « Le ciel de CabinetPilot » : hub et articles. Chargé après ciel.css (jetons, en-tête, pied, apparitions). */
.page-blog{background:var(--fond)}
.page-blog h2.t{font-size:clamp(30px,3.6vw,46px);font-weight:800;max-width:22ch}
.page-blog section.bloc{padding:clamp(56px,6vw,88px) 0}

/* ——— premier écran du blog : le ciel, court ——— */
.ciel-blog{position:relative;overflow:hidden;color:#fff;padding:128px 0 72px;background:linear-gradient(160deg,var(--ciel-haut),var(--ciel) 55%,var(--ciel-bas))}
.ciel-blog .nuage{opacity:.5}
.ciel-blog .conteneur{position:relative}
.ciel-blog h1{font-size:clamp(34px,4.6vw,60px);font-weight:800;max-width:22ch;margin:14px 0 0;text-shadow:0 10px 40px rgb(0 20 60 / .35)}
.ciel-blog.article h1{max-width:26ch;font-size:clamp(30px,3.8vw,50px)}
.ciel-blog .chapo{font-size:clamp(16px,1.3vw,19px);max-width:62ch;margin:18px 0 0;color:rgb(255 255 255 / .9);line-height:1.5}
.ciel-blog .meta{margin:18px 0 0;font-size:14px;color:rgb(255 255 255 / .8)}
.ciel-blog .surtitre{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:rgb(255 255 255 / .14);border:1px solid rgb(255 255 255 / .25);backdrop-filter:blur(8px);font-size:13px;font-weight:600}
.ciel-blog .surtitre .point{width:10px;height:10px;border-radius:50%;background:var(--citron)}
.cascade>*{opacity:0;transform:translateY(22px);animation:entree 1s var(--ressort) forwards}
.cascade>*:nth-child(1){animation-delay:.05s}.cascade>*:nth-child(2){animation-delay:.18s}.cascade>*:nth-child(3){animation-delay:.3s}.cascade>*:nth-child(4){animation-delay:.42s}
@keyframes entree{to{opacity:1;transform:none}}
.ariane{font-size:13px;color:rgb(255 255 255 / .75);margin-bottom:22px}
.ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.ariane li+li::before{content:"/";margin-right:6px;opacity:.5}
.ariane a{color:inherit;text-decoration:none}.ariane a:hover{text-decoration:underline}
.ariane [aria-current]{color:#fff;font-weight:600}

/* ——— cartes d'articles ——— */
.une{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.pile{display:grid;gap:18px}
.grille-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.carte-article{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--filet);border-radius:24px;padding:26px;text-decoration:none;color:var(--texte);position:relative;overflow:hidden;transition:transform .45s var(--ressort),box-shadow .45s,border-color .3s}
.carte-article::after{content:"";position:absolute;inset:auto -30% -40% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(214 253 112 / .55),transparent);opacity:0;transition:opacity .6s,transform .9s var(--ressort);transform:scale(.6)}
.carte-article:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgb(0 20 60 / .45);border-color:var(--citron-2)}
.carte-article:hover::after{opacity:1;transform:scale(1)}
.carte-article.grande{padding:36px;background:linear-gradient(160deg,var(--nuit),var(--nuit-2));color:#fff;border:0;justify-content:flex-end;min-height:420px}
.carte-article.grande::after{background:radial-gradient(closest-side,rgb(214 253 112 / .35),transparent)}
.carte-article.grande h3{font-size:clamp(24px,2.4vw,34px)}
.carte-article.grande p{color:rgb(255 255 255 / .85)}
.carte-article h3{font-family:var(--titre);font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0;position:relative}
.carte-article p{margin:0;font-size:14.5px;color:var(--texte-2);position:relative}
.carte-haut,.carte-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;position:relative}
.carte-bas{margin-top:auto;color:var(--texte-2)}
.carte-article.grande .carte-bas{color:rgb(255 255 255 / .75)}
.cat{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--fond-2);color:var(--texte);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.carte-article.grande .cat{background:var(--citron);color:var(--noir)}
.duree{font-weight:600;color:var(--texte-2)}
.carte-article.grande .duree{color:rgb(255 255 255 / .75)}
.lire{font-weight:700;color:var(--texte)}
.carte-article.grande .lire{color:var(--citron)}
.carte-article .lire span{display:inline-block;transition:transform .3s var(--ressort)}
.carte-article:hover .lire span{transform:translateX(4px)}

/* ——— à venir ——— */
.a-venir{background:var(--surface);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.liste-a-venir{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.liste-a-venir li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:1px dashed var(--filet-fort,#c8cfdb);border-radius:16px;font-size:15px;font-weight:600;background:var(--fond)}

/* ——— article ——— */
.progression{position:fixed;inset:0 0 auto;height:3px;z-index:50;background:transparent}
.progression i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--citron),var(--ciel-clair));box-shadow:0 0 12px var(--citron)}
.schema-bloc{padding-bottom:0!important}
.schema-cadre{margin:0;background:var(--surface);border:1px solid var(--filet);border-radius:26px;padding:28px 28px 18px;box-shadow:0 40px 80px -50px rgb(0 20 60 / .4)}
.schema-cadre figcaption{margin-top:10px;font-size:13px;color:var(--texte-2);text-align:center}
.schema{width:100%;height:auto;display:block}
.deux-colonnes{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.prose{max-width:720px}
.hub-texte{margin-top:64px;padding-top:48px;border-top:1px solid var(--filet)}
.prose .cp-section{margin:0 0 44px}
.prose .cp-titre-section{font-family:var(--titre);font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 16px;padding-left:16px;box-shadow:inset 3px 0 0 var(--citron)}
.prose p{font-size:17.5px;line-height:1.7;margin:0 0 18px;color:var(--texte)}
.prose .cp-intro{color:var(--texte-2)}
.prose .cp-grille{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.prose .cp-tuile{background:var(--surface);border:1px solid var(--filet);border-radius:18px;padding:20px 22px}
.prose .cp-tuile h3{font-family:var(--titre);font-size:18px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}
.prose .cp-tuile p{font-size:15.5px;margin:0;color:var(--texte-2)}
.prose .cp-etapes{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:e}
.prose .cp-etapes li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;background:var(--surface);border:1px solid var(--filet);border-radius:18px;padding:18px 20px}
.prose .cp-etape-numero{width:44px;height:44px;border-radius:50%;background:var(--noir);color:var(--citron);display:grid;place-items:center;font-family:var(--titre);font-weight:800}
.prose .cp-etapes h3{font-family:var(--titre);font-size:17px;font-weight:800;margin:4px 0 6px}
.prose .cp-etapes p{font-size:15.5px;margin:0;color:var(--texte-2)}
.prose .cp-encart{background:var(--noir);color:#fff;border-radius:22px;padding:30px 32px;box-shadow:inset 0 -3px 0 var(--citron)}
.prose .cp-encart h2{font-family:var(--titre);font-size:22px;font-weight:800;margin:0 0 10px;letter-spacing:-.025em}
.prose .cp-encart p{color:rgb(255 255 255 / .85);font-size:16px;margin:0 0 10px}
.prose .cp-encart p:last-child{margin:0}
.prose .cp-avant-apres{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prose .cp-avant-apres>div{background:var(--surface);border:1px solid var(--filet);border-radius:18px;padding:18px 20px}
.prose .cp-avant-apres h3{font-family:var(--titre);font-size:15px;margin:0 0 10px}
.prose .cp-avant-apres ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.prose .cp-avant-apres li{display:flex;gap:8px;font-size:14.5px;align-items:flex-start}
.prose .cp-apres svg{color:#006940}.prose .cp-avant svg{color:#99000c}
.prose .cp-tableau{overflow-x:auto;border:1px solid var(--filet);border-radius:18px;background:var(--surface)}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px}
.prose th,.prose td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--filet);vertical-align:top}
.prose th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-2);background:var(--fond-2)}
.prose .cp-note{font-size:13px;color:var(--texte-2)}
.prose .cp-invisible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.auteur{display:flex;gap:16px;align-items:center;margin-top:48px;padding-top:28px;border-top:1px solid var(--filet)}
.auteur .avatar{width:56px;height:56px;border-radius:50%;background:var(--noir);color:var(--citron);display:grid;place-items:center;font-family:var(--titre);font-weight:800;font-size:18px}
.auteur b{display:block;font-family:var(--titre);font-size:16px}.auteur span{font-size:14px;color:var(--texte-2)}
.lies{margin-top:36px;padding:22px 24px;background:var(--surface);border:1px solid var(--filet);border-radius:18px}
.lies p{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--texte-2)}
.lies ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.lies a{font-weight:600;text-decoration:none;box-shadow:inset 0 -2px 0 var(--citron)}
.sommaire{position:sticky;top:100px;background:var(--surface);border:1px solid var(--filet);border-radius:22px;padding:22px 24px}
.sommaire p{margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--texte-2)}
.sommaire ol{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:6px}
.sommaire a{display:block;padding:8px 12px;border-radius:10px;font-size:14px;text-decoration:none;color:var(--texte-2);border-left:3px solid transparent;transition:all .25s}
.sommaire a:hover{background:var(--fond)}
.sommaire a.actif{color:var(--texte);font-weight:700;border-left-color:var(--citron);background:var(--fond)}
.btn.petit{height:44px;padding:0 18px;font-size:14px;width:100%;justify-content:center}
.sommaire a.btn{display:inline-flex;color:var(--noir);border-left:0}.sommaire a.btn:hover{background:var(--citron-2)}
.autres{padding-top:0!important}
/* l'appel final, sur toutes les pages (accueil comprise) : la carte photo du modèle Aeline (herbes sur ciel bleu,
   public/images/gabarit/…cta-bg.avif), arrondie, à 12 px des bords, juste au-dessus du pied. Texte à gauche, sur un voile
   bleu nuit qui part de la gauche pour garder le blanc lisible sur le ciel clair. */
.final-blog{position:relative;display:flex;align-items:center;min-height:30.5rem;margin:12px 12px 0;padding:64px 0;border-radius:var(--r);color:#fff;overflow:hidden;background:#4a93d4 url(/images/gabarit/692dd59736012cfb238ae312_cta-bg.avif) center/cover no-repeat}
.final-blog::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(6 48 107 / .66),rgb(6 48 107 / .34) 45%,rgb(6 48 107 / 0) 78%)}
.final-blog .nuage{display:none}
.final-blog .conteneur{position:relative;width:100%}
.final-blog .appel-haut{display:flex;align-items:center;gap:10px;margin:0 0 28px;font-size:15px;font-weight:600;color:#fff}
.final-blog .appel-haut::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--citron);box-shadow:0 0 0 1px var(--noir) inset}
.final-blog h2{font-family:var(--titre);font-size:clamp(32px,4.2vw,56px);font-weight:800;max-width:17ch;margin:0;letter-spacing:-.04em;line-height:1.05}
.final-blog p{font-size:17px;color:rgb(255 255 255 / .92);max-width:33rem;margin:18px 0 32px}
@media (max-width:640px){.final-blog{min-height:0;padding:48px 0}.final-blog::before{background:linear-gradient(180deg,rgb(6 48 107 / .6),rgb(6 48 107 / .4))}}

/* ——— schémas : dessin et pulsations à l'arrivée ——— */
.schema text{fill:var(--texte)}
.schema .sch-titre{font-size:15px;font-weight:700}
.schema .sch-sous{font-size:12.5px;fill:var(--texte-2)}
.schema .sch-etiquette{font-size:11px;font-weight:700;letter-spacing:.1em;fill:var(--texte-2)}
.schema .sch-note{font-size:12px;fill:var(--texte-2);font-style:italic}
.schema .sch-num{font-size:13px;font-weight:800;fill:var(--citron)}
.schema .sch-noeud rect{fill:var(--surface);stroke:var(--filet);stroke-width:1.5}
.schema .sch-noeud.lecture rect{fill:var(--noir);stroke:var(--noir)}
.schema .sch-noeud.lecture text{fill:#fff}.schema .sch-noeud.lecture .sch-sous{fill:rgb(255 255 255 / .75)}
.schema .sch-noeud.exception rect{fill:#fbe9ea;stroke:#f3c9cc}.schema .sch-noeud.exception .sch-titre{fill:#99000c}
.schema .sch-noeud.tache rect{fill:var(--citron);stroke:var(--citron-2)}
.schema .sch-noeud.fermee rect{fill:#e3f6ee;stroke:#bfe9d4}.schema .sch-noeud.fermee .sch-titre{fill:#006940}
.schema .sch-fleche{fill:none;stroke:var(--texte-2);stroke-width:2;marker-end:url(#pointe);color:var(--texte-2);stroke-dasharray:400;stroke-dashoffset:400}
.schema .sch-silence{fill:none;stroke:var(--filet-fort,#c8cfdb);stroke-width:1.5;stroke-dasharray:4 4}
.schema .sch-axe{stroke:var(--filet-fort,#c8cfdb);stroke-width:2}
.schema .sch-grad{stroke:var(--filet-fort,#c8cfdb);stroke-width:1.5}
.schema .sch-point{stroke:var(--surface);stroke-width:3}
.schema .sch-point.rouge{fill:#bc0012}.schema .sch-point.citron{fill:var(--citron);stroke:var(--noir)}.schema .sch-point.vert{fill:#048b56}.schema .sch-point.noir{fill:var(--noir)}
.schema .sch-trace-avant{stroke:#bc0012;stroke-width:3;stroke-dasharray:6 6;stroke-dashoffset:800}
.schema .sch-trace-apres{stroke:var(--citron-2);stroke-width:4}
.schema .sch-pastille{fill:var(--citron)}
.schema .sch-barre{rx:8}.schema .sch-barre.b1{fill:var(--nuit)}.schema .sch-barre.b2{fill:var(--citron)}.schema .sch-barre.b3{fill:#048b56}
.schema .sch-titre.blanc{fill:#fff}
.schema .sch-cercle{fill:none;stroke:var(--filet);stroke-width:2}
.schema .sch-cercle-anime{fill:none;stroke:var(--citron-2);stroke-width:4;stroke-linecap:round;stroke-dasharray:60 883;transform-origin:480px 210px}
.schema .sch-noeud,.schema .sch-tri,.schema .sch-mail,.schema .sch-ok,.schema .sch-jalon,.schema .sch-cycle-etape{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ressort),transform .7s var(--ressort)}
.schema-cadre.vu .sch-noeud,.schema-cadre.vu .sch-tri,.schema-cadre.vu .sch-mail,.schema-cadre.vu .sch-ok,.schema-cadre.vu .sch-jalon,.schema-cadre.vu .sch-cycle-etape{opacity:1;transform:none}
.schema-cadre.vu .sch-fleche{animation:dessine 1.2s var(--ressort) forwards}
.schema-cadre.vu .sch-trace-avant{animation:dessine 2.2s linear forwards .6s}
@keyframes dessine{to{stroke-dashoffset:0}}
.schema-cadre.vu .sch-lcbft .sch-cercle-anime{animation:tourne-cercle 6s linear infinite}
@keyframes tourne-cercle{to{transform:rotate(360deg)}}
.schema-cadre.vu .sch-noeud.tache rect,.schema-cadre.vu .sch-point.citron{animation:pulse-citron 2.4s ease-in-out infinite 1.4s}
@keyframes pulse-citron{0%,100%{filter:drop-shadow(0 0 0 rgb(214 253 112 / 0))}50%{filter:drop-shadow(0 0 10px rgb(214 253 112 / .9))}}
/* retards en cascade */
.sch-pilotage .s1{transition-delay:.05s}.sch-pilotage .s2{transition-delay:.15s}.sch-pilotage .s3{transition-delay:.25s}.sch-pilotage .s4{transition-delay:.35s}
.sch-pilotage .lecture{transition-delay:.6s}.sch-pilotage .f1,.sch-pilotage .f2,.sch-pilotage .f3,.sch-pilotage .f4{animation-delay:.5s!important}
.sch-pilotage .sch-tri{transition-delay:1.2s}.sch-pilotage .exception{transition-delay:1.5s}.sch-pilotage .f5{animation-delay:1.3s!important}
.sch-pilotage .tache{transition-delay:2s}.sch-pilotage .f6{animation-delay:1.9s!important}.sch-pilotage .fermee{transition-delay:2.6s}.sch-pilotage .f7{animation-delay:2.5s!important}
.sch-dettes .sch-mail{transition-delay:1.2s}.sch-dettes .sch-ok{transition-delay:2s}
.sch-ago .j2{transition-delay:.6s}.sch-ago .j3{transition-delay:1.2s}
.sch-lcbft .e2{transition-delay:.2s}.sch-lcbft .e3{transition-delay:.4s}.sch-lcbft .e4{transition-delay:.6s}.sch-lcbft .e5{transition-delay:.8s}.sch-lcbft .e6{transition-delay:1s}

@media (max-width:1000px){.une{grid-template-columns:1fr}.grille-articles{grid-template-columns:1fr 1fr}.deux-colonnes{grid-template-columns:1fr}.sommaire{position:static;order:-1}.liste-a-venir{grid-template-columns:1fr}.schema-cadre{padding:14px 14px 10px;overflow-x:auto}.schema{min-width:640px}}
@media (max-width:640px){.grille-articles{grid-template-columns:1fr}.prose .cp-avant-apres{grid-template-columns:1fr}.ciel-blog{padding-top:110px}}

/* ——— schémas des articles 5 à 12 ——— */
/* classes communes aux nouveaux schémas : apparition, barres qui croissent, cases de grille */
.schema .sch-case,.schema .sch-apparait{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ressort),transform .6s var(--ressort)}
.schema .sch-croit{opacity:0;transform:scaleX(0);transform-box:fill-box;transform-origin:left center;transition:opacity .4s,transform .9s var(--ressort)}
.schema-cadre.vu .sch-case,.schema-cadre.vu .sch-apparait,.schema-cadre.vu .sch-croit{opacity:1;transform:none}
.schema .sch-point.vide{fill:var(--surface);stroke:var(--filet-fort,#c8cfdb);stroke-width:2}
.schema .sch-ok-case{fill:#e3f6ee;stroke:#bfe9d4;stroke-width:1.5}
.schema .sch-manque{fill:#fbe9ea;stroke:#f3c9cc;stroke-width:1.5}
.schema .sch-coche{fill:none;stroke:#006940;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.schema .sch-croix{fill:none;stroke:#99000c;stroke-width:2.5;stroke-linecap:round}
.schema .sch-piste{fill:var(--fond-2,#f1f4f8);stroke:var(--filet);stroke-width:1}
.schema .sch-verrou{stroke:#bc0012;stroke-width:6;stroke-linecap:round}
.schema .sch-centre{fill:var(--noir);stroke:var(--citron);stroke-width:3}
.schema .sch-centre-titre{fill:#fff;font-size:18px;font-weight:800}
.schema .sch-centre-sous{fill:rgb(255 255 255 / .8);font-size:12.5px}
/* 5. échéancier : les mois défilent de gauche à droite */
.sch-echeancier .m1{transition-delay:.05s}.sch-echeancier .m2{transition-delay:.15s}.sch-echeancier .m3{transition-delay:.25s}.sch-echeancier .m4{transition-delay:.35s}.sch-echeancier .m5{transition-delay:.45s}.sch-echeancier .m6{transition-delay:.55s}
.sch-echeancier .m7{transition-delay:.65s}.sch-echeancier .m8{transition-delay:.75s}.sch-echeancier .m9{transition-delay:.85s}.sch-echeancier .m10{transition-delay:1s}.sch-echeancier .m11{transition-delay:1.15s}.sch-echeancier .m12{transition-delay:1.25s}
/* 6. habilitations : ligne après ligne, puis les demandes en lot, puis le relevé suivant */
.sch-habilitations .sch-case.l1{transition-delay:.1s}.sch-habilitations .sch-case.l2{transition-delay:.2s}.sch-habilitations .sch-case.l3{transition-delay:.3s}.sch-habilitations .sch-case.l4{transition-delay:.4s}.sch-habilitations .sch-case.l5{transition-delay:.5s}.sch-habilitations .sch-case.l6{transition-delay:.6s}
.sch-habilitations .demande{transition-delay:1.1s}.sch-habilitations .f1{animation-delay:1s!important}.sch-habilitations .suivant{transition-delay:1.8s}.sch-habilitations .f2{animation-delay:1.7s!important}
/* 7. avis de CFE : de l'avis au dossier, le contrôle entre les deux */
.sch-cfe .s1{transition-delay:.05s}.sch-cfe .lecture{transition-delay:.5s}.sch-cfe .f1{animation-delay:.3s!important}
.sch-cfe .ged,.sch-cfe .ecarte{transition-delay:1.1s}.sch-cfe .f2,.sch-cfe .f3{animation-delay:.9s!important}
.sch-cfe .s2,.sch-cfe .campagne{transition-delay:1.7s}.sch-cfe .f4,.sch-cfe .f5{animation-delay:1.5s!important}
/* 8. attestation : la barre, la fenêtre à J-30, le renouvellement ; sans suivi, la dette arrive tard */
.sch-attestation .a1{transition-delay:.1s}.sch-attestation .a2{transition-delay:.7s}.sch-attestation .a3{transition-delay:2.8s}
.sch-attestation .a4{transition-delay:.3s}.sch-attestation .a5{transition-delay:.9s}.sch-attestation .a6{transition-delay:1.4s}.sch-attestation .a7{transition-delay:2s}.sch-attestation .a8{transition-delay:2.7s}
.schema-cadre.vu .sch-attestation .sch-trace-avant{animation-delay:1.1s}
/* 9. absence : le titulaire, ses tâches, le remplaçant, puis la charge se remplit */
.sch-absence .s1{transition-delay:.05s}.sch-absence .s2{transition-delay:.4s}.sch-absence .s3{transition-delay:.5s}.sch-absence .s4{transition-delay:.6s}
.sch-absence .rempl{transition-delay:1.2s}.sch-absence .f1,.sch-absence .f2,.sch-absence .f3{animation-delay:.9s!important}.sch-absence .f4{animation-delay:1.7s!important}
.sch-absence .c1{transition-delay:2s}.sch-absence .c1b{transition-delay:2.8s}.sch-absence .c2{transition-delay:2.2s}
/* 10. entrée en relation : une étape après l'autre, le verrou, puis la mission */
.sch-accueil .e1,.sch-accueil .n1{transition-delay:.05s}.sch-accueil .e2,.sch-accueil .n2{transition-delay:.45s}.sch-accueil .e3,.sch-accueil .n3{transition-delay:.85s}.sch-accueil .e4,.sch-accueil .n4{transition-delay:1.25s}
.sch-accueil .f1{animation-delay:.3s!important}.sch-accueil .f2{animation-delay:.7s!important}.sch-accueil .f3{animation-delay:1.1s!important}.sch-accueil .f4{animation-delay:2s!important}
.sch-accueil .verrou{transition-delay:1.7s}.sch-accueil .fin{transition-delay:2.4s}
.sch-accueil .s1{transition-delay:1.1s}.sch-accueil .s2{transition-delay:1.3s}.sch-accueil .s3{transition-delay:1.5s}.sch-accueil .s4{transition-delay:1.7s}.sch-accueil .s5{transition-delay:2.5s}
/* 11. Pennylane au centre : le centre, puis les sources une à une, l'anneau tourne */
.sch-pennylane .centre{transition-delay:.05s}
.sch-pennylane .s1{transition-delay:.6s}.sch-pennylane .s2{transition-delay:.8s}.sch-pennylane .s3{transition-delay:1s}.sch-pennylane .s4{transition-delay:1.2s}.sch-pennylane .s5{transition-delay:1.4s}.sch-pennylane .s6{transition-delay:1.6s}
.sch-pennylane .f1{animation-delay:.5s!important}.sch-pennylane .f2{animation-delay:.7s!important}.sch-pennylane .f3{animation-delay:.9s!important}.sch-pennylane .f4{animation-delay:1.1s!important}.sch-pennylane .f5{animation-delay:1.3s!important}.sch-pennylane .f6{animation-delay:1.5s!important}
.schema-cadre.vu .sch-pennylane .sch-cercle-anime{animation:tourne-cercle 8s linear infinite}
/* 12. accès aux portails : le cabinet, la lecture, les portails, les garde-fous */
.sch-acces .s1,.sch-acces .s2{transition-delay:.05s}.sch-acces .lecture{transition-delay:.5s}.sch-acces .f1,.sch-acces .f2{animation-delay:.3s!important}
.sch-acces .s3{transition-delay:1.1s}.sch-acces .f3,.sch-acces .f4{animation-delay:.9s!important}
.sch-acces .interdit,.sch-acces .journal{transition-delay:1.7s}.sch-acces .f5,.sch-acces .f6{animation-delay:1.5s!important}

/* ——— schémas de principe métier (13/10/2026) : revue par exception, services de l'espace professionnel, hors de la comptabilité, bonnes pratiques d'accès ——— */
.schema .sch-selon{fill:var(--citron);stroke:var(--citron-2);stroke-width:1.5}
.schema .sch-coche.noir{stroke:var(--noir)}
/* 1. revue par exception : le portefeuille ligne par ligne, les 95 en ordre, les 5 à traiter, le responsable, la fermeture */
.sch-revue .r1{transition-delay:.05s}.sch-revue .r2{transition-delay:.1s}.sch-revue .r3{transition-delay:.15s}.sch-revue .r4{transition-delay:.2s}.sch-revue .r5{transition-delay:.25s}
.sch-revue .r6{transition-delay:.3s}.sch-revue .r7{transition-delay:.35s}.sch-revue .r8{transition-delay:.4s}.sch-revue .r9{transition-delay:.45s}.sch-revue .r10{transition-delay:.5s}
.sch-revue .enordre{transition-delay:.9s}.sch-revue .atraiter{transition-delay:1.2s}.sch-revue .f1{animation-delay:1s!important}
.sch-revue .resp{transition-delay:1.7s}.sch-revue .f2{animation-delay:1.5s!important}.sch-revue .ferme{transition-delay:2.2s}.sch-revue .f3{animation-delay:2s!important}
/* 6. services de l'espace professionnel : ligne après ligne */
.sch-services .sch-case.l1{transition-delay:.1s}.sch-services .sch-case.l2{transition-delay:.25s}.sch-services .sch-case.l3{transition-delay:.4s}.sch-services .sch-case.l4{transition-delay:.55s}.sch-services .sch-case.l5{transition-delay:.7s}.sch-services .sch-case.l6{transition-delay:.85s}
/* 11. hors de la comptabilité : la comptabilité, puis les quatre familles, puis le dossier rattaché par le SIREN */
.sch-hors .compta{transition-delay:.05s}.sch-hors .q1{transition-delay:.5s}.sch-hors .q2{transition-delay:.7s}.sch-hors .q3{transition-delay:.9s}.sch-hors .q4{transition-delay:1.1s}.sch-hors .cle{transition-delay:1.6s}
/* 12. bonnes pratiques d'accès : les quatre piliers, puis la règle de départ */
.sch-pratiques .p1,.sch-pratiques .n1{transition-delay:.05s}.sch-pratiques .p2,.sch-pratiques .n2{transition-delay:.35s}.sch-pratiques .p3,.sch-pratiques .n3{transition-delay:.65s}.sch-pratiques .p4,.sch-pratiques .n4{transition-delay:.95s}
.sch-pratiques .j1{transition-delay:1.4s}.sch-pratiques .j2{transition-delay:1.8s}.sch-pratiques .j3{transition-delay:2.2s}
/* 7. avis de CFE : le nœud « Dossier permanent » (classe renommée, même retard que « écarté ») */
.sch-cfe .dossier{transition-delay:1.1s}

/* ——— mode sombre (jetons dans ciel.css) : ce que les variables ne couvrent pas ——— */
html[data-theme="sombre"] .carte-article:hover,html[data-theme="sombre"] .schema-cadre{box-shadow:0 40px 70px -40px rgb(0 0 0 / .8)}
html[data-theme="sombre"] .cat{background:rgb(255 255 255 / .09)}
html[data-theme="sombre"] .schema .sch-noeud.lecture rect{stroke:var(--filet-fort)}
html[data-theme="sombre"] .schema .sch-noeud.exception rect,html[data-theme="sombre"] .schema .sch-manque{fill:#43171c;stroke:#7d2f36}
html[data-theme="sombre"] .schema .sch-noeud.exception .sch-titre{fill:#ffb4b9}
html[data-theme="sombre"] .schema .sch-noeud.fermee rect,html[data-theme="sombre"] .schema .sch-ok-case{fill:#0f3324;stroke:#1f6a48}
html[data-theme="sombre"] .schema .sch-noeud.fermee .sch-titre{fill:#8fe6bf}
html[data-theme="sombre"] .schema .sch-noeud.tache text,html[data-theme="sombre"] .schema .sch-mail .sch-titre{fill:var(--noir)}
html[data-theme="sombre"] .schema .sch-coche{stroke:#8fe6bf}
html[data-theme="sombre"] .schema .sch-coche.noir{stroke:var(--noir)}
html[data-theme="sombre"] .schema .sch-croix{stroke:#ffb4b9}
html[data-theme="sombre"] .schema .sch-point.rouge{fill:#ff7b85}
html[data-theme="sombre"] .schema .sch-point.vert{fill:#3ecf8e}
html[data-theme="sombre"] .schema .sch-point.noir{fill:var(--texte)}
html[data-theme="sombre"] .schema .sch-trace-avant{stroke:#ff7b85}
html[data-theme="sombre"] .schema .sch-barre.b1{fill:#6b7fb8}
html[data-theme="sombre"] .schema .sch-barre.b3{fill:#3ecf8e}
html[data-theme="sombre"] .prose .cp-apres svg{color:#8fe6bf}
html[data-theme="sombre"] .prose .cp-avant svg{color:#ffb4b9}