/* Gross monthly and annual income share one field and stay in sync. */
.finder-income-field{min-width:0}.finder-income-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finder-income-pair>label{min-width:0}.finder-income-pair input{min-width:0;width:100%;box-sizing:border-box}.finder-income-pair label>span{display:block;white-space:nowrap;font-size:clamp(10px,.85vw,13px)}.income-equivalent{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:7px}.finder-income-pair input:focus-visible{outline-offset:2px}
@media(max-width:700px){.finder-income-pair{gap:10px}.finder-income-pair label>span{font-size:12px}.finder-income-pair input{font-size:15px}}
/* Budget: enter each country's expenses in their own currency. */
.budget-cross-border .budget-row{padding:9px 12px;gap:12px;border-radius:10px;min-height:53px}.budget-cross-border .budget-row>label{font-size:12px;line-height:1.6;min-width:0}.budget-cross-border .budget-row>label>span{font-size:12px;color:var(--ink);margin:0}.budget-row label small{display:block;font-size:9px;line-height:1.6;color:var(--muted)}.budget-cross-border .budget-row>div{max-width:48%;flex-shrink:0;min-width:0}.budget-cross-border .budget-row input{width:110px;font-size:15px;max-width:100%;min-height:35px;padding:5px 7px}.budget-cross-border .budget-row>input{width:140px}.budget-currency{display:block;flex:none;width:50px;font-size:11px;text-align:center;color:var(--muted)}.budget-cross-border .budget-dual-result{display:block;padding:16px;border-radius:12px;margin-top:14px}.budget-dual-result>#savings-label{display:block;font-size:12px}.budget-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 8px}.budget-balances>div{min-width:0}.budget-balances>div>span{display:block;font-size:10px;font-weight:400;opacity:.85}.budget-balances output{display:block;font-size:clamp(17px,1.7vw,24px);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.03em}.budget-dual-result>small{display:block;font-size:9px;font-weight:400;opacity:.8}.budget-cross-border .budget-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:12px;margin-top:14px}.budget-cross-border .budget-actions>.primary{font-size:11px;padding:12px 15px;border-radius:10px}.budget-card-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--blue);border-radius:10px;padding:12px;background:var(--surface);color:var(--blue);text-align:left;transition:background .2s}.budget-card-cta:hover{background:var(--soft)}.budget-card-cta>svg{width:22px;height:22px;flex:none}.budget-card-cta>span:nth-child(2){flex:1}.budget-card-cta strong{display:block;font-size:11px;line-height:1.5}.budget-card-cta small{display:block;color:var(--muted);font-size:8px;line-height:1.6;margin-top:3px}.budget-card-cta>span:last-child{font-size:20px}
/* Each market has one native horizontal rail; three banks at desktop widths. */
.bank-carousel-track.bank-entry-grid.bank-auto-enabled{scroll-snap-type:none;scroll-behavior:auto}.bank-carousel-controls .bank-carousel-toggle{font-size:15px;min-width:38px}.bank-carousel-toggle[aria-pressed="true"]{background:var(--soft)}
.bank-carousel-track.bank-entry-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:1fr;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:6px 0 15px;overscroll-behavior-inline:contain}.bank-carousel-track>.bank-entry{scroll-snap-align:start;scroll-snap-stop:normal;align-self:stretch}.bank-carousel-controls{display:flex;gap:8px;flex:none}.bank-carousel-controls button{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--blue);border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}.bank-carousel-controls button:disabled{cursor:default;opacity:.3}.bank-carousel-controls button:hover:not(:disabled){background:var(--soft)}#malaysia-library>.section-heading,#singapore-library>.section-heading{align-items:end;gap:20px}#malaysia-library>.section-heading>div:first-child,#singapore-library>.section-heading>div:first-child{flex:1}#malaysia-library>.section-heading>.text-button,#singapore-library>.section-heading>.text-button{white-space:nowrap;font-size:12px}.bank-feature-link{display:inline-block;margin-top:13px;font-size:11px;color:var(--blue);font-weight:600}.bank-carousel-track:focus-visible{outline:3px solid #709de9;outline-offset:5px}
.bank-entry-sg-uob .bank-entry-art{background:linear-gradient(130deg,#082f59,#165d9c 68%,#5b9ec4)}.bank-entry-sg-dbs-posb .bank-entry-art{background:linear-gradient(135deg,#670e1c,#cf1728 65%,#ef5a51)}.bank-entry-sg-citi .bank-entry-art{background:linear-gradient(135deg,#003369,#006f98 70%,#34b7c5)}.bank-entry-sg-cimb .bank-entry-art{background:linear-gradient(130deg,#6c1034,#c71a42 68%,#f45c65)}.sg-finance-bank .official-finance-logo{position:absolute;left:20px;top:18px;width:150px;height:55px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px 18px;box-sizing:border-box}.sg-finance-bank .official-finance-logo>img{position:static;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;filter:none}.bank-entry-sg-citi .official-finance-logo{background:#003b71}.bank-entry-sg-cimb .official-finance-logo{background:#231e25}.finance-card-cutout{display:block;position:absolute;left:6%;top:86px;width:57%;aspect-ratio:var(--cw)/var(--ch);overflow:hidden;border-radius:4%/6.4%;isolation:isolate;filter:drop-shadow(0 12px 12px #0003);transform:rotate(-13deg)}.finance-card-cutout.scene-card-1{left:37%;top:102px;transform:rotate(9deg)}.finance-card-cutout.portrait{width:auto;height:145px;border-radius:6.4%/4%;left:57%;top:82px}.bank-entry-art .finance-card-cutout>img.cardface{position:absolute;width:var(--iw)!important;height:var(--ih)!important;max-width:none!important;left:var(--ix);top:var(--iy);margin:0;filter:none;object-fit:fill;transform:none;border-radius:0}
@media(min-width:701px) and (max-width:1050px){.budget-balances{grid-template-columns:1fr;gap:9px}.budget-cross-border .budget-actions{grid-template-columns:1fr}.budget-cross-border .budget-row input{width:87px;font-size:13px}.budget-cross-border .budget-row>input{width:130px}.budget-card-cta strong{font-size:12px}.bank-carousel-track.bank-entry-grid{grid-auto-columns:calc((100% - 16px)/2);gap:16px}}
@media(max-width:700px){.bank-carousel-track.bank-entry-grid{grid-auto-columns:85%;gap:14px}#malaysia-library>.section-heading,#singapore-library>.section-heading{display:flex;flex-wrap:wrap;gap:13px;align-items:center}#malaysia-library>.section-heading>div:first-child,#singapore-library>.section-heading>div:first-child{flex-basis:100%}#malaysia-library>.section-heading>.text-button,#singapore-library>.section-heading>.text-button{margin:0 auto 0 0}.bank-carousel-controls button{width:36px;height:36px}.budget-cross-border .budget-row{padding:9px 10px;gap:8px}.budget-cross-border .budget-row>label,.budget-cross-border .budget-row>label>span{font-size:11px}.budget-cross-border .budget-row input{font-size:14px;width:95px}.budget-cross-border .budget-row>input{width:125px}.budget-currency{width:39px;font-size:10px}.budget-cross-border .budget-row>div{max-width:48%}.budget-cross-border .budget-actions{grid-template-columns:1fr}.budget-cross-border .budget-actions>.primary{min-height:43px}.budget-card-cta{padding:12px 15px}.budget-card-cta strong{font-size:12px}.budget-card-cta small{font-size:9px}.budget-balances{gap:10px}.sg-finance-bank .official-finance-logo{width:145px;height:54px;left:20px;top:16px}.finance-card-cutout{top:86px}.finance-card-cutout.scene-card-1{top:102px}.finance-card-cutout.portrait{height:130px;top:77px}}
@media(max-width:370px){.budget-cross-border .budget-row>label,.budget-cross-border .budget-row>label>span{font-size:10px}.budget-cross-border .budget-row input{width:80px;font-size:13px}.budget-row label small{font-size:8px}.budget-balances{grid-template-columns:1fr}.budget-cross-border .budget-row>input{width:110px}}
@media(prefers-reduced-motion:reduce){.budget-card-cta{transition:none}.bank-carousel-track{scroll-behavior:auto}}
