/* Country page design v3 (Kenya sample) */
:root{ --kx-navy:#0e192d; --kx-navy-2:#16264a; --kx-blue:#1a60cf; --kx-sky:#5aa9f0; --kx-gold:#fbbf24; --kx-green:#16a34a; --kx-red:#dc2626; }

.kx-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 22px; border-radius:3px; font-weight:600; font-size:15px; line-height:1; transition:background .15s, border-color .15s, transform .15s; }
.kx-btn--primary{ background:var(--kx-blue); color:#fff; }
.kx-btn--primary:hover{ background:#0052a3; color:#fff; }
.kx-btn--ghost{ border:1px solid rgba(255,255,255,.4); color:#fff; }
.kx-btn--ghost:hover{ border-color:#fff; background:rgba(255,255,255,.06); color:#fff; }
.kx-btn--block{ width:100%; }
.kx-btn:active{ transform:translateY(1px); }

/* Hero */
.kx-hero{ background:radial-gradient(1200px 500px at 85% 30%, #173a72 0%, transparent 60%), var(--kx-navy); color:#fff; padding:56px 0 64px; overflow:hidden; }
.kx-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.kx-kicker{ display:flex; align-items:center; gap:12px; color:var(--kx-sky); font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:18px; }
.kx-kicker img{ border-radius:3px; box-shadow:0 0 0 1px rgba(255,255,255,.25); }
.kx-hero h1{ color:#fff; font-size:clamp(40px,5.4vw,66px); line-height:1.02; letter-spacing:-.01em; margin-bottom:20px; }
.kx-sub{ color:#c7d4e4; font-size:18px; line-height:1.6; max-width:46ch; margin-bottom:28px; }
.kx-cta{ display:flex; flex-wrap:wrap; gap:12px; }
.kx-facts{ display:grid; grid-template-columns:repeat(3,auto); justify-content:start; gap:0; margin:40px 0 0; }
.kx-facts div{ padding:0 28px; border-left:1px solid rgba(255,255,255,.16); }
.kx-facts div:first-child{ padding-left:0; border-left:none; }
.kx-facts dt{ font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:#8ea6c4; margin-bottom:6px; }
.kx-facts dd{ white-space:nowrap; margin:0; font-family:'Source Serif 4',serif; font-size:22px; color:#fff; }
.kx-facts span{ font-size:12.5px; color:#8ea6c4; }
.kx-hero-map svg{ width:100%; height:auto; display:block; }
.kx-route{ animation:kxdash 1.6s linear infinite; }
@keyframes kxdash{ to{ stroke-dashoffset:-26; } }
@media (prefers-reduced-motion:reduce){ .kx-route{ animation:none; } .kx-hero-map animate{ display:none; } }

/* Status strip */
.kx-status{ background:#fff; position:relative; z-index:2; }
.kx-status-grid{ position:relative; z-index:3; top:-36px; margin-bottom:-36px; display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:0 18px 40px rgba(14,25,45,.12); overflow:hidden; }
.kx-stat{ display:flex; gap:14px; padding:22px 22px; border-left:1px solid var(--line); }
.kx-stat:first-child{ border-left:none; }
.kx-stat-icon{ flex-shrink:0; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.kx-stat-icon svg{ width:18px; height:18px; }
.kx-stat--no .kx-stat-icon{ background:#fef2f2; color:var(--kx-red); }
.kx-stat--yes .kx-stat-icon{ background:#f0fdf4; color:var(--kx-green); }
.kx-stat-label{ font-size:12.5px; color:var(--slate); margin-bottom:2px; }
.kx-stat-value{ font-size:16px; font-weight:700; color:var(--navy); margin-bottom:2px; }
.kx-stat-note{ font-size:12.5px; color:var(--slate); line-height:1.45; }

/* Sticky in-page nav */
.kx-subnav{ position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); backdrop-filter:blur(6px); border-bottom:1px solid var(--line); border-top:1px solid var(--line); margin-top:28px; }
.kx-subnav .wrap{ display:flex; align-items:center; gap:4px; overflow-x:auto; scrollbar-width:none; }
.kx-subnav .wrap::-webkit-scrollbar{ display:none; }
.kx-subnav a{ flex-shrink:0; padding:16px 14px; font-size:14px; font-weight:500; color:var(--slate); border-bottom:2px solid transparent; }
.kx-subnav a:hover, .kx-subnav a.is-active{ color:var(--navy); border-bottom-color:var(--kx-blue); }
.kx-subnav a.kx-subnav-cta{ margin-left:auto; color:var(--kx-blue); font-weight:600; }

/* Body + sticky form */
.kx-body{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:64px; align-items:start; padding-top:56px; padding-bottom:64px; }
.kx-sec{ margin-bottom:52px; scroll-margin-top:72px; }
.kx-sec:last-child{ margin-bottom:0; }
.kx-eyebrow, .kx-sec p.kx-eyebrow, .kx-head p.kx-eyebrow, .kx-cover p.kx-eyebrow{ font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--kx-blue); margin-bottom:10px; }
.kx-routes .kx-head p.kx-eyebrow{ color:var(--kx-sky); }
.kx-sec h2, .kx-head h2{ font-size:clamp(26px,3vw,34px); line-height:1.2; margin-bottom:16px; }
.kx-sec p{ color:var(--navy-soft); font-size:16px; line-height:1.8; margin-bottom:14px; max-width:66ch; }
.kx-sec p.kx-lead{ font-size:19px; line-height:1.65; color:var(--navy); }
.kx-methods{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:22px; }
.kx-methods div{ padding:20px; border:1px solid var(--line); border-radius:6px; background:#fff; transition:border-color .15s, box-shadow .15s; }
.kx-methods div:hover{ border-color:#bcd3ee; box-shadow:0 8px 20px rgba(14,25,45,.06); }
.kx-num{ display:block; font-family:'Source Serif 4',serif; font-size:26px; color:var(--kx-blue); margin-bottom:8px; }
.kx-methods h3{ font-size:16.5px; margin-bottom:6px; }
.kx-methods p{ font-size:14.5px; line-height:1.6; color:var(--slate); margin:0; }

.kx-side{ position:sticky; top:72px; }
.kx-form{ background:var(--kx-navy); border-radius:8px; padding:24px; color:#fff; box-shadow:0 20px 44px rgba(14,25,45,.22); }
.kx-form-head{ display:flex; align-items:center; gap:12px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid rgba(255,255,255,.12); }
.kx-form-head img{ border-radius:2px; }
.kx-form-head p{ font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--kx-sky); font-weight:700; }
.kx-form-head h2{ color:#fff; font-size:22px; }
.kx-form label{ display:block; font-size:12.5px; color:#c7d4e4; margin-bottom:12px; }
.kx-2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kx-form input, .kx-form select, .kx-form textarea{ display:block; width:100%; margin-top:5px; padding:10px 11px; font:inherit; font-size:14px; color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); border-radius:4px; }
.kx-form select option{ color:var(--navy); }
.kx-form input:focus, .kx-form select:focus, .kx-form textarea:focus{ outline:none; border-color:var(--kx-sky); box-shadow:0 0 0 3px rgba(90,169,240,.25); }
.kx-form input::placeholder, .kx-form textarea::placeholder{ color:#7f93ad; }
.kx-upload{ position:relative; padding:12px; border:1px dashed rgba(255,255,255,.3); border-radius:4px; text-align:center; cursor:pointer; }
.kx-upload strong{ color:#fff; }
.kx-upload input{ position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; }
.kx-form-note{ font-size:12px; color:#8ea6c4; text-align:center; margin-top:10px; }
.kx-side-call{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; padding:16px 18px; border:1px solid var(--line); border-radius:8px; font-size:13.5px; color:var(--slate); }
.kx-side-call strong{ color:var(--kx-blue); font-size:17px; }
.kx-side-call:hover{ border-color:var(--kx-blue); }

/* Full-width sections */
.kx-sec-full{ padding:80px 0; scroll-margin-top:56px; }
.kx-tint{ background:#f5f8fc; }
.kx-head{ max-width:720px; margin:0 auto 40px; text-align:center; }
.kx-head--left{ text-align:left; margin:0 0 36px; }
.kx-head p{ color:var(--slate); font-size:16.5px; line-height:1.7; }
.kx-head a:not(.kx-btn){ color:var(--kx-blue); font-weight:600; }

/* Routes timeline */
.kx-routes{ background:var(--kx-navy); padding:84px 0; color:#fff; scroll-margin-top:56px; }
.kx-routes .kx-head h2{ color:#fff; }
.kx-routes .kx-head p{ color:#a9bbd0; }
.kx-route-list{ max-width:1000px; margin:0 auto; }
.kx-route{ display:grid; grid-template-columns:340px 1fr; gap:32px; align-items:center; padding:22px 0; border-top:1px solid rgba(255,255,255,.1); }
.kx-pill{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; padding:4px 10px; border-radius:999px; margin-bottom:8px; }
.kx-route--fast .kx-pill{ background:rgba(22,163,74,.18); color:#4ade80; }
.kx-route--alt .kx-pill{ background:rgba(251,191,36,.16); color:var(--kx-gold); }
.kx-route--formal .kx-pill{ background:rgba(26,134,232,.2); color:#8cc4f5; }
.kx-route h3{ color:#fff; font-size:19px; margin-bottom:4px; }
.kx-route p{ color:#a9bbd0; font-size:14px; line-height:1.55; }
.kx-route .kx-rule{ color:#7f93ad; font-size:12.5px; margin-top:6px; }
.kx-bar{ position:relative; height:44px; border-radius:6px; background:rgba(255,255,255,.05); }
.kx-bar span{ position:absolute; left:0; top:0; bottom:0; width:var(--w); border-radius:6px; }
.kx-route--fast .kx-bar span{ background:linear-gradient(90deg,#16a34a,#4ade80); }
.kx-route--alt .kx-bar span{ background:repeating-linear-gradient(135deg,#b45309 0 8px,#d97706 8px 16px); }
.kx-route--formal .kx-bar span{ background:linear-gradient(90deg,#1d4ed8,#60a5fa); }
.kx-bar em{ position:absolute; top:50%; transform:translateY(-50%); left:calc(var(--w, 0%) + 12px); font-style:normal; font-size:13.5px; font-weight:600; color:#fff; white-space:nowrap; }
.kx-bar.is-long em{ left:auto; right:calc(100% - var(--w) + 12px); }
.kx-route--muted .kx-bar span{ display:none; }
.kx-route--muted .kx-bar em{ left:14px; color:#a9bbd0; font-weight:500; }
.kx-route--muted .kx-pill{ background:rgba(148,163,184,.18); color:#cbd5e1; }
.kx-route--muted h3{ color:#cbd5e1; }
.kx-scale{ display:flex; justify-content:space-between; margin-left:372px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1); font-size:12px; color:#7f93ad; }

/* Journey */
.kx-journey{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.kx-journey::before{ content:""; position:absolute; left:6%; right:6%; top:24px; border-top:2px dashed #bcd3ee; }
.kx-journey li{ position:relative; text-align:center; padding:0 14px; }
.kx-journey-flag, .kx-journey-dot{ position:relative; z-index:1; width:50px; height:50px; margin:0 auto 18px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; border:2px solid var(--kx-blue); box-shadow:0 0 0 6px #fff; }
.kx-journey-flag img{ border-radius:2px; }
.kx-journey-dot{ background:var(--kx-blue); color:#fff; font-weight:700; }
.kx-journey h3{ font-size:17px; margin-bottom:6px; }
.kx-journey p{ font-size:14.5px; color:var(--slate); line-height:1.6; }

/* How it works */
.kx-how{ display:grid; grid-template-columns:0.8fr 1.2fr; gap:56px; align-items:start; }
.kx-how .kx-head{ margin:0; }
.kx-how-steps{ display:grid; grid-template-columns:1fr 1fr; gap:16px; counter-reset:kxh; }
.kx-how-steps div{ counter-increment:kxh; background:#fff; border:1px solid var(--line); border-radius:8px; padding:22px 22px 20px; position:relative; }
.kx-how-steps div::before{ content:counter(kxh, decimal-leading-zero); display:block; font-family:'Source Serif 4',serif; font-size:30px; color:#bcd3ee; line-height:1; margin-bottom:10px; }
.kx-how-steps strong{ display:block; color:var(--navy); font-size:16.5px; margin-bottom:6px; }
.kx-how-steps p{ font-size:14.5px; color:var(--slate); line-height:1.6; }

/* Rates */
.kx-rates{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1000px; margin:0 auto; }
.kx-rate{ position:relative; border:1px solid var(--line); border-radius:8px; padding:24px; background:#fff; }
.kx-rate h3{ font-size:17.5px; margin-bottom:6px; }
.kx-rate p{ font-size:14.5px; color:var(--slate); line-height:1.6; }
.kx-rate.is-featured{ border-color:var(--kx-blue); box-shadow:0 0 0 1px var(--kx-blue), 0 14px 30px rgba(26,96,207,.12); }
.kx-rate span{ position:absolute; top:-11px; left:20px; background:var(--kx-blue); color:#fff; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:4px 10px; border-radius:999px; }

/* Coverage */
.kx-cover{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center; }
.kx-cover h2{ font-size:clamp(26px,3vw,34px); margin-bottom:12px; }
.kx-cover > div > p{ color:var(--slate); font-size:16px; line-height:1.7; margin-bottom:18px; }
.kx-cities{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.kx-cities li{ padding:7px 13px; background:#fff; border:1px solid var(--line); border-radius:999px; font-size:13.5px; color:var(--navy); }
.kx-map{ border-radius:8px; overflow:hidden; border:1px solid var(--line); aspect-ratio:4/3; background:#e8eef6; box-shadow:0 14px 34px rgba(14,25,45,.1); }
.kx-map iframe{ width:100%; height:100%; border:0; display:block; }

/* FAQ */
.kx-faq{ display:grid; grid-template-columns:0.7fr 1.3fr; gap:56px; align-items:start; }
.kx-faq .kx-head{ position:sticky; top:80px; }

/* Final CTA */
.kx-final{ padding:0 0 80px; }
.kx-final-card{ display:flex; justify-content:space-between; align-items:center; gap:32px; padding:44px 48px; border-radius:10px; color:#fff; background:radial-gradient(600px 240px at 90% 0%, #1e4a85 0%, transparent 70%), var(--kx-navy); }
.kx-final-card h2{ color:#fff; font-size:clamp(24px,2.8vw,32px); margin-bottom:8px; }
.kx-final-card p{ color:#a9bbd0; max-width:52ch; }
.kx-nearby{ padding-top:44px; }
.kx-nearby h2{ font-size:20px; margin-bottom:14px; }
.kx-nearby > div{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.kx-nearby > div a{ display:inline-flex; align-items:center; gap:9px; padding:9px 15px 9px 10px; border:1px solid var(--line); border-radius:999px; font-size:14px; font-weight:500; color:var(--navy); }
.kx-nearby > div a:hover{ border-color:var(--kx-blue); color:var(--kx-blue); }
.kx-nearby img{ border-radius:2px; }
.kx-back{ font-weight:600; color:var(--kx-blue); }

/* Responsive */
@media (max-width:1080px){
  .kx-body{ grid-template-columns:1fr; gap:40px; }
  .kx-side{ position:static; max-width:560px; }
  .kx-route{ grid-template-columns:1fr; gap:12px; }
  .kx-scale{ margin-left:0; }
}
@media (max-width:900px){
  .kx-hero-grid{ grid-template-columns:1fr; }
  .kx-hero-map{ max-width:480px; margin:-10px auto 0; }
  .kx-status-grid{ grid-template-columns:1fr 1fr; }
  .kx-stat:nth-child(3){ border-left:none; }
  .kx-stat:nth-child(n+3){ border-top:1px solid var(--line); }
  .kx-methods, .kx-rates{ grid-template-columns:1fr 1fr; }
  .kx-how, .kx-cover, .kx-faq{ grid-template-columns:1fr; gap:32px; }
  .kx-faq .kx-head{ position:static; }
  .kx-journey{ grid-template-columns:1fr 1fr; row-gap:32px; }
  .kx-journey::before{ display:none; }
  .kx-final-card{ flex-direction:column; align-items:flex-start; padding:32px 28px; }
}
@media (max-width:600px){
  .kx-facts{ grid-template-columns:1fr 1fr; row-gap:18px; }
  .kx-facts div:nth-child(3){ padding-left:0; border-left:none; }
  .kx-status-grid{ grid-template-columns:1fr; }
  .kx-stat{ border-left:none; border-top:1px solid var(--line); }
  .kx-stat:first-child{ border-top:none; }
  .kx-methods, .kx-rates, .kx-how-steps, .kx-journey{ grid-template-columns:1fr; }
  .kx-sec-full, .kx-routes{ padding:56px 0; }
  .kx-bar em{ font-size:12px; }
  .kx-bar.is-long em{ right:12px; }
}

/* Secondary treaty facts under the status strip */
.kx-status-more{ display:grid; grid-template-columns:repeat(4,1fr); margin:14px 0 0; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
.kx-status-more div{ padding:12px 18px; border-left:1px solid var(--line); }
.kx-status-more div:first-child{ border-left:none; }
.kx-status-more dt{ font-size:12px; color:var(--slate); }
.kx-status-more dd{ margin:2px 0 0; font-size:13.5px; font-weight:600; color:var(--navy-soft); }

/* Good to know */
.kx-tips{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1100px; margin:0 auto; }
.kx-tip{ padding:22px 22px 20px; border-radius:8px; background:#fff; border:1px solid var(--line); border-top:3px solid var(--kx-blue); }
.kx-tip.is-warn{ border-top-color:#d97706; background:#fffbf3; }
.kx-tip h3{ font-size:16.5px; margin-bottom:6px; }
.kx-tip p{ font-size:14.5px; color:var(--slate); line-height:1.6; }

/* Rates: 4 across */
.kx-rates{ grid-template-columns:repeat(4,1fr); max-width:1160px; }

/* Sources */
.kx-sources{ padding:0 0 56px; }
.kx-sources .wrap{ border-top:1px solid var(--line); padding-top:44px; }
.kx-sources h2{ font-size:20px; margin-bottom:16px; }
.kx-sources ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 32px; }
.kx-sources li{ display:flex; flex-direction:column; padding-left:18px; position:relative; }
.kx-sources li::before{ content:"↗"; position:absolute; left:0; top:0; color:var(--kx-blue); font-size:13px; }
.kx-sources a{ color:var(--navy); font-weight:600; font-size:14.5px; }
.kx-sources a:hover{ color:var(--kx-blue); text-decoration:underline; }
.kx-sources span{ font-size:12.5px; color:var(--slate); }
.kx-reviewed{ margin-top:20px; font-size:13px; color:var(--slate); }

@media (max-width:900px){
  .kx-status-more, .kx-rates{ grid-template-columns:1fr 1fr; }
  .kx-status-more div:nth-child(3){ border-left:none; }
  .kx-status-more div:nth-child(n+3){ border-top:1px solid var(--line); }
  .kx-tips{ grid-template-columns:1fr 1fr; }
}
@media (max-width:600px){
  .kx-tips, .kx-sources ul, .kx-rates{ grid-template-columns:1fr; }
}

/* Proof callout + rules table */
.kx-proof{ display:flex; gap:16px; align-items:flex-start; margin:20px 0 22px; padding:20px 22px; background:#f0f6fd; border:1px solid #cfe0f5; border-radius:8px; }
.kx-proof-icon{ flex-shrink:0; width:44px; height:44px; border-radius:10px; background:var(--kx-blue); color:#fff; display:flex; align-items:center; justify-content:center; }
.kx-proof-icon svg{ width:24px; height:24px; }
.kx-proof h3{ font-size:16.5px; margin-bottom:4px; }
.kx-sec .kx-proof p{ font-size:14.5px; line-height:1.6; color:var(--navy-soft); margin:0; }
.kx-table-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:8px; }
.kx-rules{ width:100%; border-collapse:collapse; font-size:15px; }
.kx-rules th, .kx-rules td{ text-align:left; padding:12px 16px; border-bottom:1px solid var(--line); }
.kx-rules tbody tr:last-child th, .kx-rules tbody tr:last-child td{ border-bottom:none; }
.kx-rules thead th{ background:var(--kx-navy); color:#fff; font-size:12.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.kx-rules tbody th{ width:150px; white-space:nowrap; color:var(--kx-blue); font-weight:600; }
.kx-rules td{ color:var(--navy-soft); }
.kx-rules tbody tr:nth-child(even){ background:#f8fafc; }

/* v3 template additions */
.kx-status-grid--3{ grid-template-columns:repeat(3,1fr); }
.kx-lists{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:18px; }
.kx-lists > div{ padding:18px 20px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
.kx-lists h3{ font-size:15.5px; margin-bottom:8px; }
.kx-lists ul{ margin:0; padding-left:18px; }
.kx-lists li{ font-size:14.5px; color:var(--navy-soft); line-height:1.6; margin-bottom:4px; }
.kx-regions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.kx-regions > div{ padding:14px 16px; background:#fff; border:1px solid var(--line); border-radius:8px; }
.kx-regions h3{ font-size:15px; margin-bottom:4px; }
.kx-regions p{ font-size:13.5px; color:var(--slate); line-height:1.55; }
.kx-cover-note{ font-size:13px; color:var(--slate); margin-top:12px; }
.kx-rate-value{ display:block; margin-top:10px; font-size:18px; color:var(--navy); font-family:'Source Serif 4',serif; }
.kx-routes-note{ max-width:1000px; margin:18px auto 0; font-size:13px; color:#8ea6c4; }
.kx-hero-flag{ display:flex; align-items:center; justify-content:center; min-height:260px; }
.kx-hero-flag img{ width:min(320px,80%); height:auto; border-radius:6px; box-shadow:0 20px 50px rgba(0,0,0,.35); }
.kx-file-list{ margin:-4px 0 12px; color:#c7d4e4; font-size:12.5px; }
.kx-file-list li{ border-bottom-color:rgba(255,255,255,.12); padding:5px 0; }
.kx-side .psr-notice{ margin-bottom:12px; }
@media (max-width:900px){ .kx-status-grid--3{ grid-template-columns:1fr; } .kx-regions{ grid-template-columns:1fr; } }

.kx-stat--info .kx-stat-icon{ background:#eff6ff; color:var(--kx-blue); }