/* Saphélis Social AI (ops/academie-social-site.mjs) : étend premium.css + da-cinema.css + vitrine.css, sans nouvelle couleur.
   Trois chemins lus de gauche à droite (gratuit d abord) ; cartes réservées aux choix comparés ; mobile en une colonne. */
.sc-tete h1{max-width:24ch}
.sc-tete .fine{max-width:46rem}
html:not(.js) .ac [data-js]{display:none!important}

/* SOCLE VITRINE:DEBUT — lignes copiées À L'IDENTIQUE de vitrine.css (non chargée ici : budget de 110 Ko) ;
   test/academie-social-ux-site.test.js vérifie chaque ligne. */
.ac{--ac-texte:44rem;--ac-r:16px}
html:not(.js) .ac [data-js]{display:none!important}
.ac-demo{margin:0;padding:10px var(--gout);background:#ffe58a;color:#3d3000;font-weight:600;font-size:var(--t-sm);text-align:center;border-bottom:1px solid #c9a400}
.ac .wrap{width:100%}
.ac h2{scroll-margin-top:calc(var(--tete-bas,80px) + 16px)}
.ac-intro{color:var(--c-ink-2);max-width:var(--ac-texte);margin:0 0 var(--s-5)}
.ac-section{padding-block:clamp(36px,4.5vw,64px)}
.ac-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:var(--s-5) 0 0}
.ac-lien{font-weight:600;display:inline-flex;align-items:center;min-height:var(--cible)}
.ac-nav-rang{display:flex;align-items:center;gap:var(--s-4);overflow-x:auto;scrollbar-width:none}
.ac-nav-rang::-webkit-scrollbar{display:none}
.ac-nav-marque{flex:none;gap:10px;font:640 1.0625rem/1 var(--f-titre);letter-spacing:-.02em;text-decoration:none;color:var(--c-ink)!important;padding-right:var(--s-4);border-right:1px solid var(--c-line);min-height:var(--cible);display:flex;align-items:center}
.ac-nav ul{display:flex;gap:2px;margin:0;padding:0;list-style:none;flex:none}
.ac-nav li a{display:flex;align-items:center;min-height:48px;padding:0 12px;font-size:var(--t-sm);font-weight:600;color:var(--c-ink-2);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.ac-nav li a:hover{color:var(--c-ink)}
.ac-nav li a[aria-current]{color:var(--c-ink);border-bottom-color:#7dd8cb}
.ac-tete-simple{padding:clamp(32px,5vw,64px) 0 clamp(24px,3vw,40px);border-bottom:1px solid var(--c-line)}
.ac-tete-simple h1{max-width:22ch}
.ac-fil{margin-bottom:var(--s-4)}
.ac-deux{display:grid;gap:var(--s-6)}
@media(min-width:960px){.ac-deux{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8)}.ac-deux--faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
.ac-deux>*{min-width:0}
.ac-etapes{counter-reset:e;list-style:none;margin:0 0 var(--s-5);padding:0}
.ac-etapes>li{counter-increment:e;position:relative;padding:0 0 var(--s-4) 44px}
.ac-etapes>li::before{content:counter(e);position:absolute;left:0;top:0;width:28px;height:28px;border:1.5px solid var(--c-ink);border-radius:50%;display:grid;place-items:center;font-size:var(--t-sm);font-weight:700}
.ac-coches,.ac-limites,.ac-puces{list-style:none;margin:0 0 var(--s-4);padding:0}
.ac-coches>li,.ac-limites>li,.ac-puces>li{position:relative;padding:6px 0 6px 28px}
.ac-coches>li::before{content:"";position:absolute;left:4px;top:13px;width:11px;height:6px;border-left:2px solid var(--c-ok);border-bottom:2px solid var(--c-ok);transform:rotate(-45deg)}
.ac-limites>li::before{content:"";position:absolute;left:5px;top:16px;width:10px;height:2px;background:var(--c-ink-3)}
.ac-puces>li::before{content:"";position:absolute;left:6px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--c-or)}
.ac-faq{border-top:1px solid var(--c-ink)}
.ac-faq details{border-bottom:1px solid var(--c-line)}
.ac-faq summary{display:flex;justify-content:space-between;gap:var(--s-4);align-items:center;min-height:56px;padding:12px 0;cursor:pointer;font-weight:600;list-style:none}
.ac-faq summary::-webkit-details-marker{display:none}
.ac-faq summary::after{content:"+";flex:none;font:400 1.5rem/1 var(--f-texte);color:var(--c-ink-3);transition:transform var(--m-base) var(--ease)}
.ac-faq details[open] summary::after{transform:rotate(45deg)}
.ac-faq-r{padding:0 0 var(--s-4);color:var(--c-ink-2);max-width:var(--ac-texte)}
.ac-conditions{margin:0 0 var(--s-4);border-top:1px solid var(--c-ink)}
.ac-conditions>div{display:grid;gap:4px var(--s-5);padding:14px 0;border-bottom:1px solid var(--c-line)}
@media(min-width:768px){.ac-conditions>div{grid-template-columns:14rem minmax(0,1fr)}}
.ac-conditions dt{font-weight:700}
.ac-conditions dd{margin:0;color:var(--c-ink-2);max-width:var(--ac-texte)}
@media(prefers-reduced-motion:reduce){.ac *,.ac *::before,.ac *::after{transition:none!important;animation:none!important}}
a.ac-seul{display:inline-flex;align-items:center;min-height:var(--cible)}
.ac-nav a:focus-visible{outline-offset:-3px}
.ac-badge{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);background:var(--c-ok-soft);color:var(--c-ok);font-size:var(--t-xs);font-weight:600;white-space:nowrap}
.ac{--ac-acc:#7dd8cb;--ac-surface:#151920;--pages:1px 0 0 #cfcac0,2px 1px 0 #e9e4da,3px 1px 0 #bdb7ac,4px 2px 0 #e9e4da,5px 3px 0 #0009;background:#0e1013;color:var(--c-ink)}
.ac .btn{color:#111315!important}.ac .btn--secondaire,.ac .btn--discret,.ac .btn--contour{color:var(--c-ink)!important}
.ac .btn--clair{background:#e6c07f;border-color:#e6c07f}.ac .btn--clair:hover{background:#f3dcae}
.ac .btn--contour,.ac .btn--secondaire{background:#0000;border-color:#46505e}.ac .btn--contour:hover,.ac .btn--secondaire:hover{border-color:#e6c07f;background:#e6c07f12}
.ac .section--soft{background:#12151a}
.ac-nav{background:#0f1216;border-bottom:1px solid #2a3039}
.ac-nav-marque::before{content:"";width:10px;height:10px;border:2px solid var(--ac-acc);transform:rotate(45deg)}
.ac .ac-tete-simple{background:radial-gradient(50% 240px at 50% 0,#1a222c,#0000 70%),#0e1013;border-bottom-color:#2a3039}
.ac .ac-tete-simple h1{font:640 clamp(2rem,1.5rem + 2vw,3.2rem)/1.05 var(--f-titre);letter-spacing:-.032em;color:#f2efe9}
/* SOCLE VITRINE:FIN */

/* ---------- Porte d'entrée : trois chemins ---------- */
.sc-chemins{display:grid;gap:var(--s-4);margin:0 0 var(--s-5)}
@media(min-width:960px){.sc-chemins{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sc-chemin{background:var(--c-surface);border:1px solid var(--c-line);border-top:3px solid var(--c-ok);border-radius:var(--r-3);padding:var(--s-5)}
.sc-chemin--value{border-top-color:var(--c-or)}
.sc-chemin--pro{border-top-color:var(--c-ink)}
.sc-chemin-lettre{margin:0 0 2px;font:700 var(--t-xs)/1.2 var(--f-texte);letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-3)}
.sc-chemin h3{font-size:var(--t-lg);margin:0 0 var(--s-3)}
.sc-chemin-liste{list-style:none;margin:0;padding:0;counter-reset:c}
.sc-chemin-liste li{counter-increment:c;display:grid;gap:2px;padding:12px 0 12px 32px;border-top:1px solid var(--c-line);position:relative}
.sc-chemin-liste li::before{content:counter(c);position:absolute;left:0;top:13px;width:22px;height:22px;border-radius:50%;background:var(--c-surface-2);display:grid;place-items:center;font-size:var(--t-xs);font-weight:700;color:var(--c-ink-2)}
.sc-chemin-liste span{color:var(--c-ink-2);font-size:var(--t-sm)}
.sc-chemin-liste .fine{color:var(--c-ink-3)}
.sc-liens-comp{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--c-ink)}
@media(min-width:768px){.sc-liens-comp{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-7)}}
.sc-liens-comp li{border-bottom:1px solid var(--c-line)}
.sc-liens-comp a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px var(--s-3);min-height:72px;padding:12px 0;text-decoration:none}
.sc-liens-comp a::after{content:"";grid-column:2;grid-row:1/span 2;width:9px;height:9px;border:solid var(--c-ink-3);border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform var(--m-rapide) var(--ease)}
.sc-liens-comp a:hover::after{transform:translateX(3px) rotate(45deg);border-color:var(--c-accent)}
.sc-lc-titre{font:600 var(--t-md)/1.3 var(--f-titre)}
.sc-lc-sous{font-size:var(--t-sm);color:var(--c-ink-3)}

/* États : vide qui guide, squelette, erreur utile */
.sc-vide,.sc-erreur-bloc{padding:var(--s-6);border:1px dashed var(--c-line-2);border-radius:var(--ac-r,16px);background:var(--c-surface);color:var(--c-ink-2)}
.sc-vide p,.sc-erreur-bloc p{margin:0 0 var(--s-2);max-width:40rem}
.sc-vide-titre{font:600 var(--t-lg)/1.3 var(--f-titre);color:var(--c-ink)}
.sc-erreur-bloc{border-style:solid;border-color:var(--c-erreur);background:var(--c-erreur-soft)}
.sc-squelette{display:grid;gap:var(--s-4)}
@media(min-width:1024px){.sc-squelette{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sc-sq-carte{display:grid;gap:12px;padding:var(--s-5);border:1px solid var(--c-line);border-radius:var(--ac-r,16px);background:var(--c-surface)}
.sc-sq-carte span{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--c-surface-2) 0 40%,var(--c-line) 50%,var(--c-surface-2) 60%);background-size:300% 100%;animation:sc-luire 1.2s linear infinite}
.sc-sq-carte span:first-child{height:22px;width:55%}.sc-sq-carte span:nth-child(2){width:35%;height:30px}.sc-sq-carte span:last-child{width:80%}
@keyframes sc-luire{from{background-position:100% 0}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.sc-sq-carte span{animation:none}}

@media(prefers-reduced-motion:reduce){.sc-liens-comp a::after{transition:none}}
.sc-bloc-titre{margin:0 0 4px;font:700 var(--t-xs)/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}
.sc-apercu-chemins{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;gap:10px}
@media(min-width:600px){.sc-apercu-chemins{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sc-apercu-chemins li{padding:14px 16px;border-radius:var(--r-3);background:var(--c-surface-2);border-top:3px solid var(--c-ok)}
.sc-apercu-chemins li:nth-child(2){border-top-color:var(--c-or)}.sc-apercu-chemins li:nth-child(3){border-top-color:var(--c-ink)}
.sc-apercu-chemins b{display:block;font:700 var(--t-xs)/1.3 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}
.sc-apercu-chemins span{display:block;margin-top:4px;font-weight:600;color:var(--c-ink)}
.sc-apercu-chemins small{display:block;margin-top:2px;font-size:var(--t-xs);color:var(--c-ink-3)}
/* DA 3.0 : blocs inverses graphite ; en-tête porté par da-cinema.css (data-theme=da). */
.sc-verdict,.sc-carte-bande,.sc-flux-bloc{--c-sur-encre:#f2efe9;--c-sur-encre-2:#d4d6db;box-shadow:0 0 0 1px #2a3039}
.ac .sc-verdict .btn,.ac .sc-flux-bloc .btn{color:#111315!important}.ac .sc-verdict .btn--secondaire,.ac .sc-flux-bloc .btn--secondaire{color:#f2efe9!important}