/* Cadre propre à cette activité ; le module et les descriptions gardent leurs feuilles communes. */
.tp-bi-hote #tp-bi-contenu {
  grid-column:1 / -1; grid-row:6; order:8; min-width:0; --bi-marge:14px;
}
.tp-bi-hote .tp-bi-cadre {
  box-sizing:border-box; margin:0 var(--bi-marge); padding:18px;
  border-radius:12px; background:#f8f7ef; color:#263c35;
  font:17px/1.5 Arial,sans-serif; scroll-margin-top:6px;
}
.tp-bi-hote .tp-bi-cadre h1 {margin:0 0 10px;color:#203e33;text-align:center;font:bold clamp(24px,3vw,34px)/1.2 Arial,sans-serif;}
.tp-bi-hote .tp-bi-cadre h2 {margin:8px 0 12px;color:#203e33;text-align:center;font:bold 21px/1.3 Arial,sans-serif;}
.tp-bi-hote .tp-bi-accueil {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;}
.tp-bi-hote .tp-bi-invitation {text-align:center;}
.tp-bi-hote .tp-bi-invitation p {font:inherit;color:inherit;text-align:left;margin:14px 0;}
.tp-bi-hote .tp-bi-jouer {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 30px;border:1px solid #174b34;border-radius:9px;background:#236147;color:white;font:bold 20px/1.3 Arial,sans-serif;text-decoration:none;}
.tp-bi-hote .tp-bi-jouer:hover {background:#194d36;}
.tp-bi-hote .tp-bi-jouer:focus-visible,.tp-bi-hote .tp-bi-carte:focus-visible {outline:3px solid #235897;outline-offset:4px;}
.tp-bi-hote .tp-bi-indication {text-align:center;font:inherit;color:inherit;margin:0 0 18px;}
.tp-bi-hote .tp-bi-listes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;margin:0 auto;padding:0;list-style:none;}
.tp-bi-hote .tp-bi-listes li {min-width:0;margin:0;padding:0;}
.tp-bi-hote .tp-bi-carte {box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;min-width:0;padding:14px 10px;border:1px solid #c7d0b8;border-radius:10px;background:#fffaf0;color:#293c37;text-decoration:none;text-align:center;font:600 17px/1.35 Arial,sans-serif;box-shadow:0 2px 5px #3f18141f;}
.tp-bi-hote .tp-bi-numero {font-size:15px;color:#49633f;}
.tp-bi-hote .tp-bi-carte img {display:block;width:120px;max-width:100%;height:110px;object-fit:contain;}
.tp-bi-hote .tp-bi-libelle {font:inherit;text-align:center;display:flex;align-items:center;justify-content:center;min-height:2.7em;max-width:100%;overflow-wrap:break-word;}
.tp-bi-hote .tp-bi-carte:hover,.tp-bi-hote .tp-bi-carte:focus-visible {border-color:#52711f;background:#eaf4d9;color:#293c37;box-shadow:0 0 0 2px #52711f,0 9px 18px #3f181442;}
.tp-bi-hote .tp-bi-carte:hover .tp-bi-libelle,.tp-bi-hote .tp-bi-carte:focus-visible .tp-bi-libelle {text-decoration:underline;text-underline-offset:3px;}
.tp-bi-hote .tp-bi-partie {max-width:1000px;margin:auto;}
.tp-bi-hote .tp-bi-entete h1 {font-size:26px;margin-bottom:4px;}
.tp-bi-hote .tp-bi-entete h2 {font-size:18px;margin:0 0 12px;}
.tp-bi-hote .tp-bi-annonce {margin:150px 0 24px;text-align:center;}
.tp-bi-hote .tp-bi-annonce > span {color:#ffffcc;font:12px/1.5 Arial,sans-serif;}
@media(prefers-reduced-motion:no-preference) {.tp-bi-hote .tp-bi-carte {transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease;}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {.tp-bi-hote .tp-bi-carte:hover {transform:translateY(-4px);}}
@media(max-width:1199px) {.tp-bi-hote #affichage728x90 {display:none;}}
@media(max-width:760px) {
  .tp-bi-hote .tp-bi-accueil {grid-template-columns:minmax(0,1fr);gap:16px;}
  .tp-bi-hote .tp-bi-invitation p {margin:8px 0;}
}
@media(max-width:640px) {.tp-bi-hote .tp-bi-listes {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
@media(max-width:560px) {
  .tp-bi-hote #tp-bi-contenu {--bi-marge:8px;}
  .tp-bi-hote .tp-bi-cadre {padding:12px 8px;}
  .tp-bi-hote .tp-bi-entete h1 {font-size:22px;}
  .tp-bi-hote .tp-bi-entete h2 {font-size:16px;margin-bottom:8px;}
  .tp-bi-hote .tp-bi-carte {padding:12px 8px;font-size:16px;}
  .tp-bi-hote .tp-bi-carte img {height:92px;}
}
@media(max-width:300px) {.tp-bi-hote .tp-bi-listes {grid-template-columns:minmax(0,1fr);}}
/* Petit paysage : diminuer les espaces et la taille des images, sans couper le plateau. */
@media(orientation:landscape) and (max-height:480px) and (min-width:600px) {
  .tp-bi-hote .tp-bi-cadre {padding:8px 12px;}
  .tp-bi-hote .tp-bi-entete {display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin-bottom:6px;}
  .tp-bi-hote .tp-bi-entete h1 {font-size:20px;margin:0;}
  .tp-bi-hote .tp-bi-entete h2 {font-size:16px;margin:0;}
  .tp-bi-hote .tp-bi-partie .tp-bonne-image {padding:6px 10px;}
  .tp-bi-hote .tp-bi-partie .tp-bonne-image-consigne {font-size:18px;margin-bottom:4px;}
  .tp-bi-hote .tp-bi-partie .tp-bonne-image-outils {margin-bottom:4px;}
  .tp-bi-hote .tp-bi-partie .tp-progression-serie {margin:2px 0 6px;}
  .tp-bi-hote .tp-bi-partie .tp-choix-unique-carte {min-height:102px;padding:6px;}
  .tp-bi-hote .tp-bi-partie .tp-choix-unique-carte img {height:88px;}
  .tp-bi-hote .tp-bi-partie .tp-choix-unique-mot {font-size:32px;margin:6px 0 2px;}
  .tp-bi-hote .tp-bi-partie .tp-choix-unique-retour {font-size:18px;margin:4px 0;}
}

/* Neutraliser l'alignement justifié et la petite taille des span du cadre historique
   uniquement dans le bilan de cette nouvelle page. */
.tp-bi-hote .tp-choix-unique-bilan h3 {text-align:center;font-weight:bold;}
.tp-bi-hote .tp-choix-unique-bilan > p {text-align:center;font:inherit;color:inherit;}
.tp-bi-hote .tp-choix-unique-revoir li > span {font:inherit;text-align:center;color:inherit;}

/* Précision courte issue de la même source que le titre de série. */
.tp-bi-hote .tp-bi-precision {font:400 15px/1.4 Arial,sans-serif;color:#49603f;text-align:center;max-width:100%;overflow-wrap:break-word;}