:root{--mh-brand:#39fb2c;}
.mh-slide{position:relative;display:grid;gap:.75rem;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;margin:1.25rem 0;}
.mh-bar{background:var(--mh-brand);color:#fff;font-weight:700;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;}
.mh-bar-title{letter-spacing:.2px}
.mh-pill{background:rgba(0,0,0,.2);padding:.35rem .75rem;border-radius:999px;font-weight:600}
.mh-body{line-height:1.6}
.mh-audio-btn{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;border:1px solid #e5e7eb;background:#0ea5e9;color:#fff;font-weight:600;cursor:pointer}
.mh-audio-btn[data-state=playing]{background:#10b981}
.mh-time{font-variant-numeric:tabular-nums;opacity:.9}
.mh-audio{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-color-scheme: dark){.mh-slide{background:#0f1115;border-color:#1f2937}.mh-audio-btn{border-color:#1f2937}}