.mc-hero{background:linear-gradient(180deg, #eef6ff 0%, #f8fbff 230px, var(--surface) 100%);padding-top:136px}.mc-hero__top{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:40px;margin-bottom:28px;display:grid}.mc-hero__head{max-width:720px}.mc-hero__figure{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;border-radius:8px;margin:0;overflow:hidden}.mc-hero__figure img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.mc-hero__figure figcaption,.mc-figure figcaption{color:var(--muted);padding:8px 14px;font-size:12.5px}.mc-figure{margin:8px 0 18px}.mc-figure img{width:100%;height:auto}.mc-hero h1{color:var(--ink);margin:0 0 14px;font-size:44px;font-weight:500;line-height:1.08}.mc{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"form results""form compare""schedule schedule";align-items:start;gap:22px 28px;display:grid}.mc-form,.mc-results,.mc-compare,.mc-schedule{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;border-radius:8px}.mc-form{grid-area:form;padding:24px}.mc-form__title{margin:0 0 18px;font-size:20px;font-weight:600}.mc-field{border:0;min-width:0;margin:0 0 16px;padding:0}.mc-field label,.mc-field legend{color:var(--ink);margin-bottom:6px;padding:0;font-size:14px;font-weight:600;display:block}.mc-field__row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.mc-field__row label{margin-bottom:0}.mc-input{border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-items:center;min-height:48px;display:flex}.mc-input:focus-within,.mc-field select:focus-visible{border-color:var(--blue);outline-offset:0;outline:3px solid #1456b833}.mc-input span{color:var(--muted);padding:0 4px 0 14px;font-weight:600}.mc-input--suffix span{padding:0 14px 0 4px}.mc-input input{min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 14px 0 4px;font-size:16px}.mc-input--suffix input{padding-left:14px}.mc-field select{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font-size:16px}.mc-hint{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.mc-toggle{border:1px solid var(--line-strong);background:var(--surface-muted);border-radius:8px;padding:3px;display:inline-flex}.mc-toggle button{min-width:44px;min-height:40px;color:var(--muted-strong);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:600}.mc-toggle button[aria-pressed=true]{background:var(--navy);color:#fff}.mc-toggle button:focus-visible,.mc-more summary:focus-visible,.mc-schedule__table summary:focus-visible{outline-offset:2px;outline:3px solid #1456b859}.mc-toggle--wide{display:flex}.mc-toggle--wide button{flex:1}.mc-more{border-top:1px solid var(--line);margin-top:4px;padding-top:14px}.mc-more summary,.mc-schedule__table summary{min-height:44px;color:var(--blue-deep);cursor:pointer;align-items:center;font-weight:600;display:flex}.mc-more[open] summary{margin-bottom:12px}.mc-results{grid-area:results;padding:24px}.mc-results__label{color:var(--muted-strong);text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.mc-total{color:var(--navy);font-variant-numeric:tabular-nums;margin:0;font-size:48px;font-weight:600;line-height:1.1}.mc-sub{color:var(--muted);margin:6px 0 18px;font-size:14px}.mc-bar{background:var(--surface-muted);border-radius:999px;height:12px;display:flex;overflow:hidden}.mc-bar__part{flex-basis:0;min-width:3px}.mc-bar__part--pi,.mc-dot--pi{background:var(--navy)}.mc-bar__part--tax,.mc-dot--tax{background:var(--blue)}.mc-bar__part--ins,.mc-dot--ins{background:#7fa6d9}.mc-bar__part--pmi,.mc-dot--pmi{background:var(--gold)}.mc-bar__part--hoa,.mc-dot--hoa{background:var(--line-strong)}.mc-parts,.mc-totals{margin:16px 0 0}.mc-parts div,.mc-totals div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;display:flex}.mc-totals div:last-child{border-bottom:0}.mc-parts dt,.mc-totals dt{color:var(--muted-strong);align-items:center;gap:8px;display:flex}.mc-parts dd,.mc-totals dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.mc-dot{border-radius:999px;flex:none;width:10px;height:10px}.mc-note{background:var(--gold-soft);color:var(--muted-strong);border-radius:8px;margin:14px 0 0;padding:12px 14px;font-size:14px;line-height:1.55}.mc-problem{border-left:4px solid var(--gold);background:var(--gold-soft);border-radius:6px;padding:14px 16px}.mc-problem p{color:var(--ink);margin:0 0 8px;font-size:16px;line-height:1.6}.mc-problem p:last-child{margin-bottom:0}.mc-compare{grid-area:compare;padding:24px}.mc-compare h3{margin:0 0 8px;font-size:20px;font-weight:600}.mc-compare__lede{color:var(--muted-strong);margin:0 0 14px;font-size:15px;line-height:1.6}.mc-compare__lede strong{color:var(--ink)}.md-table-wrap.mc-table-wrap{box-shadow:none}.md-table.mc-table th,.md-table.mc-table td{font-variant-numeric:tabular-nums;padding:10px 12px}.md-table.mc-table tbody th{white-space:nowrap;width:auto}.mc-row--you th,.mc-row--you td{background:var(--blue-tint)}.mc-you{background:var(--navy);color:#fff;vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.mc-schedule{grid-area:schedule;padding:24px 24px 8px}.mc-schedule__table{border-top:1px solid var(--line);margin-top:8px}.mc-schedule__table[open]{padding-bottom:16px}.mc-cell-main{font-weight:600;display:block}.mc-cell-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.md-table.mc-table td.mc-save{color:var(--ink);font-weight:600}.mc-chart{margin:0}.mc-chart h3{margin:0 0 4px;font-size:20px;font-weight:600}.mc-chart figcaption .mc-hint{margin:0 0 12px}.mc-chart__plot{position:relative}.mc-chart svg{touch-action:pan-y;border-radius:6px;width:100%;height:auto;display:block}.mc-chart svg:focus-visible{outline-offset:2px;outline:3px solid #1456b859}.mc-chart__grid{stroke:var(--line);stroke-width:1px}.mc-chart__axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.mc-chart__area{fill:var(--blue-soft)}.mc-chart__line{fill:none;stroke:var(--blue);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mc-chart__marker{stroke:var(--gold);stroke-width:1.5px;stroke-dasharray:4 4}.mc-chart__label{fill:var(--muted-strong);font-size:12px;font-weight:600}.mc-chart__cross{stroke:var(--muted);stroke-width:1px}.mc-chart__dot{fill:var(--blue);stroke:#fff;stroke-width:2px}.mc-chart__tip{border:1px solid var(--line-strong);max-width:240px;box-shadow:var(--shadow-card);color:var(--ink);pointer-events:none;background:#fff;border-radius:6px;margin:0;padding:8px 10px;font-size:13px;line-height:1.4;position:absolute;top:0;transform:translate(-50%,-100%)}.mc-chart__status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mc-schedule .mc-table-wrap{max-height:520px;overflow-y:auto}#when-pmi-ends .link-more{min-height:44px}.mc-disclaimer{max-width:820px;color:var(--muted);margin:20px 0 0;font-size:13.5px;line-height:1.6}@media (max-width:1040px){.mc-hero__top{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.mc{grid-template-columns:minmax(0,1fr);grid-template-areas:"form""results""compare""schedule"}}@media (max-width:760px){.mc-hero{padding-top:108px}.mc-hero h1{font-size:32px}.mc-hero__top{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:20px}.mc-hero__figure img{aspect-ratio:16/6;object-position:50% 70%}.mc-form,.mc-results,.mc-compare{padding:18px 16px}.mc-schedule{padding:18px 16px 4px}.mc-total{font-size:40px}.md-table-wrap.mc-table-wrap{border:1px solid var(--line);background:#fff;overflow-x:auto}.md-table.mc-table{font-size:13px;display:table}.md-table.mc-table thead{clip:auto;white-space:normal;width:auto;height:auto;display:table-header-group;position:static;overflow:visible}.md-table.mc-table tbody{display:table-row-group}.md-table.mc-table tr,.md-table.mc-table tbody tr{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;display:table-row}.md-table.mc-table th,.md-table.mc-table td,.md-table.mc-table tbody th{border-bottom:1px solid var(--line);width:auto;padding:9px 6px;font-size:13px;display:table-cell}.md-table.mc-table td:before{content:none}.md-table.mc-table thead th{font-size:11px}.md-table.mc-table tbody th{white-space:normal}.mc-you{width:max-content;margin:3px 0 0;display:block}}
