/* ARTEMIDA V47 — real Liquid Glass optics.
   Chromium: per-shape SVG displacement maps + chromatic edge refraction.
   Other browsers: low-tint frosted fallback. */

:root{
  --lg-fallback-blur:11px;
  --lg-optic-blur:1.4px;
  --lg-sat:178%;
  --lg-bright:1.045;
  --lg-edge:rgba(255,255,255,.18);
  --lg-edge-hot:rgba(255,255,255,.42);
  --lg-edge-soft:rgba(255,255,255,.08);
  --lg-tint:rgba(8,10,15,.105);
  --lg-tint-soft:rgba(12,14,19,.075);
  --lg-control-tint:rgba(13,14,20,.12);
  --lg-shadow:0 18px 56px rgba(0,0,0,.22),0 5px 18px rgba(0,0,0,.10);
  --lg-shadow-hover:0 26px 76px rgba(0,0,0,.27),0 8px 28px rgb(var(--theme-rgb)/.075);
  --lg-px:50%;
  --lg-py:16%;
}

html[data-theme="pearl"]{
  --lg-edge:rgba(255,255,255,.82);
  --lg-edge-hot:rgba(255,255,255,.98);
  --lg-edge-soft:rgba(91,73,103,.09);
  --lg-tint:rgba(255,255,255,.34);
  --lg-tint-soft:rgba(255,255,255,.24);
  --lg-control-tint:rgba(255,255,255,.38);
  --lg-shadow:0 18px 54px rgba(62,47,72,.105),0 5px 18px rgba(62,47,72,.045);
  --lg-shadow-hover:0 26px 70px rgba(62,47,72,.14),0 8px 26px rgb(var(--theme-rgb)/.08);
}

/* Refraction needs detail behind the surface. Keep it subtle enough to remain ARTEMIDA. */
body::before{
  background-image:
    radial-gradient(32rem 24rem at 15% 15%,rgb(var(--theme-rgb)/.085),transparent 70%),
    radial-gradient(36rem 26rem at 85% 72%,rgb(var(--theme-rgb-2)/.07),transparent 72%),
    linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:auto,auto,48px 48px,48px 48px!important;
}
html[data-theme="pearl"] body::before{
  background-image:
    radial-gradient(32rem 24rem at 15% 15%,rgb(var(--theme-rgb)/.11),transparent 70%),
    radial-gradient(36rem 26rem at 85% 72%,rgb(var(--theme-rgb-2)/.09),transparent 72%),
    linear-gradient(to right,rgba(50,38,58,.05) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(50,38,58,.05) 1px,transparent 1px)!important;
}

[data-liquid-glass]{
  --lg-local-tint:var(--lg-tint);
  --lg-local-blur:var(--lg-fallback-blur);
  --lg-local-edge:var(--lg-edge);
  position:relative;
  isolation:isolate;
  border-color:var(--lg-local-edge)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgb(var(--theme-rgb)/.012) 45%,rgba(255,255,255,.012)),
    var(--lg-local-tint)!important;
  -webkit-backdrop-filter:blur(var(--lg-local-blur)) saturate(154%)!important;
  backdrop-filter:blur(var(--lg-local-blur)) saturate(154%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.03),
    inset 1px 0 0 rgba(255,255,255,.045),
    inset -1px 0 0 rgba(255,255,255,.025),
    var(--lg-shadow)!important;
  background-clip:padding-box!important;
  transition:border-color .22s ease,background .26s ease,box-shadow .26s ease,transform .26s cubic-bezier(.2,.76,.2,1),opacity .2s ease!important;
}

/* REAL optics. A unique filter is injected for the element shape by liquid-glass.js. */
body.lg-real-optics [data-liquid-glass].lg-optics{
  -webkit-backdrop-filter:var(--lg-filter) blur(var(--lg-optic-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright))!important;
  backdrop-filter:var(--lg-filter) blur(var(--lg-optic-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright))!important;
}

