.mh-method { margin: 1.4rem 0 1.8rem; padding: 1.1rem 1.25rem; border: 1px solid var(--parchment-edge); border-left: 3px solid var(--gold-ink); border-radius: 6px; background: var(--parchment-dark); }
.mh-method h2 { margin: 0 0 0.6rem; font-size: 1.15rem; }
.mh-method h3 { margin: 1rem 0 0.35rem; font-size: 0.95rem; letter-spacing: 0.04em; color: var(--gold-pale); }
.mh-method p { margin: 0.4rem 0; font-size: 0.95rem; line-height: 1.65; }
.mh-method dl { margin: 0.4rem 0 0; display: grid; grid-template-columns: minmax(9rem, 14rem) 1fr; gap: 0.35rem 1rem; font-size: 0.92rem; line-height: 1.55; }
.mh-method dt { color: var(--ink-dim); }
.mh-method dd { margin: 0; overflow-wrap: anywhere; }
.mh-tag { display: inline-block; padding: 0.1rem 0.55rem; border: 1px solid var(--gold-ink); border-radius: 999px; font-size: 0.78rem; color: var(--gold-pale); }
.mh-month { margin: 1.4rem 0 0.2rem; font-size: 1.05rem; }
.mh-none { margin: 0.8rem 0; padding: 0.7rem 1rem; border-left: 3px solid var(--gold-ink); background: var(--parchment-dark); font-size: 0.92rem; }
.mh-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 0.9rem; margin: 1rem 0 1.6rem; }
.mh-card { display: block; padding: 0.9rem 1rem; border: 1px solid var(--parchment-edge); border-radius: 6px; background: var(--parchment-dark); text-decoration: none; color: var(--ink); }
.mh-card strong { display: block; margin-bottom: 0.25rem; color: var(--gold-pale); }
.mh-card span { font-size: 0.88rem; color: var(--ink-faded); line-height: 1.5; }
.mh-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.mh-table td.mh-win span { display: block; white-space: nowrap; }
@media (max-width: 640px) { .mh-method dl { grid-template-columns: 1fr; } .mh-method dt { margin-top: 0.4rem; } .mh-form-row { grid-template-columns: 1fr; } }