/* Make Money with Votel series: hub list, package cards, revenue calculator. */
.mm-reframe { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; margin-top:2rem; }
.mm-reframe > div { padding:1.35rem; border:1px solid var(--line); border-radius:20px; background:var(--paper); }
.mm-reframe span { font-family:"Geist Mono",monospace; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-mute); }
.mm-reframe p { margin-top:.6rem; font-size:1.05rem; line-height:1.55; color:var(--ink-soft); text-decoration:line-through; text-decoration-color:rgba(220,38,38,.45); }
.mm-reframe .is-result { border-color:var(--mint-deep); background:linear-gradient(135deg,var(--brand-soft),var(--mint-soft)); }
.mm-reframe .is-result span { color:var(--mint-deep); }
.mm-reframe .is-result p { color:var(--ink); font-weight:600; text-decoration:none; }
.mm-outcomes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; margin-top:1.5rem; }
.mm-outcomes > div { padding:1.35rem; border:1px solid var(--line); border-radius:20px; background:var(--paper); }
.mm-outcomes b { display:inline-grid; place-items:center; width:2.2rem; height:2.2rem; border-radius:11px; background:var(--brand); color:#fff; font-family:"Geist Mono",monospace; font-size:.8rem; }
.mm-outcomes strong { display:block; margin-top:.8rem; font-family:"Geist",sans-serif; font-size:1.25rem; line-height:1.25; color:var(--ink); }
.mm-outcomes p { margin-top:.4rem; font-size:.92rem; line-height:1.6; color:var(--ink-soft); }
@media (max-width:720px) { .mm-reframe, .mm-outcomes { grid-template-columns:1fr; } }
.mm-series-tag { display:inline-flex; align-items:center; gap:.6rem; padding:.35rem .4rem .35rem .9rem; border:1px solid var(--line); border-radius:999px; background:var(--paper); font-size:.8rem; font-weight:600; color:var(--ink-soft); text-decoration:none; }
.mm-series-tag b { padding:.2rem .6rem; border-radius:999px; background:var(--brand); color:#fff; font-family:"Geist Mono",monospace; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.mm-series-tag:hover { border-color:var(--brand); color:var(--ink); }

.mm-small { font-size:.88rem !important; color:var(--ink-mute) !important; }

.guide-prose ul.mm-platforms { list-style:none; padding:0; margin:1.25rem 0 .75rem; display:flex; flex-wrap:wrap; gap:.5rem; }
.guide-prose ul.mm-platforms li { margin:0; padding:.4rem .85rem; border:1px solid var(--line); border-radius:999px; background:var(--paper); font-size:.88rem; font-weight:600; color:var(--ink); }

.mm-packages { max-width:1080px; margin:1.5rem auto 1rem; display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.mm-package { position:relative; display:flex; flex-direction:column; padding:1.5rem 1.35rem; border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.mm-package.is-featured { border-color:var(--brand); box-shadow:0 18px 40px -24px rgba(7,150,255,.55); }
.mm-flag { position:absolute; top:-.7rem; left:1.35rem; padding:.2rem .65rem; border-radius:999px; background:var(--brand); color:#fff; font-family:"Geist Mono",monospace; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }
.mm-package-name { font-family:"Geist Mono",monospace; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--brand-deep); }
.mm-price { margin-top:.5rem; font-family:"Geist",sans-serif; font-size:2.4rem; font-weight:600; line-height:1; color:var(--ink); }
.mm-price small { font-size:.9rem; font-weight:500; color:var(--ink-mute); }
.mm-package ul { list-style:none; padding:0; margin:1.1rem 0; display:grid; gap:.45rem; font-size:.9rem; color:var(--ink-soft); }
.mm-package li { position:relative; padding-left:1.4rem; }
.mm-package li::before { content:""; position:absolute; left:0; top:.32rem; width:.8rem; height:.45rem; border-left:2px solid var(--mint-deep); border-bottom:2px solid var(--mint-deep); transform:rotate(-45deg); }
.mm-package p { margin-top:auto; padding-top:.9rem; border-top:1px solid var(--line); font-size:.85rem; color:var(--ink-mute); }

.mm-calc { margin:1.5rem 0; padding:1.4rem; border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.mm-calc-inputs { display:grid; gap:.8rem; grid-template-columns:repeat(4,minmax(0,1fr)); }
.mm-calc-inputs label { display:grid; gap:.35rem; font-size:.8rem; font-weight:600; color:var(--ink-soft); }
.mm-calc-inputs input { width:100%; }
.mm-calc-out { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1.1rem; }
.mm-calc-out div { padding:.9rem 1rem; border-radius:16px; background:var(--frost); }
.mm-calc-out span { display:block; font-family:"Geist Mono",monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-mute); }
.mm-calc-out strong { display:block; margin-top:.3rem; font-family:"Geist",sans-serif; font-size:1.6rem; color:var(--ink); }
.mm-calc-out .is-net { background:linear-gradient(135deg,var(--brand-soft),var(--mint-soft)); }
.mm-calc .mm-small { margin:.9rem 0 0; }

.mm-stack { display:grid; gap:.75rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin:1.5rem 0; }
.mm-stack > div { padding:1.1rem; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.mm-stack span { display:block; font-size:.8rem; font-weight:600; color:var(--ink-mute); }
.mm-stack strong { display:block; margin-top:.35rem; font-family:"Geist",sans-serif; font-size:1.3rem; line-height:1.2; color:var(--ink); }
.mm-stack small { color:var(--ink-mute); }
.mm-stack .is-more { grid-column:1 / -1; background:var(--ink); border-color:var(--ink); }
.mm-stack .is-more span { color:rgba(255,255,255,.6); }
.mm-stack .is-more strong { color:#fff; font-size:1.05rem; }

.mm-tip { margin:2.5rem 0; padding:1.5rem; border-radius:22px; background:var(--ink); color:#fff; }
.mm-tip .mono { font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mint); }
.guide-prose .mm-tip p { margin-top:.6rem; color:rgba(255,255,255,.85); }
.guide-prose .mm-tip strong { color:#fff; }

.mm-cta { margin-top:3rem; padding:2rem 1.5rem; border-radius:24px; background:linear-gradient(135deg,var(--brand-soft),var(--mint-soft)); text-align:center; }
.guide-prose .mm-cta h2 { margin-top:0; }
.mm-cta-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin-top:1.25rem; }
.guide-prose .mm-cta-actions a { text-decoration:none; }
.guide-prose .mm-cta-actions a.btn-brand { color:#fff; }
.guide-prose .mm-cta-actions a.btn-light { color:var(--ink); }

.mm-series-list { list-style:none; padding:0; margin:1.5rem 0 0; display:grid; gap:.9rem; }
.mm-series-card { display:flex; align-items:flex-start; gap:1.1rem; padding:1.35rem; border:1px solid var(--line); border-radius:22px; background:var(--paper); color:var(--ink); text-decoration:none; transition:border-color .2s, transform .2s; }
a.mm-series-card:hover { border-color:var(--brand); transform:translateY(-2px); }
.mm-series-num { flex:none; display:grid; place-items:center; width:3rem; height:3rem; border-radius:14px; background:var(--brand); color:#fff; font-family:"Geist Mono",monospace; font-weight:600; }
.mm-series-copy { flex:1; display:grid; gap:.25rem; }
.mm-series-copy small { font-family:"Geist Mono",monospace; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--mint-deep); }
.mm-series-copy strong { font-family:"Geist",sans-serif; font-size:1.35rem; font-weight:600; }
.mm-series-copy > span { font-size:.92rem; line-height:1.6; color:var(--ink-soft); }
.mm-series-copy a { color:var(--brand-deep); text-decoration:underline; }
.mm-series-go { align-self:center; font-size:1.4rem; color:var(--brand); }
.mm-series-card.is-soon { background:transparent; border-style:dashed; }
.mm-series-card.is-soon .mm-series-num { background:var(--mist); color:var(--ink-mute); }
.mm-series-card.is-soon small { color:var(--ink-faint); }

@media (max-width:720px) {
  .mm-calc-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mm-calc-out, .mm-stack { grid-template-columns:1fr; }
}

/* Part 2: two package rows (builds, care plans) and a four-output calculator. */
.mm-label { display:block; margin-top:.35rem; font-size:.72rem; color:var(--ink-faint); }
.mm-calc-out.is-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:720px) { .mm-calc-out.is-four { grid-template-columns:1fr; } }
.guide-prose .mm-stack .is-more a { color:#fff; text-decoration:underline; }