[data-liquid-glass="panel"],
[data-liquid-glass="popover"],
[data-liquid-glass="floating"]{
  --lg-local-tint:var(--lg-tint);
}
[data-liquid-glass="control"]{
  --lg-local-tint:var(--lg-control-tint);
  --lg-local-blur:10px;
  --lg-local-edge:rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.105)!important;
}
[data-liquid-glass="field"]{
  --lg-local-tint:rgba(4,6,10,.105);
  --lg-local-blur:8px;
  --lg-local-edge:rgba(255,255,255,.105);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(0,0,0,.07)!important;
}
html[data-theme="pearl"] [data-liquid-glass="control"]{
  --lg-local-tint:var(--lg-control-tint);
  --lg-local-edge:rgba(255,255,255,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(75,58,86,.035),0 8px 22px rgba(65,48,76,.055)!important;
}
html[data-theme="pearl"] [data-liquid-glass="field"]{
  --lg-local-tint:rgba(255,255,255,.48);
  --lg-local-edge:rgba(255,255,255,.90);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(78,61,88,.045)!important;
}

/* The highlight lives at the lens edge, not as a cloudy white spot in the middle. */
.lg-specular-layer{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  border:1px solid transparent!important;
  border-radius:inherit!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.19),transparent 15%,transparent 76%,rgba(255,255,255,.06))!important;
  opacity:.48!important;
  mix-blend-mode:screen;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.26),
    inset 0 -12px 24px rgba(255,255,255,.022),
    inset 10px 0 24px rgba(255,255,255,.018)!important;
  transition:opacity .2s ease!important;
}
[data-liquid-glass]:not(:hover)>.lg-specular-layer{opacity:.34!important}
[data-liquid-glass]>:not(.lg-specular-layer){position:relative;z-index:1}
input[data-liquid-glass],textarea[data-liquid-glass],select[data-liquid-glass]{z-index:auto}

@media(hover:hover) and (pointer:fine){
  [data-liquid-glass="panel"]:hover,
  [data-liquid-glass="popover"]:hover,
  [data-liquid-glass="floating"]:hover{
    border-color:var(--lg-edge-hot)!important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.035),var(--lg-shadow-hover)!important;
    transform:translateY(-2px)!important;
  }
  [data-liquid-glass="control"]:hover{
    border-color:rgb(var(--theme-rgb)/.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 11px 30px rgba(0,0,0,.14),0 0 20px rgb(var(--theme-rgb)/.045)!important;
    transform:translateY(-1px)!important;
  }
}
[data-liquid-glass]:active:not(input):not(textarea){transform:translateY(0)!important;transition-duration:.09s!important}

/* Same optical material for every top hub. */
.landing-nav,.page-topbar,.legal-topbar{
  border-color:var(--lg-edge)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgb(var(--theme-rgb)/.012),rgba(255,255,255,.01)),var(--lg-tint)!important;
  -webkit-backdrop-filter:blur(var(--lg-fallback-blur)) saturate(154%)!important;
  backdrop-filter:blur(var(--lg-fallback-blur)) saturate(154%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.025),0 18px 58px rgba(0,0,0,.18)!important;
}
body.lg-real-optics .landing-nav.lg-optics,
body.lg-real-optics .page-topbar.lg-optics,
body.lg-real-optics .legal-topbar.lg-optics{
  -webkit-backdrop-filter:var(--lg-filter) blur(2.2px) saturate(184%) brightness(1.045)!important;
  backdrop-filter:var(--lg-filter) blur(2.2px) saturate(184%) brightness(1.045)!important;
}
html[data-theme="pearl"] .landing-nav,
html[data-theme="pearl"] .page-topbar,
html[data-theme="pearl"] .legal-topbar{
  background:linear-gradient(145deg,rgba(255,255,255,.40),rgb(var(--theme-rgb)/.025),rgba(255,255,255,.25))!important;
}

