/* SG_HOME_LOAN_V375_START */
.sg-loan-section{padding-top:58px;padding-bottom:72px}
.sg-loan-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:24px;align-items:start}
.sg-loan-panel{min-width:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 14px 42px rgba(8,47,59,.07)}
.sg-loan-inputs{padding:clamp(24px,3.5vw,38px)}
.sg-loan-panel-head{padding-bottom:20px;border-bottom:1px solid var(--line)}
.sg-loan-panel-head .eyebrow{margin-bottom:6px}.sg-loan-panel-head h2{margin:0;color:var(--navy);font:700 clamp(28px,3.6vw,42px)/1.12 "Playfair Display",serif}.sg-loan-panel-head p{margin:9px 0 0;color:var(--muted)}
.sg-loan-field{display:grid;gap:8px;margin-top:20px}.sg-loan-field>span{font-size:13px;font-weight:800;color:var(--navy)}
.sg-loan-input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;border:1px solid #cfc7b4;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.sg-loan-input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,170,46,.15)}
.sg-loan-input-wrap b{padding:0 13px;color:#6d5b2b;font-size:12px;letter-spacing:.04em}.sg-loan-input-wrap input{width:100%;min-width:0;height:50px;padding:11px 13px;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;font-weight:800}
.sg-loan-percent-wrap,.sg-loan-years-wrap{grid-template-columns:minmax(0,1fr) auto}.sg-loan-percent-wrap b,.sg-loan-years-wrap b{border-left:1px solid #ece5d6}
.sg-loan-choice{margin-top:22px;padding:18px;border:1px solid #ded5bf;border-radius:16px;background:#f7f3ea}
.sg-loan-choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sg-loan-choice-head>div{display:grid;gap:2px}.sg-loan-choice-head strong{color:var(--navy);font-size:16px}.sg-loan-choice-head small{color:var(--muted);font-size:12px}.sg-loan-choice-head>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#fff4c7;color:#755300;font-size:11px;font-weight:800}
.sg-loan-choice .sg-loan-field{margin-top:14px}
.sg-loan-quick{display:grid;gap:8px;margin-top:13px}.sg-loan-down-quick{grid-template-columns:repeat(7,minmax(0,1fr))}.sg-loan-rate-quick{grid-template-columns:repeat(7,minmax(0,1fr))}.sg-loan-tenure-quick{grid-template-columns:repeat(5,minmax(0,1fr))}
.sg-loan-quick button{min-width:0;min-height:44px;padding:8px 7px;border:1px solid #cdbb87;border-radius:10px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.sg-loan-quick button:hover,.sg-loan-quick button:focus-visible{border-color:var(--gold);transform:translateY(-1px)}.sg-loan-quick button:focus-visible{outline:3px solid rgba(215,170,46,.25);outline-offset:2px}
.sg-loan-quick button.is-active{border-color:var(--navy);background:var(--navy);color:var(--gold-2);box-shadow:0 6px 16px rgba(8,47,59,.18)}
.sg-loan-actions{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;margin-top:22px}.sg-loan-actions .button{min-width:180px}.sg-loan-actions small{color:var(--muted);font-size:12px}.sg-loan-validation{min-height:22px;margin:10px 0 0;color:#9b2c23;font-size:13px;font-weight:700}
.sg-loan-results{position:sticky;top:104px;overflow:hidden}.sg-loan-result-main{padding:28px;background:linear-gradient(135deg,#082f3b,#0d4a58);color:#fff;border-bottom:4px solid var(--gold);transition:transform .18s ease,filter .18s ease}.sg-loan-result-main.is-updating{transform:scale(.992);filter:brightness(1.07)}.sg-loan-result-main span{display:block;color:#c9d8db;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sg-loan-result-main strong{display:block;margin-top:7px;color:var(--gold-2);font-size:clamp(32px,4.2vw,48px);line-height:1.08;overflow-wrap:anywhere}.sg-loan-result-main small{display:block;margin-top:7px;color:#d9e5e7}
.sg-loan-summary{margin:0;padding:12px 24px 22px}.sg-loan-summary div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.sg-loan-summary dt{color:var(--muted);font-size:12px}.sg-loan-summary dd{margin:0;text-align:right;color:var(--navy);font-weight:800;overflow-wrap:anywhere}.sg-loan-result-note{margin:0 24px 24px;padding:13px 14px;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;background:#fff8dc;color:#58676b;font-size:12px}
@media(max-width:980px){.sg-loan-layout{grid-template-columns:1fr}.sg-loan-results{position:static}.sg-loan-down-quick{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.sg-loan-section{padding-top:38px;padding-bottom:48px}.sg-loan-inputs{padding:20px 15px}.sg-loan-choice{padding:15px 12px}.sg-loan-choice-head{display:grid;gap:8px}.sg-loan-choice-head>span{justify-self:start}.sg-loan-rate-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-loan-down-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-loan-tenure-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-loan-quick button{min-height:46px;font-size:13px}.sg-loan-actions{grid-template-columns:1fr}.sg-loan-actions .button{width:100%}.sg-loan-summary{padding:10px 16px 18px}.sg-loan-result-note{margin:0 16px 18px}.sg-loan-result-main{padding:23px 18px}}
@media(max-width:360px){.sg-loan-rate-quick,.sg-loan-down-quick,.sg-loan-tenure-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-loan-summary div{grid-template-columns:1fr;gap:3px}.sg-loan-summary dd{text-align:left}}
@media(prefers-reduced-motion:reduce){.sg-loan-quick button,.sg-loan-result-main{transition:none!important}}
/* SG_HOME_LOAN_V375_END */