.page-mortgage-affordability-calculator .btn-sm{padding:9px 16px;font-size:12.5px}.page-mortgage-affordability-calculator .sec-frontline{font-family:var(--font-newsreader),serif;font-weight:400;letter-spacing:-1.8px;line-height:1;color:#0A0A0A;font-size:clamp(34px,5vw,60px)}.page-mortgage-affordability-calculator .term{border-bottom:1px dashed rgba(44,91,255,.55);color:#0A0A0A;font-weight:500;cursor:help;position:relative;white-space:nowrap}.page-mortgage-affordability-calculator .term:focus{outline:none}.page-mortgage-affordability-calculator .term .tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:min(280px,76vw);background:#0A0A0A;color:#fff;border-radius:6px;padding:11px 13px;font-family:var(--font-inter),sans-serif;font-weight:400;font-size:12.5px;line-height:1.5;white-space:normal;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:80;box-shadow:0 12px 30px rgba(10,10,10,.28)}.page-mortgage-affordability-calculator .term .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#0a0a0a}.page-mortgage-affordability-calculator .term .tip b{color:#93ACFF;font-weight:600}.page-mortgage-affordability-calculator .term:focus .tip,.page-mortgage-affordability-calculator .term:hover .tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.page-mortgage-affordability-calculator .info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid rgba(10,10,10,.3);border-radius:50%;font-family:var(--font-inter),sans-serif;font-size:9px;font-weight:600;color:rgba(10,10,10,.5);cursor:help;vertical-align:middle;margin-inline-start:5px;text-transform:none;letter-spacing:0}.page-mortgage-affordability-calculator .info-tip .tip-body{display:none;position:absolute;bottom:140%;left:50%;transform:translateX(-50%);background:#0A0A0A;color:#fff;padding:9px 12px;border-radius:4px;width:-moz-max-content;width:max-content;max-width:250px;font-size:11px;font-weight:400;line-height:1.55;z-index:70;text-align:start;white-space:normal}.page-mortgage-affordability-calculator .info-tip:focus .tip-body,.page-mortgage-affordability-calculator .info-tip:hover .tip-body{display:block}@media (max-width:640px){.page-mortgage-affordability-calculator .info-tip .tip-body{left:auto;right:-8px;transform:none}}.page-mortgage-affordability-calculator .chart-wrap{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:14px 14px 8px}.page-mortgage-affordability-calculator .legend-dot{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:middle;margin-right:5px}.page-mortgage-affordability-calculator .seg{display:inline-flex;border:1px solid var(--rule-strong);border-radius:999px;padding:2px;background:#fff;flex-wrap:wrap}.page-mortgage-affordability-calculator .seg button{font-family:var(--font-jetbrains-mono),monospace;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:none;background:transparent;color:rgba(10,10,10,.5);cursor:pointer;transition:all .15s}.page-mortgage-affordability-calculator .seg button.on{background:#0A0A0A;color:#fff}.page-mortgage-affordability-calculator .field-lbl{font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.45);margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline}.page-mortgage-affordability-calculator .field-lbl b{font-family:var(--font-jetbrains-mono),monospace;color:#0A0A0A;font-weight:600;font-size:12px;letter-spacing:0}.page-mortgage-affordability-calculator input[type=range]{width:100%;accent-color:#2C5BFF}.page-mortgage-affordability-calculator .num-in,.page-mortgage-affordability-calculator .sel-in{width:100%;height:38px;border:1px solid var(--rule-strong);border-radius:3px;padding:0 11px;font-family:var(--font-jetbrains-mono),monospace;font-size:13px;color:#0A0A0A;outline:none;background:#fff}.page-mortgage-affordability-calculator .num-in:focus,.page-mortgage-affordability-calculator .sel-in:focus{border-color:#2C5BFF}.page-mortgage-affordability-calculator .stat{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:15px 16px}.page-mortgage-affordability-calculator .stat .k{font-family:var(--font-jetbrains-mono),monospace;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.45)}.page-mortgage-affordability-calculator .stat .v{font-family:var(--font-newsreader),serif;font-size:clamp(22px,2.6vw,30px);font-weight:400;letter-spacing:-1px;color:#0A0A0A;line-height:1.1;margin-top:6px}.page-mortgage-affordability-calculator .stat .s{font-family:var(--font-inter),sans-serif;font-size:11.5px;color:rgba(10,10,10,.5);margin-top:4px}.page-mortgage-affordability-calculator .stat.accent{border-color:rgba(44,91,255,.4);background:rgba(44,91,255,.03)}.page-mortgage-affordability-calculator .stat.accent .v{color:#2C5BFF}.page-mortgage-affordability-calculator .meter{height:9px;border-radius:999px;background:#EEF0F4;overflow:hidden}.page-mortgage-affordability-calculator .meter>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#2C5BFF,#93ACFF);transition:width .6s cubic-bezier(.2,.7,.2,1)}.page-mortgage-affordability-calculator .meter.green>div{background:linear-gradient(90deg,#1F8A4C,#5fce8e)}.page-mortgage-affordability-calculator .meter.red>div{background:linear-gradient(90deg,#D23B2E,#e8887f)}.page-mortgage-affordability-calculator .dtable{width:100%;border-collapse:collapse;font-family:var(--font-jetbrains-mono),monospace;font-size:11.5px}.page-mortgage-affordability-calculator .dtable th{text-align:right;font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;color:rgba(10,10,10,.45);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--rule-strong);background:#F6F7F9;position:sticky;top:0}.page-mortgage-affordability-calculator .dtable td:first-child,.page-mortgage-affordability-calculator .dtable th:first-child{text-align:left}.page-mortgage-affordability-calculator .dtable td{text-align:right;padding:7px 10px;border-bottom:1px solid var(--rule);color:#0A0A0A}.page-mortgage-affordability-calculator .dtable tr.total-row td{background:rgba(44,91,255,.07);color:#2C5BFF;font-weight:600}.page-mortgage-affordability-calculator .tbl-scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:4px}.page-mortgage-affordability-calculator .pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-weight:600}.page-mortgage-affordability-calculator .pill-blue{background:rgba(44,91,255,.09);color:#2C5BFF;border:1px solid rgba(44,91,255,.35)}.page-mortgage-affordability-calculator .pill-amber{background:rgba(214,138,0,.09);color:#B97400;border:1px solid rgba(214,138,0,.35)}.page-mortgage-affordability-calculator .pill-green{background:rgba(31,138,76,.09);color:#1F8A4C;border:1px solid rgba(31,138,76,.35)}.page-mortgage-affordability-calculator .pill-red{background:rgba(210,59,46,.08);color:#D23B2E;border:1px solid rgba(210,59,46,.35)}.page-mortgage-affordability-calculator .callout{border-left:2px solid #2c5bff;background:rgba(44,91,255,.04);padding:16px 18px;border-radius:0 4px 4px 0}.page-mortgage-affordability-calculator #live-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--rule-strong);padding:10px 20px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s ease}.page-mortgage-affordability-calculator #live-bar.on{transform:none}.page-mortgage-affordability-calculator .lb-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;gap:22px;overflow-x:auto}.page-mortgage-affordability-calculator .lb-item{white-space:nowrap}.page-mortgage-affordability-calculator .lb-k{display:block;font-family:var(--font-jetbrains-mono),monospace;font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.45)}.page-mortgage-affordability-calculator .lb-v{font-family:var(--font-jetbrains-mono),monospace;font-size:15px;color:#0A0A0A}.page-mortgage-affordability-calculator .lb-jump{margin-inline-start:auto;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#2C5BFF;white-space:nowrap}@media (prefers-reduced-motion:reduce){.page-mortgage-affordability-calculator .meter>div{transition:none!important}}@media (max-width:640px){.page-mortgage-affordability-calculator .info-tip .tip-body{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;transform:none!important;max-width:none!important;width:auto!important}}html[lang=ar] .page-mortgage-affordability-calculator .info-tip .tip-body,html[lang=ar] .page-mortgage-affordability-calculator .lb-jump,html[lang=ar] .page-mortgage-affordability-calculator .lb-k,html[lang=ar] .page-mortgage-affordability-calculator .lb-v,html[lang=ar] .page-mortgage-affordability-calculator .pill{font-family:var(--font-plex-arabic),sans-serif!important;letter-spacing:0!important;text-transform:none!important}html[lang=ar] .page-mortgage-affordability-calculator .sec-frontline{font-family:var(--font-naskh),serif;letter-spacing:0!important;line-height:1.3}html[lang=ar] .page-mortgage-affordability-calculator .stat .v{font-family:var(--font-naskh),serif;letter-spacing:0!important}html[lang=ar] .page-mortgage-affordability-calculator .dtable,html[lang=ar] .page-mortgage-affordability-calculator .dtable th,html[lang=ar] .page-mortgage-affordability-calculator .field-lbl,html[lang=ar] .page-mortgage-affordability-calculator .field-lbl b,html[lang=ar] .page-mortgage-affordability-calculator .seg button{font-family:var(--font-plex-arabic),sans-serif;letter-spacing:0!important;text-transform:none!important}html[lang=ar] .page-mortgage-affordability-calculator .term .tip{font-family:var(--font-plex-arabic),sans-serif;line-height:1.7}html[lang=ar] .page-mortgage-affordability-calculator .stat .s{font-family:var(--font-plex-arabic),sans-serif}