/* FINEX palette: forest green, fresh green accents, and a calm trading-paper surface. */
:root{
  --ink:#12291c;
  --green:#116c32;
  --lime:#b8df45;
  --muted:#52675a;
  --line:#dbe6dc;
  --paper:#f5f8f4;
  --finex-green:#16843f;
  --finex-green-hover:#0f6d34;
  --finex-forest:#12291c;
  --finex-soft:#edf6eb;
  --finex-soft-border:#c8ddc9;
  --finex-ink:#12291c;
  --finex-body:#304d3b;
  --finex-muted:#52675a;
  --finex-link:#116c32;
  --finex-paper:#f5f8f4;
  --finex-border:#d1dfd2;
  --finex-on-dark:#d4e5d6;
}

html{background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3,.logo{color:var(--ink)}
.mark{background:var(--finex-green)}
.eyebrow,.sectionnum,.journey-number,.journey-action,.hero-trust a,.source-link,.textlink,.smallproof span:before{color:var(--finex-link)}
.notice,.bottom,.comparebar,.compare-now,.featured-cta{background:var(--finex-forest)}
.notice{color:#e8f1e9}
.visual{background:#eaf2e8;border-color:#d1e2d0}
.floatcard{background:#173a25}
.floatcard .shield{color:var(--lime)}
.lang,.tabs,.toolbar .tabs{background:#edf4eb;border-color:var(--line)}
.tag,.live{background:#eef7e7;color:#38612b}
.navlinks a{transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.navlinks a:hover,.navlinks a[aria-current],.navlinks a.active{
  background:var(--finex-soft);color:var(--finex-link);box-shadow:inset 0 -3px var(--finex-green)
}
.btn.primary,.primary,.btn--primary,button.primary{
  background:var(--finex-green);border-color:var(--finex-green);color:#fff
}
.btn.primary:hover,.primary:hover,.btn--primary:hover,button.primary:hover{
  background:var(--finex-green-hover);border-color:var(--finex-green-hover)
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline-color:#4b982e
}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:var(--finex-green)}
.lookup-panel,.filter-panel,.selection-box,.reviewsection,.summarybox{
  border-color:var(--line)
}
.lookup-panel,.featured-panel{border-top-color:var(--finex-green)}
.lookup-result:hover,.popular-profiles a:hover,.journey-item:hover,.navlinks a:hover{
  background-color:var(--finex-soft)
}
.data-card:hover{border-color:#8bbf8f}
.data-card .badge,.summary-brand .badge{background:var(--finex-forest);color:#fff}
.tabs button.active,.tabs button[aria-selected="true"]{color:var(--finex-link);border-color:var(--finex-green)}
.source-link:hover,.textlink:hover,a:hover{color:var(--finex-green-hover)}
.back-top{color:var(--finex-forest);border-color:#bdd3bd}
.steps .num{color:var(--finex-green);border-color:#c8ddc9}
.bottom .btn{background:var(--lime);border-color:var(--lime);color:var(--finex-forest)}
.provider-paths a:nth-child(1){background:var(--finex-forest)}
.provider-paths a:nth-child(2){background:#176f39}
.provider-paths a:nth-child(3){background:#27583a}
.comparison-hero,.reviewhero{background:var(--finex-forest)}
.comparison-hero .eyebrow,.reviewhero .eyebrow{color:var(--lime)}
.comparison-hero h1,.reviewhero h1{color:#fff}
::selection{background:#d8ef9a;color:#14271d}

/* Readable shared states, including review heroes and narrow phone screens. */
input::placeholder,textarea::placeholder{color:var(--finex-muted);opacity:1}
input,textarea{caret-color:var(--finex-link)}
.lang a[aria-current="page"],.lang button.active{color:var(--finex-link);background:#fff;border-color:var(--finex-border)}
.rating-medal{background:#fff;border-radius:50%}
.rating-medal-score{color:var(--finex-ink)}
.rating-medal-score small{color:var(--finex-muted)}
.contact-copy .eyebrow{color:var(--lime)}
.contact-copy p,.contact-status,.contact-channel small{color:var(--finex-on-dark)}
.unknown,.unrated,.column-meta,.selection-note{color:var(--finex-muted)}
.comparison-summary{background:var(--finex-soft)}
.verdict-topic p{font-size:15px;line-height:1.7}
.verdict-topic h4{font-size:15px}
.verdict-topic p>span>strong{font-size:12px;line-height:1.6}
.verdict-sources>summary{min-height:44px;font-size:13px}
.verdict-card-head{min-height:84px}
.logo{letter-spacing:-.035em}
.logo>span:not(.mark){color:var(--finex-green)!important}
.logo:not(:has(.mark))::before{content:"";display:inline-block;flex-shrink:0;width:27px;height:27px;background:var(--finex-green);clip-path:polygon(0 0,100% 0,100% 28%,32% 28%,32% 42%,84% 42%,84% 68%,32% 68%,32% 100%,0 100%)}
.article-page .reviewsection p,.article-page .reviewsection li{color:var(--finex-body)}
.article-page .affiliate-callout{display:grid;gap:12px;padding:24px;margin:28px 0;background:var(--finex-soft);border:1px solid var(--finex-border);border-radius:12px}
.affiliate-callout>p{margin:0}
.article-page .affiliate-callout>p:first-child{color:var(--finex-link);font-weight:700}
.affiliate-callout .btn{background:var(--finex-green);border-color:var(--finex-green);color:#fff}
.affiliate-callout .btn:hover{background:var(--finex-green-hover);border-color:var(--finex-green-hover);color:#fff}
.affiliate-callout small{color:var(--finex-muted);font-size:13px;line-height:1.75}
.article-page .affiliate-callout h2{margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.35;text-wrap:balance}
.article-partner-actions{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin:4px 0}
.article-partner-actions .btn{white-space:normal;max-width:100%;min-height:48px;line-height:1.55;text-align:center}
.article-partner-secondary{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.article-heading .article-partner-disclosure{margin:14px 0 0;color:var(--finex-muted);font-size:13px;line-height:1.7}
@media(max-width:600px){.article-partner-actions{align-items:stretch;flex-direction:column;gap:8px}.article-partner-actions .btn{width:100%}.article-partner-secondary{justify-content:center;text-align:center}}
.affiliate-logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:var(--finex-forest);min-width:44px;min-height:44px;flex-shrink:0}
.affiliate-logo:hover{background:var(--finex-green-hover);color:#fff}
.affiliate-logo:focus-visible,.affiliate-cta:focus-visible{outline:3px solid var(--finex-green);outline-offset:4px}
.partner-action{display:grid;justify-items:start;gap:7px;margin:16px 0 20px;min-width:0}
.partner-action .btn{max-width:100%;white-space:normal;text-align:center;min-height:48px;line-height:1.5}
.partner-action small{display:block;font-size:12px;line-height:1.65;color:var(--finex-muted)}
.data-card .partner-action .btn,.summary-verdict-card .partner-action .btn{width:100%}
.data-card .partner-action,.summary-verdict-card .partner-action{justify-items:stretch}
.reviewhero .partner-action small{color:var(--finex-on-dark)}
.reviewhero .affiliate-logo{background:#fff;color:var(--finex-link)}
.reviewhero .affiliate-logo:hover{background:var(--finex-soft)}
.reviewhero .affiliate-logo:focus-visible,.reviewhero .affiliate-cta:focus-visible{outline-color:var(--lime)}
.article-partner-entry{padding:16px 0;margin:24px 0;border-block:1px solid var(--finex-border);font-size:16px;line-height:1.75}
.article-partner-entry a{font-weight:650;text-underline-offset:3px}
.article-partner-entry small{display:block;margin-top:6px;font-size:13px;line-height:1.7;color:var(--finex-muted)}
.article-provider-inline{margin:24px 0;padding:16px 0;border-block:1px solid var(--finex-border)}
.article-provider-inline>p{margin:0 0 4px;font-size:15px;color:var(--finex-muted)}
.article-provider-inline-links{display:flex;flex-wrap:wrap;gap:4px 24px}
.article-provider-inline-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:16px;font-weight:650;text-underline-offset:3px;max-width:100%}
.article-provider-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin:4px 0}
.article-provider-buttons .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;max-width:100%;white-space:normal;font-size:16px;line-height:1.5;text-align:center}
.insight-filters button[aria-pressed=true]{box-shadow:inset 0 -2px var(--finex-green)}
.criteria-chips input,.difference-toggle input{accent-color:var(--finex-green)}
@media(min-width:701px) and (max-width:1024px){
 html{scroll-padding-top:100px}
 header nav{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:80px;height:80px;min-height:80px;padding-block:0;gap:16px}
 header nav>.logo{grid-column:1;grid-row:1}
 header nav>.menu-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--finex-border);border-radius:7px;background:#fff;color:var(--finex-ink);font-size:14px;font-weight:650}
 .menu-toggle::before{content:"☰";font-size:17px;line-height:1}
 header nav>.lang{grid-column:3;grid-row:1}
 header nav>.navlinks{position:absolute;top:100%;left:0;right:0;z-index:30;display:none;flex-direction:column;align-items:stretch;padding:10px;background:#fff;border:1px solid var(--finex-border);border-radius:0 0 12px 12px;box-shadow:0 12px 24px #12291c18}
 header nav>.navlinks.is-open{display:flex}
 header nav>.navlinks a{min-height:48px;white-space:normal}
}
@media(max-width:700px){
 .insights-page{padding-top:0;padding-bottom:0}
 .insights-page main.method-page{padding-top:34px;padding-bottom:36px}
 .article-page .affiliate-callout{padding:20px}
 .verdict-topic p{font-size:15px;line-height:1.75}
 .comparison-summary{padding:20px 14px}
 .summary-verdict-card{padding:18px}
}
@media(max-width:370px){
 header nav,.article-page header nav,.insights-page header nav{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:72px;height:72px;min-height:72px;gap:4px}
 header nav>.logo{grid-column:1;grid-row:1;font-size:23px;gap:6px}
 header nav>.logo .mark{width:22px;height:22px}
 header nav>.logo::before{width:22px;height:22px}
 header nav>.logo>span:not(.mark){display:none}
 header nav>.menu-toggle{grid-column:2;grid-row:1;padding:8px;font-size:12px;gap:4px}
 header nav>.menu-toggle{width:44px;min-height:44px;justify-content:center}
 header nav>.menu-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 header nav>.lang{grid-column:3;grid-row:1}
 .lang button,.lang .btn{padding:8px;min-width:44px;min-height:44px}
 .wrap{padding-inline:16px}
}