/* Canonical parity for specialized Full Calculator pages.
 * Profit Margin / ROAS remains the visual reference.
 */

/* Performance snapshot micro-design.
 * EMI is the approved specialized-page reference. These rules intentionally use
 * enough specificity to win over calculator-specific CSS without creating a new theme.
 */
#mppm-roas-page.mppm-full-calculator-page .results-panel .results-body{padding:20px}
#mppm-roas-page.mppm-full-calculator-page .results-panel .result-status{padding:20px}
#mppm-roas-page.mppm-full-calculator-page .results-panel .status-copy small{font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.045em}
#mppm-roas-page.mppm-full-calculator-page .results-panel .status-copy strong{display:block;margin-top:3px;font-size:36px;line-height:1.05;font-weight:700;letter-spacing:-.01em}
#mppm-roas-page.mppm-full-calculator-page .results-panel .status-copy p{margin:6px 0 0;font-size:13.5px;line-height:1.44;font-weight:400}
#mppm-roas-page.mppm-full-calculator-page .results-panel .status-pill{padding:8px 10px;font-size:10px;line-height:1;font-weight:700}
#mppm-roas-page.mppm-full-calculator-page .results-panel .results-section-label{margin-top:19px;margin-bottom:10px}
#mppm-roas-page.mppm-full-calculator-page .results-panel .results-section-label span{font-size:11.5px;line-height:1.2;color:#0d2742;font-weight:700;letter-spacing:.04em}
#mppm-roas-page.mppm-full-calculator-page .results-panel .results-section-label small{font-size:11.5px;line-height:1.2;color:#314b63;font-weight:400}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric{min-height:114px;padding:15px;display:flex;flex-direction:column;border:1px solid #e1e8f0;border-radius:14px;min-width:0;background:#fff}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric .metric-label{display:flex;align-items:center;gap:4px;min-height:28px;color:#0d2742;font-size:13.5px;line-height:1.3;font-weight:600;letter-spacing:0;text-decoration:none}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric strong{display:block;margin-top:5px;color:#06182b;font-size:25px;line-height:1.1;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere;text-decoration:none}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric em{display:block;margin-top:auto;padding-top:7px;color:#2f475f;font-size:12px;line-height:1.34;font-style:normal;font-weight:400;text-decoration:none}
#mppm-roas-page.mppm-full-calculator-page .results-panel .info-tip.metric-info{box-sizing:border-box;display:inline-grid;place-items:center;flex:0 0 17px;width:17px;height:17px;min-width:17px;min-height:17px;margin:0;padding:0;border:1px solid #b9cbe0;border-radius:50%;background:#f7fbff;color:#5f7895;font-size:9px;line-height:1;font-weight:800;vertical-align:middle;box-shadow:none;text-decoration:none}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric.mppm-plan-locked{opacity:1;background:#f8fafc}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric.mppm-plan-locked .metric-label{color:#56697c}
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric.mppm-plan-locked strong,
#mppm-roas-page.mppm-full-calculator-page .results-panel .metric.mppm-plan-locked em{color:#667789}
#mppm-roas-page.mppm-full-calculator-page .results-panel .mppm-output-pro-pill{font-size:8px;line-height:1}
#mppm-roas-page.mppm-full-calculator-page .results-panel .result-explainer{padding:15px 16px}
#mppm-roas-page.mppm-full-calculator-page .results-panel .result-explainer small{font-size:10.5px;line-height:1.2;font-weight:700;letter-spacing:.045em}
#mppm-roas-page.mppm-full-calculator-page .results-panel .result-explainer h3{margin:6px 0 0;font-size:18px;line-height:1.25;font-weight:700}
#mppm-roas-page.mppm-full-calculator-page .results-panel .result-explainer p{margin:5px 0 0;font-size:13px;line-height:1.45}

/* Result-first modules must end with deliberate breathing room before the service bridge. */
#mppm-roas-page.mppm-emi-calculator-page .mppm-emi-detail,
#mppm-roas-page.mppm-discount-calculator-page .mppm-discount-detail{padding-bottom:64px!important}
#mppm-roas-page.mppm-emi-calculator-page .mppm-emi-detail + .mppm-roas-service-cta,
#mppm-roas-page.mppm-discount-calculator-page .mppm-discount-detail + .mppm-roas-service-cta{margin-top:0}

/* FAQ is one shared Full Calculator component, not calculator-specific styling. */
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .section-head{max-width:760px;margin:0 auto 30px;text-align:center}
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .faq{max-width:850px;margin:0 auto}
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .faq details{border:1px solid var(--line);background:#fff;border-radius:13px;margin:9px 0;overflow:hidden;box-shadow:none}
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .faq summary{padding:15px 17px;cursor:pointer;font-size:12px;line-height:1.35;font-weight:850;color:var(--ink)}
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .faq details p{margin:0;padding:0 17px 16px;color:var(--muted);font-size:11px;line-height:1.55}
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .faq .notice{margin-top:9px;border:1px solid #dce5ef;background:#f8fafc;border-radius:14px;padding:15px;color:#69798d;font-size:10px;line-height:1.55}
#mppm-roas-page.mppm-full-calculator-page .mppm-canonical-faq .faq .notice strong{color:var(--ink)}

@media(max-width:700px){#mppm-roas-page.mppm-full-calculator-page .results-panel .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){#mppm-roas-page.mppm-emi-calculator-page .mppm-emi-detail,#mppm-roas-page.mppm-discount-calculator-page .mppm-discount-detail{padding-bottom:48px!important}}
@media(max-width:460px){#mppm-roas-page.mppm-full-calculator-page .results-panel .metric-grid{grid-template-columns:1fr}}
