/* BANKRATE 2026 INSPIRED / REIMPLEMENTATION, NOT BANKRATE PRODUCTION CSS.
 * Bankrate announced a new editorial/people-first identity in June 2026.
 * Reflects warm paper-like backgrounds, data callouts, meaningful action panels.
 * Colors below are ADAPTATION TOKENS, not audited production hex values.
 */
:root {
  --color-page:#fffefa;--color-surface:#f8f5ed;--color-surface-2:#efeadc;
  --color-elevated:#fff;--color-ink:#1e2930;--color-muted:#49585f;
  --color-subtle:#687478;--color-border:#dad6c8;--color-border-strong:#a4aaa5;
  --color-brand:#143e58;--color-brand-hover:#0e2d40;--color-brand-soft:#e9eff2;
  --color-on-brand:#fff;--color-link:#144e77;--color-link-hover:#0a3554;
  --color-header:#fffefa;--color-on-header:#1e2930;--color-footer:#f4f0e5;
  --color-hero:#f6f0e4;--color-hero-ink:#172e3f;
  --font-body:17px;--font-display:clamp(2.45rem,5vw,4.4rem);
  --font-h1:clamp(2rem,3.5vw,3.35rem);--font-h2:clamp(1.65rem,2.8vw,2.35rem);
  --line-body:1.76;--tracking-heading:-.04em;--container:1200px;
  --reading:740px;--header-height:78px;--space-section:74px;
  --space-hero:82px;--radius-xs:4px;--radius-sm:7px;
  --radius-md:12px;--radius-lg:16px;--radius-xl:22px;
  --radius-card:13px;--radius-button:7px;--radius-input:8px;
  --card-padding:27px;--button-height:52px;
  --shadow-card:0 5px 14px rgb(44 44 36 / 4%);
  --shadow-hover:0 12px 22px rgb(44 44 36 / 9%);
}
.site-header { box-shadow:0 2px 0 rgb(30 41 48 / 3%); }
.brand__symbol { border-radius:50%; background:#173d56; }
.brand__name { font-size:1.42rem; letter-spacing:-.06em; }
.site-nav__link { font-weight:750; }
.top-strip { background:#143e58; }
.hero { background:radial-gradient(ellipse at 95% 15%,#efe1c3 0%,transparent 43%),linear-gradient(120deg,#f7f1e5,#fffaf0); }
.hero__title { font-weight:850; max-width:870px; }
.hero__eyebrow { display:inline-block; color:#875f20; padding-bottom:6px; border-bottom:2px solid #b38a44; }
.hero__description { color:#465257; }
.hero__visual { border:1px solid #e5d7bb; background:#fffdfa; }
.hero__visual-value { color:#173d56; font-variant-numeric:tabular-nums; }
.btn { font-weight:800; letter-spacing:-.014em; }
.btn--secondary { background:#f0e3c9; color:#173d56; }
.btn--secondary:hover,.btn--secondary:visited { background:#e7d4aa; color:#173d56; }
.btn--outline { border-width:2px; }
.section__title { letter-spacing:-.052em; }
.section__heading { padding-bottom:15px; border-bottom:2px solid #233b46; }
.card { border-color:#e7e1d4; }
.card--feature { background:#efe3c9; }
.card--number .card__number { font-size:2.5rem; color:#ac7324; }
.stat { position:relative; background:#fffefa; border-top:3px solid #143e58; }
.stat__value { font-size:clamp(1.95rem,3vw,3.1rem); }
.stat__note { font-size:.86rem; }
.result-box { background:#f6f0e4; border-color:#e2d2b7; }
.result-box__value { color:#123d57; }
.data-table thead { background:#edece3; }
.data-table th { font-weight:850; }
.data-table .num { color:#143e58; font-weight:800; }
.data-table--striped tbody tr:nth-child(even) { background:#f8f5ed; }
.table-scroll { border-color:#ddd5c3; }
.key-value dt { background:#f1eee5; }
.alert { background:#f3f6f6; border-left:5px solid #143e58; }
.summary-box { background:#f7f4eb; border-top:4px solid #143e58; }
.faq__item { border-bottom-color:#ddd5c3; }
.faq__question { font-size:1.07rem; }
.article__body blockquote { background:#f8f4ea; border-left:4px solid #b28742; }
.article__body h2 { padding-bottom:13px; border-bottom:1px solid #ded7c7; }
.cta-panel { background:#f4ebd9; border-color:#e2d2b7; }
.site-footer { border-top:3px solid #143e58; }
@media(max-width:600px){:root{--font-body:16px;--space-section:40px;--space-hero:50px;--card-padding:21px}.hero__title{font-size:2.35rem}.stat__value{font-size:2.3rem}.hero__visual{padding:20px} }