/* Make Money with Votel series hub: page-specific visuals (prefix .mmh-). */
.mmh-drill { padding: 1.1rem; }
.mmh-drill b { display: block; color: var(--ink); font-size: .9rem; }
.mmh-drill ul { display: grid; gap: .4rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.mmh-drill li { padding: .45rem .65rem; border: 1px dashed #d6dee6; border-radius: 10px; background: #f6f8fa; color: var(--ink-faint); font-size: .78rem; font-weight: 600; text-decoration: line-through; text-decoration-color: rgba(220,38,38,.45); }
.mmh-drill small { display: block; margin-top: .8rem; color: var(--ink-faint); font-size: .74rem; font-style: italic; }

.mmh-translate { display: grid; gap: .45rem; padding: 1rem; }
.mmh-row { display: grid; grid-template-columns: 1fr auto 1.2fr; gap: .5rem; align-items: center; padding: .5rem .6rem; border-radius: 12px; background: var(--frost); }
.mmh-row span { color: var(--ink-faint); font-size: .72rem; font-weight: 600; }
.mmh-row i { color: var(--mint-deep); font-style: normal; font-weight: 800; }
.mmh-row b { color: var(--ink); font-size: .76rem; }
.mmh-row:nth-child(odd) { background: linear-gradient(90deg, var(--brand-soft), var(--mint-soft)); }

.mmh-notes { display: grid; gap: .45rem; padding: .8rem .7rem .9rem; background: linear-gradient(180deg, #f3f8fc, #fff); }
.mmh-notes > small { color: var(--ink-faint); font: 700 .6rem/1 "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .1em; }
.mmh-notes > div { display: flex; gap: .5rem; align-items: flex-start; padding: .5rem .55rem; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(8,33,50,.08); }
.mmh-notes i { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 7px; background: var(--c); color: #fff; font-style: normal; font-size: .62rem; font-weight: 800; }
.mmh-notes span { color: var(--ink-faint); font-size: .62rem; line-height: 1.35; }
.mmh-notes b { display: block; color: var(--ink); font-size: .68rem; }

.mmh-tag { display: inline-block; margin: .1rem 0; padding: .25rem .5rem; border-radius: 999px; background: var(--brand-soft); color: var(--brand-deep); font: 700 .62rem/1.2 "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; }
.mmh-tag.is-time { background: var(--mint-soft); color: var(--mint-deep); }
.mmh-tag.is-money { background: #fff4d6; color: #765b08; }
.mmh-tag.is-save { background: var(--mist); color: var(--ink-soft); }

.mmh-chips { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.mmh-chips em { padding: .22rem .5rem; border-radius: 999px; background: var(--mint-soft); color: var(--mint-deep); font: 700 .6rem/1.2 "Geist Mono", monospace; font-style: normal; text-transform: uppercase; letter-spacing: .04em; }
.sop-step .mm-series-list { margin-top: 1.2rem; }

.mmh-tools { margin-bottom: 1.4rem; }
.mmh-tools .choice-card { color: var(--ink); text-decoration: none; transition: border-color .2s, transform .2s; }
.mmh-tools .choice-card:hover { border-color: var(--brand); transform: translateY(-2px); }
.mmh-tools .choice-card small { color: var(--brand-deep); }
.mmh-disclose { margin-top: 1rem !important; font-size: .74rem !important; color: #8fa6b3 !important; }
#the-idea .step-body { margin-top: 1.4rem; }
.sop-step .step-body a:not(.mm-series-card):not(.choice-card):not(.sop-button), #the-idea a { color: var(--brand-deep); text-decoration: underline; text-underline-offset: 2px; }
.step-body p + p { margin-top: .9rem; }
.sop-step .step-body ol.mm-series-list { list-style: none; margin: 1.2rem 0 1.25rem; }
.sop-step .step-body ol.mm-series-list > li { margin: 0; padding: 0; }
.sop-main .sop-step .step-body a.mm-series-card, .sop-main .sop-step .step-body a.choice-card { color: var(--ink); text-decoration: none; }
.sop-main .sop-step .step-body a.mm-series-card .mm-series-copy > span { color: var(--ink-soft); }