/* V12 GLOBAL CALCULATOR READABILITY + PROFESSIONAL CONTRAST */
#mppm-roas-page{
  --muted:#2f475f;
  --soft-muted:#40566d;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size:16px;
  color:#081b31;
}
#mppm-roas-page button,
#mppm-roas-page input,
#mppm-roas-page select,
#mppm-roas-page textarea{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
#mppm-roas-page .crumbs{font-size:13px;color:#314b63}
#mppm-roas-page .hero p{font-size:17px;line-height:1.65;color:#e7eef5}
#mppm-roas-page .hero-points span{font-size:12px;line-height:1.3}
#mppm-roas-page .hero-card small{font-size:12px}
#mppm-roas-page .hero-card p{font-size:13.5px;line-height:1.52}
#mppm-roas-page .hero-formula{font-size:13px;line-height:1.5}
#mppm-roas-page .hero-margin-note p{font-size:12.5px;line-height:1.45}

/* Calculator shell: clear UI typography, fewer competing weights */
#mppm-roas-page .panel-head h2,#mppm-roas-page .panel-head h3{font-size:22px;line-height:1.2;color:#071d37;font-weight:700;letter-spacing:-.15px}
#mppm-roas-page .panel-head p{font-size:14px;line-height:1.5;color:#263f58;font-weight:400}
#mppm-roas-page .input-panel .panel-head h2{color:#fff!important;font-size:22px!important;font-weight:700!important}
#mppm-roas-page .input-panel .panel-head p{color:#e6eef6!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important;max-width:36ch}
#mppm-roas-page .input-intro{padding:13px 14px}
#mppm-roas-page .input-intro strong{font-size:13.5px;line-height:1.35;color:#0f2944;font-weight:700}
#mppm-roas-page .input-intro p{margin-top:3px;font-size:12.5px;line-height:1.42;color:#314b63;font-weight:400}
#mppm-roas-page .field-group{align-items:stretch}
#mppm-roas-page .field{display:flex;flex-direction:column;min-height:100%;padding:12px 12px 13px}
#mppm-roas-page .field label{min-height:24px;margin-bottom:7px;color:#0d2742;font-size:13.5px;line-height:1.3;font-weight:600;letter-spacing:0}
#mppm-roas-page .field .label-main{color:#0d2742;font-weight:600}
#mppm-roas-page .field label>span:not(.label-main){font-size:11.5px;line-height:1.25;color:#223c55;font-weight:600}
#mppm-roas-page .field input,#mppm-roas-page .field select{height:46px;font-size:16px;color:#071d37;font-weight:600;letter-spacing:0}
#mppm-roas-page .prefix-label{font-size:14px;color:#263f58;font-weight:600}
#mppm-roas-page .field small{margin-top:6px;color:#2f475f;font-size:12.5px;line-height:1.4;font-weight:400}
#mppm-roas-page .advanced-toggle{min-height:46px;font-size:13px;color:#102f4d;font-weight:700}
#mppm-roas-page .calc-buttons .btn{min-height:44px;font-size:12.5px;font-weight:700}
#mppm-roas-page .calc-button-help{margin:9px 0 0;color:#2f475f!important;font-size:12.5px!important;line-height:1.4!important;font-weight:400!important}

