/* Éducation populaire — même maison que tousensembles2027 et velo. */
:root {
  --te:#2f827f; --te-fonce:#256663; --te-clair:#7fd3c8; --te-pale:#e4f1ef;
  --papier:#f6f5f0; --surface:#fff; --surface-2:#f1f0ea;
  --encre:#16180f; --doux:#5b6055; --bord:#e3e2d8;
  --ombre-1:0 1px 2px rgba(16,18,16,.06),0 2px 8px rgba(16,18,16,.05);
  --ombre-2:0 2px 6px rgba(16,18,16,.08),0 14px 34px rgba(16,18,16,.12);
  --rayon:14px; --rayon-s:10px;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--encre);font:17px/1.65 var(--sans)}
a{color:var(--te)} a:hover{color:var(--te-fonce)}
:where(a,button):focus-visible{outline:3px solid var(--te);outline-offset:2px}
.evitement{position:absolute;left:-9999px}
.evitement:focus{left:.6rem;top:.6rem;background:var(--surface);padding:.6rem .9rem;
  border-radius:var(--rayon-s);box-shadow:var(--ombre-2);z-index:50}

.entete{position:sticky;top:0;z-index:30;background:var(--surface);
  border-bottom:1px solid var(--bord)}
.entete-boite{max-width:60rem;margin:0 auto;padding:.55rem 1rem;display:flex;
  align-items:center;gap:1rem;flex-wrap:wrap}
.marque{margin:0;display:flex;align-items:center;gap:.6rem}
.marque img{width:2.2rem;height:2.2rem;border-radius:50%}
.marque a{text-decoration:none;color:var(--encre);font-weight:700;line-height:1.1}
.marque b{color:var(--te);font-weight:800}
.marque small{display:block;font-size:.68rem;font-weight:500;color:var(--doux)}
.entete nav{margin-left:auto}
.entete nav ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.entete nav a{display:block;padding:.5rem .7rem;border-radius:999px;font-size:.9rem;
  color:var(--encre);text-decoration:none}
.entete nav a:hover{background:var(--te-pale);color:var(--te-fonce)}

main{max-width:60rem;margin:0 auto;padding:1.6rem 1rem 4rem}
h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1;margin:0 0 .5rem;letter-spacing:-.02em}
h2{font-size:clamp(1.3rem,3.4vw,1.8rem);margin:2.6rem 0 .4rem}
h3.jour{font-size:1.05rem;margin:1.8rem 0 .6rem;color:var(--doux);
  text-transform:capitalize;letter-spacing:.01em}
.chapo{font-size:1.06rem;color:var(--doux);max-width:44rem}
.hero{background:linear-gradient(135deg,var(--te-clair) 0%,var(--te) 62%,var(--te-fonce) 100%);
  color:#fff;border-radius:var(--rayon);padding:2rem 1.5rem;margin-bottom:1.4rem}
.hero .chapo{color:rgba(255,255,255,.94)}
.hero .compteurs{margin:.8rem 0 0;font-size:.9rem;opacity:.9}
.evenement .chapo a{color:var(--te)}

.seances{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.8rem;
  grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}
.seance{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);
  box-shadow:var(--ombre-1);padding:1rem 1.1rem}
.seance h4{margin:.2rem 0 .4rem;font-size:1.02rem;line-height:1.35}
.seance h4 a{text-decoration:none}
.seance h4 a:hover{text-decoration:underline}
.genre{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;
  font-weight:700;color:var(--te)}
.extrait{margin:.2rem 0 .5rem;font-size:.92rem;color:var(--doux)}
.meta{margin:0;font-size:.8rem;color:var(--doux)}

.pied{border-top:1px solid var(--bord);background:var(--surface);margin-top:2rem}
.pied p{max-width:60rem;margin:0 auto;padding:.4rem 1rem;color:var(--doux);font-size:.92rem}
.pied p:first-child{padding-top:1.4rem}
.pied p:last-child{padding-bottom:1.4rem}