/* Primary actions stay translucent: tint, lens edge and specular — not opaque gradient plastic. */
.btn.primary,
.site-login-button.is-ready,
.landing-cabinet.is-ready,
.auth-tabs button.active,
.chips button.active{
  border:1px solid rgb(var(--theme-rgb)/.36)!important;
  color:var(--theme-button-text)!important;
  background:linear-gradient(115deg,rgb(var(--theme-rgb)/.64),rgb(var(--theme-rgb-2)/.46))!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.52),inset 0 -1px 0 rgb(var(--theme-rgb-2)/.12),0 11px 30px rgb(var(--theme-rgb-2)/.13)!important;
}
body.lg-real-optics .btn.primary.lg-optics,
body.lg-real-optics .site-login-button.lg-optics{
  -webkit-backdrop-filter:var(--lg-filter) blur(1.6px) saturate(182%) brightness(1.04)!important;
  backdrop-filter:var(--lg-filter) blur(1.6px) saturate(182%) brightness(1.04)!important;
}

/* Modal world: strong background blur, low-blur liquid sheet on top. */
.modal-backdrop,.landing-auth-backdrop,.theme-popover-backdrop{
  background:rgba(3,4,7,.22)!important;
  -webkit-backdrop-filter:blur(16px) saturate(128%)!important;
  backdrop-filter:blur(16px) saturate(128%)!important;
}
html[data-theme="pearl"] .modal-backdrop,
html[data-theme="pearl"] .landing-auth-backdrop,
html[data-theme="pearl"] .theme-popover-backdrop{
  background:rgba(238,233,241,.32)!important;
  -webkit-backdrop-filter:blur(16px) saturate(116%)!important;
  backdrop-filter:blur(16px) saturate(116%)!important;
}
.modal,.landing-auth-panel,.theme-popover{
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgb(var(--theme-rgb)/.014),rgba(255,255,255,.012)),rgba(8,10,15,.115)!important;
}
html[data-theme="pearl"] .modal,
html[data-theme="pearl"] .landing-auth-panel,
html[data-theme="pearl"] .theme-popover{
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgb(var(--theme-rgb)/.026),rgba(255,255,255,.30))!important;
}

/* Navigation and drawers remain lenses rather than nested gray sheets. */
.side-link.active,.mobile-link.active{
  border-color:rgb(var(--theme-rgb)/.28)!important;
  background:linear-gradient(135deg,rgb(var(--theme-rgb)/.10),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px rgb(var(--theme-rgb)/.055)!important;
}
.network-float-body{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.network-chip{
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.08)!important;
}
html[data-theme="pearl"] .network-chip{
  background:linear-gradient(145deg,rgba(255,255,255,.42),rgb(var(--theme-rgb)/.022)),rgba(255,255,255,.18)!important;
}

.toast-stack{z-index:5000!important}
.toast{
  border-color:var(--lg-edge-hot)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.018)),rgba(8,10,15,.15)!important;
  -webkit-backdrop-filter:blur(12px) saturate(165%)!important;
  backdrop-filter:blur(12px) saturate(165%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 18px 48px rgba(0,0,0,.24)!important;
}
html[data-theme="pearl"] .toast{
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgb(var(--theme-rgb)/.028)),rgba(255,255,255,.34)!important;
}

html[data-theme="pearl"] [data-liquid-glass]{color:var(--text)}
html[data-theme="pearl"] [data-liquid-glass] small,
html[data-theme="pearl"] [data-liquid-glass] p,
html[data-theme="pearl"] [data-liquid-glass] .muted{color:var(--muted)}

@media(prefers-reduced-motion:reduce){
  [data-liquid-glass]{transition:border-color .01ms,background .01ms,box-shadow .01ms!important}
  [data-liquid-glass]:hover,[data-liquid-glass]:active{transform:none!important}
}
@media(max-width:820px){
  :root{--lg-fallback-blur:12px;--lg-optic-blur:2px}
  [data-liquid-glass="control"]{--lg-local-blur:8px}
}


