/* DYNSEO Enrichment — modules injectés. Palette DYNSEO Jeux, auto-suffisant. */
.dynen{
  --dynen-bleu:#5e5ed7; --dynen-bleu-f:#5268c9; --dynen-rose:#e73469;
  --dynen-encre:#1d1d2e; --dynen-gris:#5c5c72; --dynen-fond:#f6f6fd;
  --dynen-radius:18px; --dynen-sh:0 6px 24px rgba(29,29,46,.08);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--dynen-encre); margin:2em 0; max-width:860px;
}
.dynen *{box-sizing:border-box;}
.dynen-h{font-weight:800; font-size:1.1rem; margin:0 0 .7em; letter-spacing:-.01em;}
.dynen-grid{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(215px,1fr));}
.dynen-grid--ico{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}

.dynen-card{
  display:flex; flex-direction:column; background:#fff; border-radius:var(--dynen-radius);
  box-shadow:var(--dynen-sh); padding:16px 18px; text-decoration:none; color:var(--dynen-encre);
  transition:transform .15s ease;
}
.dynen-card:hover{transform:translateY(-3px); color:var(--dynen-encre);}
.dynen-tag{
  align-self:flex-start; font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  background:#e9e9fb; color:var(--dynen-bleu-f); padding:3px 10px; border-radius:999px; margin-bottom:.5em;
}
.dynen-card b{font-size:1.06rem; margin-bottom:.2em;}
.dynen-desc{font-size:.9rem; color:var(--dynen-gris);}
.dynen-go{margin-top:.7em; font-weight:700; color:var(--dynen-bleu-f); font-size:.86rem;}

/* Ressources citées : cartes-icônes */
.dynen-ico{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:.4em;
  background:#fff; border-radius:16px; box-shadow:var(--dynen-sh); padding:14px 12px;
  text-decoration:none; color:var(--dynen-encre); transition:transform .15s ease;
}
.dynen-ico:hover{transform:translateY(-3px); color:var(--dynen-encre);}
.dynen-ico img{width:56px; height:56px; display:block;}
.dynen-ico b{font-size:.86rem; font-weight:700; line-height:1.25;}
.dynen-ico .dynen-go{margin-top:.1em; font-size:.78rem; color:var(--dynen-dom,var(--dynen-bleu-f));}

/* Teintes de domaine (colore le lien "découvrir") */
.dynen-dom--memoire{--dynen-dom:#5268c9;} .dynen-dom--attention{--dynen-dom:#1b7f86;}
.dynen-dom--langage{--dynen-dom:#b35a2a;} .dynen-dom--emotions{--dynen-dom:#c0295a;}
.dynen-dom--logique{--dynen-dom:#5e5ed7;} .dynen-dom--apprentissage{--dynen-dom:#8a6a13;}
.dynen-dom--autonomie{--dynen-dom:#25795c;}

@media (prefers-reduced-motion:reduce){ .dynen *{transition:none !important;} }

/* ===== Bloc « Dans cet article » (haut de page) ===== */
.dynen-inarticle{
  background:var(--dynen-fond); border-radius:var(--dynen-radius);
  padding:20px 22px; box-shadow:var(--dynen-sh);
}
.dynen-sub{font-weight:800; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase;
  color:var(--dynen-gris); margin:1.1em 0 .6em;}
.dynen-inarticle > .dynen-sub:first-of-type{margin-top:.4em;}

/* Carte formation (image + corps) */
.dynen-form{display:grid; grid-template-columns:minmax(0,1fr); background:#fff; border-radius:14px;
  box-shadow:var(--dynen-sh); overflow:hidden; text-decoration:none; color:var(--dynen-encre);
  transition:transform .15s ease;}
.dynen-form:hover{transform:translateY(-3px); color:var(--dynen-encre);}
@media(min-width:640px){.dynen-form{grid-template-columns:40% minmax(0,1fr);}}
.dynen-form__img{background:var(--dynen-fond);}
.dynen-form__img img{width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:16/9;}
.dynen-form__body{padding:16px 18px; display:flex; flex-direction:column;}
.dynen-form__body b{font-size:1.05rem; margin:.1em 0 .3em; line-height:1.25;}
.dynen-tag--quali{background:#fff3cd; color:#8a6a13;}

/* Carnets (covers carrées) */
.dynen-covers{display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.dynen-cover{display:flex; flex-direction:column; text-decoration:none; color:var(--dynen-encre);
  background:#fff; border-radius:13px; box-shadow:var(--dynen-sh); overflow:hidden; transition:transform .15s ease;}
.dynen-cover:hover{transform:translateY(-3px); color:var(--dynen-encre);}
.dynen-cover img{width:100%; aspect-ratio:1/1; object-fit:cover; display:block;}
.dynen-cover span{padding:8px 10px; font-size:.78rem; font-weight:600; line-height:1.2;}
.dynen-cover--more{align-items:center; justify-content:center; text-align:center; background:var(--dynen-bleu);
  min-height:120px;}
.dynen-cover--more span{color:#fff; font-weight:700; font-size:.85rem;}