
/* Jeux pédagogiques P3, un même composant pour chaque thème */
.mf-games{clear:both;margin:30px auto;padding:22px;max-width:1150px;background:#f1f9ff;color:#123d5a;border:2px solid #bedff3;border-radius:20px;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}
.mf-games *{box-sizing:border-box}.mf-games h2{margin:0 0 10px;font-size:1.5rem;color:#0b4d80}.mf-games .mf-small{font-size:.86rem;color:#426781;font-weight:400}
.mf-games .mf-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.mf-games button{font:inherit;min-height:46px;cursor:pointer;border:2px solid #a8d4ec;border-radius:12px;padding:10px 13px;background:#fff;color:#103f61;font-weight:700}
.mf-games button[aria-selected=true],.mf-games button.mf-main{background:#116fae;color:#fff;border-color:#116fae}.mf-games button:focus-visible{outline:3px solid #eab72a;outline-offset:3px}.mf-games button:disabled{cursor:default}
.mf-games .mf-board{border:1px solid #cde5f2;border-radius:14px;background:#fff;padding:16px}.mf-games .mf-info{font-weight:800;margin:0 0 12px}.mf-games .mf-note{color:#426781;margin:5px 0 12px}.mf-games .mf-feedback{min-height:26px;margin:14px 0 0;font-weight:800;color:#155888}
.mf-games .mf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mf-games .mf-grid.mf-memory{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-games .mf-grid.mf-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
.mf-games .mf-grid button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;overflow-wrap:anywhere;min-width:0}.mf-games .mf-grid.mf-memory button{min-height:110px;padding:8px}.mf-games .mf-grid.mf-choice button{min-height:80px;padding:12px}
.mf-games img{display:block;max-width:100%;width:145px;height:105px;object-fit:contain;margin:auto}.mf-games img.mf-main-image{width:min(100%,270px);height:180px;margin:8px auto 15px}
.mf-games .mf-ok{background:#d8f7e5!important;border-color:#2b9b64!important;color:#165b38!important}.mf-games .mf-no{background:#fce5e6!important;border-color:#d45764!important;color:#86262c!important}.mf-games .mf-cover{font-size:2rem}
.mf-games .mf-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.mf-games .mf-order{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.mf-games .mf-order button{min-width:60px}.mf-games .mf-order strong{font-size:1.15rem}.mf-games .mf-muted{font-size:.85rem;color:#527089}.mf-games .mf-no-audio{display:inline-block;color:#865821;margin:6px 0}
@media(max-width:570px){.mf-games{padding:14px;margin:22px auto}.mf-games .mf-board{padding:10px}.mf-games .mf-grid.mf-memory{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-games .mf-grid.mf-choice img{height:84px}.mf-games .mf-grid.mf-memory button{min-height:96px}.mf-games .mf-tabs button{flex:1 1 135px}.mf-games .mf-grid.mf-choice button{padding:8px}}
