/* Accueil : bloc « Le dernier numéro » dans la version de la maquette A (choix de Simon, 20/09/2026).
   Fond clair, couverture à gauche avec ombre, étiquette à filet, pastilles, deux boutons, lien « Tous les numéros ».
   Jetons de la charte B ; feuille chargée après theme.css. */
.hm-dernier { position: relative; padding: 56px 0; background: var(--hm-surface); border-top: 1px solid var(--hm-filet); border-bottom: 1px solid var(--hm-filet); }
.hm-dernier__in { display: grid; gap: 32px; align-items: center; }
.hm-dernier__couv { width: min(300px, 78%); margin: 0 auto; transform: rotate(-2deg); transition: transform 0.6s var(--hm-ease); }
.hm-dernier:hover .hm-dernier__couv { transform: rotate(0); }
.hm-dernier__couv img { width: 100%; height: auto; border-radius: var(--hm-r-sm); box-shadow: 0 24px 48px -18px rgba(22, 32, 43, 0.45); }
.hm-dernier__etiquette { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 10px; font-size: var(--hm-t-etiquette); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--hm-lagune); }
.hm-dernier__etiquette::before { content: ""; display: inline-block; width: 28px; height: 2px; background: var(--hm-lagune); }
.hm-dernier h2 { margin: 0 0 14px; font-size: clamp(30px, 4vw, 40px); color: var(--hm-encre); }
.hm-dernier__pastilles { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.hm-dernier__pastille { display: inline-flex; align-items: center; min-height: 30px; padding: 4px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.3; }
.hm-dernier__pastille--contour { border: 1.5px solid var(--hm-filet-fort); color: var(--hm-encre); background: var(--hm-surface); }
.hm-dernier__pastille--pleine { background: var(--hm-lagune-pale); color: var(--hm-lagune); }
.hm-dernier__texte p { max-width: var(--hm-mesure); color: var(--hm-texte); }
.hm-dernier__texte p a { color: var(--hm-lagune); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.hm-dernier__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 16px; }
.hm-dernier__cta .hm-btn { flex: 1 1 auto; }
.hm-dernier__tous { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--hm-encre); text-decoration: underline; text-decoration-color: var(--hm-lagune); text-underline-offset: 4px; }
.hm-dernier__tous svg { transition: transform 0.25s var(--hm-ease); }
.hm-dernier__tous:hover svg { transform: translateX(4px); }
@media (min-width: 900px) {
	.hm-dernier { padding: 88px 0; }
	.hm-dernier__in { grid-template-columns: 340px 1fr; gap: 64px; }
	.hm-dernier__couv { width: 320px; margin: 0; }
	.hm-dernier__cta .hm-btn { flex: none; }
}
@media (prefers-reduced-motion: reduce) {
	.hm-dernier__couv, .hm-dernier:hover .hm-dernier__couv { transform: none; }
}