/* Hot Milk Magazine : podcast (lecteur Ausha, épisodes, plateformes, bloc de l'accueil).
   Jetons du thème (--hm-*) avec repli sur les valeurs de la charte : Outfit + Nunito,
   lagune #1d6b67, brume #3d5a72, prune #5b3a5e. */
.hmm-podcast { margin: 32px 0; }
.hmm-podcast__lecteur { margin: 0 0 20px; border-radius: var(--hm-r, 18px); overflow: hidden; box-shadow: var(--hm-ombre-2, 0 16px 36px -12px rgba(22, 32, 43, 0.22)); background: var(--hm-prune-pale, #ece3ee); }
.hmm-podcast__lecteur iframe { display: block; width: 100%; height: 430px; border: 0; }
.hmm-podcast__titre { margin: 40px 0 16px; font-family: var(--hm-police-titre, "Outfit", sans-serif); }

/* Plateformes */
.hmm-podcast__plateformes { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 8px; }
.hmm-podcast__plateformes-titre { font-size: var(--hm-t-etiquette, 13px); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hm-secondaire, #56626f); margin-right: 4px; }
.hmm-podcast__plateforme.hmm-btn { min-height: 40px; padding: 0 16px; font-size: 15px; }

/* Épisodes */
.hmm-podcast__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.hmm-episode { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 20px; border-radius: var(--hm-r, 18px); background: var(--hm-surface, #fff); border: 1px solid var(--hm-filet, rgba(22, 32, 43, 0.1)); box-shadow: var(--hm-ombre-1, 0 2px 8px rgba(22, 32, 43, 0.05)); }
@media (min-width: 640px) { .hmm-episode { grid-template-columns: 120px 1fr; } }
.hmm-episode__image img { width: 120px; height: 120px; object-fit: cover; border-radius: var(--hm-r-sm, 10px); }
.hmm-episode__corps { min-width: 0; }
.hmm-episode__titre { margin: 0 0 4px; font-family: var(--hm-police-titre, "Outfit", sans-serif); font-size: var(--hm-t-h4, 19px); color: var(--hm-encre, #16202b); }
.hmm-episode__meta { margin: 0 0 10px; font-size: var(--hm-t-petit, 15px); color: var(--hm-secondaire, #56626f); }
.hmm-episode__resume { margin: 0 0 12px; max-width: var(--hm-mesure, 64ch); }
.hmm-episode__details { margin: 0 0 12px; font-size: var(--hm-t-petit, 15px); }
.hmm-episode__details summary { cursor: pointer; font-weight: 700; color: var(--hm-lagune, #1d6b67); }
.hmm-episode__description { margin-top: 8px; padding: 12px 16px; border-left: 3px solid var(--hm-prune-pale, #ece3ee); color: var(--hm-texte, #2a3542); }
.hmm-episode__description p { margin: 0 0 10px; }
.hmm-episode__audio { display: block; width: 100%; max-width: 560px; height: 40px; border-radius: var(--hm-r-pilule, 999px); }

/* Bloc de l'accueil */
.hm-podcast-accueil { padding: var(--hm-section, 56px) 0 0; }
.hmm-podcast-bloc { padding: 32px 24px; border-radius: var(--hm-r-lg, 28px); background: var(--hm-prune-pale, #ece3ee); color: var(--hm-encre, #16202b); }
@media (min-width: 900px) { .hmm-podcast-bloc { padding: 48px; } }
.hmm-podcast-bloc h2 { margin: 0 0 8px; color: var(--hm-prune-fonce, #3f2742); }
.hmm-podcast-bloc__accroche { max-width: var(--hm-mesure, 64ch); margin: 0 0 24px; }
.hmm-podcast__liste--bloc { gap: 12px; }
.hmm-podcast__liste--bloc .hmm-episode { grid-template-columns: 72px 1fr; padding: 14px 16px; }
.hmm-podcast__liste--bloc .hmm-episode__image img { width: 72px; height: 72px; }
.hmm-podcast__liste--bloc .hmm-episode__resume { display: none; }
.hmm-podcast__liste--bloc .hmm-episode__titre { font-size: var(--hm-t-corps, 17px); }
.hmm-podcast-bloc__actions { margin: 24px 0 0; }
.hmm-podcast-bloc .hmm-btn { background: var(--hm-prune, #5b3a5e); border-color: var(--hm-prune, #5b3a5e); }
.hmm-podcast-bloc .hmm-btn:hover, .hmm-podcast-bloc .hmm-btn:focus-visible { background: var(--hm-prune-fonce, #3f2742); border-color: var(--hm-prune-fonce, #3f2742); }