/* Results: labels are readable, values are dominant, formulas are secondary */
#mppm-roas-page .results-body{padding:20px}
#mppm-roas-page .result-status{padding:20px}
#mppm-roas-page .status-copy small{font-size:11px;font-weight:700;letter-spacing:.045em}
#mppm-roas-page .status-copy strong{font-size:36px;line-height:1.05;font-weight:700;letter-spacing:-.01em}
#mppm-roas-page .status-copy p{margin-top:6px;font-size:13.5px;line-height:1.44;color:#f2f6fa;font-weight:400}
#mppm-roas-page .status-pill{padding:8px 10px;font-size:10px;font-weight:700}
#mppm-roas-page .assumption-note strong{font-size:13px;color:#102f4d;font-weight:600}
#mppm-roas-page .assumption-note p{font-size:12.5px;line-height:1.45;color:#314b63}
#mppm-roas-page .results-section-label{margin-top:19px;margin-bottom:10px}
#mppm-roas-page .results-section-label span{font-size:11.5px;color:#0d2742;font-weight:700;letter-spacing:.04em}
#mppm-roas-page .results-section-label small{font-size:11.5px;color:#314b63;font-weight:400}
#mppm-roas-page .metric-grid{gap:10px}
#mppm-roas-page .metric{min-height:114px;padding:15px;display:flex;flex-direction:column;background:#fff}
#mppm-roas-page .metric small{min-height:28px;color:#0d2742;font-size:13.5px;line-height:1.3;font-weight:600;letter-spacing:0}
#mppm-roas-page .metric strong{margin-top:5px;color:#06182b;font-size:25px;line-height:1.1;font-weight:700;letter-spacing:-.01em}
#mppm-roas-page .metric em{margin-top:auto;padding-top:7px;color:#2f475f;font-size:12px;line-height:1.34;font-style:normal;font-weight:400}
#mppm-roas-page .metric-info{width:17px;height:17px;min-width:17px;font-size:9px}
#mppm-roas-page .metric.mppm-plan-locked{opacity:1;background:#f8fafc}
#mppm-roas-page .metric.mppm-plan-locked small{color:#56697c}
#mppm-roas-page .metric.mppm-plan-locked strong{color:#667789}
#mppm-roas-page .metric.mppm-plan-locked em{color:#667789}
#mppm-roas-page .result-explainer{padding:15px 16px}
#mppm-roas-page .result-explainer small{font-size:10.5px;font-weight:700;letter-spacing:.045em}
#mppm-roas-page .result-explainer h3{margin-top:6px;font-size:18px;line-height:1.25;color:#0b2748;font-weight:700}
#mppm-roas-page .result-explainer p{margin-top:5px;font-size:13px;line-height:1.45;color:#263f58}
#mppm-roas-page .target-box{padding:15px}
#mppm-roas-page .target-kicker{font-size:10.5px;font-weight:700;letter-spacing:.045em}
#mppm-roas-page .target-box h3{font-size:17px;color:#0b2748;font-weight:700}
#mppm-roas-page .target-box p{font-size:12.5px;line-height:1.4;color:#314b63}
#mppm-roas-page .target-item{min-height:84px;padding:12px}
#mppm-roas-page .target-item small{font-size:12px;line-height:1.32;color:#2f475f;font-weight:600}
#mppm-roas-page .target-item strong{margin-top:5px;font-size:18px;color:#071d37;font-weight:700}
#mppm-roas-page .result-actions button{min-height:39px;padding:9px 12px;font-size:12px;font-weight:700}
#mppm-roas-page .mppm-save-status{font-size:12px;line-height:1.4;color:#314b63}

/* Compact Pro value bridge inside calculator results */
#mppm-roas-page .mppm-pro-value-bridge{margin-top:12px;padding:13px 14px;border:1px solid #d9e6f5;border-radius:12px;background:#f7fbff}
#mppm-roas-page .mppm-pro-value-bridge-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#mppm-roas-page .mppm-pro-value-bridge-head div{min-width:0}
#mppm-roas-page .mppm-pro-value-bridge-head small{display:block;color:#1769e8;font-size:10px;font-weight:700;letter-spacing:.045em}
#mppm-roas-page .mppm-pro-value-bridge-head strong{display:block;margin-top:2px;color:#0b2748;font-size:14.5px;line-height:1.3;font-weight:700}
#mppm-roas-page .mppm-pro-value-bridge-head button{flex:none;border:1px solid #1769e8;border-radius:9px;background:#1769e8;color:#fff;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer}
#mppm-roas-page .mppm-pro-value-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#mppm-roas-page .mppm-pro-value-points span{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 9px;border:1px solid #e1e9f2;border-radius:9px;background:#fff;color:#203b55;font-size:11.5px;line-height:1.3;font-weight:600}
#mppm-roas-page .mppm-pro-value-points span::before{content:"✓";display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:50%;background:#eaf3ff;color:#1769e8;font-size:9px;font-weight:700}

/* Supporting sections */
#mppm-roas-page .section-head p{color:#263f58;font-size:15px;line-height:1.6}
#mppm-roas-page .how-card h3{font-size:16.5px;color:#0b2748}
#mppm-roas-page .how-card p{color:#263f58;font-size:13px;line-height:1.55}

