/* NEWWEBSITE · Interactive bank comparison, blue preview */
#overview{padding:42px 0 60px;background:#0b1019}
#overview .wrap{width:min(1200px,calc(100% - 56px))}
.bc-head{text-align:center;margin:0 auto 24px}
.bc-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#7cb4fa;margin-bottom:6px}
.bc-head h2{font:normal clamp(30px,3.4vw,44px)/1.12 Georgia,serif;color:#f5f7fc;margin:0 0 8px}
.bc-head p{font-size:14px;color:#b1c0d6;margin:0}
.bc-demo{max-width:920px;margin:17px auto 0;padding:11px 14px;background:#17283d;border:1px solid #365c8b;border-radius:8px;color:#d1e5ff;font-size:12px;text-align:left}
.bc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #34465c;margin-bottom:20px;gap:7px}
.bc-tab{border:1px solid transparent;border-bottom:3px solid transparent;background:transparent;padding:14px 6px 12px;color:#bdc9da;border-radius:8px 8px 0 0;text-align:center;font-size:14px;cursor:pointer}
.bc-tab strong{display:block;font-size:15px;color:#eaf1fc}.bc-tab small{display:block;font-size:11px;opacity:.82}
.bc-tab[aria-selected=true]{background:#1a3554;border-color:#3e76b5;border-bottom-color:#70aeff;color:#fff}
.bc-tab[aria-selected=true] strong{color:#9dcaff}
.bc-filterbar{padding:18px;background:linear-gradient(145deg,#172233,#1c2839);border:1px solid #34465b;border-radius:12px;margin-bottom:12px}
.bc-fields{display:grid;grid-template-columns:1.05fr .95fr .95fr 1.15fr auto;gap:12px;align-items:end}
.bc-field{display:block;min-width:0}
.bc-field>span{display:block;font-size:11px;color:#b7cbe6;margin-bottom:5px}
.bc-field input,.bc-field select,.bc-sortrow select{background:#111a29;color:#f0f4ff;border:1px solid #485970;border-radius:7px;padding:11px 10px;width:100%;height:43px;min-width:0;outline:none;font-size:13px}
.bc-field input:focus,.bc-field select:focus,.bc-sortrow select:focus{border-color:#7cb9ff}
.bc-extra{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:13px}
.bc-tax{display:flex;align-items:center;gap:7px;font-size:12px;color:#d0dff2}
.bc-tax input{accent-color:#4081d6;width:16px;height:16px}
.bc-reset{background:none;border:0;color:#9fcbff;font-size:12px;text-decoration:underline;cursor:pointer}
.bc-sortrow{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 12px}
.bc-count{font-size:13px;color:#bbcae0}
.bc-sortrow label{display:flex;align-items:center;gap:9px;color:#adbed5;font-size:12px}
.bc-sortrow select{width:190px;height:38px;padding:7px 9px}
.bc-cols{display:grid;grid-template-columns:minmax(190px,2.5fr) minmax(110px,1fr) minmax(115px,1.2fr) minmax(105px,1fr) 195px;gap:12px;align-items:center;color:#a6b4ca;font-size:11px;padding:8px 17px}
.bc-offer{background:#171f2d;border:1px solid #35445c;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.bc-offer:hover,.bc-offer.is-open{border-color:#5d91d2;box-shadow:0 8px 22px #0002}
.bc-line{display:grid;grid-template-columns:minmax(190px,2.5fr) minmax(110px,1fr) minmax(115px,1.2fr) minmax(105px,1fr) 195px;gap:12px;align-items:center;padding:18px 17px;min-height:100px}
.bc-bank{display:flex;gap:12px;align-items:center;min-width:0}
.bc-logo{width:51px;height:51px;flex:none;background:#f9fbff;border:1px solid #e5edf8;border-radius:9px;display:grid;place-items:center;overflow:hidden}
.bc-logo img{max-width:43px;max-height:43px;width:auto;height:auto;object-fit:contain}
.bc-bankname{font-size:14px;color:#f3f6fb;font-weight:700;line-height:1.25}
.bc-country{font-size:12px;color:#a6b6d0;margin-top:3px}
.bc-taxbadge{display:inline-block;margin-top:9px;padding:3px 7px;background:#233248;color:#b9cee9;border-radius:20px;font-size:10px}
.bc-rate{font-size:clamp(24px,2.4vw,32px);color:#80b9ff;line-height:1.15;white-space:nowrap}
.bc-rate small{font-size:11px;color:#a9c4e8}
.bc-term,.bc-gain{font-size:13px;color:#d8e5f5}
.bc-gain{color:#b5d7ff;font-weight:700}
.bc-actions{display:flex;gap:8px;justify-content:flex-end}
.bc-details,.bc-enquire{border-radius:7px;padding:10px 9px;white-space:nowrap;font-size:12px;font-weight:700;cursor:pointer;min-height:38px}
.bc-details{background:transparent;color:#b2d3ff;border:1px solid #679bda}
.bc-details svg{vertical-align:middle;transition:transform .2s}
.bc-details[aria-expanded=true] svg{transform:rotate(180deg)}
.bc-enquire{background:linear-gradient(100deg,#3377c9,#67a8f7);color:#071627;border:0}
.bc-enquire:hover{filter:brightness(1.13)}
.bc-expanded{padding:0 19px 20px;border-top:1px solid #364d68}
.bc-detail-tabs{display:flex;gap:22px;overflow:auto;border-bottom:1px solid #34455d}
.bc-detail-tab{background:none;border:0;border-bottom:2px solid transparent;padding:16px 2px 11px;white-space:nowrap;color:#acbfd9;font-size:12px;cursor:pointer}
.bc-detail-tab.active{color:#94c5ff;border-bottom-color:#67a9f6}
.bc-detail-content{padding:22px 2px 3px;color:#d4e1f5;font-size:13px;line-height:1.7}
.bc-detail-content h3{font:normal 22px Georgia,serif;color:#f2f5fa;margin:0 0 15px}
.bc-info-grid{display:grid;grid-template-columns:190px 1fr;gap:12px 20px;max-width:870px}
.bc-info-grid dt{font-weight:700;color:#c0d4ec}
.bc-info-grid dd{margin:0;color:#e5edf9}
.bc-disclaimer{font-size:11px;color:#8eaacb;margin-top:20px}
.bc-empty{padding:35px;background:#172234;border:1px solid #3c526d;border-radius:8px;text-align:center;color:#d9e8fa}
.bc-mobile-meta{display:none}
@media(max-width:980px){
#overview .wrap{width:calc(100% - 32px)}
.bc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.bc-cols{display:none}
.bc-line{grid-template-columns:2fr 1fr 1fr;gap:12px}
.bc-actions{grid-column:2 / 4;justify-content:flex-end}
.bc-gain{display:none}
.bc-mobile-meta{display:block;font-size:11px;color:#8da7c9;margin-top:4px}
}
@media(max-width:600px){
.bc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.bc-tab{padding:12px 4px;font-size:12px}.bc-tab strong{font-size:13px}.bc-tab small{font-size:10px}
.bc-fields{grid-template-columns:1fr 1fr;gap:9px}
.bc-filterbar{padding:12px}
.bc-line{grid-template-columns:1fr 1fr;padding:14px 12px}
.bc-bank{grid-column:1/-1}.bc-rate{font-size:28px}.bc-term{justify-self:end}
.bc-actions{grid-column:1/-1;justify-content:stretch}
.bc-actions button{flex:1}
.bc-info-grid{grid-template-columns:1fr;gap:3px}
.bc-info-grid dd{margin:0 0 11px}
.bc-sortrow{align-items:flex-start}.bc-sortrow label{display:block}.bc-sortrow select{display:block;width:170px;margin-top:5px}
}

/* Clean investment amount control: hide native number spin arrows */
#bc-amount::-webkit-outer-spin-button,
#bc-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#bc-amount{-moz-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums}