/* FinancePortal v160 — Saving Schemes hub + child pages (scoped .ss-) */
body{background:#fff}
.ss{width:100%;margin:0;padding:0 0 64px;color:#102445}
.ss a{color:#0876d8}
.ss-in{width:min(1220px,calc(100% - 36px));margin:auto}
.ss-hero{background:linear-gradient(115deg,#eefaff 0%,#edf8ff 42%,#f4f1ff 100%);padding:50px 0 40px}
.ss-hero-wrap{width:min(1220px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}
.ss-crumb{font-size:13px;color:#5d738d;margin-bottom:10px}.ss-crumb a{text-decoration:none}
.ss-ey{font-size:13px;letter-spacing:1.8px;color:#0879e8;font-weight:900;text-transform:uppercase}
.ss-hero h1{font-size:46px;line-height:1.08;margin:9px 0 16px;color:#092650;max-width:700px}
.ss-hero p{font-size:18px;max-width:680px;color:#4b6280;line-height:1.65;margin:0}
.ss-updated{display:inline-flex;gap:8px;align-items:center;margin-top:16px;background:#fff;border:1px solid #d9e7f5;border-radius:30px;padding:7px 14px;font-size:13px;font-weight:700;color:#17345e}
.ss-updated i{width:8px;height:8px;border-radius:50%;background:#17b26a;display:inline-block}
.ss-art{min-height:280px;position:relative;display:flex;align-items:center;justify-content:center}
.ss-coin{width:230px;height:230px;border:5px solid #174d91;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 45px #a8cbe966;text-align:center}
.ss-coin b{font-size:62px;color:#1384ed;line-height:1}.ss-coin small{font-weight:800;color:#17345e;margin-top:8px;font-size:13px;letter-spacing:.5px}
.ss-bub{position:absolute;padding:12px 16px;border-radius:15px;font-weight:800;box-shadow:0 10px 30px #b9cde655;font-size:14px;color:#17345e;background:#fff}
.ss-bub em{display:block;font-style:normal;font-size:20px;color:#0876d8}
.ss-b1{left:2%;top:8%}.ss-b2{right:0;top:14%;background:#eafff5}.ss-b3{left:0;bottom:8%;background:#fff5eb}.ss-b4{right:2%;bottom:4%;background:#f5efff}
.ss-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;max-width:700px}
.ss-stats div{background:#fff;border:1px solid #dce8f4;border-radius:13px;padding:12px}
.ss-stats b{display:block;font-size:20px;color:#0b2858}.ss-stats span{font-size:12px;color:#5d738d;font-weight:700}
.ss-tabs{border-bottom:1px solid #dfe8f2;background:#fff;position:sticky;top:0;z-index:20}
.ss-tabs-in{width:min(1220px,calc(100% - 36px));margin:auto;display:flex;gap:10px;overflow:auto;padding:12px 0;scrollbar-width:thin}
.ss-tabs a{white-space:nowrap;text-decoration:none;background:#f3f7fb;color:#17345e!important;border:1px solid #dfe8f2;padding:9px 16px;border-radius:22px;font-weight:800;font-size:14px}
.ss-tabs a.on{background:#0786ef;color:#fff!important;border-color:#0786ef}
.ss-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;padding-top:24px}
.ss-sec{background:#fff;border:1px solid #dfe8f2;border-radius:15px;padding:24px;margin-top:18px;scroll-margin-top:70px}
.ss-main{min-width:0}
.ss-main>.ss-sec:first-child{margin-top:0}
.ss-sec h2{font-size:25px;margin:0 0 12px;color:#102b57;line-height:1.25}
.ss-sec h3{color:#17345e;margin:18px 0 8px;font-size:18px}
.ss-m{color:#4f6784;line-height:1.72}
.ss-sec p{margin:0 0 12px}
.ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ss-grid.two{grid-template-columns:repeat(2,1fr)}.ss-grid.four{grid-template-columns:repeat(4,1fr)}
.ss-card{background:#fbfdff;border:1px solid #e1ebf5;border-radius:13px;padding:16px}
.ss-card b{color:#0f2b56}.ss-card p{margin:6px 0 0;font-size:14.5px}
.ss-card .ic{font-size:24px;display:block;margin-bottom:6px}
.ss-tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
.ss-t{width:100%;border-collapse:collapse;min-width:560px;font-size:14.5px}
.ss-t th,.ss-t td{border:1px solid #dfe8f2;padding:10px 11px;text-align:left;vertical-align:top}
.ss-t th{background:#eef5fc;color:#123a6b;font-weight:800}
.ss-t tr:nth-child(even) td{background:#fbfdff}
.ss-t td:first-child{font-weight:700;color:#17345e}
.ss-t a{font-weight:800;text-decoration:none}
.ss-rate{display:inline-block;background:#e9f8ef;color:#0a7a3f;font-weight:900;border-radius:8px;padding:2px 8px;white-space:nowrap}
.ss-badge{display:inline-block;font-size:11.5px;font-weight:800;border-radius:6px;padding:2px 7px;margin:2px 3px 2px 0;background:#eef4ff;color:#2851a3}
.ss-badge.g{background:#e9f8ef;color:#0a7a3f}.ss-badge.o{background:#fff4e5;color:#a35a00}.ss-badge.r{background:#fdecec;color:#b42318}
.ss-note{font-size:13px;color:#6a7f98;margin-top:10px;line-height:1.6}
.ss-alert{background:#fff8e8;border:1px solid #f4d78b;border-radius:12px;padding:12px 14px;color:#6b4d00;font-size:14px;line-height:1.6;margin-top:12px}
.ss-res{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ss-res a{display:flex;gap:12px;align-items:flex-start;text-decoration:none;background:#fff;border:1px solid #dfe8f2;border-radius:14px;padding:15px;transition:.15s}
.ss-res a:hover{border-color:#0786ef;box-shadow:0 8px 24px #0786ef1f;transform:translateY(-2px)}
.ss-res .ic{font-size:24px;flex:0 0 38px;height:38px;border-radius:10px;background:#eef6ff;display:flex;align-items:center;justify-content:center}
.ss-res b{display:block;color:#0f2b56;font-size:15px}.ss-res small{display:block;color:#5d738d;font-size:13px;line-height:1.45;margin-top:3px}
.ss-grp{margin-top:18px}.ss-grp h3{margin:0 0 4px}.ss-grp>p{margin:0 0 10px;font-size:14px}
.ss-aside{position:sticky;top:70px}
.ss-aside .ss-sec{margin-top:0;margin-bottom:16px;padding:18px}
.ss-aside h3{margin:0 0 8px;font-size:17px;color:#102b57}
.ss-aside a{display:block;padding:8px 0;text-decoration:none;border-bottom:1px solid #e8eef5;font-size:14.5px}
.ss-aside a:last-child{border-bottom:0}
.ss-aside .rate-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #e8eef5;font-size:14px}
.ss-aside .rate-row b{color:#0a7a3f}
.ss-faq details{border:1px solid #dfe8f2;border-radius:11px;padding:0 14px;margin-top:10px;background:#fbfdff}
.ss-faq summary{cursor:pointer;font-weight:800;color:#17345e;padding:13px 0;list-style:none;position:relative;padding-right:24px}
.ss-faq summary::after{content:'+';position:absolute;right:0;top:10px;font-size:20px;color:#0786ef}
.ss-faq details[open] summary::after{content:'–'}
.ss-faq details p{margin:0 0 14px}
.ss-steps{counter-reset:s;list-style:none;padding:0;margin:0}
.ss-steps li{counter-increment:s;position:relative;padding:0 0 14px 46px;line-height:1.6;color:#4f6784}
.ss-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#0786ef;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px}
.ss-steps li b{color:#17345e;display:block}
.ss-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ss-pc ul{margin:0;padding-left:20px;line-height:1.75;color:#4f6784}
.ss-pc .p{background:#f1fbf5;border:1px solid #cdebd9;border-radius:13px;padding:16px}
.ss-pc .c{background:#fff6f5;border:1px solid #f3d2cf;border-radius:13px;padding:16px}
.ss-kv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px}
.ss-kv div{background:#f5f9fe;border:1px solid #e1ebf5;border-radius:12px;padding:12px}
.ss-kv span{display:block;font-size:12px;color:#5d738d;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.ss-kv b{display:block;margin-top:4px;color:#0b2858;font-size:15.5px}
/* calculator */
.ss-calc{background:linear-gradient(135deg,#f5fbff,#fff);border:1px solid #d6e6f6;border-radius:15px;padding:20px}
.ss-ctabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ss-ctabs button{border:1px solid #cfe0f2;background:#fff;color:#17345e;border-radius:20px;padding:8px 14px;font-weight:800;cursor:pointer;font-size:13.5px}
.ss-ctabs button.on{background:#0786ef;border-color:#0786ef;color:#fff}
.ss-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.ss-field{margin-bottom:13px}
.ss-field label{display:flex;justify-content:space-between;font-weight:800;color:#17345e;font-size:14px;margin-bottom:6px}
.ss-field label output{color:#0876d8}
.ss-field input[type=range]{width:100%;accent-color:#0786ef}
.ss-field input[type=number]{width:100%;padding:10px;border:1px solid #cfe0f2;border-radius:9px;font-size:15px;box-sizing:border-box}
.ss-out{background:#0b2858;color:#fff;border-radius:14px;padding:18px}
.ss-out .big{font-size:30px;font-weight:900;margin:4px 0 12px}
.ss-out .row{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;padding:9px 0;font-size:14.5px}
.ss-out .row b{color:#8fd3ff}
.ss-bar{height:12px;border-radius:8px;background:#ffffff22;overflow:hidden;display:flex;margin:6px 0 4px}
.ss-bar i{display:block;height:100%}.ss-bar .a{background:#5fb4ff}.ss-bar .b{background:#3ddc97}
.ss-legend{font-size:12px;opacity:.85}
.ss-legend span{margin-right:12px}.ss-legend span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;background:#5fb4ff}
.ss-legend span.b::before{background:#3ddc97}
/* child hero */
.ss-chero{background:linear-gradient(135deg,#eaf6ff,#fff 55%,#f3efff);padding:38px 0 30px;border-bottom:1px solid #e3edf7}
.ss-chero .ss-in{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center}
.ss-chero h1{font-size:40px;line-height:1.12;margin:6px 0 12px;color:#092650}
.ss-chero p{font-size:17px;color:#4b6280;line-height:1.65;margin:0}
.ss-chip{background:#fff;border:1px solid #dce8f4;border-radius:16px;padding:18px;box-shadow:0 12px 30px #b9cde633}
.ss-chip .ic{font-size:40px}
.ss-chip .r{font-size:28px;font-weight:900;color:#0a7a3f;margin:4px 0}
.ss-chip small{color:#5d738d;font-weight:700}
@media(max-width:980px){.ss-hero-wrap{grid-template-columns:1fr}.ss-art{min-height:240px}.ss-layout{grid-template-columns:minmax(0,1fr)}.ss-aside{position:static}.ss-grid,.ss-res{grid-template-columns:1fr 1fr}.ss-grid.four,.ss-kv{grid-template-columns:1fr 1fr}.ss-chero .ss-in{grid-template-columns:1fr}.ss-cgrid{grid-template-columns:1fr}}
@media(max-width:600px){.ss-art{display:none}.ss-hero{padding:32px 0}.ss-hero h1,.ss-chero h1{font-size:31px}.ss-hero p,.ss-chero p{font-size:16px}.ss-grid,.ss-grid.two,.ss-res,.ss-pc{grid-template-columns:1fr}.ss-stats{grid-template-columns:1fr 1fr}.ss-coin{width:170px;height:170px}.ss-coin b{font-size:44px}.ss-bub{font-size:12px;padding:9px 11px}.ss-bub em{font-size:16px}.ss-sec{padding:18px}.ss-sec h2{font-size:21px}.ss-layout{padding-top:14px}}