.monthly-costs{--mc-paper:var(--foundation-paper,#fbf9f5);--mc-ink:#000;--mc-accent:var(--foundation-gold,#775a19);--mc-accent-hover:#604815;--mc-muted:#5c554a;--mc-line:#cfc7ba;--mc-control-border:#938674;--mc-surface:#fff;--mc-soft:#f1ece2;--mc-error:#9b3028;max-width:1140px;color:var(--mc-ink);background:var(--mc-paper);margin:0 auto;padding:clamp(2rem,5vw,4.5rem) clamp(1rem,4vw,2.5rem);line-height:1.65}.monthly-costs h1{text-wrap:balance;max-width:22ch;margin:1rem 0 1.5rem;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.15}.monthly-costs h2{margin:0 0 1rem;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.4rem,2vw,1.85rem);line-height:1.25}.monthly-costs p{overflow-wrap:anywhere;margin:.75rem 0}.monthly-costs__intro{max-width:74ch;margin-bottom:3rem}.monthly-costs a{color:var(--mc-accent);text-underline-offset:.22em;text-decoration:underline}.monthly-costs a:hover{color:var(--mc-ink)}.monthly-costs label{gap:.5rem;min-width:0;font-size:1rem;line-height:1.5;display:grid}.monthly-costs input,.monthly-costs select{border:1px solid var(--mc-control-border);background:var(--mc-surface);width:100%;min-width:0;min-height:48px;color:var(--mc-ink);font:inherit;font-variant-numeric:tabular-nums;caret-color:var(--mc-accent);border-radius:0;padding:.75rem;font-size:1rem;transition:border-color .16s,background-color .16s}.monthly-costs input::placeholder{color:var(--mc-muted);opacity:1}.monthly-costs :is(input,select):hover:not(:disabled){border-color:var(--mc-accent)}.monthly-costs button{max-width:100%;min-height:44px;color:var(--mc-accent);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:.65rem 0;line-height:1.5;transition:color .16s,background-color .16s,border-color .16s}.monthly-costs button:hover:not(:disabled){color:var(--mc-accent-hover);text-underline-offset:.25em;background:0 0;text-decoration:underline}.monthly-costs button:active:not(:disabled){color:var(--mc-accent-hover);background:0 0}.monthly-costs button:disabled{cursor:progress;opacity:.6}.monthly-costs :is(input,select,button,a,summary):focus-visible{outline:2px solid var(--mc-accent);outline-offset:3px}.monthly-costs [aria-invalid=true]{border-color:var(--mc-error)}.monthly-costs [hidden]{display:none!important}.monthly-costs :is(input,select):disabled{opacity:1;color:var(--mc-muted);background:var(--mc-soft);cursor:default}.monthly-costs ::selection{color:var(--mc-ink);background:#e5d6ae}.monthly-costs__loan{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.monthly-costs__assumptions{border-bottom:1px solid var(--mc-line);padding-bottom:2rem}.monthly-costs__assumptions>p{max-width:74ch;color:var(--mc-muted)}.monthly-costs__scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin:2.5rem 0;display:grid}.monthly-costs__scenario{flex-direction:column;min-width:0;display:flex}.monthly-costs__scenario>h2{border-bottom:1px solid var(--mc-line);padding-bottom:1rem}.monthly-costs__scenario fieldset{border:0;gap:1.25rem;min-width:0;margin:1.5rem 0 1rem;padding:0;display:grid}.monthly-costs__scenario [data-import]{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem .75rem;margin-top:1.25rem;display:grid}.monthly-costs__scenario [data-import]>label{grid-column:1/-1}.monthly-costs [data-listing-info]{border-bottom:1px solid var(--mc-line);padding:.75rem 0 1rem}.monthly-costs [data-listing-title]{font-weight:600;line-height:1.5}.monthly-costs [data-listing-status],.monthly-costs [data-source-fees]{color:var(--mc-muted);font-size:.9375rem}.monthly-costs [data-listing-link]{align-items:center;min-height:44px;display:inline-flex}.monthly-costs__source{color:var(--mc-muted);font-size:.9375rem;line-height:1.65}.monthly-costs__actions{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem;display:flex}.monthly-costs__actions button,.monthly-costs [data-clear-all]{border-color:#0000;padding-inline:0;text-decoration:none}.monthly-costs__actions button:hover:not(:disabled),.monthly-costs [data-clear-all]:hover{color:var(--mc-accent-hover);background:0 0;border-color:#0000;text-decoration:underline}.monthly-costs__results{border-top:1px solid var(--mc-line);margin:auto 0 0}.monthly-costs__results>div{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:baseline;gap:.75rem;min-height:4.5rem;padding:1rem 0;display:grid}.monthly-costs__results dt{color:var(--mc-muted);font-size:.9375rem;line-height:1.5}.monthly-costs__results dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;line-height:1.5}.monthly-costs__results .monthly-costs__total{border-top:1px solid var(--mc-line);align-items:center;min-height:5.5rem}.monthly-costs__total dt{color:var(--mc-ink);font-size:1rem;font-weight:500}.monthly-costs__total dd{color:var(--mc-accent);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:600}.monthly-costs [data-slot-missing]{min-height:5em;color:var(--mc-muted);margin-bottom:0;font-size:.9375rem}.monthly-costs__summary{border-block:1px solid var(--mc-line);background:var(--mc-soft);padding:1.5rem}.monthly-costs__summary h2{font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5}.monthly-costs__summary [data-difference]{font-variant-numeric:tabular-nums;color:var(--mc-muted);margin-bottom:0;font-size:1rem}.monthly-costs__summary [data-difference][data-complete=true]{color:var(--mc-accent);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:1.3}.monthly-costs__pending{background:var(--mc-soft);margin-top:1.5rem;padding:1.5rem}.monthly-costs [role=status]:empty{display:none}.monthly-costs [data-slot-error]:not(:empty),.monthly-costs [data-loan-error]:not(:empty){color:var(--mc-error)}.monthly-costs__inquiry,.monthly-costs__reading,.monthly-costs__faq{border-top:1px solid var(--mc-line);margin-top:3rem;padding-top:2rem}.monthly-costs summary{cursor:pointer;min-height:48px;padding:.75rem 0;font-weight:600;line-height:1.5}.monthly-costs__inquiry>summary{color:var(--mc-accent);font-size:1.125rem}.monthly-costs__questions{border:0;margin:0 0 1rem;padding:.5rem 0}.monthly-costs__questions label{cursor:pointer;align-items:flex-start;gap:.75rem;min-height:44px;margin:.5rem 0;padding-block:.5rem;display:flex}.monthly-costs__questions input{width:1.2rem;min-height:1.2rem;accent-color:var(--mc-accent);flex-shrink:0;margin-top:.2rem}.monthly-costs .geo-enquiry-form{margin-top:1.5rem}.monthly-costs .editorial-form__consent{align-items:flex-start;gap:.75rem;min-height:48px;display:flex}.monthly-costs .editorial-form__consent input[type=checkbox]{width:1.2rem;min-height:1.2rem;accent-color:var(--mc-accent);flex:0 0 1.2rem;margin-top:.3rem}.monthly-costs :is([data-load],[data-prepare],button[type=submit]){color:var(--mc-accent);background:0 0;border:0}.monthly-costs :is([data-load],[data-prepare],button[type=submit]):hover:not(:disabled){color:var(--mc-accent-hover);background:0 0}.monthly-costs button.editorial-button--gold{padding-inline:0;color:var(--mc-accent)!important;background:0 0!important;border:0!important}.monthly-costs button.editorial-button--gold:hover:not(:disabled){color:var(--mc-accent-hover)!important;background:0 0!important}.monthly-costs__reading li{margin-block:.5rem}.monthly-costs__reading a{align-items:center;min-height:44px;display:inline-flex}.monthly-costs__faq details{border-bottom:1px solid var(--mc-line);padding-block:.5rem}.monthly-costs__faq details>p{max-width:74ch;padding-bottom:.75rem}@media (width<=700px){.monthly-costs__loan{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-costs__scenarios{grid-template-columns:1fr;gap:2rem}.monthly-costs__scenario+.monthly-costs__scenario{border-top:1px solid var(--mc-line);padding-top:2rem}.monthly-costs__scenario>h2{border-bottom:0;padding-bottom:0}.monthly-costs__results{margin-top:.5rem}.monthly-costs [data-slot-missing]{min-height:0}.monthly-costs__source,.monthly-costs__results dt,.monthly-costs [data-slot-missing]{font-size:1rem}.monthly-costs__total dd{font-size:1.4rem}}@media (width<=480px){.monthly-costs__scenario [data-import]{grid-template-columns:1fr}.monthly-costs [data-load]{width:100%}.monthly-costs__summary{padding:1.25rem}}@media (width<=380px){.monthly-costs__loan{grid-template-columns:1fr}.monthly-costs__results>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.monthly-costs :is(input,select,button){transition:none}}
