/* ismyroutersafe.com theme tokens + shared theme layer.
   Light is the default; dark follows the visitor's system setting unless
   they pick a theme with the nav toggle ([data-theme] on <html>, saved in
   localStorage "imrs-theme"). Page styles reference these tokens instead of
   literal colors, so every page honors both themes. Rio green (--rio-*) is
   only for Rio placements; grades use --grade-* (forest green A, not Rio). */
:root,:root[data-theme="light"]{
  color-scheme:light;
  --ims-bg:#F4F6FA;
  --ims-bg-rgb:244 246 250;
  --ims-surface:#FFFFFF;
  --ims-surface-rgb:255 255 255;
  --ims-raised:#F8FAFC;
  --ims-inset:#EEF2F7;
  --ims-fill:#CBD5E1;
  --ims-line:#E2E8F0;
  --ims-line-strong:#CBD5E1;
  --ims-text-strong:#0B1426;
  --ims-text:#1E293B;
  --ims-muted:#475569;
  --ims-faint:#526175;
  --ims-focus:#1D4ED8;
  --ims-hl:15 23 42;
  --ims-hl-k:1.25;
  --ims-shade-rgb:15 23 42;
  --ims-shade-k:.35;
  --ims-nav-bg:rgb(255 255 255 / .94);
  --ims-logo-ink:#0B1426;
  --ims-logo-accent:#1D4ED8;
  --ims-red-fg:#A21C1C;
  --ims-red-tint:#FEF2F2;
  --ims-red-tint-2:#FEE2E2;
  --ims-red-line:#FECACA;
  --ims-orange-fg:#9A3412;
  --ims-orange-tint:#FFF7ED;
  --ims-orange-tint-2:#FFEDD5;
  --ims-orange-line:#FED7AA;
  --ims-amber-fg:#92400E;
  --ims-amber-tint:#FFFBEB;
  --ims-amber-tint-2:#FEF3C7;
  --ims-amber-line:#FDE68A;
  --ims-green-fg:#166534;
  --ims-green-tint:#F0FDF4;
  --ims-green-tint-2:#DCFCE7;
  --ims-green-line:#BBF7D0;
  --ims-teal-fg:#115E59;
  --ims-teal-tint:#F0FDFA;
  --ims-teal-tint-2:#CCFBF1;
  --ims-teal-line:#99F6E4;
  --ims-blue-fg:#1D4ED8;
  --ims-blue-tint:#EFF6FF;
  --ims-blue-tint-2:#DBEAFE;
  --ims-blue-line:#BFDBFE;
  --ims-purple-fg:#7E22CE;
  --ims-purple-tint:#FAF5FF;
  --ims-purple-tint-2:#F3E8FF;
  --ims-purple-line:#E9D5FF;
  --rio-green:#10B981;
  --rio-green-ink:#04140E;
  --rio-fg:#065F46;
  --rio-bg-tint:#ECFDF5;
  --rio-bg-tint-2:#D1FAE5;
  --rio-border:#A7F3D0;
  --rio-line:rgba(5,150,105,.35);
  --rio-bar-rgb:236 253 245;
  --grade-a:#15803D;
  --grade-b:#1D4ED8;
  --grade-c:#B45309;
  --grade-d:#C2410C;
  --grade-f:#B91C1C;
  --grade-a-fg:#166534;
  --grade-b-fg:#1D4ED8;
  --grade-c-fg:#B45309;
  --grade-d-fg:#C2410C;
  --grade-f-fg:#B91C1C;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  color-scheme:dark;
  --ims-bg:#0B1426;
  --ims-bg-rgb:11 20 38;
  --ims-surface:#0F1E36;
  --ims-surface-rgb:15 30 54;
  --ims-raised:#142742;
  --ims-inset:#1B3050;
  --ims-fill:#334766;
  --ims-line:#1F3150;
  --ims-line-strong:#2C4266;
  --ims-text-strong:#F8FAFC;
  --ims-text:#E2E8F0;
  --ims-muted:#B6C2D1;
  --ims-faint:#94A3B8;
  --ims-focus:#93C5FD;
  --ims-hl:255 255 255;
  --ims-hl-k:1;
  --ims-shade-rgb:0 0 0;
  --ims-shade-k:1;
  --ims-nav-bg:rgb(11 20 38 / .94);
  --ims-logo-ink:#FFFFFF;
  --ims-logo-accent:#60A5FA;
  --ims-red-fg:#FCA5A5;
  --ims-red-tint:rgba(239,68,68,.12);
  --ims-red-tint-2:rgba(239,68,68,.2);
  --ims-red-line:rgba(248,113,113,.35);
  --ims-orange-fg:#FDBA74;
  --ims-orange-tint:rgba(249,115,22,.12);
  --ims-orange-tint-2:rgba(249,115,22,.2);
  --ims-orange-line:rgba(251,146,60,.35);
  --ims-amber-fg:#FCD34D;
  --ims-amber-tint:rgba(245,158,11,.12);
  --ims-amber-tint-2:rgba(245,158,11,.2);
  --ims-amber-line:rgba(252,211,77,.32);
  --ims-green-fg:#4ADE80;
  --ims-green-tint:rgba(34,197,94,.11);
  --ims-green-tint-2:rgba(34,197,94,.2);
  --ims-green-line:rgba(74,222,128,.32);
  --ims-teal-fg:#5EEAD4;
  --ims-teal-tint:rgba(20,184,166,.12);
  --ims-teal-tint-2:rgba(20,184,166,.2);
  --ims-teal-line:rgba(94,234,212,.3);
  --ims-blue-fg:#60A5FA;
  --ims-blue-tint:rgba(59,130,246,.12);
  --ims-blue-tint-2:rgba(59,130,246,.2);
  --ims-blue-line:rgba(96,165,250,.35);
  --ims-purple-fg:#D8B4FE;
  --ims-purple-tint:rgba(168,85,247,.12);
  --ims-purple-tint-2:rgba(168,85,247,.2);
  --ims-purple-line:rgba(216,180,254,.32);
  --rio-green:#10B981;
  --rio-green-ink:#04140E;
  --rio-fg:#34D399;
  --rio-bg-tint:rgba(16,185,129,.1);
  --rio-bg-tint-2:rgba(16,185,129,.18);
  --rio-border:rgba(52,211,153,.32);
  --rio-line:rgba(110,231,183,.3);
  --rio-bar-rgb:6 24 20;
  --grade-a:#15803D;
  --grade-b:#1D4ED8;
  --grade-c:#B45309;
  --grade-d:#C2410C;
  --grade-f:#B91C1C;
  --grade-a-fg:#4ADE80;
  --grade-b-fg:#60A5FA;
  --grade-c-fg:#FCD34D;
  --grade-d-fg:#FB923C;
  --grade-f-fg:#F87171;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ims-bg:#0B1426;
  --ims-bg-rgb:11 20 38;
  --ims-surface:#0F1E36;
  --ims-surface-rgb:15 30 54;
  --ims-raised:#142742;
  --ims-inset:#1B3050;
  --ims-fill:#334766;
  --ims-line:#1F3150;
  --ims-line-strong:#2C4266;
  --ims-text-strong:#F8FAFC;
  --ims-text:#E2E8F0;
  --ims-muted:#B6C2D1;
  --ims-faint:#94A3B8;
  --ims-focus:#93C5FD;
  --ims-hl:255 255 255;
  --ims-hl-k:1;
  --ims-shade-rgb:0 0 0;
  --ims-shade-k:1;
  --ims-nav-bg:rgb(11 20 38 / .94);
  --ims-logo-ink:#FFFFFF;
  --ims-logo-accent:#60A5FA;
  --ims-red-fg:#FCA5A5;
  --ims-red-tint:rgba(239,68,68,.12);
  --ims-red-tint-2:rgba(239,68,68,.2);
  --ims-red-line:rgba(248,113,113,.35);
  --ims-orange-fg:#FDBA74;
  --ims-orange-tint:rgba(249,115,22,.12);
  --ims-orange-tint-2:rgba(249,115,22,.2);
  --ims-orange-line:rgba(251,146,60,.35);
  --ims-amber-fg:#FCD34D;
  --ims-amber-tint:rgba(245,158,11,.12);
  --ims-amber-tint-2:rgba(245,158,11,.2);
  --ims-amber-line:rgba(252,211,77,.32);
  --ims-green-fg:#4ADE80;
  --ims-green-tint:rgba(34,197,94,.11);
  --ims-green-tint-2:rgba(34,197,94,.2);
  --ims-green-line:rgba(74,222,128,.32);
  --ims-teal-fg:#5EEAD4;
  --ims-teal-tint:rgba(20,184,166,.12);
  --ims-teal-tint-2:rgba(20,184,166,.2);
  --ims-teal-line:rgba(94,234,212,.3);
  --ims-blue-fg:#60A5FA;
  --ims-blue-tint:rgba(59,130,246,.12);
  --ims-blue-tint-2:rgba(59,130,246,.2);
  --ims-blue-line:rgba(96,165,250,.35);
  --ims-purple-fg:#D8B4FE;
  --ims-purple-tint:rgba(168,85,247,.12);
  --ims-purple-tint-2:rgba(168,85,247,.2);
  --ims-purple-line:rgba(216,180,254,.32);
  --rio-green:#10B981;
  --rio-green-ink:#04140E;
  --rio-fg:#34D399;
  --rio-bg-tint:rgba(16,185,129,.1);
  --rio-bg-tint-2:rgba(16,185,129,.18);
  --rio-border:rgba(52,211,153,.32);
  --rio-line:rgba(110,231,183,.3);
  --rio-bar-rgb:6 24 20;
  --grade-a:#15803D;
  --grade-b:#1D4ED8;
  --grade-c:#B45309;
  --grade-d:#C2410C;
  --grade-f:#B91C1C;
  --grade-a-fg:#4ADE80;
  --grade-b-fg:#60A5FA;
  --grade-c-fg:#FCD34D;
  --grade-d-fg:#FB923C;
  --grade-f-fg:#F87171;
}
@media print{
  :root:not(#_),:root[data-theme]:not(#_){
  color-scheme:light;
  --ims-bg:#F4F6FA;
  --ims-bg-rgb:244 246 250;
  --ims-surface:#FFFFFF;
  --ims-surface-rgb:255 255 255;
  --ims-raised:#F8FAFC;
  --ims-inset:#EEF2F7;
  --ims-fill:#CBD5E1;
  --ims-line:#E2E8F0;
  --ims-line-strong:#CBD5E1;
  --ims-text-strong:#0B1426;
  --ims-text:#1E293B;
  --ims-muted:#475569;
  --ims-faint:#526175;
  --ims-focus:#1D4ED8;
  --ims-hl:15 23 42;
  --ims-hl-k:1.25;
  --ims-shade-rgb:15 23 42;
  --ims-shade-k:.35;
  --ims-nav-bg:rgb(255 255 255 / .94);
  --ims-logo-ink:#0B1426;
  --ims-logo-accent:#1D4ED8;
  --ims-red-fg:#A21C1C;
  --ims-red-tint:#FEF2F2;
  --ims-red-tint-2:#FEE2E2;
  --ims-red-line:#FECACA;
  --ims-orange-fg:#9A3412;
  --ims-orange-tint:#FFF7ED;
  --ims-orange-tint-2:#FFEDD5;
  --ims-orange-line:#FED7AA;
  --ims-amber-fg:#92400E;
  --ims-amber-tint:#FFFBEB;
  --ims-amber-tint-2:#FEF3C7;
  --ims-amber-line:#FDE68A;
  --ims-green-fg:#166534;
  --ims-green-tint:#F0FDF4;
  --ims-green-tint-2:#DCFCE7;
  --ims-green-line:#BBF7D0;
  --ims-teal-fg:#115E59;
  --ims-teal-tint:#F0FDFA;
  --ims-teal-tint-2:#CCFBF1;
  --ims-teal-line:#99F6E4;
  --ims-blue-fg:#1D4ED8;
  --ims-blue-tint:#EFF6FF;
  --ims-blue-tint-2:#DBEAFE;
  --ims-blue-line:#BFDBFE;
  --ims-purple-fg:#7E22CE;
  --ims-purple-tint:#FAF5FF;
  --ims-purple-tint-2:#F3E8FF;
  --ims-purple-line:#E9D5FF;
  --rio-green:#10B981;
  --rio-green-ink:#04140E;
  --rio-fg:#065F46;
  --rio-bg-tint:#ECFDF5;
  --rio-bg-tint-2:#D1FAE5;
  --rio-border:#A7F3D0;
  --rio-line:rgba(5,150,105,.35);
  --rio-bar-rgb:236 253 245;
  --grade-a:#15803D;
  --grade-b:#1D4ED8;
  --grade-c:#B45309;
  --grade-d:#C2410C;
  --grade-f:#B91C1C;
  --grade-a-fg:#166534;
  --grade-b-fg:#1D4ED8;
  --grade-c-fg:#B45309;
  --grade-d-fg:#C2410C;
  --grade-f-fg:#B91C1C;
  }
}
/* ─── Shared layer (loaded last in <head>) ─────────────────────────── */
html{background:var(--ims-bg);-webkit-text-size-adjust:100%}
body{background-color:var(--ims-bg)}
::selection{background:var(--ims-blue-tint-2);color:var(--ims-text-strong)}

