/* P2-17 · Savings institutional planning-tool skin. */
body:has(.calc-shell[data-calc="savings"]) { background:#f4f8fa; color:#16242e; }
body:has(.calc-shell[data-calc="savings"]) .site-header { background:#0a2238; border-bottom:1px solid rgba(255,255,255,.12); box-shadow:none; }
body:has(.calc-shell[data-calc="savings"]) .site-header .logo,
body:has(.calc-shell[data-calc="savings"]) .site-header .nav a { color:#f7fbfc; }
body:has(.calc-shell[data-calc="savings"]) .site-header .nav a:hover { color:#9ee4dc; }
body:has(.calc-shell[data-calc="savings"]) .site-header .nav a[href="/calculators/"] { border:1px solid rgba(255,255,255,.28); border-radius:4px; }
body:has(.calc-shell[data-calc="savings"]) .hero { background:#0a2238; color:#fff; padding:54px 0 46px !important; }
body:has(.calc-shell[data-calc="savings"]) .hero .container::before { content:"Saving & Investing / Planning Tool"; display:block; margin:0 0 12px; text-transform:uppercase; letter-spacing:.14em; font-size:.76rem; font-weight:700; color:#76d5cb; }
body:has(.calc-shell[data-calc="savings"]) .hero .breadcrumb { display:none; }
body:has(.calc-shell[data-calc="savings"]) .hero h1 { font-size:clamp(2.25rem,5vw,4.25rem)!important; line-height:.99; letter-spacing:-.045em; margin:0 0 18px; max-width:900px; }
body:has(.calc-shell[data-calc="savings"]) .hero .sub { max-width:790px; color:#c6d4dc; font-size:1.05rem; }
body:has(.calc-shell[data-calc="savings"]) .calc-shell { box-shadow:none; border:1px solid #d9e3e8; border-radius:6px; background:#fff; margin-top:34px; }
body:has(.calc-shell[data-calc="savings"]) .calc-panel.inputs { background:#f8fbfc; border-right:1px solid #d9e3e8; }
body:has(.calc-shell[data-calc="savings"]) .calc-panel.results { background:#fff; }
body:has(.calc-shell[data-calc="savings"]) .result-head .label,
body:has(.calc-shell[data-calc="savings"]) .growth-share { text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; font-weight:700; }
body:has(.calc-shell[data-calc="savings"]) .fv { font-size:clamp(2.7rem,6vw,4.7rem); letter-spacing:-.05em; color:#0a2238; font-variant-numeric:tabular-nums; }
body:has(.calc-shell[data-calc="savings"]) .result-insight { margin:14px 0 18px; padding:18px 20px; background:#0a2238; color:#d9e7ed; border-radius:4px; min-height:54px; }
body:has(.calc-shell[data-calc="savings"]) .result-insight::before { content:"Research view"; display:block; margin-bottom:6px; text-transform:uppercase; letter-spacing:.1em; font-size:.68rem; font-weight:700; color:#76d5cb; }
body:has(.calc-shell[data-calc="savings"]) .presets { gap:8px; }
body:has(.calc-shell[data-calc="savings"]) .preset { border:1px solid #cbd9df; border-radius:4px; box-shadow:none; }
body:has(.calc-shell[data-calc="savings"]) .preset.active { border-color:#16a394; background:#e9f7f5; color:#0b6b62; }
body:has(.calc-shell[data-calc="savings"]) .split { border-top:1px solid #d9e3e8; }
body:has(.calc-shell[data-calc="savings"]) .split-row { border-bottom:1px solid #e7eef1; padding:12px 0; }
body:has(.calc-shell[data-calc="savings"]) .real-split { margin-top:14px; padding:16px; border:1px solid #d9e3e8; border-left:3px solid #16a394; background:#f8fbfc; }
body:has(.calc-shell[data-calc="savings"]) .chart-box { border:1px solid #d9e3e8; border-radius:4px; box-shadow:none; background:#fbfdfe; }
body:has(.calc-shell[data-calc="savings"]) .src-foot { border-left:3px solid #16a394; background:#fff; padding:14px 16px; color:#526773; }
body:has(.calc-shell[data-calc="savings"]) .page { border:1px solid #d9e3e8; background:#fff; border-radius:5px; box-shadow:none; padding:30px; }
body:has(.calc-shell[data-calc="savings"]) .page > h2:first-child::before { content:"Growth methodology & savings context"; display:block; margin-bottom:8px; text-transform:uppercase; letter-spacing:.1em; font-size:.68rem; color:#0b6b62; }
body:has(.calc-shell[data-calc="savings"]) .site-footer { background:#0a2238; }
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) { background:#081722; color:#dbe7ec; }
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .calc-shell,
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .calc-panel.results,
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .page,
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .src-foot,
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .chart-box { background:#0f2736; border-color:#284252; }
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .calc-panel.inputs { background:#0b202d; border-color:#284252; }
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .fv { color:#f2f8fa; }
[data-theme="dark"] body:has(.calc-shell[data-calc="savings"]) .real-split { background:#0b202d; border-color:#284252; }
@media(max-width:900px){ body:has(.calc-shell[data-calc="savings"]) .calc-panel.inputs{border-right:0;border-bottom:1px solid #d9e3e8} }
@media(max-width:640px){ body:has(.calc-shell[data-calc="savings"]) .hero{padding:38px 0 34px!important} body:has(.calc-shell[data-calc="savings"]) .hero h1{font-size:2.3rem!important} body:has(.calc-shell[data-calc="savings"]) .page{padding:22px} }