/* Saphélis Social AI — « Mon stack réseaux sociaux » : assistant en 6 étapes, trois chemins, flux, checklist imprimable. */
/* ---------- Mon stack : assistant en 6 étapes ---------- */
.sc-section-stack{padding-top:var(--s-6)}
.sc-stack-grille{display:grid;gap:var(--s-6);align-items:start}
@media(min-width:1024px){.sc-stack-grille{grid-template-columns:minmax(0,27rem) minmax(0,1fr);gap:var(--s-7)}.sc-stack-grille.a-resultat{grid-template-columns:minmax(0,1fr)}}
.sc-assistant{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--ac-r,16px);padding:var(--s-5)}
@media(min-width:1024px){.sc-stack-grille:not(.a-resultat) .sc-assistant{position:sticky;top:calc(var(--tete-bas,80px) + 16px)}}
.sc-progres{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;list-style:none;margin:0 0 var(--s-5);padding:0;font-size:0}
.sc-progres li{height:4px;border-radius:99px;background:var(--c-line);transition:background var(--m-base) var(--ease)}
.sc-progres li span{display:none}
.sc-progres li.est-faite,.sc-progres li.est-courante{background:var(--c-ink)}
.sc-progres li.est-courante{background:var(--c-or)}
.sc-etape{border:0;margin:0;padding:0;min-width:0}
.js .sc-assistant:not(.tout-voir) .sc-etape:not(.est-active){display:none}
.sc-etape+.sc-etape{margin-top:var(--s-6)}
.js .sc-assistant:not(.tout-voir) .sc-etape+.sc-etape{margin-top:0}
.sc-etape legend{display:grid;gap:2px;padding:0;margin:0 0 var(--s-2)}
.sc-etape-no{font:600 var(--t-xs)/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent)}
.sc-etape-titre{font:600 var(--t-xl)/1.2 var(--f-titre);letter-spacing:-.02em;color:var(--c-ink)}
.sc-etape-aide{margin:0 0 var(--s-4);color:var(--c-ink-2);font-size:var(--t-sm)}
.sc-grille-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sc-grille-choix--larges{grid-template-columns:1fr}
@media(max-width:359px){.sc-grille-choix{grid-template-columns:1fr}}
.sc-choix{position:relative;display:flex;min-height:48px;cursor:pointer}
.sc-choix input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sc-choix-corps{flex:1;display:grid;align-content:center;gap:2px;padding:10px 12px 10px 40px;border:1px solid var(--c-line-2);border-radius:var(--r-2);background:var(--c-surface);transition:border-color var(--m-rapide) var(--ease),background var(--m-rapide) var(--ease);position:relative}
.sc-choix-corps::before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border:1.5px solid var(--c-ink-3);border-radius:50%;background:var(--c-surface)}
.sc-choix--case .sc-choix-corps::before{border-radius:4px}
.sc-choix:hover .sc-choix-corps{border-color:var(--c-ink)}
.sc-choix input:checked+.sc-choix-corps{border-color:var(--c-ink);background:var(--c-surface-2);box-shadow:inset 0 0 0 1px var(--c-ink)}
.sc-choix input:checked+.sc-choix-corps::before{border-color:var(--c-ink);background:var(--c-ink)}
.sc-choix input[type=radio]:checked+.sc-choix-corps::before{box-shadow:inset 0 0 0 4px var(--c-surface)}
.sc-choix--case input:checked+.sc-choix-corps::after{content:"";position:absolute;left:18px;top:50%;width:5px;height:10px;margin-top:-7px;border:solid var(--c-surface);border-width:0 2px 2px 0;transform:rotate(40deg)}
.sc-choix input:focus-visible+.sc-choix-corps{outline:3px solid var(--c-focus);outline-offset:2px}
.sc-choix-lib{font-weight:600;font-size:var(--t-sm);line-height:1.3}
.sc-choix-aide{font-size:var(--t-xs);color:var(--c-ink-3);line-height:1.35}
.sc-erreur{margin:var(--s-3) 0 0;color:var(--c-erreur);font-weight:600;font-size:var(--t-sm)}
.sc-nav-etapes{display:flex;gap:var(--s-3);justify-content:space-between;margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-line)}
.sc-nav-etapes .btn{flex:1}
.sc-nav-etapes [data-precedent]{flex:0 0 auto}
.sc-memoire{margin-top:var(--s-4);display:grid;gap:4px}
.sc-case-memoire{display:flex;align-items:center;gap:10px;min-height:44px;font-size:var(--t-sm);font-weight:600;cursor:pointer}
.sc-case-memoire input{width:18px;height:18px;accent-color:var(--c-ink);margin:0}
.sc-memoire .fine{margin:0}
.sc-btn-lien{justify-self:start;background:none;border:0;padding:0;min-height:44px;font:600 var(--t-sm)/1 var(--f-texte);color:var(--c-ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sc-resume-reponses{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:var(--s-4) var(--s-5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--ac-r,16px)}
.sc-resume-reponses p{margin:0 var(--s-2) 0 0;font-weight:600}
.sc-puce{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:var(--r-pill);background:var(--c-surface-2);font-size:var(--t-sm)}
.sc-resume-reponses .btn{margin-left:auto}

/* ---------- Résultat : trois chemins ---------- */
.sc-resultat:focus{outline:0}
.sc-res-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4);margin:var(--s-6) 0 var(--s-4)}
.sc-res-tete h2{margin:0}
.sc-res-tete .fine{margin:0}
.sc-cartes{display:grid;gap:var(--s-4);list-style:none;margin:0;padding:0}
@media(min-width:1100px){.sc-cartes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.sc-carte{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--ac-r,16px);overflow:hidden;min-width:0}
.sc-carte--recommande{border:2px solid var(--c-ink);box-shadow:var(--elev-2)}
.sc-carte-bande{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px var(--s-5);background:var(--c-surface-2);font:700 var(--t-xs)/1.2 var(--f-texte);letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-2)}
.sc-carte--recommande .sc-carte-bande{background:var(--c-noir);color:var(--c-sur-encre)}
.sc-carte-bande small{font-weight:600;letter-spacing:0;text-transform:none;font-size:var(--t-xs)}
.sc-carte-corps{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);flex:1}
.sc-carte h3{margin:0;font-size:var(--t-lg)}
.sc-carte-pour{margin:2px 0 0;color:var(--c-ink-3);font-size:var(--t-sm)}
.sc-carte-cout{display:grid;gap:2px;padding:var(--s-3) 0;border-block:1px solid var(--c-line)}
.sc-carte-cout strong{font:700 var(--t-2xl)/1.05 var(--f-titre);letter-spacing:-.02em}
.sc-carte-cout span{font-size:var(--t-sm);color:var(--c-ink-3)}
.sc-outils{list-style:none;margin:0;padding:0}
.sc-outils li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 0;border-top:1px solid var(--c-line);font-size:var(--t-sm)}
.sc-outils li:first-child{border-top:0;padding-top:0}
.sc-outil-nom{font-weight:600}
.sc-outil-nom a{text-decoration:none}
.sc-outil-prix{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-outil-detail{grid-column:1/-1;color:var(--c-ink-3);font-size:var(--t-xs)}
.sc-outil-nom .sc-outil-detail,.sc-outil-prix .sc-outil-detail{display:block;font-weight:400}
.sc-suffit{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 var(--s-4);padding:12px 16px;border-radius:var(--r-3);background:var(--c-ok-soft);color:var(--c-ink);font-weight:600}
.sc-tag{display:inline-block;padding:1px 8px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;background:var(--c-ok-soft);color:var(--c-ok);vertical-align:1px}
.sc-tag--estim{background:var(--c-attente-soft);color:var(--c-attente)}
.sc-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}
.sc-meta dt{font-size:var(--t-xs);color:var(--c-ink-3);letter-spacing:.02em}
.sc-meta dd{margin:0;font-weight:600;font-size:var(--t-sm)}
.sc-carte .ac-coches,.sc-carte .ac-limites{margin:0;font-size:var(--t-sm)}
.sc-carte .ac-coches>li,.sc-carte .ac-limites>li{padding:3px 0 3px 26px}
.sc-carte .ac-coches>li::before{top:10px}.sc-carte .ac-limites>li::before{top:13px}
.sc-gain{padding:var(--s-3) var(--s-4);border-radius:var(--r-3);background:var(--c-surface-2);font-size:var(--t-sm)}
.sc-gain p{margin:0}
.sc-gain ul{margin:6px 0;padding-left:1.1em;color:var(--c-ink-2)}
.sc-gain-verdict{font-weight:600}
.sc-budget{margin:0;display:grid;gap:0;border:1px solid var(--c-line);border-radius:var(--r-3);overflow:hidden;font-size:var(--t-sm)}
.sc-budget>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 12px;border-top:1px solid var(--c-line)}
.sc-budget>div:first-child{border-top:0}
.sc-budget dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.sc-budget .sc-budget-total{background:var(--c-surface-2)}
.sc-carte-actions{display:grid;gap:8px;margin-top:auto;padding-top:var(--s-2)}
.sc-carte-actions .btn{width:100%}
.sc-hors-budget{margin:0;padding:8px 12px;border-radius:var(--r-2);background:var(--c-attente-soft);color:var(--c-attente);font-size:var(--t-sm);font-weight:600}

