/* NERDWALLET-INSPIRED / Independent reimplementation of information and comparison patterns.
 * Green palette is an approximation; NOT verified computed CSS tokens of nerdwallet.com.
 * Visually emphasizes comparative decisions, navigation depth, categories, editorial trust.
 */
:root {
  --color-page:#fff; --color-surface:#f3f7f4; --color-surface-2:#e5f1e9;
  --color-elevated:#fff; --color-ink:#172f28; --color-muted:#496259;
  --color-subtle:#65786e; --color-border:#d9e5db; --color-border-strong:#abc3b2;
  --color-brand:#08774e; --color-brand-hover:#055d3d; --color-brand-soft:#e0f7e8;
  --color-on-brand:#fff; --color-link:#076b48; --color-link-hover:#024d32;
  --color-header:#fff; --color-on-header:#18352c; --color-footer:#f1f5f0;
  --color-hero:#e7f5e8; --color-hero-ink:#122f21;
  --font-body:16px; --font-h1:clamp(2rem,3.7vw,3.25rem);
  --font-display:clamp(2.15rem,4.5vw,3.8rem); --line-body:1.74;
  --tracking-heading:-.035em; --container:1210px; --reading:760px;
  --header-height:72px; --radius-card:12px; --radius-button:7px;
  --radius-input:8px; --radius-sm:8px; --radius-md:12px;
  --radius-lg:16px; --radius-xl:19px; --space-section:58px;
  --space-hero:70px; --card-padding:22px; --button-height:46px;
  --shadow-card:0 2px 6px rgb(16 60 40 / 4%);
  --shadow-hover:0 7px 20px rgb(15 70 47 / 9%);
}
.top-strip { background:#def2de; color:#175d37; text-align:center; }
.site-header { border-bottom:1px solid #d9e5db; }
.brand__symbol { border-radius:4px; }
.site-nav__link { font-weight:700; font-size:.88rem; }
.site-nav__links { gap:16px; }
.site-nav__actions .btn { font-size:.86rem; }
.dropdown-menu { border-top:3px solid var(--color-brand); border-radius:0 0 10px 10px; }
.hero { background:linear-gradient(110deg,#e5f5e6 0%,#f9fbf8 95%); }
.hero__title { max-width:850px; font-weight:850; }
.hero__visual { border:2px solid #afd8b1; border-radius:12px; }
.hero__visual-value { color:#0c5a3c; }
.section__heading { border-bottom:1px solid var(--color-border); padding-bottom:15px; }
.section__title { font-weight:850; }
.category-card { border-top:4px solid var(--color-brand); }
.card:hover { box-shadow:var(--shadow-hover); }
.card--feature { background:var(--color-brand-soft); border-radius:8px; }
.card__eyebrow { text-transform:uppercase; letter-spacing:.06em; }
.btn { text-transform:none; font-weight:800; }
.btn--secondary { background:#e5f7e9; color:#076b48; }
.btn--outline { border-width:2px; }
.search-box { box-shadow:none; border:2px solid #a4c9b0; }
.stat { border-radius:7px; border-top:3px solid #08774e; }
.stat__value { color:#075c3d; }
.topic-list a { font-size:.95rem; }
.list-panel>li>a { min-height:58px; }
.table-scroll { border-radius:5px; }
.data-table thead { background:#eaf4e9; }
.data-table th { color:#184c30; }
.data-table--striped tbody tr:nth-child(even) { background:#f5faf5; }
.data-table .num { font-weight:750; }
.key-value dt { background:#eef7ec; }
.summary-box { background:#f2f9ee; border-left:4px solid #08774e; border-radius:7px; }
.faq__question::after { color:#08774e; }
.alert { border-radius:7px; }
.article__body blockquote { background:#f3f7f4; }
.article__body h2 { border-bottom:1px solid var(--color-border); padding-bottom:13px; }
.related-grid a { border-radius:8px; }
.post-list__item { border-color:#cdded2; }
@media(max-width:800px){.site-nav__links{gap:0}}@media(max-width:600px){:root{--space-hero:45px;--space-section:38px;--card-padding:18px}.hero__title{font-size:2.15rem}.section__heading{align-items:start}.section__heading .link-arrow{margin-top:6px} }