/* Espoir Citoyen Mag V9 — Exposition, Preuve, Télécommande. */
.expo-choix{gap:.6rem}
.expo-siret{display:grid;gap:.35rem;font-size:.9rem;color:var(--gris);max-width:24rem;width:100%}
.expo-siret>div{display:flex;gap:.5rem;flex-wrap:wrap}
.expo-siret input{flex:1 1 12rem;min-width:0;min-height:44px;padding:.5rem .9rem;border-radius:999px;border:0;background:var(--blanc,#fff);box-shadow:inset 0 0 0 1.5px var(--filet);font:500 1rem var(--sans);color:var(--encre)}
.expo-siret input:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}
.expo-msg{margin:0;min-height:1.2em;font-size:.85rem}
.expo-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:start;margin-top:.4rem}
.expo-c{background:var(--blanc,#fff);border-radius:18px;padding:1.3rem 1.4rem 1.2rem;box-shadow:0 1px 0 var(--filet),0 18px 40px -32px rgba(7,10,24,.4);border-top:4px solid var(--bleu);min-width:0}
.expo-c.vide{border-top-color:var(--filet)}
.expo-tag{display:inline-block;border-radius:7px;padding:.28rem .5rem;background:var(--bleup,#E8EDFF);color:var(--bleu3,#1B2FA8);font:700 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.expo-c h2{font-size:1.02rem;margin:.75rem 0 .2rem;color:var(--encre2);font-weight:600}
.expo-n{font:800 clamp(2.2rem,6vw,3.1rem)/1 var(--titre,var(--sans));letter-spacing:-.02em;color:var(--encre);margin:.1rem 0 .35rem;font-variant-numeric:tabular-nums}
.expo-n small{font-size:.42em;font-weight:600;letter-spacing:0;color:var(--encre2);margin-left:.25em}
.expo-p{margin:.2rem 0 .5rem;color:var(--encre2);font-size:.95rem}
.expo-l{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.5rem;font-size:.9rem}
.expo-l li{padding-top:.5rem;border-top:1px solid var(--filet2,var(--filet))}
.expo-l a{font-weight:600}
.expo-l span{display:block;color:var(--gris);font-size:.82rem;margin-top:.1rem}
.expo-src{margin:.8rem 0 0;font-size:.78rem;color:var(--gris)}
.expo-src a{color:inherit}
.expo-part{margin:.9rem 0 0;padding:.8rem .9rem;border-radius:12px;background:var(--papier,#F4F0E6);font-size:.86rem;color:var(--encre2)}
.expo-part a{font-weight:700}
.expo-part small{display:block;margin-top:.3rem;color:var(--gris);font-size:.76rem}
.expo-h2{font-size:clamp(1.3rem,3vw,1.8rem);margin:2.4rem 0 1rem}
.br-outils{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.br-outils button{min-height:40px;padding:.4rem .85rem;border-radius:999px;border:0;background:var(--filet2,#EEE9DC);color:var(--encre2);font:600 .82rem var(--sans);cursor:pointer}
.br-outils button:hover{background:var(--bleup,#E8EDFF);color:var(--bleu3,#1B2FA8)}
.br-outils button:focus-visible,.br-ecoute:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}
.br-ecoute[aria-pressed="true"]{background:var(--encre);color:#fff}
/* preuve */
.prv-form{max-width:30rem}
.prv-form input{font-family:var(--mono);font-size:.82rem}
.prv-f{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start;margin:.6rem 0 2rem}
.prv-f img{width:100%;height:auto;border-radius:16px;box-shadow:0 22px 50px -34px rgba(7,10,24,.6);aspect-ratio:1200/630;background:#050816}
.prv-t{background:var(--blanc,#fff);border-radius:18px;padding:1.3rem 1.4rem;box-shadow:0 1px 0 var(--filet),0 18px 40px -32px rgba(7,10,24,.4);min-width:0}
.prv-t h2{font-size:1.25rem;line-height:1.2;margin:.7rem 0 .4rem}
.prv-t dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem .9rem;margin:.9rem 0 0;font-size:.88rem}
.prv-t dt{color:var(--gris)}
.prv-t dd{margin:0;overflow-wrap:anywhere}
.prv-t code{font-family:var(--mono);font-size:.78rem;overflow-wrap:anywhere}
.prv-ok{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.34rem .75rem;font:700 .8rem var(--sans);background:#E3F6EA;color:#0E5A2E}
.prv-ok.att{background:var(--ambrep,#FFF1D6);color:#6E4300}
.prv-t details{margin-top:.9rem;font-size:.86rem}
.prv-t pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--papier,#F4F0E6);padding:.7rem .8rem;border-radius:10px;font:500 .76rem/1.5 var(--mono)}
.prv-expl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:1.4rem}
.prv-expl h2{font-size:1.02rem;margin:0 0 .4rem}
.prv-expl p{margin:0;color:var(--encre2);font-size:.92rem}
@media (max-width:820px){.prv-f{grid-template-columns:1fr}}
/* télécommande : pensée pour le pouce */
.tac{padding-top:clamp(1.4rem,5vw,3rem)}
.tac .w{max-width:44rem}
.tac-h{font-size:clamp(1.8rem,6vw,2.6rem);margin:.4rem 0 .2rem}
.tac-etat{color:var(--gris);margin:0 0 1rem}
.tac-c{background:var(--blanc,#fff);border-radius:22px;padding:1.2rem 1.2rem 1.3rem;box-shadow:0 1px 0 var(--filet),0 26px 60px -40px rgba(7,10,24,.55)}
.tac-n{font:700 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bleu3,#1B2FA8)}
.tac-c textarea{width:100%;margin:.6rem 0 .2rem;padding:.7rem .8rem;border-radius:14px;border:0;box-shadow:inset 0 0 0 1.5px var(--filet);font:700 1.2rem/1.25 var(--sans);color:var(--encre);resize:vertical;min-height:5.2rem;background:var(--papier,#F4F0E6)}
.tac-c textarea:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}
.tac-aide{font-size:.8rem;color:var(--gris);margin:0 0 .6rem}
.tac-ch{margin:.4rem 0 .8rem;padding:.7rem .8rem;border-radius:12px;background:var(--bleup,#E8EDFF);font-size:.92rem}
.tac-ch small{display:block;color:var(--gris);margin-top:.25rem}
.tac-src{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}
.tac-src a{display:block;padding:.7rem .8rem;border-radius:12px;background:var(--filet2,#EEE9DC);text-decoration:none;font-size:.9rem;color:var(--encre)}
.tac-src a b{display:block;font-size:.76rem;color:var(--bleu3,#1B2FA8);letter-spacing:.04em}
.tac-src a.vu{box-shadow:inset 0 0 0 2px #1F8A4C}
.tac-b{display:grid;gap:.6rem}
.tac-b button{min-height:64px;border-radius:18px;border:0;font:800 1.05rem var(--sans);cursor:pointer;padding:.6rem 1rem}
.tac-b button:focus-visible{outline:3px solid var(--bleu);outline-offset:3px}
.tac-ok{background:#12803F;color:#fff}
.tac-ok[disabled]{background:var(--filet);color:var(--gris);cursor:not-allowed}
.tac-edit{background:var(--encre);color:#fff}
.tac-non{background:var(--filet2,#EEE9DC);color:var(--encre)}
.tac-pied{margin-top:1.2rem;font-size:.84rem;color:var(--gris)}
