/* Blog (tâche 11.16) — colle de PRODUCTION de la feuille verbatim blog-v1.css (copie de design-ref/blog.css, jamais
   éditée) : chargée avec elle dans l'éditeur (index.html, à la demande) et dans les pages publiques du blog.
   ① vraies images à la place des aplats rayés .bl-ph de la maquette (même boîte : largeur, rapport, coins, bordure) ;
   ② bouton « Choisir l'image » d'un bloc image (la maquette n'en a pas). */
.bl-img { display: block; height: auto; object-fit: cover; }
.be-imgpick { justify-self: start; }
/* ③ Logo des pages : le mot « MARX » seul en Syne 800, comme la landing et les pages légales (décision de Mathis,
   tâche 8, 06/10/2026 — prime sur la maquette, qui le pose en Barlow Condensed) */
.bl-logo .mxl-word, .bl-ft .mxl-word { font-family: 'Syne', sans-serif; font-weight: 800; }
/* ④ 04/11 (robot aléatoire de la recette, ALE-005) — sous 360 px, l'en-tête des pages publiques débordait de 25 px : le mot
   « MARX » en Syne (③) est plus large que celui de la maquette. Le lien « Blog » (la page où l'on est ; le logo et le fil
   d'Ariane y mènent aussi) se retire sous 360 px ; le bouton « Découvrir Marx » et le thème restent. */
@media (max-width: 359.98px) { .bl-hd-nav > a:not(.mx-btn) { display: none; } }