.tp-bonne-image {padding:12px 16px;background:#fbfdf7;border:1px solid #bacdb4;border-radius:14px;color:#253327;font:17px/1.4 Arial,sans-serif;box-sizing:border-box;}
.tp-bonne-image [hidden] {display:none!important;}
.tp-bonne-image-consigne {text-align:center;font-size:21px;font-weight:bold;margin:0 0 8px;}
.tp-bonne-image-outils {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px;}
.tp-bonne-image-outils button,.tp-bonne-image [data-bi=reprendre] {min-height:44px;padding:8px 12px;border:1px solid #658462;border-radius:8px;background:#fff;color:#244629;font:inherit;cursor:pointer;}
.tp-bonne-image button:focus-visible {outline:3px solid #183b84;outline-offset:3px;}
.tp-bonne-image [data-bi=sons][aria-pressed=false] {color:#555;background:#eee;}
.tp-bonne-image-incident {margin:4px 0;color:#8a2925;text-align:center;}
.tp-bonne-image [data-bi=exemple] {text-align:center;}
@media(max-width:560px){.tp-bonne-image{padding:10px 8px;}.tp-bonne-image-consigne{font-size:18px;}.tp-bonne-image-outils{gap:6px;}.tp-bonne-image-outils button{font-size:14px;padding:7px 9px;}}

/* Repère de lecture propre à cette activité, y compris sa démonstration. */
.tp-bonne-image[data-retrouve-bonne-image] .tp-choix-unique .tp-choix-unique-mot {
  width:fit-content; min-width:min(100%,5em); max-width:100%;
  margin:20px auto 4px; padding:4px 18px; border:2px solid #b38a34;
  border-radius:14px; background:#fff2c5; color:#233728;
  text-align:center; font-weight:400;
}
@media(max-width:560px) {
  .tp-bonne-image[data-retrouve-bonne-image] .tp-choix-unique .tp-choix-unique-mot {margin-top:16px;}
}
@media(orientation:landscape) and (max-height:480px) and (min-width:600px) {
  .tp-bonne-image[data-retrouve-bonne-image] .tp-choix-unique .tp-choix-unique-mot {
    margin:12px auto 2px; padding-top:3px; padding-bottom:3px;
  }
}