/* Dark formula/education surface: never inherit light-surface text colours */
#mppm-roas-page .formula-card{align-items:stretch}
#mppm-roas-page .formula-big{display:flex;align-items:center;justify-content:center;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
#mppm-roas-page .formula-big strong{color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:24px;line-height:1.35;font-weight:700;letter-spacing:-.01em}
#mppm-roas-page .formula-copy{color:#eaf2f9;padding:4px 2px}
#mppm-roas-page .formula-copy h3{margin:0 0 10px;color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:23px;line-height:1.24;font-weight:700;letter-spacing:-.01em}
#mppm-roas-page .formula-copy p{margin:0 0 9px;color:#e6eef6!important;font-size:14px;line-height:1.52;font-weight:400}
#mppm-roas-page .formula-copy p strong{color:#fff;font-weight:700}
#mppm-roas-page .formula-takeaways{display:grid;gap:7px;margin-top:13px}
#mppm-roas-page .formula-takeaways span{display:flex;align-items:flex-start;gap:9px;color:#dce8f3;font-size:13px;line-height:1.4;font-weight:400}
#mppm-roas-page .formula-takeaways span::before{content:"✓";flex:0 0 18px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(90,184,255,.16);color:#8ed0ff;font-size:10px;font-weight:700;margin-top:1px}

#mppm-roas-page .related-card h3{font-size:15.5px;color:#0b2748}
#mppm-roas-page .related-card p{color:#263f58;font-size:12.5px;line-height:1.5}
#mppm-roas-page .related-card button,#mppm-roas-page .related-card a{font-size:11.5px}
#mppm-roas-page summary{font-size:13.5px;line-height:1.42;color:#17324f;font-weight:700}
#mppm-roas-page details p{color:#263f58;font-size:13px;line-height:1.56}
#mppm-roas-page .notice{color:#314b63;font-size:12.5px;line-height:1.5}

/* Pro section: product-first, minimal copy */
#mppm-roas-page .mppm-pro-hero p{font-size:15px;line-height:1.55}
#mppm-roas-page .mppm-pro-card-v7{min-height:390px}
#mppm-roas-page .mppm-pro-card-v7 h3{font-size:20px;line-height:1.22;font-weight:700}
#mppm-roas-page .mppm-pro-benefit{font-size:13.5px!important;line-height:1.4!important;font-weight:600!important}
#mppm-roas-page .mppm-pro-desc{color:#314b63;font-size:12.5px;line-height:1.5}
#mppm-roas-page .mppm-product-preview{min-height:120px}
#mppm-roas-page .mppm-pro-why{min-height:64px;padding:10px 11px}
#mppm-roas-page .mppm-pro-why b{font-size:11px;color:#203b55}
#mppm-roas-page .mppm-pro-why span{color:#314b63;font-size:11.5px;line-height:1.4}
#mppm-roas-page .mppm-pro-card-v7 .mppm-pro-action{font-size:11.5px}
#mppm-roas-page.is-pro-member .mppm-pro-hero{background:linear-gradient(125deg,#092d4d,#0d456b)}
#mppm-roas-page.is-pro-member .mppm-pro-main-cta{background:#fff;border-color:#fff;color:#0b3159}
#mppm-roas-page.is-pro-member .mppm-pro-secondary-cta{display:none}

/* Keep input info icons anchored beside the metric name even when the name wraps. */
#mppm-roas-page .input-panel .field label .label-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 15px!important;
  align-items:start!important;
  column-gap:4px!important;
  flex:1 1 auto!important;
}
#mppm-roas-page .input-panel .field label .label-main .info-tip{
  align-self:start!important;
  margin:0!important;
}

@media(max-width:900px){#mppm-roas-page .mppm-pro-value-points{grid-template-columns:1fr}}
@media(max-width:660px){#mppm-roas-page .metric{min-height:0}#mppm-roas-page .metric small{min-height:0}#mppm-roas-page .mppm-pro-card-v7{min-height:0}#mppm-roas-page .input-panel .panel-head p{max-width:none}#mppm-roas-page .mppm-pro-value-bridge-head{align-items:flex-start;flex-direction:column}#mppm-roas-page .mppm-pro-value-bridge-head button{width:100%}#mppm-roas-page .formula-copy h3{font-size:20px}#mppm-roas-page .formula-big strong{font-size:20px}}