/* V48 performance pass: no cursor spotlight and no per-row optical lens. */
.cursor-glow{display:none!important}
.faq-item,.faq-question,.network-chip,.period-card,.choice,.device-item,.quick-stats>div,.key-metrics>div,.ref-stats>div{will-change:auto!important}
body.lg-real-optics .faq-item,body.lg-real-optics .faq-question,body.lg-real-optics .network-chip,body.lg-real-optics .period-card,body.lg-real-optics .choice{
  -webkit-backdrop-filter:blur(8px) saturate(142%)!important;backdrop-filter:blur(8px) saturate(142%)!important;
}


/* V50: major surfaces get the pronounced edge reflection; nested controls remain simple glass. */
[data-liquid-glass="control"]>.lg-specular-layer,[data-liquid-glass="field"]>.lg-specular-layer,.network-chip>.lg-specular-layer,.faq-item>.lg-specular-layer{display:none!important}
.network-float:hover{transform:none!important}
.site-top-hub:hover{transform:none!important}


/* V61 — appearance picker: lens only on the panel, never on the whole page. */
.theme-popover-backdrop,
html[data-theme="pearl"] .theme-popover-backdrop{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.theme-popover[data-liquid-glass],
.appearance-popover[data-liquid-glass],
.theme-popover{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgb(var(--theme-rgb)/.018) 48%,rgba(255,255,255,.024)),rgba(6,8,12,.32)!important;
  -webkit-backdrop-filter:blur(19px) saturate(158%) brightness(1.035)!important;
  backdrop-filter:blur(19px) saturate(158%) brightness(1.035)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.055),0 20px 56px rgba(0,0,0,.24)!important;
}
.theme-popover>.lg-specular-layer{
  opacity:.92!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.24),transparent 13%,transparent 84%,rgba(255,255,255,.05)),
    linear-gradient(90deg,rgba(255,255,255,.12),transparent 10%,transparent 90%,rgba(255,255,255,.05))!important;
}
html[data-theme="pearl"] .theme-popover[data-liquid-glass],
html[data-theme="pearl"] .appearance-popover[data-liquid-glass],
html[data-theme="pearl"] .theme-popover{
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.42)),rgba(250,246,250,.24)!important;
  -webkit-backdrop-filter:blur(17px) saturate(138%) brightness(1.02)!important;
  backdrop-filter:blur(17px) saturate(138%) brightness(1.02)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(93,70,84,.06),0 18px 48px rgba(64,48,59,.12)!important;
}


/* ============================================================
   V62 — last-layer root-cause overrides.
   This file loads after styles.css, so it owns final CTA/top-hub/hover behavior.
   ============================================================ */

/* CTA: one accent only. No secondary-accent glow and no dark text on any theme. */
.landing-page .landing-buy,
#buyButton,
.hero-actions .btn.primary[href="#tariff"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:color-mix(in srgb,rgb(var(--theme-rgb)) 60%,white 40%)!important;
  background:linear-gradient(105deg,
    color-mix(in srgb,rgb(var(--theme-rgb)) 72%,white 28%) 0%,
    rgb(var(--theme-rgb)) 52%,
    color-mix(in srgb,rgb(var(--theme-rgb)) 82%,black 18%) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 12px 28px rgb(var(--theme-rgb)/.17)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
.landing-page .landing-buy:hover,
#buyButton:hover,
.hero-actions .btn.primary[href="#tariff"]:hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  filter:brightness(1.035) saturate(1.02)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 14px 31px rgb(var(--theme-rgb)/.20)!important;
}
.landing-page .landing-buy::after,
#buyButton::after,
.hero-actions .btn.primary[href="#tariff"]::after{
  display:none!important;
}

/* Remove the oversized floating shadow from every shared top hub. Keep only the glass edge. */
.site-top-hub,
.landing-nav.site-top-hub,
.page-topbar.site-top-hub,
.legal-topbar.site-top-hub,
body[data-page="faq"] .faq-top-hub{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.025)!important;
}
.site-top-hub:hover,
.landing-nav.site-top-hub:hover,
.page-topbar.site-top-hub:hover,
.legal-topbar.site-top-hub:hover,
body[data-page="faq"] .faq-top-hub:hover{
  transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),inset 0 -1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme="pearl"] .site-top-hub,
