.tp-mot-trou {font:18px/1.4 Arial,sans-serif;color:#233f37;min-width:0;width:100%;container-type:inline-size;}
.tp-mot-trou *, .tp-mot-trou *::before, .tp-mot-trou *::after {box-sizing:border-box;}
.tp-mot-trou [hidden] {display:none!important;}
.tp-mot-trou .tp-mot-trou-question {display:flex;flex-direction:column;align-items:center;gap:10px;min-height:inherit;justify-content:space-evenly;}
.tp-mot-trou .tp-progression-serie {margin:0;width:min(100%,640px);justify-content:center;font:16px/1.3 Arial,sans-serif;}
.tp-mot-trou .tp-progression-serie.tp-progression-serie--empilable {align-items:center;}
.tp-mot-trou .tp-progression-serie-barre {width:240px;max-width:45%;}
.tp-mot-trou .tp-mot-trou-repere {margin:0;font:15px/1.3 Arial,sans-serif;color:#4c6452;}
.tp-mot-trou .tp-mot-trou-illustration {position:relative;width:230px;max-width:100%;height:150px;background:white;border-radius:12px;}
.tp-mot-trou .tp-mot-trou-illustration > img {width:100%;height:100%;object-fit:contain;display:block;}
.tp-mot-trou .tp-mot-trou-panne {position:absolute;inset:0;background:#fffdf5;display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;font-size:16px;}
.tp-mot-trou .tp-mot-trou-action {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:9px 16px;border:2px solid #71976b;border-radius:9px;background:#eef7e8;color:#214d35;font:bold 17px/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer;text-align:center;}
.tp-mot-trou button:focus-visible,.tp-mot-trou a:focus-visible {outline:3px solid #235897;outline-offset:3px;}
.tp-mot-trou .tp-mot-trou-ecouter {background:#fffdf5;font-weight:400;gap:8px;}
.tp-mot-trou .tp-mot-trou-ecouter svg {display:block;flex:none;}
.tp-mot-trou .tp-mot-trou-mot {display:flex;align-items:center;justify-content:center;white-space:nowrap;max-width:100%;margin:4px 0;padding:9px 18px;border:2px solid #b38a34;border-radius:15px;background:#fff2c5;font:46px/1.2 Arial,sans-serif;color:#233f37;}
.tp-mot-trou .tp-mot-trou-mot > span {font:inherit;color:inherit;}
.tp-mot-trou .tp-mot-trou-trou {display:inline-flex;align-items:center;justify-content:center;width:1.45em;min-width:1.45em;height:1.12em;border:2px dashed #9b7a32;border-radius:8px;background:#fffdf4;}
.tp-mot-trou .tp-mot-trou-trou.tp-mot-trou-rempli {border:2px solid #2b7b55;background:#e0f1df;color:#1e6b45;font-weight:bold;}
.tp-mot-trou .tp-mot-trou-choix {display:flex;justify-content:center;gap:24px;padding:4px 12px;width:100%;}
.tp-mot-trou .tp-mot-trou-reponse {position:relative;min-width:108px;min-height:72px;padding:8px 26px;background:#e2eefb;border:2px solid #668db3;border-bottom-width:5px;border-radius:10px;color:#233f37;font:bold 37px/1.2 Arial,sans-serif;cursor:pointer;touch-action:manipulation;}
.tp-mot-trou .tp-mot-trou-graphie {font:inherit;color:inherit;}
.tp-mot-trou .tp-mot-trou-reponse:disabled {opacity:1;cursor:default;}
.tp-mot-trou .tp-mot-trou-correcte {background:#dbefe3;border-color:#28815d;color:#1c5a3e;}
.tp-mot-trou .tp-mot-trou-incorrecte {background:#fbe4e7;border-color:#bd2f43;color:#992739;}
.tp-mot-trou .tp-mot-trou-signe:not(:empty) {position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#277958;border:2px solid #fffdf5;color:#fff;font:bold 18px/1 Arial,sans-serif;}
.tp-mot-trou .tp-mot-trou-incorrecte .tp-mot-trou-signe {background:#bd2f43;}
.tp-mot-trou .tp-mot-trou-retour {min-height:28px;margin:0;font:bold 18px/1.4 Arial,sans-serif;text-align:center;color:#233f37;}
.tp-mot-trou .tp-mot-trou-bilan {display:flex;flex-direction:column;justify-content:space-evenly;gap:14px;min-height:inherit;text-align:center;}
.tp-mot-trou .tp-mot-trou-titre-bilan {font:bold 26px/1.25 Arial,sans-serif;margin:0;color:#233f37;}
.tp-mot-trou .tp-mot-trou-titre-bilan:focus,.tp-mot-trou .tp-mot-trou-retour:focus {outline:none;}
.tp-mot-trou .tp-mot-trou-score {font:20px/1.3 Arial,sans-serif;margin:0;color:#233f37;}
.tp-mot-trou .tp-mot-trou-groupes {display:flex;flex-direction:column;gap:14px;}
.tp-mot-trou .tp-mot-trou-groupe {min-width:0;}
.tp-mot-trou .tp-mot-trou-titre-groupe {font:bold 18px/1.25 Arial,sans-serif;white-space:nowrap;margin:0 0 10px;color:#233f37;}
.tp-mot-trou .tp-mot-trou-liste {display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;}
.tp-mot-trou .tp-mot-trou-liste li {flex:0 1 124px;min-width:120px;max-width:152px;margin:0;padding:0;}
.tp-mot-trou .tp-mot-trou-miniature {display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;min-height:48px;padding:7px 5px;border:1px solid #bccab8;border-radius:10px;background:#fffdf5;color:#233f37;cursor:pointer;font:20px/1.3 Arial,sans-serif;}
.tp-mot-trou .tp-mot-trou-reussis .tp-mot-trou-miniature {background:#eff7e7;}
.tp-mot-trou .tp-mot-trou-mini-image {display:block;position:relative;width:100%;max-width:120px;height:86px;}
.tp-mot-trou .tp-mot-trou-mini-image img {display:block;width:100%;height:86px;object-fit:contain;}
.tp-mot-trou .tp-mot-trou-coche {position:absolute;top:1px;right:1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:white;color:#247438;font:bold 22px/1 Arial,sans-serif;}
.tp-mot-trou .tp-mot-trou-mini-mot {font:inherit;color:inherit;white-space:nowrap;}
.tp-mot-trou .tp-mot-trou-mini-mot strong {font-weight:bold;color:#1e6b45;}
.tp-mot-trou .tp-mot-trou-mixte .tp-mot-trou-revoir {border-top:3px solid #65735b;padding-top:14px;}
.tp-mot-trou .tp-mot-trou-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
@container (min-width:680px) {
 .tp-mot-trou .tp-mot-trou-groupes {flex-direction:row;gap:12px;}
 .tp-mot-trou .tp-mot-trou-groupe {flex:var(--tp-mot-effectif) 1 0;}
 .tp-mot-trou .tp-mot-trou-liste li {flex:1 1 120px;}
 .tp-mot-trou .tp-mot-trou-mixte .tp-mot-trou-revoir {border-top:0;padding-top:0;border-left:3px solid #65735b;padding-left:14px;}
}
@container (max-width:420px) {
 .tp-mot-trou .tp-mot-trou-mot {font-size:32px;padding:9px 10px;}
 .tp-mot-trou .tp-mot-trou-illustration {height:148px;width:210px;}
 .tp-mot-trou .tp-mot-trou-reponse {min-width:96px;font-size:34px;padding:8px 20px;}
 .tp-mot-trou .tp-mot-trou-titre-bilan {font-size:24px;}
}
.tp-mot-trou-demo .tp-mot-trou-question {gap:8px;}
.tp-mot-trou-demo .tp-progression-serie,.tp-mot-trou-demo .tp-mot-trou-repere,.tp-mot-trou-demo .tp-mot-trou-ecouter {display:none;}
.tp-mot-trou-demo .tp-mot-trou-illustration {height:126px;width:170px;}
.tp-mot-trou-demo .tp-mot-trou-mot {font-size:34px;padding:6px 12px;}
.tp-mot-trou-demo .tp-mot-trou-reponse {min-width:82px;min-height:58px;font-size:28px;}
.tp-mot-trou-demo-main-zone {position:relative;height:64px;width:100%;}
.tp-mot-trou-demo-main {position:absolute;top:-10px;left:0;width:64px;height:64px;pointer-events:none;transition:transform .65s ease;}
.tp-mot-trou-demo-appui {filter:drop-shadow(0 0 4px #d28b00);}
@media(prefers-reduced-motion:reduce){.tp-mot-trou-demo-main{transition:none;}}