/* Flux en 5 secondes */
.sc-flux-bloc{margin:var(--s-6) 0 0;padding:var(--s-5);background:var(--c-noir);color:var(--c-sur-encre);border-radius:var(--ac-r,16px)}
.sc-flux-bloc h2{font-size:var(--t-xl);margin:0 0 var(--s-4)}
.sc-flux{list-style:none;margin:0;padding:0;display:grid;gap:18px}
@media(min-width:768px){.sc-flux{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}}
.sc-flux li{position:relative;display:grid;gap:2px;padding:12px 14px;border:1px solid rgba(248,246,241,.22);border-radius:var(--r-3);background:rgba(248,246,241,.04)}
@media(min-width:768px){.sc-flux li{margin-right:22px}.sc-flux li:last-child{margin-right:0}.sc-flux li:not(:last-child)::after{content:"";position:absolute;right:-16px;top:50%;width:9px;height:9px;margin-top:-5px;border:solid var(--c-or);border-width:2px 2px 0 0;transform:rotate(45deg)}}
@media(max-width:767px){.sc-flux li:not(:last-child)::after{content:"";position:absolute;left:22px;bottom:-14px;width:8px;height:8px;border:solid var(--c-or);border-width:0 2px 2px 0;transform:rotate(45deg);background:var(--c-noir)}}
.sc-flux b{font:700 var(--t-xs)/1.2 var(--f-texte);letter-spacing:.09em;text-transform:uppercase;color:var(--c-or-clair)}
.sc-flux span{font-size:var(--t-sm);color:var(--c-sur-encre);overflow-wrap:anywhere}
.sc-flux-pied{margin:var(--s-4) 0 0;color:var(--c-sur-encre-2);font-size:var(--t-sm)}