/* Nav: IMRS navy/blue identity in both themes, slim on phones */
body>nav{background:var(--ims-nav-bg);border-bottom:1px solid var(--ims-line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.nav-logo-text{color:var(--ims-logo-ink)}
.nav-logo-text span{color:var(--ims-logo-accent);text-shadow:none}
.nav-logo-icon rect{fill:var(--ims-blue-tint)}
.nav-logo-icon path:first-of-type{fill:var(--ims-blue-tint-2);stroke:var(--ims-logo-accent)}
.nav-logo-icon path:last-of-type{stroke:var(--ims-logo-accent)}
.nav-link{color:var(--ims-muted)}
.nav-link:hover,.nav-link.active{color:var(--ims-text-strong)}
.nav-ham span{background:var(--ims-text)}
.nav-ham:hover{background:rgb(var(--ims-hl) / calc(.07 * var(--ims-hl-k)))}
.nav-ham{min-width:44px;min-height:44px;align-items:center}
.nav-mobile{background:var(--ims-surface);border-bottom:1px solid var(--ims-line);box-shadow:0 12px 24px -12px rgb(var(--ims-shade-rgb) / calc(.5 * var(--ims-shade-k)))}
.nav-mobile a{color:var(--ims-text);font-size:17px;min-height:48px;display:flex;align-items:center}
.nav-mobile a:hover,.nav-mobile a.active{color:var(--ims-text-strong);background:rgb(var(--ims-hl) / calc(.06 * var(--ims-hl-k)))}

/* Theme toggle */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-left:4px;padding:0;border-radius:10px;border:1px solid var(--ims-line);background:transparent;color:var(--ims-text);cursor:pointer;transition:background .15s,border-color .15s}
.theme-toggle:hover{background:rgb(var(--ims-hl) / calc(.06 * var(--ims-hl-k)));border-color:var(--ims-line-strong)}
.theme-toggle svg{width:20px;height:20px;display:block}
.theme-toggle .tt-sun{display:none}
:root[data-theme="dark"] .theme-toggle .tt-sun{display:block}
:root[data-theme="dark"] .theme-toggle .tt-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-toggle .tt-sun{display:block}
  :root:not([data-theme="light"]) .theme-toggle .tt-moon{display:none}
}
body>nav>.theme-toggle,.nav-right>.theme-toggle:first-child{margin-left:auto}

