/* enonces.css — styles légers, réutilise déjà .card/.btn/.muted de ta page */
.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.seed{margin-left:auto}
.eno-text{padding:10px}
/* Limite la largeur du SVG TikZ pour rester responsive */
#tikzScript + svg{max-width:100%}
#enoSVG{
  display:block;           /* évite le petit espace inline */
  width:100%;
  height:auto;             /* garde le ratio si le SVG a un viewBox correct */
  max-height:50vh;         /* évite qu’il prenne toute la page */
  object-fit:contain;      /* utile si le ratio natif est exotique */
  background:#fff;         /* ton choix */
/*  border:1px solid #22356b; */
  border: none !important;
/*  border-radius:8px;*/
}
#enoSVG_wrap { border: none !important; background: transparent !important; padding: 0 !important; }
/* wrapper de l’énoncé + figure */
.eno-wrap{
  display: grid;
  grid-template-columns: 2fr 1fr;   /* 2/3 texte — 1/3 image */
  gap: 10px;
  margin-top: 10px;
  align-items: start;
}

/* texte : autoriser les césures/retours corrects */
.eno-text{ min-width: 0; }

/* image responsive, calée à droite de sa colonne */
.eno-fig{
  max-width: 100%;
  height: auto;
  display: block;          /* ton JS enlèvera le display:none inline */
  justify-self: end;       /* colle à droite */
}

/* Variante “figure absente” : repasse en 1 colonne si tu ajoutes .no-fig au wrapper */
.eno-wrap.no-fig{
  grid-template-columns: 1fr;
}

/* Responsive : empile sur mobile */
@media (max-width: 800px){
  .eno-wrap{ grid-template-columns: 1fr; }
  .eno-fig{ justify-self: center; }
}