/* Checklist d'installation imprimable */
.sc-installer{margin:var(--s-6) 0 0;padding:var(--s-5);border:1px solid var(--c-line);border-top:3px solid var(--c-or);border-radius:var(--ac-r,16px);background:var(--c-surface)}
.sc-installer-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--s-3)}
.sc-installer h2{font-size:var(--t-xl);margin:0}
.sc-check{list-style:none;margin:var(--s-4) 0 0;padding:0;counter-reset:k}
.sc-check li{counter-increment:k;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--c-line)}
.sc-check li::before{content:"";width:20px;height:20px;margin-top:2px;border:1.5px solid var(--c-ink-3);border-radius:4px}
.sc-onglets-chemin{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s-3) 0 0}
.sc-onglets-chemin button{min-height:44px;padding:0 14px;border:1px solid var(--c-line-2);border-radius:var(--r-pill);background:var(--c-surface);font:600 var(--t-sm)/1 var(--f-texte);cursor:pointer}
.sc-onglets-chemin button[aria-pressed="true"]{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}

@media(prefers-reduced-motion:reduce){.sc-progres li,.sc-choix-corps{transition:none}}
/* Impression : seule la checklist d'installation choisie (bouton « Imprimer la checklist »). */
@media print{
  body.sc-imprime-check *{visibility:hidden}
  body.sc-imprime-check .sc-installer,body.sc-imprime-check .sc-installer *{visibility:visible}
  body.sc-imprime-check .sc-installer{position:absolute;left:0;top:0;width:100%;border:0}
  .sc-installer [data-imprimer],.sc-onglets-chemin{display:none!important}
}