/* ==========================================================================
   Corrections d'affichage — ajoutées pour la version statique.
   Le thème d'origine ne contenait aucune règle pour les images.

   Les balises <img> portent les attributs width/height d'origine (WordPress
   les ajoute), et la feuille de styles des blocs de WordPress ne pose qu'un
   « max-width: 100% ». Un navigateur rétrécit donc la largeur pour tenir dans
   la page tout en gardant la hauteur d'origine : l'image est écrasée. Sur un
   téléphone une photo 950x713 s'affichait en 300x713.

   « height: auto » laisse le navigateur déduire la hauteur à partir du rapport
   largeur/hauteur, donc une image garde toujours ses proportions.

   On cible « .post img » et non « #content img » pour ne pas toucher aux
   vignettes des pages de catégorie, qui sont des carrés volontairement recadrés
   et vivent dans « ul.thumby », hors de tout élément .post.
   ========================================================================== */

.post img,
.post video {
  max-width: 100%;
  height: auto;
}

/* Vidéo récupérée d'un lecteur Flash disparu. Le fond noir évite une bande
   blanche pendant le chargement, sur ce thème sombre. */
.post video.mb-video {
  display: block;
  background: #000;
}

/* Lecteur externe (YouTube) mis à la place d'un lecteur Flash disparu.
   Les attributs width/height d'origine sont conservés, mais la largeur suit
   celle de la page et le rapport 16/9 est fixé pour que la vidéo ne soit ni
   déformée ni plus large que l'écran sur un téléphone. */
.post iframe.mb-embed {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  background: #000;
}