

/* ---------- head ---------- */
.mk-pr-hero-in{padding-bottom:28px} /* top padding and kicker as on the business home */
.mk-pr-hero .mk-airy-h1{max-width:13em}
.mk-pr-hero .mk-airy-lead{max-width:36em}
.mk-pr-hero .mk-airy-wave{margin-top:0}

/* ---------- plan (mint panel) ---------- */
.mk-pr-plan-sec{padding-top:12px}
.mk-pr-plan{align-items:stretch}
.mk-pr-plan-name{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:22px}
.mk-pr-plan .mk-price-spaced{margin-top:22px}
.mk-pr-plan-calc{font-size:14.5px}
.mk-pr-plan .mk-provisional{margin-top:14px}
.mk-pr-incl-title{font-family:var(--display);font-weight:var(--fw-display-sub);letter-spacing:var(--track-display-sub);font-size:clamp(22px,2.2vw,26px);
  line-height:1.2;color:var(--text)}
.mk-pr-incl-note{margin-top:8px;font-size:14px;line-height:1.5;color:var(--muted)}
.mk-pr-incl{margin-top:22px;padding:22px 24px;border-radius:var(--r-field);background:var(--surface);border:1px solid #d6ecea;box-shadow:var(--mk-airy-shadow)}
.mk-pr-incl.is-list{gap:12px}
.mk-pr-incl li{font-size:15px}

/* ---------- calculator (white card) ---------- */
.mk-pr-calc-sec{padding-top:24px}
.mk-pr .mk-pr-calc{max-width:880px;margin:0 auto;border-radius:var(--r-card);box-shadow:var(--mk-airy-shadow);padding:clamp(22px,4vw,40px)} /* width-ok: the calculator card reads as one block, like the FAQ column */
.mk-pr-calc .mk-calc-table tbody tr:first-child th:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}
.mk-pr-calc .mk-calc-table tbody tr:first-child td:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}
.mk-pr-calc .mk-calc-table tbody tr:first-child th,.mk-pr-calc .mk-calc-table tbody tr:first-child td{border-bottom-color:transparent}
.mk-pr-calc .mk-savings{background:var(--tint-mint)}
.mk-pr-calc .mk-savings[hidden],.mk-pr-calc .mk-calc-loc-note[hidden]{display:none}
.mk-pr-calc .mk-calc-top .ui-field + .ui-field{margin-top:16px}
.mk-pr-calc .mk-calc-loc-note{margin-top:22px}

/* ---------- FAQ ---------- */
.mk-pr-faq-sec{padding-top:96px}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .mk-pr-hero-in{padding-bottom:20px}
  .mk-pr-plan-sec{padding-top:8px}
  .mk-pr-faq-sec{padding-top:64px}
  .mk-pr-incl{padding:18px}
}
@media (max-width:640px){
  /* Phones: one full-width call to action; the calculator stays one tap away in the plan panel. */
  .mk-pr .mk-pr-hero-calc{display:none}
  .mk-pr-plan-name{font-size:20px}
}

.mk-pr-faq-more{max-width:var(--mk-text);margin:20px auto 0;font-size:15px}
