/* SIP Calculator — page-specific styles.
   Layout, brand color tokens, forms, buttons etc. all come from
   ../../shared/common.css. This file only holds the handful of
   rules unique to this calculator. */

.calc-hero { background: linear-gradient(180deg, #E8EFF2 0%, var(--color-bg) 100%); }

#resultHeadline { color: var(--color-primary); }

@media (max-width: 600px) {
  .calc-hero .lede { font-size: 15px; }
}