/* Focus: always visible, theme aware */
:focus-visible{outline:2px solid var(--ims-focus);outline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--ims-focus);outline-offset:2px}
input,select,textarea{font-size:max(16px,1em)}
input::placeholder,textarea::placeholder{color:var(--ims-faint);opacity:1}

/* Type: no orphan words, readable measure */
h1,h2,h3,h4{text-wrap:balance}
p,li,dd,blockquote,figcaption{text-wrap:pretty}

/* Motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Rio bottom bar: Rio guest green tint, readable in both themes, clear of the home indicator */
body .sticky-rio-bar{background:rgb(var(--rio-bar-rgb) / .97);border-top:1px solid var(--rio-border);color:var(--ims-text-strong);padding-bottom:calc(.7rem + env(safe-area-inset-bottom))}
body .sticky-rio-bar a{color:var(--rio-fg);text-decoration-color:currentColor}

/* ─── Phones first ─────────────────────────────────────────────────── */
@media (max-width:700px){
  body>nav{height:56px;padding:0 8px 0 14px}
  .nav-mobile{top:56px}
  body>nav .nav-logo{gap:8px;min-width:0}
  body>nav .nav-logo-icon{width:32px;height:32px;flex:none}
  body>nav .nav-logo-text{font-size:19px}
  body>nav .nav-right{position:static;transform:none;margin-left:auto;gap:2px}
  body>nav .nav-right .nav-link{display:none}
  body>nav .nav-ham{margin-left:0}
  .nav-mobile{padding:.5rem .75rem .9rem;max-height:calc(100dvh - 56px);overflow-y:auto}
  .nav-mobile a{padding:.7rem .85rem;border-radius:10px}
  table{max-width:100%}
}
@media (max-width:380px){body>nav .nav-logo-text{font-size:17px}body>nav{padding-left:10px}}

