.mortgage-balance-chart{--chart-balance:var(--lightningcss-light,var(--color-sea-32))var(--lightningcss-dark,var(--color-sea-56));--chart-interest:var(--lightningcss-light,var(--color-lemon-40))var(--lightningcss-dark,var(--color-lemon-48));--chart-surface:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--radius-03125);gap:var(--space-05);padding:var(--space-1) var(--space-125) var(--space-05);flex-direction:column;display:flex}.mortgage-balance-chart [data-series=balance]{--series:var(--chart-balance)}.mortgage-balance-chart [data-series=interest]{--series:var(--chart-interest)}.mortgage-balance-chart-legend{color:var(--color-foreground);font-size:var(--font-size-small);gap:var(--space-05) var(--space-15);flex-wrap:wrap;list-style:none;display:flex}.mortgage-balance-chart-legend li{align-items:center;gap:var(--space-05);display:inline-flex}.mortgage-balance-chart-legend li:before{background:var(--series);content:"";block-size:2px;inline-size:var(--space-1);border-radius:1px}.mortgage-balance-chart-plot{cursor:crosshair;block-size:clamp(11rem,24vw,15rem);touch-action:pan-y;margin-block-start:var(--space-05);position:relative}.mortgage-balance-chart-plot:focus-visible{outline-offset:var(--space-05)}.mortgage-balance-chart-plot svg{block-size:100%;inline-size:100%;position:relative;overflow:visible}.mortgage-balance-chart-plot polyline{fill:none;stroke:var(--series);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}.mortgage-balance-chart-years span{border-inline-start:1px solid var(--color-border);position:absolute;inset-block:0;inset-inline-start:var(--year-x)}.mortgage-balance-chart-label{color:var(--color-foreground-strong);font-size:var(--font-size-small);padding-inline:var(--space-05);white-space:nowrap;font-weight:600;position:absolute}.mortgage-balance-chart-label[data-series=balance]{inset-block-end:calc(var(--balance-start-y) + var(--space-025));inset-inline-start:0}.mortgage-balance-chart-label[data-series=interest]{inset-block-end:calc(var(--interest-end-y) + var(--space-025));inset-inline-end:0}.mortgage-balance-chart-crossover{background:var(--color-foreground-strong);block-size:.625rem;box-shadow:0 0 0 2px var(--chart-surface);inline-size:.625rem;border-radius:50%;position:absolute;inset-block-end:var(--crossover-y);inset-inline-start:var(--crossover-x);translate:-50% 50%}.mortgage-balance-chart-hover{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:var(--hover-x)}.mortgage-balance-chart-hover:before{border-inline-start:1px solid var(--color-foreground-subtle);content:"";position:absolute;inset-block:0}.mortgage-balance-chart-hover>span{background:var(--series);block-size:.5rem;box-shadow:0 0 0 2px var(--chart-surface);border-radius:50%;inline-size:.5rem;position:absolute;translate:-50% 50%}.mortgage-balance-chart-hover>span[data-series=balance]{inset-block-end:var(--hover-balance-y)}.mortgage-balance-chart-hover>span[data-series=interest]{inset-block-end:var(--hover-interest-y)}.mortgage-balance-chart-hover>p{background:var(--color-background-light);border-radius:var(--radius-025);box-shadow:0 1px 4px var(--color-shadow);color:var(--color-foreground);font-size:var(--font-size-small);padding:var(--space-025) var(--space-05);translate:calc(var(--hover-x) * -1) 0;white-space:nowrap;flex-direction:column;line-height:1.4;display:flex;position:absolute;inset-block-start:0}.mortgage-balance-chart-hover strong{color:var(--color-foreground-strong);font-weight:600}.mortgage-balance-chart-axis{block-size:1.25rem;color:var(--color-foreground-subtle);font-size:var(--font-size-small);list-style:none;position:relative}.mortgage-balance-chart-axis li{white-space:nowrap;position:absolute;inset-inline-start:var(--tick-x);translate:-50%}.mortgage-balance-chart-axis li:first-child{translate:0}.mortgage-balance-chart-axis li:last-child{translate:-100%}@media (max-width:39.99rem){.mortgage-balance-chart-axis li[data-minor]{display:none}}.mortgage-balance-chart figcaption{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}
.mortgage-calculator{gap:var(--space-3);flex-direction:column;display:flex}.mortgage-calculator-grid{align-items:start;gap:var(--space-2);display:grid}.mortgage-calculator-schedule{gap:var(--space-05);flex-direction:column;display:flex}.mortgage-calculator-schedule>p{margin-block-end:var(--space-075)}.mortgage-calculator-form{gap:var(--space-1);display:grid}.mortgage-calculator-form>button{color:var(--color-foreground);cursor:pointer;font-size:var(--font-size-small);align-items:center;gap:var(--space-0375);background:0 0;border:0;justify-self:start;padding:0;font-weight:500;display:inline-flex}.mortgage-calculator-form>button svg{color:var(--color-foreground-accent)}.mortgage-calculator-form>p{color:var(--color-foreground);font-size:var(--font-size-small);margin-block-start:var(--space-025)}.mortgage-calculator-form>p strong{color:var(--color-foreground-strong);font-weight:600}.mortgage-calculator-form>p small{color:var(--color-foreground-subtle);margin-block-start:var(--space-025);display:block}.mortgage-calculator-result>.card-content{gap:var(--space-05);padding:var(--space-15)}.mortgage-calculator-result .money{font-size:var(--font-size-title-1)}.mortgage-calculator-result dl{margin-block-start:var(--space-1);display:grid}.mortgage-calculator-result dl>div{border-block-start:1px solid var(--color-border);gap:var(--space-0125);padding-block:var(--space-075);display:grid}.mortgage-calculator-result dt{color:var(--color-foreground-subtle);font-size:var(--font-size-small)}.mortgage-calculator-result dd{color:var(--color-foreground-strong);font-weight:600}.mortgage-calculator-result small{color:var(--color-foreground-subtle);font-size:var(--font-size-small);margin-block-start:var(--space-05)}@media (min-width:50rem){.mortgage-calculator-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
.mortgage-hero-section{padding-block:clamp(var(--space-25), 6.67vw, var(--space-4))}
