/* Preview theme, intentionally limited to colors so photos and layouts stay intact. */
.mi-theme-toggle{width:40px;padding:0!important;font-size:21px!important;line-height:1!important}
html[data-mi-theme="dark"]{color-scheme:dark}
html[data-mi-theme="dark"] body,
html[data-mi-theme="dark"] #dc-root{background:var(--mi-color-night)!important;color:#edf5f7!important}
html[data-mi-theme="dark"] #dc-root>.sc-host>div{background:var(--mi-color-night)!important;color:#edf5f7!important}
html[data-mi-theme="dark"] #dc-root [style*="color:#44505c" i],
html[data-mi-theme="dark"] #dc-root [style*="color: #44505c" i]{color:#bfd2db!important}
html[data-mi-theme="dark"] #dc-root .sc-host>div>section,
html[data-mi-theme="dark"] #dc-root .mi-article-page,
html[data-mi-theme="dark"] #dc-root .mi-area-directory,
html[data-mi-theme="dark"] #dc-root .mi-glossary-directory,
html[data-mi-theme="dark"] #dc-root .mi-guide-directory,
html[data-mi-theme="dark"] #dc-root .mi-dynamic-term,
html[data-mi-theme="dark"] #dc-root .mi-site-showcase,
html[data-mi-theme="dark"] #dc-root .mi-product-focus{background-color:#0d2535!important;color:#edf5f7!important}
html[data-mi-theme="dark"] #dc-root [style*="background: #fff" i],
html[data-mi-theme="dark"] #dc-root [style*="background:#fff" i],
html[data-mi-theme="dark"] #dc-root [style*="background: #f3f1ec" i],
html[data-mi-theme="dark"] #dc-root [style*="background:#f3f1ec" i],
html[data-mi-theme="dark"] #dc-root .mi-area-groups>div,
html[data-mi-theme="dark"] #dc-root .mi-gloss-card,
html[data-mi-theme="dark"] #dc-root .mi-guide-card,
html[data-mi-theme="dark"] #dc-root .mi-article-layout aside,
html[data-mi-theme="dark"] #dc-root .mi-contact-extra,
html[data-mi-theme="dark"] #dc-root details{background-color:#173449!important;border-color:#36556a!important}
html[data-mi-theme="dark"] #dc-root :is(h1,h2,h3,h4,p,li,dt,dd,strong,small,label){color:#e7f2f5!important}
html[data-mi-theme="dark"] #dc-root nav[aria-label="Breadcrumb"]{color:#b8d2db!important}
html[data-mi-theme="dark"] #dc-root nav[aria-label="Breadcrumb"] :not(a){color:#b8d2db!important}
html[data-mi-theme="dark"] #dc-root section#services .dir>div{color:#d6e6eb!important}
html[data-mi-theme="dark"] #dc-root .mi-site-count{color:#d6e6eb!important}
html[data-mi-theme="dark"] #dc-root>.sc-host>div>div[style*="border-bottom"]{color:#c7dce4!important;border-color:#315164!important}
html[data-mi-theme="dark"] #dc-root :is(a:not(.btn),.mi-eyebrow){color:#88d9ec!important}
html[data-mi-theme="dark"] #dc-root .btn-primary{background:var(--mi-color-cyan)!important;color:var(--mi-color-cyan-ink)!important}
html[data-mi-theme="dark"] #dc-root .btn-ghost{color:#e7f2f5!important;box-shadow:inset 0 0 0 1px #a8d8e4!important}
html[data-mi-theme="dark"] #dc-root :is(input,textarea,select){background:#0c2536!important;color:#edf5f7!important;border-color:#55758a!important}
html[data-mi-theme="dark"] #dc-root :is(.mi-glossary-directory,.mi-guide-directory) button{background:#1b3a50!important;color:#e7f2f5!important;border-color:#658596!important}
html[data-mi-theme="dark"] #dc-root :is(.mi-glossary-directory,.mi-guide-directory) button[aria-pressed="true"]{background:var(--mi-color-cyan)!important;color:var(--mi-color-cyan-ink)!important}
html[data-mi-theme="dark"] .mi-services-overlay,
html[data-mi-theme="dark"] .mi-language-menu{background:#102c40!important;color:#edf5f7!important;border-color:#55758a!important}
html[data-mi-theme="dark"] .mi-services-overlay :is(h2,a),
html[data-mi-theme="dark"] .mi-language-menu button{color:#e7f2f5!important}
html[data-mi-theme="dark"] .mi-services-overlay a:hover,
html[data-mi-theme="dark"] .mi-language-menu button:hover{background:#23465b!important}
html[data-mi-theme="dark"] .mi-back-to-top{background:#183a50!important;color:#edf5f7!important;border-color:#55758a!important}
html[data-mi-theme="dark"] #dc-root .mi-service-reading{background:#102b3b!important;color:#edf5f7!important}
html[data-mi-theme="dark"] #dc-root .mi-service-reading li+li{border-color:#36556a!important}
@media(max-width:480px){.mi-theme-toggle{width:38px;padding:0!important}}
/* Semantic dark surfaces: charcoal page, slate cards, navy feature panels. */
html[data-mi-theme=dark]{--mi-page:#10171e;--mi-surface:#202c36;--mi-feature:#142c40;--mi-text:#edf4f7;--mi-muted:#bcced8;--mi-border:#506676;--mi-link:#9de4f1}
html[data-mi-theme=dark] body,html[data-mi-theme=dark] #dc-root,html[data-mi-theme=dark] #dc-root>.sc-host>div{background:var(--mi-page)!important}
html[data-mi-theme=dark] #dc-root .sc-host>div>section{background-color:var(--mi-page)!important}
html[data-mi-theme=dark] #dc-root :is([data-mi-surface=light],.benefit,.mi-home-technology>div:nth-child(2)>div:last-child,.dir){background:var(--mi-surface)!important;color:var(--mi-text)!important;border-color:var(--mi-border)!important}
html[data-mi-theme=dark] #dc-root [data-mi-surface=light] :is(span,div){color:inherit}
html[data-mi-theme=dark] #dc-root :is(.mi-home-partner,.mi-home-network,.mi-assistant-shell,.mi-process){background-color:var(--mi-feature)!important}
html[data-mi-theme=dark] #dc-root :is(.mi-site-showcase,.mi-product-focus,.mi-service-reading){background-color:#18222c!important}
html[data-mi-theme=dark] #dc-root .mi-home-benefits{background-color:#111b24!important}
html[data-mi-theme=dark] #dc-root .benefit>span{color:var(--mi-text)!important}
html[data-mi-theme=dark] #dc-root .stab{color:var(--mi-muted)!important;background:#202f3d;border:1px solid #506676;border-radius:var(--mi-radius-lg)}
html[data-mi-theme=dark] #dc-root .stab:is(:hover,:focus-visible){background:#34596b!important;color:#fff!important}
html[data-mi-theme=dark] #dc-root .stab[aria-selected=true],html[data-mi-theme=dark] #dc-root .stab.active{background:#9de4f1!important;color:#102a38!important}
html[data-mi-theme=dark] .mi-global-header{width:100%!important;max-width:none!important;margin:0!important;background-color:#102433!important}
html[data-mi-theme=dark] #dc-root :is(.mi-site-overlay a,.mi-site-nav a){color:#102535!important}
html[data-mi-theme=dark] #dc-root details.faq{background:transparent!important}
html[data-mi-theme=dark] #dc-root :is(.mono,.mi-eyebrow,.mi-assistant-progress){color:#a0d9e7!important}
html[data-mi-theme=dark] #dc-root .mi-article-cta a{background:#9de4f1!important;color:#102a38!important}
html[data-mi-theme=dark] #dc-root .mi-site-controls button{background:#294557!important;color:#e9f6fa!important;border-color:#7195a9}
html[data-mi-theme=dark] #dc-root .mi-site-controls button:hover{background:#3c687e!important}
html[data-mi-theme=dark] #dc-root [style*='color:#6a7581' i],html[data-mi-theme=dark] #dc-root [style*='color: #6a7581' i]{color:#bfd2db!important}
html[data-mi-theme=dark] #dc-root .mi-process li>span{color:#a0d9e7!important;border-color:#709dae}
html[data-mi-theme=dark] #dc-root [style*='background:#3BC4DD' i] .mono{color:var(--mi-color-cyan-ink)!important}
html[data-mi-theme=dark] #dc-root [style*='background:#1C5FA8' i] .mono,html[data-mi-theme=dark] #dc-root [style*='background:#6A7581' i] .mono,html[data-mi-theme=dark] #dc-root [style*='background:#0B6E86' i] .mono{color:#fff!important}
html[data-mi-theme=dark] #dc-root [data-mi-tone=muted]{color:#bfd2db!important}
html[data-mi-theme=dark] #dc-root [data-mi-surface=light] :is(span,div){color:inherit!important}
html[data-mi-theme=dark] #dc-root .swatch .mono{color:inherit!important}
html[data-mi-theme=dark] #dc-root .swatch .mono{color:#fff!important}
html[data-mi-theme=dark] #dc-root .swatch[data-mi-swatch-bright] .mono{color:var(--mi-color-cyan-ink)!important}
html[data-mi-theme=dark] #dc-root .tab{color:#bfd9e3!important;border-color:#57788a}
html[data-mi-theme=dark] .mi-services-overlay .mi-menu-contact-actions a{background:#294354!important;color:#eef8fb!important;border-color:#6a8f9f}
html[data-mi-theme=dark] .mi-services-overlay .mi-menu-contact-actions .mi-menu-whatsapp{background:#16c879!important;color:#062432!important}
html[data-mi-theme=dark] #dc-root .swatch{background:var(--mi-swatch-bg)!important;color:#fff!important}
html[data-mi-theme=dark] #dc-root .swatch[data-mi-swatch-bright]{color:var(--mi-color-cyan-ink)!important}
html[data-mi-theme=dark] #dc-root .mi-guide-card b{color:#a0d9e7!important}
html[data-mi-theme=dark] #dc-root nav[aria-label=Breadcrumb]{color:#bfd2db!important}
html[data-mi-theme=dark] #dc-root .swatch[data-mi-swatch-light] .mono{color:var(--mi-color-cyan-ink)!important}

/* Explicit pairs for shared controls. Dark foregrounds are never inherited from light buttons. */
html[data-mi-theme=dark]{
 --mi-action-bg:var(--mi-color-cyan);--mi-action-fg:var(--mi-color-cyan-ink);
 --mi-action-hover:#a0e7f2;--mi-action-pressed:#62bfd2;
 --mi-secondary-bg:#1b3a50;--mi-secondary-fg:#e7f2f5;--mi-secondary-hover:#294d63;--mi-secondary-pressed:#345d74;
 --mi-control-bg:#0c2536;--mi-control-fg:#edf5f7;
 --mi-focus:var(--mi-color-cyan);--mi-focus-halo:var(--mi-color-night);
 --mi-error-bg:#392421;--mi-error-fg:#ffc6b8;--mi-success-bg:#153b2d;--mi-success-fg:#a1e9c0;
 --mi-disabled-bg:#293b48;--mi-disabled-fg:#bbcbd4;--mi-disabled-border:#627a8b;
 --mi-shadow-card:0 8px 24px rgba(0,0,0,.24);
}
html[data-mi-theme=dark] #dc-root :is(.btn-primary,.mi-article-cta a){background:var(--mi-action-bg)!important;color:var(--mi-action-fg)!important}
html[data-mi-theme=dark] #dc-root :is(.btn-primary,.mi-article-cta a):is(:hover,:focus-visible){background:var(--mi-action-hover)!important;color:var(--mi-action-fg)!important}
html[data-mi-theme=dark] #dc-root :is(.btn-primary,.mi-article-cta a):active{background:var(--mi-action-pressed)!important;color:var(--mi-action-fg)!important}
html[data-mi-theme=dark] #dc-root :is(.mi-glossary-directory,.mi-guide-directory,.mi-resource-controls) button[aria-pressed=true]{background:var(--mi-action-bg)!important;color:var(--mi-action-fg)!important;border-color:var(--mi-action-bg)!important}
html[data-mi-theme=dark] #dc-root :is(.mi-action-destructive,[data-mi-action=destructive]){background:#923727!important;color:#fff!important;border-color:#ffc6b8!important}
html[data-mi-theme=dark] #dc-root :is(.mi-status-error,[data-mi-status=error]){background:var(--mi-error-bg)!important;color:var(--mi-error-fg)!important}
html[data-mi-theme=dark] #dc-root :is(.mi-status-success,[data-mi-status=success]){background:var(--mi-success-bg)!important;color:var(--mi-success-fg)!important}
html[data-mi-theme=dark] #dc-root :is(.mi-status-error,.mi-status-success,[data-mi-status=error],[data-mi-status=success]) *{color:inherit!important}
html[data-mi-theme=dark] #dc-root :is(button:disabled,button[aria-disabled=true],.btn[aria-disabled=true]){background:var(--mi-disabled-bg)!important;color:var(--mi-disabled-fg)!important;border-color:var(--mi-disabled-border)!important}

/* Dark mode: symptom pills and symptom rows (category pages) keep readable text in rest, hover and selected states. */
html[data-mi-theme=dark] #dc-root :is(.pill,.sym):not([aria-pressed=true]){background:#243b48!important;color:#edf4f7!important;border-color:#4b6677!important}
html[data-mi-theme=dark] #dc-root :is(.pill,.sym):not([aria-pressed=true]) *{color:inherit!important}
html[data-mi-theme=dark] #dc-root :is(.pill,.sym):not([aria-pressed=true]):is(:hover,:focus-visible){background:#34596b!important;color:#fff!important;border-color:#8ddce9!important}
html[data-mi-theme=dark] #dc-root :is(.pill,.sym)[aria-pressed=true]{background:#8ddce9!important;color:#082333!important;border-color:#8ddce9!important}
html[data-mi-theme=dark] #dc-root :is(.pill,.sym)[aria-pressed=true] *{color:inherit!important}
html[data-mi-theme=dark] #dc-root .prob:is(:hover,:focus-visible){background:#243b48!important;color:#edf4f7!important}
html[data-mi-theme=dark] #dc-root .prob:is(:hover,:focus-visible) *{color:inherit!important}
html[data-mi-theme=dark] #dc-root .btn-light:is(:hover,:focus-visible){background:#fff!important;color:#0c1f33!important}
html[data-mi-theme=dark] #dc-root .btn-light:is(:hover,:focus-visible) *{color:inherit!important}

/* Dark mode: anchors that sit on a cyan fill keep dark text (the dark link colour made them invisible), and white link cards keep dark text. */
html[data-mi-theme=dark] #dc-root a[style*="#82DCED" i],html[data-mi-theme=dark] #dc-root a[style*="130, 220, 237"],html[data-mi-theme=dark] #dc-root a[style*="82dced" i]{color:#082333!important}
html[data-mi-theme=dark] #dc-root a[style*="#82DCED" i]:hover,html[data-mi-theme=dark] #dc-root a[style*="130, 220, 237"]:hover{color:#082333!important}
/* cyan buttons: keep dark text readable on hover/focus/active, including inner spans */
html[data-mi-theme=dark] body #dc-root a[style*="130, 220, 237"]:is(:hover,:focus-visible,:active),
html[data-mi-theme=dark] body #dc-root a[style*="130, 220, 237"]:is(:hover,:focus-visible,:active) *,
html[data-mi-theme=dark] body #dc-root a[style*="#82DCED" i]:is(:hover,:focus-visible,:active),
html[data-mi-theme=dark] body #dc-root a[style*="#82DCED" i]:is(:hover,:focus-visible,:active) *{color:#082333!important;-webkit-text-fill-color:#082333!important}
html[data-mi-theme=dark] body #dc-root a[style*="130, 220, 237"]:is(:hover,:focus-visible),html[data-mi-theme=dark] body #dc-root a[style*="#82DCED" i]:is(:hover,:focus-visible){background:#b4eef7!important}
/* outlined secondary buttons in dark panels: visible border at rest, clear fill on hover */
html[data-mi-theme=dark] body #dc-root a[style*="rgba(255, 255, 255, 0.3)"],html[data-mi-theme=dark] body #dc-root a[style*="rgba(255,255,255,.3)"]{border-color:rgba(237,244,247,.55)!important}
html[data-mi-theme=dark] body #dc-root a[style*="rgba(255, 255, 255, 0.3)"]:is(:hover,:focus-visible),html[data-mi-theme=dark] body #dc-root a[style*="rgba(255,255,255,.3)"]:is(:hover,:focus-visible){background:#8ddce9!important;border-color:#8ddce9!important}
html[data-mi-theme=dark] body #dc-root a[style*="rgba(255, 255, 255, 0.3)"]:is(:hover,:focus-visible) *,html[data-mi-theme=dark] body #dc-root a[style*="rgba(255,255,255,.3)"]:is(:hover,:focus-visible) *,html[data-mi-theme=dark] body #dc-root a[style*="rgba(255, 255, 255, 0.3)"]:is(:hover,:focus-visible),html[data-mi-theme=dark] body #dc-root a[style*="rgba(255,255,255,.3)"]:is(:hover,:focus-visible){color:#082333!important;-webkit-text-fill-color:#082333!important}
/* numbered step circles (cyan) must carry dark numbers; muted-tone rule made them near invisible */
html[data-mi-theme=dark] body #dc-root :is(span,div,b,i)[style*="background: rgb(130, 220, 237)"],html[data-mi-theme=dark] body #dc-root :is(span,div,b,i)[style*="background: #82DCED" i],html[data-mi-theme=dark] body #dc-root .mi-assistant-aside-title>span:first-child,html[data-mi-theme=dark] body #dc-root .mi-assistant-aside-title>span:first-child[data-mi-tone]{color:#082333!important;-webkit-text-fill-color:#082333!important}
html[data-mi-theme=dark] body #dc-root li>span:first-child[data-mi-tone=muted]:is([style*="background: rgb(130, 220, 237)"],[style*="background: #82DCED" i]){color:#082333!important}
/* arrows on dark option cards and breadcrumb text */
html[data-mi-theme=dark] body #dc-root nav[aria-label][style*="82, 99, 114"]{color:#b7c6d4!important}
html[data-mi-theme=dark] body #dc-root .mi-assistant-options button>span[aria-hidden=true]{color:#8ddce9!important}
html[data-mi-theme=dark] body #dc-root .mi-assistant-options button:is(:hover,:focus-visible)>span[aria-hidden=true]{color:#082333!important}