/* ─── Reading size + measure (17px phones, 18px desktop prose) ─────── */
.faq-body-inner p,.faq-body-inner li,.news-body,.tech-body,.cv-card-p,.cv-rio-list li,.cv-capben-list li,.cv-buy-facts li,.rio-box-p,.about-section li,.editorial-mission,.rio-show-sub,.hb-steps li,.share-cta-desc{font-size:17px;line-height:1.6}
.seo-desc,.ph-sub{font-size:16px}
.article-wrap>p,.article-wrap>ul,.article-wrap>ol,.page-body>p,.explainer-body>p,.explainer-body>ul,.explainer-body>ol,.about-section>p,.about-section>ul,.method-section>p{max-width:68ch}
@media (min-width:768px){
  .article-wrap li,.method-section>p,.about-section>p,.about-section li,.ib-text,.faq-body-inner p,.faq-body-inner li,.faq-a p,.tech-body{font-size:18px}
}
/* Content never hides under a fixed bottom bar */
body:has(.sticky-rio-bar){padding-bottom:calc(88px + env(safe-area-inset-bottom))}
body:has(.cv-sticky){padding-bottom:calc(96px + env(safe-area-inset-bottom))}
body .ml-bar.cv-sticky{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
/* Action-plan header (logo + print + search + theme) on phones */
.screen-nav{background:var(--ims-nav-bg);border-bottom:1px solid var(--ims-line)}
@media (max-width:700px){
  .screen-nav{height:56px;padding:0 8px 0 12px;gap:8px}
  .screen-nav .nav-logo{min-width:0;gap:6px}
  .screen-nav .nav-logo-icon{width:28px;height:28px;flex:none}
  .screen-nav .nav-logo-text{font-size:15px}
  .screen-nav .nav-actions{gap:4px;flex:none}
  .screen-nav .nav-btn{min-height:44px;min-width:44px;justify-content:center;padding:0 10px}
}
@media print{.theme-toggle{display:none!important}}
/* Tap targets: 44px on phones for standalone links and controls */
@media (max-width:700px){
  .nav-logo{min-height:44px}
  footer .footer-links,footer .footer-data-items{gap:0}
  footer .footer-links a,footer .footer-bottom a,footer .footer-cta-link{display:inline-flex;align-items:center;min-height:44px}
  li>a:only-child:not(.nav-link){display:inline-flex;align-items:center;min-height:44px}
  .filter-btn,.fb,.vt-btn,.contact-open-btn,.shr-primary,.email-submit,.faq-submit-btn,.news-pill,.news-link,.rc-link,.rc-buy,.sc-url,.nav-btn{min-height:44px;display:inline-flex;align-items:center}
  .zoom-btn{min-width:44px;min-height:44px}
  .rankings-table .col-model a{display:inline-flex;align-items:center;min-height:44px}
  .search-input,.email-input{min-height:48px}
}
body>nav .nav-right .nav-link{font-size:15px}
.toc a::before{flex:none;min-width:2.2ch}
.hero h1 .h1-lead{font-size:1.125rem}
@media (max-width:700px){.hero-img-wrap img{max-height:180px!important}}

/* ═══ IMRS DESIGN SYSTEM (Oct 2026 overhaul) ═══════════════════════════
   One scale for every page. Page layers (index.html, check.css, brand.css,
   hand-written pages) build on these tokens.
   Type: 13 / 15 / 17 / 21 / 28 / 40.  Space: 8px steps.  Radius: 12 / 8.
   Color carries meaning only: grades, status, the primary action, and
   Rio's guest placements (green). */
:root{
  --ds-1:4px;--ds-2:8px;--ds-3:12px;--ds-4:16px;--ds-5:24px;--ds-6:32px;--ds-7:48px;--ds-8:64px;
  --ds-gutter:20px;
  --ds-max:1080px;--ds-read:720px;
  --ds-r:12px;--ds-r-sm:8px;--ds-r-pill:999px;
  --ds-fs-xs:13px;--ds-fs-sm:15px;--ds-fs-md:17px;--ds-fs-lg:21px;
  --ds-fs-xl:clamp(24px,2.6vw + 14px,30px);
  --ds-fs-2xl:clamp(30px,3.6vw + 16px,46px);
  --ds-lh:1.6;
  --ds-sans:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  --ds-mono:'IBM Plex Mono',ui-monospace,monospace;
  --ds-card:var(--ims-surface);
  --ds-card-line:var(--ims-line);
  --ds-shadow:0 1px 2px rgb(var(--ims-shade-rgb) / calc(.08 * var(--ims-shade-k))),0 1px 1px rgb(var(--ims-shade-rgb) / calc(.04 * var(--ims-shade-k)));
  --ds-shadow-pop:0 12px 32px -12px rgb(var(--ims-shade-rgb) / calc(.35 * var(--ims-shade-k)));
  --ds-primary:#1D4ED8;--ds-primary-hover:#1E40AF;--ds-on-primary:#FFFFFF;
  --ds-link:var(--ims-blue-fg);
}
@media (min-width:768px){:root{--ds-gutter:32px}}

/* Eyebrows and small labels: quiet sans, not shouting mono */
.ds-eyebrow{font-family:var(--ds-sans);font-size:var(--ds-fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ims-muted)}

/* ─── Nav: one slim bar everywhere ─── */
body>nav{height:64px;border-bottom:1px solid var(--ims-line);box-shadow:none}
body>nav .nav-logo-icon{width:34px;height:34px}
body>nav .nav-logo-text{font-size:21px;letter-spacing:-.03em}
.nav-logo-text span{text-shadow:none!important}
body>nav .nav-right{gap:4px}
body>nav .nav-right .nav-link{font-size:15px;font-weight:500;padding:8px 10px;border-radius:var(--ds-r-sm);color:var(--ims-muted)}
body>nav .nav-right .nav-link:hover,body>nav .nav-right .nav-link.active{color:var(--ims-text-strong);background:rgb(var(--ims-hl) / calc(.05 * var(--ims-hl-k)))}
.nav-mobile{top:64px}
@media (max-width:700px){
  body>nav{height:56px;padding:0 8px 0 var(--ds-gutter)}
  .nav-mobile{top:56px;padding:var(--ds-2) var(--ds-3) var(--ds-4)}
  body>nav .nav-logo-icon{width:30px;height:30px}
  body>nav .nav-logo-text{font-size:19px}
  .theme-toggle{border-color:transparent}
}
@media (max-width:380px){body>nav .nav-logo-text{font-size:17px}}

/* ─── Footer: calm, compact, aligned to the gutter ─── */
footer{background:var(--ims-surface)!important;border-top:1px solid var(--ims-line)!important;padding:var(--ds-7) var(--ds-gutter) var(--ds-5)!important}
footer::before{display:none!important}
footer .footer-inner{max-width:var(--ds-max);margin:0 auto;padding:0!important}
footer .footer-top{gap:var(--ds-6) var(--ds-5);border-bottom:0!important;padding-bottom:0!important}
footer .footer-logo-row{gap:10px;margin-bottom:var(--ds-2)}
footer .footer-logo-text{font-size:18px}
footer .footer-logo-text span{text-shadow:none}
footer .footer-tagline{font-size:var(--ds-fs-sm);line-height:1.55;color:var(--ims-muted);margin-bottom:var(--ds-4);max-width:260px}
footer .footer-cta-link{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important;font-weight:600;letter-spacing:0!important;color:var(--ds-link)!important;background:transparent!important;border:1px solid var(--ims-line-strong)!important;border-radius:var(--ds-r-sm)!important;padding:10px 14px!important}
footer .footer-cta-link:hover{border-color:var(--ds-link)!important}
footer .footer-col-title{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--ims-muted)!important;margin-bottom:var(--ds-2)!important;padding-bottom:0!important;border:0!important}
footer .footer-links a{font-size:var(--ds-fs-sm);color:var(--ims-text)}
footer .footer-links a:hover{color:var(--ds-link)}
footer .footer-data-item{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important;color:var(--ims-muted)!important;line-height:1.5}
footer .footer-bottom{border-top:1px solid var(--ims-line)!important;margin-top:var(--ds-6)!important;padding-top:var(--ds-4)!important;font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important;display:flex;flex-wrap:wrap;gap:var(--ds-2) var(--ds-5);justify-content:space-between;align-items:center}
footer .footer-bottom a{color:var(--ims-text)!important}
@media (max-width:700px){
  footer{padding:var(--ds-6) var(--ds-gutter) var(--ds-4)!important}
  footer .footer-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--ds-5) var(--ds-4)!important}
  footer .footer-top>div{border:0!important;padding:0!important;margin:0!important}
  footer .footer-brand-col{grid-column:1/-1!important}
  footer .footer-top>div:last-child{grid-column:1/-1!important}
  footer .footer-links{gap:0!important}
  footer .footer-links a{display:flex!important;align-items:center;min-height:44px;padding:0!important;font-size:var(--ds-fs-sm)!important}
  footer .footer-data-items{display:flex!important;flex-flow:row wrap!important;gap:4px 16px!important}
  footer .footer-tagline{max-width:none}
  footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:0}
  footer .footer-bottom>span{display:block;line-height:1.5}
  footer .footer-bottom a{display:inline-flex!important;align-items:center;min-height:44px;padding:0!important}
  body .sticky-rio-bar{padding-left:12px;padding-right:12px}
}

