.mh-cards { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mh-card { border: 1px solid var(--line); border-radius: 12px; padding: 14px; min-width: 0; }
.mh-card h3 { margin-top: 0; }
.mh-figure { width: 120px; margin: 16px auto; }
.mh-line { display: flex; gap: 20px; height: 10px; margin: 10px 0; }
.mh-line span { flex: 1; background: var(--fg); }
.mh-active { outline: 3px solid var(--brand); outline-offset: 3px; }
#mh-process { overflow-wrap: anywhere; }
@media (max-width: 639px) { .mh-cards { grid-template-columns: 1fr; } }