html[data-theme="pearl"] body[data-page="faq"] .faq-top-hub{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(65,47,58,.04)!important;
}

/* FAQ layout diagnostic fix: stop letting years of shared grid rules fight each other.
   The compact hub uses three explicit anchors: left, true center, right. */
body[data-page="faq"] .faq-top-hub{
  position:sticky!important;
  top:7px!important;
  width:min(940px,calc(100% - 20px))!important;
  max-width:940px!important;
  min-height:58px!important;
  height:58px!important;
  margin:7px auto 0!important;
  padding:0 10px!important;
  display:block!important;
  overflow:visible!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity:hover{
  transform:translateY(-50%)!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-nav{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-actions{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
body[data-page="faq"] .faq-top-hub .site-login-button{
  min-width:108px!important;
  width:auto!important;
}
body[data-page="faq"] .faq-top-hub .site-login-avatar{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
}
@media(max-width:900px){
  body[data-page="faq"] .faq-top-hub{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    height:56px!important;
    min-height:56px!important;
    margin:6px 6px 0!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-nav{display:none!important}
  body[data-page="faq"] .faq-top-hub .faq-home-identity{left:8px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{right:8px!important}
}

/* The floating purchase note must never move because of liquid-glass hover/active transforms. */
.purchase-auto-note[data-liquid-glass],
.purchase-auto-note[data-liquid-glass]:hover,
.purchase-auto-note[data-liquid-glass]:active,
.purchase-auto-note.is-dragging{
  transform:none!important;
  animation:none!important;
}

/* Period cards are layout controls, not floating buttons. */
.period-card[data-liquid-glass],
.period-card[data-liquid-glass]:hover,
.period-card[data-liquid-glass]:active{
  transform:none!important;
}


/* V63 — first-purchase drag uses the individual translate property.
   Do not let generic liquid-glass active transforms participate in drag geometry. */
.purchase-auto-note[data-liquid-glass],
.purchase-auto-note[data-liquid-glass]:hover,
.purchase-auto-note[data-liquid-glass]:active,
.purchase-auto-note.is-dragging{
  transform:none!important;
}
.purchase-auto-note.is-dragging{
  transition:none!important;
}


/* V68 — sidebar is deliberately excluded from liquid runtime. A resizing refractive lens caused hover jumps. */
.sidebar .side-link,
.sidebar .admin-side-link,
.sidebar .support-side,
.sidebar .side-link:hover,
.sidebar .side-link.active,
.sidebar:hover .side-link.active,
.sidebar:focus-within .side-link.active,
.sidebar.is-open .side-link.active{
  border-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
}
.sidebar .side-link::before,.sidebar .side-link::after,
.sidebar .admin-side-link::before,.sidebar .admin-side-link::after,
.sidebar .support-side::before,.sidebar .support-side::after{
  content:none!important;
  display:none!important;
}

/* V71 — keep primary action text readable after late liquid-glass cascade. */
html:not([data-theme="pearl"]) .btn.primary,
html:not([data-theme="pearl"]) .landing-buy,
html:not([data-theme="pearl"]) #buyButton,
html:not([data-theme="pearl"]) .hero-actions .btn.primary,
html:not([data-theme="pearl"]) .landing-cabinet.is-ready{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html:not([data-theme="pearl"]) .btn.primary:disabled{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="pearl"] .btn.primary,
html[data-theme="pearl"] .landing-buy,
html[data-theme="pearl"] #buyButton,
html[data-theme="pearl"] .hero-actions .btn.primary,
html[data-theme="pearl"] .landing-cabinet.is-ready{
  color:#251923!important;
  -webkit-text-fill-color:#251923!important;
}

/* V82 — network drawer status always follows selected theme. */
.landing-page #countrySummary,
.landing-page #bypassSummary,
.landing-page #countrySummary.network-stale,
.landing-page #bypassSummary.network-stale{
  color:var(--primary)!important;
  -webkit-text-fill-color:var(--primary)!important;
}