/* ─── Rio bottom bar: one slim guest bar ─── */
body .sticky-rio-bar{font-size:var(--ds-fs-sm);line-height:1.35;padding:10px var(--ds-gutter) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -12px rgb(var(--ims-shade-rgb) / calc(.4 * var(--ims-shade-k)));text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Global de-noise: no decorative grid textures or glows behind heroes */
.hero-grid,.hero-glow,.page-glow,.bg-grid,.grid-bg{display:none!important}

/* ─── One type family for UI: sans everywhere, mono only for the logo and IDs ─── */
:root{--mono:var(--ds-sans)}
body{font-variant-numeric:tabular-nums}
.nav-logo-text,.footer-logo-text{font-family:'IBM Plex Mono',ui-monospace,monospace!important}
code,kbd,.cve-id,.bib-cve-id,.cve-id a{font-family:var(--ds-mono)}
body .sticky-rio-bar{font-family:var(--ds-sans)}
body div.sticky-rio-bar{display:block}
body a.sticky-rio-link{display:flex!important;gap:10px}

/* ═══ Hand-written pages (articles, methodology, learn, rankings, top 10,
   supply chain, action plan, legal). Same tokens, same card, same labels. ═══ */
/* Decorative grids and glows: removed */
.article-hero::before,.article-hero::after,.toc::before,.fact-box::before,.callout::before,.campaign-card::before,.what-to-look-for::before,.hero::before,.page-hero::before,.hero-img-wrap::after,.editorial-hero::before,.editorial-hero::after{display:none!important}
.article-hero,.editorial-hero,body:not(:has(.search-box)) .hero,body:not(:has(.page-hero-inner)) .page-hero,.page-header{background:var(--ims-surface)!important;background-image:none!important;border-bottom:1px solid var(--ims-line)}
.progress-bar{background:var(--ds-primary)!important;box-shadow:none!important;height:3px!important}

/* Quiet eyebrows, kickers, badges and meta lines */
.art-tag-hero,.hero-eyebrow,.hero-badge,.editorial-kicker,.ph-eyebrow,.seo-eyebrow,.toc-title,.fb-title,.share-cta-eyebrow,.rio-box-eyebrow,.section-label,.sec-eyebrow,.doc-label,.filter-label,.hstat-label,.hero-stat-label,.rc-score-label,.ib-label,.cc-tag,.card-top .cat-tag,.featured-badge,.sidebar-title,.legend-note,.map-hint{
  font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase}
.art-tag-hero,.hero-eyebrow,.hero-badge,.editorial-kicker{display:inline-flex!important;align-items:center;gap:6px;background:transparent!important;border:1px solid var(--ims-line-strong)!important;border-radius:var(--ds-r-pill)!important;color:var(--ims-muted)!important;padding:4px 12px!important;box-shadow:none!important;white-space:normal;line-height:1.35;text-align:center;max-width:100%}
.hero-badge::before,.hero-badge>span:first-child:empty{display:none!important}
.art-meta,.hero-meta,.editorial-meta,.page-meta,.updated,.doc-meta-strip{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;letter-spacing:0!important;color:var(--ims-muted)!important;line-height:1.6}
.hero-meta{display:flex!important;flex-wrap:wrap;justify-content:center;gap:2px 10px}
.hero-meta-dot{display:none!important}
.toc-title::after,.fb-title::after,h2::after{display:none!important}

/* Article pages */
.article-hero{padding:var(--ds-7) var(--ds-gutter) var(--ds-6)!important}
.article-hero h1{font-size:var(--ds-fs-2xl)!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:var(--ds-4) auto!important}
.hero-img-wrap{max-width:var(--ds-read);margin:0 auto!important;padding:0 var(--ds-gutter);background:none!important}
.hero-img-wrap img{border-radius:var(--ds-r)!important;max-height:320px!important;width:100%;object-fit:cover;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.article-wrap{max-width:var(--ds-read)!important;padding:var(--ds-6) var(--ds-gutter) var(--ds-8)!important}
.article-wrap>h2,.article-wrap h2{font-size:var(--ds-fs-xl)!important;line-height:1.25!important;letter-spacing:-.02em!important;margin:var(--ds-7) 0 var(--ds-4)!important;padding:0!important;border:0!important}
.article-wrap h3{font-size:var(--ds-fs-lg)!important;margin:var(--ds-6) 0 var(--ds-3)!important}
.article-wrap h3::before{display:none!important}
.article-wrap p,.article-wrap li{font-size:var(--ds-fs-md)!important;line-height:1.7!important;color:var(--ims-text)!important}
.article-wrap p{margin:0 0 var(--ds-4)!important}
.article-wrap ul,.article-wrap ol{margin:0 0 var(--ds-5)!important}
.article-wrap li{margin-bottom:var(--ds-3)!important}
.article-wrap ul>li::before{color:var(--ims-muted)!important}
.article-wrap h3{line-height:1.3!important}
.check-this>span:first-child{display:none!important}
.article-wrap .toc,.method-section .toc-grid{background:var(--ds-card)!important;border:1px solid var(--ds-card-line)!important;border-radius:var(--ds-r)!important;box-shadow:none!important;padding:var(--ds-4) var(--ds-5)!important;margin:0 0 var(--ds-6)!important}
.article-wrap .toc ol{margin:var(--ds-2) 0 0!important;padding:0!important}
.article-wrap .toc li{margin:0!important;padding:0!important;display:flex;gap:var(--ds-3);align-items:baseline;border:0!important}
.article-wrap .toc li::before{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;font-weight:600;color:var(--ims-muted)!important;position:static!important;flex:none;min-width:2ch}
.article-wrap .toc a{font-size:var(--ds-fs-md)!important;line-height:1.35!important;color:var(--ims-text)!important;padding:var(--ds-2) 0!important;min-height:44px;display:flex!important;align-items:center}
.callout{background:var(--ims-blue-tint)!important;border:0!important;border-radius:var(--ds-r)!important;box-shadow:none!important;padding:var(--ds-4) var(--ds-5)!important;margin:var(--ds-5) 0!important;font-size:var(--ds-fs-md)!important;line-height:1.6!important;color:var(--ims-text)!important}
.callout.c-amber{background:var(--ims-amber-tint)!important}.callout.c-red{background:var(--ims-red-tint)!important}.callout.c-green{background:var(--ims-green-tint)!important}
.callout strong{color:var(--ims-text-strong)!important}
.fact-box,.campaign-card,.what-to-look-for,.decision-table,.check-this,.share-cta,.article-footer,.tldr-box,.independence-banner,.factor-card,.grade-row,.source-card,.limit-item,.check-cta,.rank-card,.methodology-note,.warning-note,.card,.plan-section,.threat-item,.action-item,.email-section,.disclaimer-box{
  background:var(--ds-card)!important;border:1px solid var(--ds-card-line)!important;border-radius:var(--ds-r)!important;box-shadow:none!important}
.fact-box{padding:var(--ds-5)!important;margin:var(--ds-5) 0!important}
.fb-row{padding:var(--ds-3) 0!important;border-color:var(--ims-line)!important}
.fb-key{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important;letter-spacing:0!important;text-transform:none!important}
.fb-val{font-size:var(--ds-fs-sm)!important;line-height:1.5!important}
.campaign-card{padding:var(--ds-5)!important;margin:var(--ds-5) 0!important}
.cc-tag{border-radius:var(--ds-r-pill)!important;padding:2px 10px!important;letter-spacing:.04em!important}
.cc-meta{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important;line-height:1.55!important}
.check-this{padding:var(--ds-4) var(--ds-5)!important;margin:var(--ds-5) 0!important;text-align:left!important;display:block!important}
.check-this-icon,.share-cta-icon{display:none!important}
.share-cta{padding:var(--ds-5)!important;margin:var(--ds-6) 0!important}
.share-cta-title{font-size:var(--ds-fs-lg)!important;line-height:1.3!important}
.share-cta-title::before{display:none!important}
.share-cta-desc{font-size:var(--ds-fs-sm)!important;color:var(--ims-muted)!important}
.shr-primary{background:var(--ds-primary)!important;box-shadow:none!important;border-radius:var(--ds-r-sm)!important}
.article-footer{padding:var(--ds-5)!important;margin:var(--ds-6) 0 0!important;font-size:var(--ds-fs-sm)!important;line-height:1.6!important;color:var(--ims-muted)!important}
.article-footer p{font-size:var(--ds-fs-sm)!important;line-height:1.6!important;color:var(--ims-muted)!important}
.decision-table{overflow:hidden}
.what-to-look-for{padding:var(--ds-5)!important}

/* Rio guest box (shared partial): one card, green edge */
.rio-box{background:var(--ds-card)!important;border:1px solid var(--rio-border)!important;border-radius:var(--ds-r)!important;box-shadow:none!important;padding:var(--ds-5)!important;margin:var(--ds-6) 0!important}
.rio-box-eyebrow{color:var(--rio-fg)!important}
.rio-box-h{font-size:var(--ds-fs-lg)!important;font-weight:700!important;line-height:1.3!important}
.rio-box-p{font-size:var(--ds-fs-sm)!important}
.rio-box-btn{background:var(--rio-green)!important;color:var(--rio-green-ink)!important;box-shadow:none!important;filter:none!important;min-height:48px;border-radius:var(--ds-r-sm)!important}
.rio-box-fine{font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important}
.rio-box-img{border-radius:var(--ds-r-sm)!important}

/* Buttons: one system */
.cta-btn,.btn-check,.email-submit,.cf-submit-btn{background:var(--ds-primary)!important;color:#fff!important;border:0!important;border-radius:var(--ds-r-sm)!important;box-shadow:none!important;font-weight:600!important}
.cta-btn:hover,.btn-check:hover,.email-submit:hover{background:var(--ds-primary-hover)!important}

/* Methodology */
.method-section{margin-bottom:var(--ds-8)!important}
.method-section h1 em,.hero h1 em{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important;font-style:normal}
.limit-title{line-height:1.35!important}
.check-cta{background:var(--ims-blue-tint)!important;border:0!important;padding:var(--ds-6) var(--ds-5)!important}
.method-section .fact-box{background:var(--ds-card)!important;border:1px solid var(--ds-card-line)!important;border-radius:var(--ds-r)!important;padding:var(--ds-5)!important}
.method-section h2{font-size:var(--ds-fs-xl)!important;letter-spacing:-.02em!important}
.section-label{color:var(--ds-link)!important;gap:8px}
.section-label::before{display:none!important}
.hero-stats{gap:var(--ds-5)!important}
.hstat-sep{display:none!important}
.hstat-num{font-family:var(--ds-sans)!important;font-weight:700!important}
.independence-banner,.tldr-box{padding:var(--ds-5)!important;border-left:3px solid var(--ds-link)!important}
.ib-icon{display:none!important}
.toc-item{border-color:var(--ims-line)!important;min-height:48px}
.toc-num{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;font-weight:600;color:var(--ims-muted)!important}
.weight-legend{font-size:var(--ds-fs-sm)!important}
.factor-card{padding:0!important;margin-bottom:var(--ds-3)!important}
.fc-header{padding:var(--ds-4)!important;gap:var(--ds-3)!important}
.fc-icon,.limit-icon{display:none!important}
.fc-rank{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important}
.fc-name{font-size:var(--ds-fs-md)!important;line-height:1.3!important}
.fc-weight{font-family:var(--ds-sans)!important;font-size:12px!important;letter-spacing:.04em!important;border-radius:var(--ds-r-pill)!important;padding:2px 10px!important;white-space:nowrap;line-height:1.5!important}
.fc-weight::before{display:none!important}
.grade-row{padding:var(--ds-5)!important;margin-bottom:var(--ds-3)!important}
.gc-tag{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;border-radius:var(--ds-r-pill)!important;padding:2px 10px!important;background:var(--ims-inset)!important;border:0!important}
.source-card{padding:var(--ds-5)!important;border-left-width:1px!important}
.sc-gov-badge{font-family:var(--ds-sans)!important;font-size:12px!important;border-radius:var(--ds-r-pill)!important;letter-spacing:.04em!important}
.sc-url{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important;border:0!important}
.limit-item{padding:var(--ds-5)!important}
.limit-title{font-size:var(--ds-fs-md)!important}
.limit-desc{font-size:var(--ds-fs-sm)!important;color:var(--ims-muted)!important}
.check-cta{padding:var(--ds-6) var(--ds-5)!important}

/* Learn */
.editorial-hero{padding:var(--ds-7) var(--ds-gutter) var(--ds-6)!important}
.editorial-headline{font-size:var(--ds-fs-2xl)!important;line-height:1.12!important;letter-spacing:-.025em!important}
.editorial-headline em,.editorial-headline i{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.editorial-rule{display:none!important}
.pillar{border-left:0!important;padding:0!important;margin:0 0 var(--ds-4)!important}
.pillar-head{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--ims-text-strong)!important;margin-bottom:var(--ds-1)!important}
.pillar-body{font-size:var(--ds-fs-sm)!important;color:var(--ims-muted)!important}
.filter-btn,.fb,.vt-btn{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important;letter-spacing:0!important;text-transform:none!important;border-radius:var(--ds-r-pill)!important;background:var(--ims-surface)!important;border:1px solid var(--ims-line)!important;color:var(--ims-text)!important;box-shadow:none!important;padding:0 14px!important;gap:6px}
.filter-btn.active,.fb.active,.vt-btn.active,.filter-btn[aria-pressed="true"]{background:var(--ims-text-strong)!important;color:var(--ims-surface)!important;border-color:var(--ims-text-strong)!important}
.filter-btn .fc{opacity:.7;font-weight:500;margin-left:2px}
.results-label,.results-count{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important}
.card{overflow:hidden}
.card:hover{transform:none!important}
.card-img img{transition:none!important;transform:none!important}
.card-body{padding:var(--ds-4) var(--ds-5) var(--ds-5)!important}
.cat-tag{font-family:var(--ds-sans)!important;font-size:12px!important;letter-spacing:.06em!important;border-radius:var(--ds-r-pill)!important;padding:2px 10px!important;border:0!important}
.read-time{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;color:var(--ims-muted)!important}
.card-title{font-size:var(--ds-fs-md)!important;line-height:1.35!important}
.card-desc{font-size:var(--ds-fs-sm)!important;color:var(--ims-muted)!important}
.card-footer{border-top:0!important;padding-top:0!important}
.card-link{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ds-link)!important}
.search-input{border-radius:var(--ds-r-sm)!important;border:1px solid var(--ims-line-strong)!important;box-shadow:none!important}

/* Top 10 lists */
.rank-card{padding:0!important;overflow:hidden;margin-bottom:var(--ds-4)!important}
.rank-card.rank-1{border-color:var(--rio-border)!important}
.rc-top{padding:var(--ds-5) var(--ds-5) 0!important;gap:var(--ds-3)!important}
.rc-rank{font-family:var(--ds-sans)!important;color:var(--ims-muted)!important;font-weight:600!important}
.rc-brand,.rc-brand-label{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;letter-spacing:.06em!important;color:var(--ims-muted)!important}
.rc-model{font-size:var(--ds-fs-lg)!important;line-height:1.25!important}
.rc-tags{gap:6px!important;margin-top:var(--ds-2)!important}
.rc-tag,.rc-price{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;letter-spacing:0!important;border-radius:var(--ds-r-pill)!important;padding:2px 10px!important;background:var(--ims-inset)!important;border:0!important;color:var(--ims-text)!important;line-height:1.6!important}
.rc-tag-danger{background:var(--ims-red-tint)!important;color:var(--ims-red-fg)!important}
.rc-tag-warn{background:var(--ims-amber-tint)!important;color:var(--ims-amber-fg)!important}
.rc-price{background:transparent!important;border:1px solid var(--ims-line-strong)!important;font-weight:600}
.rc-body{padding:var(--ds-4) var(--ds-5)!important}
.rc-img-wrap{border-radius:var(--ds-r-sm)!important;box-shadow:none!important;background:#fff!important}
.rc-verdict{font-size:var(--ds-fs-sm)!important;line-height:1.6!important;color:var(--ims-text)!important}
.rc-scores{gap:var(--ds-3)!important}
.rc-score-val{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-sm)!important}
.rc-footer{background:none!important;border-top:1px solid var(--ims-line)!important;padding:var(--ds-4) var(--ds-5)!important;gap:var(--ds-3)!important}
.rc-link{white-space:nowrap;font-size:var(--ds-fs-sm)!important}
.rc-disclose{font-size:var(--ds-fs-xs)!important;background:none!important}
.methodology-note,.warning-note{padding:var(--ds-4) var(--ds-5)!important;font-size:var(--ds-fs-sm)!important;line-height:1.6!important}
.warning-note{background:var(--ims-red-tint)!important;border:0!important;color:var(--ims-text)!important}

/* Rankings */
.hero-title{font-size:var(--ds-fs-2xl)!important;line-height:1.12!important;letter-spacing:-.025em!important}
.hero-stat-num{font-family:var(--ds-sans)!important;font-weight:700!important}
.controls-bar{gap:var(--ds-2)!important}
.grade-pill{font-family:var(--ds-sans)!important;border-radius:var(--ds-r-sm)!important}

/* Supply chain map */
.ph-title{font-size:var(--ds-fs-xl)!important;line-height:1.2!important}
.ph-title .beta,.ph-title span{font-family:var(--ds-sans)!important;font-size:12px!important;letter-spacing:.06em!important;border-radius:var(--ds-r-pill)!important}
.legend-item,.leg-sep{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;letter-spacing:0!important}
.zoom-btn{border-radius:var(--ds-r-sm)!important;box-shadow:none!important}
.seo-heading{font-size:var(--ds-fs-xl)!important;line-height:1.25!important}
.seo-table th{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;letter-spacing:.06em!important}

/* Action plan */
.doc-title,.doc-router-name{letter-spacing:-.02em}
.threat-item,.action-item{padding:var(--ds-4)!important}
.threat-sev{font-family:var(--ds-sans)!important;border-radius:var(--ds-r-pill)!important}
.tech-label{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-xs)!important;letter-spacing:.04em!important}
.tech-val{font-family:var(--ds-sans)!important}

@media (max-width:640px){
  .article-hero,.editorial-hero{padding:var(--ds-5) var(--ds-gutter) var(--ds-5)!important}
  .article-hero h1,.editorial-headline,.hero-title{font-size:30px!important}
  .article-wrap{padding:var(--ds-5) var(--ds-gutter) var(--ds-7)!important}
  .article-wrap>h2,.article-wrap h2,.method-section h2{font-size:23px!important}
  .hero-img-wrap img{max-height:200px!important}
  .rc-top,.rc-body{padding-left:var(--ds-4)!important;padding-right:var(--ds-4)!important}
  .rc-footer{padding:var(--ds-3) var(--ds-4)!important}
  .fc-header{flex-wrap:wrap}
  .rio-box{padding:var(--ds-5) var(--ds-4)!important}
}

/* Tap targets (44px) for small standalone links */
@media (max-width:700px){
  .breadcrumb a{min-height:44px!important}
  body .sticky-rio-bar a:not(.sticky-rio-link){display:inline-flex;align-items:center;min-height:44px;padding:0!important}
  footer .footer-rio a{display:inline-flex;align-items:center;min-height:44px}
  .bib-other-link{min-height:44px;display:flex!important;align-items:center}
}
@media (max-width:700px){body .sticky-rio-bar{padding-left:12px;padding-right:12px}body a.sticky-rio-link{gap:8px}body a.sticky-rio-link .srb-btn{padding:6px 12px}}
body .sticky-rio-bar{background:rgb(var(--rio-bar-rgb))!important}