/* ==================================================================
   MERALCO WEBSITE 4.0 - COLOR SCHEME
   Browser-side theme overrides. The cached HTML is identical for
   System, Light, and Dark preferences.
   ================================================================== */

::selection {
  background-color: var(--color-brand-secondary);
  color: var(--color-text-on-light);
}

html[data-resolved-theme="dark"] {
  scrollbar-color: var(--color-border-default) var(--color-surface-default);
}

html[data-resolved-theme="dark"] input,
html[data-resolved-theme="dark"] select,
html[data-resolved-theme="dark"] textarea {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] input::placeholder,
html[data-resolved-theme="dark"] textarea::placeholder {
  color: var(--color-text-subtle);
  opacity: 1;
}

/* NAVIGATION TOP */
html[data-resolved-theme="dark"] .navigation-top__shell,
html[data-resolved-theme="dark"] .navigation-top.is-scrolled .navigation-top__shell {
  border-color: var(--color-border-overlay);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top__top-row {
  background-color: rgb(17 22 33 / 94%);
  background-image:
    radial-gradient(circle at 12% -45%, rgb(114 220 225 / 10%), transparent 42%),
    linear-gradient(135deg, rgb(255 255 255 / 4%), transparent);
  box-shadow: inset 0 -1px 0 var(--color-border-muted);
}

html[data-resolved-theme="dark"] .navigation-top__primary-link,
html[data-resolved-theme="dark"] .navigation-top__context-page-link,
html[data-resolved-theme="dark"] .navigation-top__context-link {
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .navigation-top__primary-link:hover,
html[data-resolved-theme="dark"] .navigation-top__primary-link[aria-expanded="true"],
html[data-resolved-theme="dark"] .navigation-top__primary-link.is-current {
  border-color: var(--color-border-interactive);
  background-color: var(--color-surface-interactive-hover);
  box-shadow: none;
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .navigation-top__mega {
  border-color: var(--color-border-default);
  background-color: rgb(17 22 33 / 98%);
  background-image:
    radial-gradient(circle at 8% 0%, rgb(114 220 225 / 8%), transparent 32%),
    linear-gradient(145deg, rgb(255 255 255 / 4%), transparent);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top__mega::before {
  background:
    radial-gradient(circle at 96% 0%, rgb(0 183 189 / 8%), transparent 28%),
    radial-gradient(circle at 1% 100%, rgb(93 99 190 / 8%), transparent 30%);
}

html[data-resolved-theme="dark"] .navigation-top__mega-intro,
html[data-resolved-theme="dark"] .navigation-top-feature {
  border-color: var(--color-border-muted);
  background-color: rgb(255 255 255 / 3%);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top__mega--with-media .navigation-top__mega-intro {
  background-color: rgb(255 255 255 / 3%);
  box-shadow: inset -1px 0 0 var(--color-border-muted);
}

html[data-resolved-theme="dark"] .navigation-top__mega-media,
html[data-resolved-theme="dark"] .navigation-top-feature__media {
  background-color: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .navigation-top__mega-label {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .navigation-top__category {
  background-color: transparent;
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .navigation-top__category.is-current {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .navigation-top__category:hover {
  border-color: var(--color-border-interactive);
  background-color: var(--color-surface-interactive-hover);
  box-shadow: none;
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .navigation-top__category-group {
  background-color: transparent;
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .navigation-top__category-group.is-current {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .navigation-top__category-group-link {
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .navigation-top__category-group-link[aria-current="page"] {
  background-color: var(--color-surface-interactive);
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .navigation-top__category-group-link:hover {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .navigation-top__action {
  border-color: var(--color-border-default);
  background-color: rgb(255 255 255 / 6%);
  box-shadow: none;
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .navigation-top__action:hover,
html[data-resolved-theme="dark"] .navigation-top__action[aria-expanded="true"] {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .navigation-top__language-panel,
html[data-resolved-theme="dark"] .navigation-top-search__panel,
html[data-resolved-theme="dark"] .navigation-top-search__results,
html[data-resolved-theme="dark"] .navigation-top-mobile__panel {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-overlay);
  background-image: none;
  box-shadow: none;
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .navigation-top__language-link:hover,
html[data-resolved-theme="dark"] .navigation-top__language-link[aria-current="page"] {
  background-color: var(--color-surface-interactive-hover);
}

html[data-resolved-theme="dark"] .navigation-top__context {
  background-color: rgb(17 22 33 / 94%);
  box-shadow: inset 0 1px 0 var(--color-border-muted);
}

html[data-resolved-theme="dark"] .navigation-top__context-cue {
  background-image: linear-gradient(90deg, transparent, rgb(17 22 33 / 96%) 42%);
}

html[data-resolved-theme="dark"] .navigation-top-dock__list,
html[data-resolved-theme="dark"] .navigation-top-dock__menu {
  border-color: var(--color-border-default);
  background-color: rgb(23 29 42 / 92%);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top-dock__item:hover {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .navigation-top-mobile__header,
html[data-resolved-theme="dark"] .navigation-top-mobile__search,
html[data-resolved-theme="dark"] .navigation-top-mobile__group,
html[data-resolved-theme="dark"] .navigation-top-mobile__utilities {
  border-color: var(--color-border-muted);
  background-color: var(--color-surface-raised);
  background-image: none;
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top__mega-overview,
html[data-resolved-theme="dark"] .navigation-top__mega-overview:hover,
html[data-resolved-theme="dark"] .navigation-top__mega-overview:active,
html[data-resolved-theme="dark"] .navigation-top-search__submit,
html[data-resolved-theme="dark"] .navigation-top-search__submit:hover,
html[data-resolved-theme="dark"] .navigation-top-search__submit:active,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-submit,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-submit:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-submit:active {
  box-shadow: none;
  color: var(--color-text-on-action);
}

html[data-resolved-theme="dark"] .navigation-top-search__close,
html[data-resolved-theme="dark"] .navigation-top-mobile__close {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top-search__form {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top-search__form:focus-within {
  box-shadow: inset 0 0 0 2px var(--color-focus-ring);
}

html[data-resolved-theme="dark"] .navigation-top-search__quick-links a {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .navigation-top-search__results-header {
  border-color: var(--color-border-muted);
  background-color: var(--color-surface-elevated);
}

html[data-resolved-theme="dark"] .navigation-top-search__result + .navigation-top-search__result {
  border-color: var(--color-border-muted);
}

html[data-resolved-theme="dark"] .navigation-top-search__result-arrow,
html[data-resolved-theme="dark"] .navigation-top-search__empty svg,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-result-arrow,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-empty svg,
html[data-resolved-theme="dark"] .navigation-top-mobile__group-icon {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .navigation-top-search__quick-links a:hover,
html[data-resolved-theme="dark"] .navigation-top-search__quick-links a:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-search__result a:hover,
html[data-resolved-theme="dark"] .navigation-top-search__result a:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-result a:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-result a:focus-visible {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-text-heading);
}

html[data-resolved-theme="dark"] .navigation-top-search__close:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-search__submit:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-search__quick-links a:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-search__result a:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__close:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__group summary:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-submit:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-result a:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__login:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__languages summary:focus-visible,
html[data-resolved-theme="dark"] .navigation-top-mobile__languages a:focus-visible {
  outline-color: var(--color-focus-ring);
}

html[data-resolved-theme="dark"] .navigation-top-search__hint kbd {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-elevated);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top-mobile__panel {
  --navigation-top-mobile-divider: var(--color-border-muted);
  --navigation-top-mobile-glass: var(--color-surface-overlay);
  --navigation-top-mobile-rim: var(--color-border-overlay);
  --navigation-top-mobile-surface: var(--color-surface-raised);
  --navigation-top-mobile-surface-strong: var(--color-surface-elevated);
}

html[data-resolved-theme="dark"] .navigation-top-mobile__search::before {
  display: none;
}

html[data-resolved-theme="dark"] .navigation-top-mobile__search:focus-within {
  border-color: var(--color-focus-ring);
  box-shadow: 0 0 0 2px var(--color-focus-ring);
}

html[data-resolved-theme="dark"] .navigation-top-mobile__navigation,
html[data-resolved-theme="dark"] .navigation-top-mobile__search-results,
html[data-resolved-theme="dark"] .navigation-top-mobile__login,
html[data-resolved-theme="dark"] .navigation-top-mobile__languages {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .navigation-top-mobile__search-results-header,
html[data-resolved-theme="dark"] .navigation-top-mobile__group[open],
html[data-resolved-theme="dark"] .navigation-top-mobile__languages[open] {
  background-color: var(--color-surface-elevated);
}

html[data-resolved-theme="dark"] .navigation-top-mobile__group-content {
  background-color: var(--color-surface-raised);
}

html[data-resolved-theme="dark"] .navigation-top-mobile__overview,
html[data-resolved-theme="dark"] .navigation-top-mobile__group-content li a[aria-current="page"] {
  background-color: var(--color-surface-interactive);
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .navigation-top-mobile__group summary:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__overview:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__group-content li a:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__login:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__languages summary:hover,
html[data-resolved-theme="dark"] .navigation-top-mobile__languages a:hover {
  background-color: var(--color-surface-interactive-hover);
}

/* NAVIGATION BOTTOM */
html[data-resolved-theme="dark"] .navigation-bottom {
  --navigation-bottom-border: var(--color-border-muted);

  background-color: var(--color-surface-subtle);
}

html[data-resolved-theme="dark"] .navigation-bottom.is-mobile-navigation .navigation-bottom__group.is-open {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .navigation-bottom__app-link {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .longform-hero-share__link {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .longform-hero-share__link:focus-visible {
  outline-color: var(--color-focus-ring);
}

html[data-resolved-theme="dark"] .navigation-bottom__link:hover,
html[data-resolved-theme="dark"] .navigation-bottom__legal-link:hover {
  color: var(--color-interactive-hover);
}

/* ABOUT / CAREERS / LEADERSHIP */
html[data-resolved-theme="dark"] .about-hero {
  --about-hero-overlay-top: 0.78;
  --about-hero-overlay-middle: 0.38;
  --about-hero-overlay-bottom: 0.76;
  --about-hero-overlay-side: 0.52;
}

html[data-resolved-theme="dark"] .about-hero.is-missing-image,
html[data-resolved-theme="dark"] .career-hero.is-missing-image,
html[data-resolved-theme="dark"] .careers-hero.is-missing-image {
  background-image:
    radial-gradient(circle at 76% 28%, rgb(0 183 189 / 18%), transparent 34%),
    linear-gradient(135deg, var(--color-surface-default), var(--color-surface-elevated));
}

html[data-resolved-theme="dark"] .about-hero__cta,
html[data-resolved-theme="dark"] .careers-apply-card,
html[data-resolved-theme="dark"] .careers-content__mobile-apply,
html[data-resolved-theme="dark"] .career-job__link:hover,
html[data-resolved-theme="dark"] .careers-function.is-active {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .about-hero__cta:focus-visible {
  box-shadow: 0 0 0 6px var(--color-brand-accent);
}

html[data-resolved-theme="dark"] .careers-content__mobile-apply {
  background-color: var(--color-surface-overlay);
}

html[data-resolved-theme="dark"] .careers-function,
html[data-resolved-theme="dark"] .career-job__function {
  --careers-department-strong: color-mix(in srgb, var(--careers-department-accent) 42%, white);
}

html[data-resolved-theme="dark"] .career-job__link {
  border-color: var(--color-border-muted);
  background-color: var(--color-surface-raised);
}

html[data-resolved-theme="dark"] .career-job__summary,
html[data-resolved-theme="dark"] .career-job__meta {
  color: var(--color-text-muted);
}

html[data-resolved-theme="dark"] .career-job__action {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .careers-list__empty {
  background-color: var(--color-surface-raised);
}

html[data-resolved-theme="dark"] .history-timeline-entry__marker,
html[data-resolved-theme="dark"] .history-timeline-entry__media {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .leadership-grid {
  --leadership-grid-primary: var(--color-surface-raised);
  --leadership-grid-secondary: var(--color-surface-elevated);
}

html[data-resolved-theme="dark"] .leadership-card,
html[data-resolved-theme="dark"] .leadership-card.is-secondary {
  --leadership-card-foreground: var(--color-text-default);
  --leadership-card-placeholder: 174 182 198;

  box-shadow: none;
}

html[data-resolved-theme="dark"] .mission-value-card__media,
html[data-resolved-theme="dark"] .benefit-card__media,
html[data-resolved-theme="dark"] .benefit-card__article {
  background-color: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .mission-value-card__placeholder,
html[data-resolved-theme="dark"] .benefit-card__placeholder {
  background:
    radial-gradient(circle at 70% 24%, rgb(114 220 225 / 14%), transparent 28%),
    linear-gradient(145deg, var(--color-surface-raised), var(--color-surface-elevated));
}

html[data-resolved-theme="dark"] .cards-grid__link,
html[data-resolved-theme="dark"] .cards-grid__link:hover,
html[data-resolved-theme="dark"] .cards-grid__link:active,
html[data-resolved-theme="dark"] .cards-grid__glass {
  box-shadow: none;
}

@media (max-width: 599px) {
  html[data-resolved-theme="dark"] .cards-grid__items {
    border-color: var(--color-border-muted);
    background-color: var(--color-surface-raised);
    box-shadow: none;
  }
}

/* EDITORIAL / SLIDERS */
html[data-resolved-theme="dark"] .article-content__title,
html[data-resolved-theme="dark"] .article-content__copy > h2 {
  color: var(--color-text-heading);
}

html[data-resolved-theme="dark"] .article-related__media,
html[data-resolved-theme="dark"] .article-card__media {
  background: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .article-related__placeholder {
  background-image: linear-gradient(
    145deg,
    var(--color-surface-elevated),
    color-mix(in srgb, var(--color-surface-elevated) 82%, var(--color-brand-secondary))
  );
}

html[data-resolved-theme="dark"] .article-related__link:hover .article-related__title,
html[data-resolved-theme="dark"] .articles-list__link:hover .articles-list__title,
html[data-resolved-theme="dark"] .articles-list__link:hover .articles-list__icon,
html[data-resolved-theme="dark"] .article-card__link:hover .article-card__title {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .articles-slider:not(.articles-slider--theme-dark) .articles-slider__button,
html[data-resolved-theme="dark"] .benefits-slider__button,
html[data-resolved-theme="dark"] .services-slider__button,
html[data-resolved-theme="dark"] .solution-slider__button,
html[data-resolved-theme="dark"] .story-slider__button,
html[data-resolved-theme="dark"] .mission-showcase__button,
html[data-resolved-theme="dark"] .careers-list__filter-control {
  border-color: var(--color-text-default);
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .articles-slider:not(.articles-slider--theme-dark) .articles-slider__button:hover,
html[data-resolved-theme="dark"] .benefits-slider__button:hover,
html[data-resolved-theme="dark"] .services-slider__button:hover,
html[data-resolved-theme="dark"] .solution-slider__button:hover,
html[data-resolved-theme="dark"] .story-slider__button:hover,
html[data-resolved-theme="dark"] .mission-showcase__button:hover,
html[data-resolved-theme="dark"] .careers-list__filter-control:hover {
  border-color: var(--color-interactive);
  background-color: var(--color-interactive);
  color: var(--color-text-on-light);
}

html[data-resolved-theme="dark"] .longform-content:not(.longform-content--theme-dark) .longform-rich-text__prose a {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .longform-content:not(.longform-content--theme-dark) .longform-rich-text__prose th,
html[data-resolved-theme="dark"] .longform-content:not(.longform-content--theme-dark) .longform-rich-text__prose td {
  border-color: var(--color-border-default);
}

html[data-resolved-theme="dark"] .longform-content:not(.longform-content--theme-dark) .longform-media-text__caption,
html[data-resolved-theme="dark"] .longform-content:not(.longform-content--theme-dark) .longform-figure__caption {
  color: var(--color-text-muted);
}

html[data-resolved-theme="dark"] .longform-hero__readability-scrim {
  background:
    linear-gradient(180deg, rgb(3 7 35 / 18%) 0%, rgb(3 7 35 / 24%) 42%, rgb(3 7 35 / 58%) 70%, rgb(3 7 38 / 88%) 100%),
    linear-gradient(90deg, rgb(4 8 40 / 42%) 0%, rgb(4 8 40 / 18%) 58%, transparent 84%);
}

html[data-resolved-theme="dark"] .gallery-card__article,
html[data-resolved-theme="dark"] .story-card__article,
html[data-resolved-theme="dark"] .solution-card__article,
html[data-resolved-theme="dark"] .collage-card,
html[data-resolved-theme="dark"] .collage-grid-modal-view__media {
  background-color: var(--color-surface-media);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .gallery-card__panel,
html[data-resolved-theme="dark"] .story-card__panel,
html[data-resolved-theme="dark"] .solution-card__panel {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-glass);
  background-image: linear-gradient(145deg, rgb(255 255 255 / 5%), transparent);
  box-shadow: none;
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .story-card__handle,
html[data-resolved-theme="dark"] .story-card__meta {
  color: var(--color-text-muted);
}

html[data-resolved-theme="dark"] .video-hero {
  --video-hero-glass-border: var(--color-border-overlay);
  --video-hero-glass-surface: var(--color-surface-glass);
}

html[data-resolved-theme="dark"] .video-hero__layout {
  background-image: linear-gradient(145deg, rgb(255 255 255 / 5%), transparent);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .video-hero__title {
  color: var(--color-text-heading);
}

html[data-resolved-theme="dark"] .video-hero__summary,
html[data-resolved-theme="dark"] .video-hero__actions,
html[data-resolved-theme="dark"] .video-hero__action-item + .video-hero__action-item {
  border-color: var(--color-border-overlay);
}

html[data-resolved-theme="dark"] .video-hero__action-icon {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .video-hero__action:hover {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .collage-card__caption {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-glass);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .collage-grid-modal__surface {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-elevated);
  background-image: linear-gradient(145deg, rgb(255 255 255 / 4%), transparent);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .collage-grid-modal__toolbar {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-glass);
}

html[data-resolved-theme="dark"] .collage-grid-modal__close {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-interactive);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .collage-grid-modal__label,
html[data-resolved-theme="dark"] .collage-grid-modal-view__eyebrow {
  color: var(--color-interactive);
}

/* TABBED CONTENT */
html[data-resolved-theme="dark"] .tabbed-contents__notice {
  border-color: var(--color-border-interactive);
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .tabbed-contents__notice svg,
html[data-resolved-theme="dark"] .tabbed-contents__tab:hover,
html[data-resolved-theme="dark"] .tabbed-contents__tab.is-active,
html[data-resolved-theme="dark"] a.tabbed-contents-detail__value,
html[data-resolved-theme="dark"] .tabbed-contents-document__link:hover,
html[data-resolved-theme="dark"] .tabbed-contents-person__link:hover {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .tabbed-contents-table th {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .tabbed-contents__tab.is-active::after {
  background-color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .tabbed-contents-block__title,
html[data-resolved-theme="dark"] .tabbed-contents-fact__value,
html[data-resolved-theme="dark"] .tabbed-contents-table th {
  color: var(--color-text-heading);
}

/* SERVICES / SOLUTIONS */
html[data-resolved-theme="dark"] .service-hero__title {
  color: var(--color-text-heading);
}

html[data-resolved-theme="dark"] .service-hero__partner {
  display: grid;
  min-height: 4rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgb(11 15 24 / 12%);
  border-radius: 0.5rem;
  background-color: var(--color-surface-fixed-light);
  place-items: center;
}

html[data-resolved-theme="dark"] .service-hero__media,
html[data-resolved-theme="dark"] .highlight-card__media,
html[data-resolved-theme="dark"] .service-showcase__media,
html[data-resolved-theme="dark"] .service-showcase__gallery-item,
html[data-resolved-theme="dark"] .service-showcase-landscape__media,
html[data-resolved-theme="dark"] .service-slide__link,
html[data-resolved-theme="dark"] .services-card__article,
html[data-resolved-theme="dark"] .solution-card__article,
html[data-resolved-theme="dark"] .solutions-showcase__media,
html[data-resolved-theme="dark"] .solutions-hero__media,
html[data-resolved-theme="dark"] .solutions-modal-view__media {
  background-color: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .service-slide__placeholder,
html[data-resolved-theme="dark"] .highlight-card__placeholder,
html[data-resolved-theme="dark"] .services-card__placeholder,
html[data-resolved-theme="dark"] .solution-card__placeholder,
html[data-resolved-theme="dark"] .solutions-hero__placeholder,
html[data-resolved-theme="dark"] .solutions-modal-view__placeholder {
  background:
    radial-gradient(circle at 75% 20%, rgb(114 220 225 / 16%), transparent 28%),
    linear-gradient(
      145deg,
      var(--color-surface-elevated),
      color-mix(in srgb, var(--color-surface-elevated) 82%, var(--color-brand-secondary))
    );
}

html[data-resolved-theme="dark"] .services-card__article {
  border-color: var(--color-border-overlay);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .services-card__panel,
html[data-resolved-theme="dark"] .solution-card__panel {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-glass);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .solution-card__cta,
html[data-resolved-theme="dark"] .solutions-hero__cta,
html[data-resolved-theme="dark"] .solutions-showcase__cta,
html[data-resolved-theme="dark"] .solutions-faq__callout-cta {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .solutions-hero__summary,
html[data-resolved-theme="dark"] .solutions-hero__process-title,
html[data-resolved-theme="dark"] .solutions-hero__steps,
html[data-resolved-theme="dark"] .solutions-hero__step,
html[data-resolved-theme="dark"] .solutions-hero__cta-column,
html[data-resolved-theme="dark"] .solutions-faq__item {
  border-color: var(--color-border-default);
}

@media (min-width: 900px) {
  html[data-resolved-theme="dark"] .solutions-hero__media::after {
    background-image: linear-gradient(
      to right,
      transparent 35%,
      rgb(11 15 24 / 84%) 56%,
      rgb(11 15 24 / 96%) 100%
    );
  }
}

html[data-resolved-theme="dark"] .solutions-modal__surface {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-elevated);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .solutions-modal__toolbar {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-overlay);
}

html[data-resolved-theme="dark"] .solutions-modal__label {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .solutions-modal__close {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .solutions-faq__callout {
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

/* SEARCH */
html[data-resolved-theme="dark"] .search-results__summary-label,
html[data-resolved-theme="dark"] .search-results__title,
html[data-resolved-theme="dark"] .search-result__type,
html[data-resolved-theme="dark"] .search-result__title,
html[data-resolved-theme="dark"] .search-results__help-link,
html[data-resolved-theme="dark"] .search-results__suggestion-label {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .search-result__link:hover .search-result__title {
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .search-result__path {
  color: var(--color-text-success);
}

html[data-resolved-theme="dark"] .search-result__arrow,
html[data-resolved-theme="dark"] .search-results__state-icon,
html[data-resolved-theme="dark"] .search-results__suggestion-link > svg {
  stroke: var(--color-interactive);
}

html[data-resolved-theme="dark"] .search-results__form {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-glass);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .search-results__field input {
  background-color: var(--color-surface-raised);
}

html[data-resolved-theme="dark"] .search-results__field input:focus {
  border-color: var(--color-interactive);
  background-color: var(--color-surface-elevated);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .search-results__page-link:hover:not(.is-current) {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-interactive-hover);
}

/* LARGE FIELDS */
html[data-resolved-theme="dark"] .statistics-hero,
html[data-resolved-theme="dark"] .statistics-grid {
  background-color: var(--color-surface-subtle);
  background-image: none;
  color: var(--color-text-default);
}

html[data-resolved-theme="dark"] .statistics-hero {
  --statistics-hero-divider-color: var(--color-border-default);
}

html[data-resolved-theme="dark"] .statistics-grid {
  --statistics-grid-divider-color: var(--color-border-default);
}

html[data-resolved-theme="dark"] .sustainability-hero__scrim {
  background-image:
    linear-gradient(
      180deg,
      rgb(9 28 51 / 68%) 0%,
      rgb(12 40 66 / 32%) 48%,
      rgb(5 21 41 / 76%) 100%
    ),
    linear-gradient(90deg, rgb(23 28 143 / 18%), transparent 72%);
}

html[data-resolved-theme="dark"] .sustainability-hero__content {
  text-shadow: none;
}

html[data-resolved-theme="dark"] .sustainability-hero__stat {
  box-shadow: none;
}

/* ACTION SHOWCASE */
html[data-resolved-theme="dark"] .action-showcase {
  background-color: var(--color-surface-subtle);
  background-image: linear-gradient(
    to bottom,
    var(--color-surface-subtle) 0 56%,
    var(--color-surface-default) 56% 100%
  );
}

html[data-resolved-theme="dark"] .action-showcase--theme-dark-lead {
  background-color: var(--color-surface-editorial-dark);
  background-image: linear-gradient(
    to bottom,
    var(--color-surface-editorial-dark) 0 56%,
    var(--color-surface-default) 56% 100%
  );
}

html[data-resolved-theme="dark"] .action-showcase__media {
  background-color: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .action-showcase__placeholder {
  background-color: var(--color-surface-media);
  background-image:
    radial-gradient(circle at 72% 35%, rgb(114 220 225 / 14%), transparent 24%),
    linear-gradient(135deg, var(--color-surface-elevated), #213744);
}

html[data-resolved-theme="dark"] .action-showcase__panel {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-glass);
  background-image: none;
  box-shadow: none;
}

html[data-resolved-theme="dark"] .action-showcase__panel::before,
html[data-resolved-theme="dark"] .action-showcase__panel::after {
  display: none;
}

html[data-resolved-theme="dark"] .action-showcase--layout-contained {
  background-image: none;
}

html[data-resolved-theme="dark"] .action-showcase--layout-contained .action-showcase__media {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
}

html[data-resolved-theme="dark"] .action-showcase--layout-contained .action-showcase__panel {
  border-color: transparent;
  background-color: var(--color-surface-raised);
}

/* GRADIENT HERO / POWER STORIES */
html[data-resolved-theme="dark"] .gradient-hero {
  background-color: var(--color-surface-default);
  background-image: linear-gradient(
    var(--gradient-hero-angle),
    var(--color-surface-default),
    color-mix(in srgb, var(--color-surface-elevated) 82%, var(--color-brand-secondary))
  );
  color: var(--color-text-on-dark);
}

html[data-resolved-theme="dark"] .gradient-hero__media {
  background-color: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .gradient-hero__scrim {
  background-image: linear-gradient(
    180deg,
    rgb(5 12 23 / 32%) 0%,
    rgb(5 12 23 / 78%) 100%
  );
}

html[data-resolved-theme="dark"] .gradient-hero__scrim::before {
  background-image: linear-gradient(
    var(--gradient-hero-angle),
    rgb(11 15 24 / 84%) 0%,
    rgb(13 40 50 / 68%) 54%,
    rgb(8 58 63 / 62%) 100%
  );
}

html[data-resolved-theme="dark"] .gradient-hero.is-missing-image .gradient-hero__scrim {
  background-image: radial-gradient(
    circle at 18% 8%,
    rgb(114 220 225 / 12%),
    transparent 30%
  );
}

html[data-resolved-theme="dark"] .gradient-hero__cta {
  --button-shadow-color: transparent;
}

html[data-resolved-theme="dark"] .power-stories-feature__media,
html[data-resolved-theme="dark"] .power-story-card__media {
  background-color: var(--color-surface-media);
}

html[data-resolved-theme="dark"] .power-stories-feature__placeholder,
html[data-resolved-theme="dark"] .power-story-card__placeholder {
  background-image: linear-gradient(
    145deg,
    var(--color-surface-elevated),
    color-mix(in srgb, var(--color-surface-elevated) 82%, var(--color-brand-secondary))
  );
}

html[data-resolved-theme="dark"] .power-stories-feature__panel {
  border-color: var(--color-border-overlay);
  background-color: var(--color-surface-glass);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .power-stories-feature__cta {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .power-stories__item {
  border-color: var(--color-border-default);
}

/* INVESTORS */
html[data-resolved-theme="dark"] .investors-hero-feature__panel {
  border: 1px solid var(--color-border-overlay);
  background: var(--color-surface-glass);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .investors-grid {
  --investors-grid-divider: var(--color-border-default);
}

html[data-resolved-theme="dark"] .investors-article-card__link:hover .investors-article-card__title,
html[data-resolved-theme="dark"] .investors-grid__video-eyebrow,
html[data-resolved-theme="dark"] .investors-grid__badge,
html[data-resolved-theme="dark"] .investors-quick-links__icon {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .investors-grid__badge {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .investors-quick-links__link {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .investors-quick-links__link:hover {
  box-shadow: none;
}

html[data-resolved-theme="dark"] .investor-cards {
  --investor-card-shadow: none;
  --investor-chart-grid: var(--color-border-default);
  --investor-chart-muted: var(--color-text-muted);
}

html[data-resolved-theme="dark"] .investor-card {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .investor-card__current strong,
html[data-resolved-theme="dark"] .investor-card__metrics dd {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .investor-chart__donut-value-label,
html[data-resolved-theme="dark"] .investor-chart__pattern--primary {
  fill: var(--color-interactive);
}

html[data-resolved-theme="dark"] .investor-card__swatch--primary {
  background-color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .investor-chart__line {
  stroke: var(--color-interactive);
}

html[data-resolved-theme="dark"] .investor-chart__line-dot {
  fill: var(--color-surface-raised);
  stroke: var(--color-interactive);
}

html[data-resolved-theme="dark"] .investor-chart__area-background {
  fill: rgb(114 220 225 / 10%);
}

html[data-resolved-theme="dark"] .investor-chart__area-line {
  stroke: rgb(114 220 225 / 32%);
}

html[data-resolved-theme="dark"] .investor-chart__donut-track {
  stroke: var(--color-border-default);
}

html[data-resolved-theme="dark"] .investor-chart__milestone-dot {
  fill: var(--color-surface-raised);
}

html[data-resolved-theme="dark"] .investor-chart__milestone-label {
  fill: var(--color-brand-solar);
}

html[data-resolved-theme="dark"] .investor-card__data-toggle {
  --button-background-color: var(--color-surface-elevated);
  --button-shadow-color: transparent;
}

html[data-resolved-theme="dark"] .investor-card__data-toggle:hover,
html[data-resolved-theme="dark"] .investor-card__data-toggle[aria-expanded="true"] {
  border-color: var(--color-border-interactive);
  background-color: var(--color-surface-interactive-hover);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .investor-card__table-wrap thead th {
  background-color: var(--color-surface-elevated);
}

html[data-resolved-theme="dark"] .investor-chart__tooltip {
  border-color: var(--color-border-overlay);
  box-shadow: none;
}

/* RATES / MAINTENANCE */
html[data-resolved-theme="dark"] .rates-document,
html[data-resolved-theme="dark"] .rates-archive__empty,
html[data-resolved-theme="dark"] .rates-study__link,
html[data-resolved-theme="dark"] .maintenance-schedule__filters,
html[data-resolved-theme="dark"] .maintenance-card,
html[data-resolved-theme="dark"] .maintenance-schedule__empty,
html[data-resolved-theme="dark"] .maintenance-schedule__error,
html[data-resolved-theme="dark"] .maintenance-schedule__loading {
  border-color: var(--color-border-default);
  background-color: var(--color-surface-raised);
  box-shadow: none;
}

html[data-resolved-theme="dark"] .rates-archive__category:hover,
html[data-resolved-theme="dark"] .rates-archive__select svg,
html[data-resolved-theme="dark"] .rates-document__download,
html[data-resolved-theme="dark"] .rates-archive__empty svg,
html[data-resolved-theme="dark"] .rates-study__number,
html[data-resolved-theme="dark"] .maintenance-schedule__count,
html[data-resolved-theme="dark"] .maintenance-card__date,
html[data-resolved-theme="dark"] .maintenance-card__disclosure {
  color: var(--color-interactive);
}

html[data-resolved-theme="dark"] .rates-document h3,
html[data-resolved-theme="dark"] .maintenance-card__header h4 {
  color: var(--color-text-heading);
}

html[data-resolved-theme="dark"] .rates-document__download {
  background-color: var(--color-surface-interactive);
}

html[data-resolved-theme="dark"] .rates-document__download:hover {
  background-color: var(--color-surface-interactive-hover);
  color: var(--color-interactive-hover);
}

html[data-resolved-theme="dark"] .maintenance-card__marker,
html[data-resolved-theme="dark"] .maintenance-card:hover {
  box-shadow: none;
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-page .gradient-hero__scrim {
    background-image: linear-gradient(180deg, rgb(5 12 23 / 24%), rgb(5 12 23 / 72%));
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-page .gradient-hero__scrim::before {
    background-image: linear-gradient(151deg, rgb(0 77 82 / 86%), rgb(12 18 79 / 92%));
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents {
    background-color: var(--color-surface-subtle);
    background-image: linear-gradient(var(--color-surface-raised), var(--color-surface-raised));
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__navigation {
    border-color: var(--color-border-default);
    background-color: var(--color-surface-raised);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__navigation-label {
    border-color: var(--color-border-default);
    color: var(--color-text-default);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__tab-item {
    border-color: var(--color-border-default);
    color: var(--color-text-default);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__tab {
    background-color: var(--color-surface-raised);
    color: var(--color-text-default);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__tab:hover {
    background-color: var(--color-surface-interactive-hover);
    color: var(--color-interactive-hover);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__tab.is-active {
    background-color: var(--color-surface-elevated);
    color: var(--color-text-heading);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents__panel {
    border-color: var(--color-border-default);
    background-color: var(--color-surface-raised);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents-block + .tabbed-contents-block {
    border-color: var(--color-border-default);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents-block__title {
    color: var(--color-interactive);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents-block__description {
    color: var(--color-text-default);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents-table th {
    border-color: var(--color-border-default);
    color: var(--color-text-default);
  }
}

@media (min-width: 1200px) {
  html[data-resolved-theme="dark"] .investor-results-tabs__contents .tabbed-contents-table td {
    border-color: var(--color-border-default);
    color: var(--color-text-default);
  }
}

/* RASTER-ASSET TREATMENT */
html[data-resolved-theme="dark"] .executive-hero {
  --executive-hero-background-color: #12182a;

  background-image:
    radial-gradient(circle at 88% 48%, rgb(93 99 190 / 18%), transparent 38%),
    linear-gradient(135deg, #111725 0%, #171d31 52%, #101521 100%);
}

html[data-resolved-theme="dark"] .executive-hero__background {
  display: none;
}

html[data-resolved-theme="dark"] .executive-hero__wash {
  background-image:
    radial-gradient(circle at 92% 44%, rgb(93 99 190 / 18%), transparent 42%),
    linear-gradient(180deg, rgb(255 255 255 / 3%), transparent 35%, rgb(0 0 0 / 10%));
}

html[data-resolved-theme="dark"] .executive-hero__title {
  border-color: var(--color-border-default);
}

html[data-resolved-theme="dark"] .executive-hero__title::after {
  background-color: var(--color-border-default);
}

html[data-resolved-theme="dark"] .service-hero__partner,
html[data-resolved-theme="dark"] .service-hero__partner-logo,
html[data-resolved-theme="dark"] .service-showcase__partner,
html[data-resolved-theme="dark"] .service-showcase-landscape__partner {
  background-color: var(--color-surface-fixed-light);
}

/* SYSTEM DARK FALLBACK WHEN JAVASCRIPT IS UNAVAILABLE */
@supports (color: light-dark(#000000, #ffffff)) {
  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top__shell {
      border-color: var(--color-border-overlay);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top__top-row,
    html:not([data-theme-preference]) .navigation-top__context {
      background-color: rgb(17 22 33 / 96%);
      background-image: none;
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top__primary-link:hover,
    html:not([data-theme-preference]) .navigation-top__primary-link[aria-expanded="true"],
    html:not([data-theme-preference]) .navigation-top__primary-link.is-current {
      border-color: var(--color-border-interactive);
      background-color: var(--color-surface-interactive-hover);
      box-shadow: none;
      color: var(--color-interactive-hover);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top-dock__item:hover {
      background-color: var(--color-surface-interactive-hover);
      color: var(--color-interactive-hover);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top__mega,
    html:not([data-theme-preference]) .navigation-top__language-panel,
    html:not([data-theme-preference]) .navigation-top-search__panel,
    html:not([data-theme-preference]) .navigation-top-search__results,
    html:not([data-theme-preference]) .navigation-top-mobile__panel,
    html:not([data-theme-preference]) .navigation-top-dock__list,
    html:not([data-theme-preference]) .navigation-top-dock__menu {
      border-color: var(--color-border-default);
      background-color: var(--color-surface-overlay);
      background-image: none;
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top-mobile__panel {
      --navigation-top-mobile-divider: var(--color-border-muted);
      --navigation-top-mobile-glass: var(--color-surface-overlay);
      --navigation-top-mobile-rim: var(--color-border-overlay);
      --navigation-top-mobile-surface: var(--color-surface-raised);
      --navigation-top-mobile-surface-strong: var(--color-surface-elevated);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top__action,
    html:not([data-theme-preference]) .navigation-top-search__form,
    html:not([data-theme-preference]) .navigation-top-mobile__search {
      border-color: var(--color-border-default);
      background-color: var(--color-surface-raised);
      background-image: none;
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top-search__quick-links a {
      background-color: var(--color-surface-interactive);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-top-search__quick-links a:hover,
    html:not([data-theme-preference]) .navigation-top-search__quick-links a:focus-visible,
    html:not([data-theme-preference]) .navigation-top-search__result a:hover,
    html:not([data-theme-preference]) .navigation-top-search__result a:focus-visible,
    html:not([data-theme-preference]) .navigation-top-mobile__search-result a:hover,
    html:not([data-theme-preference]) .navigation-top-mobile__search-result a:focus-visible {
      background-color: var(--color-surface-interactive-hover);
      color: var(--color-text-heading);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-bottom {
      --navigation-bottom-border: var(--color-border-muted);

      background-color: var(--color-surface-subtle);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .navigation-bottom__app-link {
      border-color: var(--color-border-default);
      background-color: var(--color-surface-raised);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .executive-hero__background {
      opacity: 0;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .executive-hero__wash {
      background-color: var(--color-surface-default);
      background-image:
        radial-gradient(circle at 92% 44%, rgb(93 99 190 / 18%), transparent 42%),
        linear-gradient(180deg, rgb(255 255 255 / 3%), transparent 35%, rgb(0 0 0 / 10%));
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .statistics-hero,
    html:not([data-theme-preference]) .statistics-grid {
      background-color: var(--color-surface-subtle);
      background-image: none;
      color: var(--color-text-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase {
      background-color: var(--color-surface-subtle);
      background-image: linear-gradient(
        to bottom,
        var(--color-surface-subtle) 0 56%,
        var(--color-surface-default) 56% 100%
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase--theme-dark-lead {
      background-color: var(--color-surface-editorial-dark);
      background-image: linear-gradient(
        to bottom,
        var(--color-surface-editorial-dark) 0 56%,
        var(--color-surface-default) 56% 100%
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase__panel,
    html:not([data-theme-preference]) .gallery-card__panel,
    html:not([data-theme-preference]) .story-card__panel,
    html:not([data-theme-preference]) .solution-card__panel,
    html:not([data-theme-preference]) .power-stories-feature__panel,
    html:not([data-theme-preference]) .investors-hero-feature__panel {
      border-color: var(--color-border-overlay);
      background-color: var(--color-surface-glass);
      background-image: none;
      box-shadow: none;
      color: var(--color-text-default);
    }
  }

  @media (prefers-color-scheme: dark) and (prefers-reduced-transparency: reduce) {
    html:not([data-theme-preference]) .collage-card__caption {
      border-color: var(--color-border-overlay);
      background-color: var(--color-surface-raised);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase__media {
      background-color: var(--color-surface-media);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase__placeholder {
      background-color: var(--color-surface-media);
      background-image:
        radial-gradient(circle at 72% 35%, rgb(114 220 225 / 14%), transparent 24%),
        linear-gradient(135deg, var(--color-surface-elevated), #213744);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase__panel::before,
    html:not([data-theme-preference]) .action-showcase__panel::after {
      display: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase--layout-contained {
      background-image: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase--layout-contained .action-showcase__media {
      border-color: var(--color-border-default);
      background-color: var(--color-surface-raised);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .action-showcase--layout-contained .action-showcase__panel {
      border-color: transparent;
      background-color: var(--color-surface-raised);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .payment-guide__featured,
    html:not([data-theme-preference]) .payment-guide__checklist,
    html:not([data-theme-preference]) .payment-guide__real-time,
    html:not([data-theme-preference]) .payment-channel,
    html:not([data-theme-preference]) .for-you-energy__insight,
    html:not([data-theme-preference]) .appliance-calculator-panel,
    html:not([data-theme-preference]) .appliance-calculator__tile--bill,
    html:not([data-theme-preference]) .business-journey-page__note {
      border-color: var(--color-border-default);
      background: var(--color-surface-raised);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .appliance-calculator-result {
      border-color: var(--color-border-default);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .contact-form__form-shell {
      border: 1px solid var(--color-border-default);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .for-you-dashboard {
      --for-you-panel-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .for-you-overview__canvas {
      border-color: var(--color-border-default);
      background: var(--color-surface-raised);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .for-you-overview__bill {
      border-color: var(--color-border-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .for-you-overview__label,
    html:not([data-theme-preference]) .for-you-overview__payment,
    html:not([data-theme-preference]) .for-you-overview__change {
      color: var(--color-text-muted);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .for-you-overview__sparkline-guide {
      stroke: var(--color-border-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .payment-guide__featured,
    html:not([data-theme-preference]) .payment-guide__checklist,
    html:not([data-theme-preference]) .payment-guide__real-time,
    html:not([data-theme-preference]) .for-you-energy__insight {
      border: 1px solid var(--color-border-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .revenue-information {
      --revenue-information-chart-combo-label: var(--color-brand-accent-lighter);
      --revenue-information-chart-hatch: var(--color-text-on-light);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .search-results__form,
    html:not([data-theme-preference]) .revenue-information-chart,
    html:not([data-theme-preference]) .revenue-information-table {
      border-color: var(--color-border-default);
      background-color: var(--color-surface-raised);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .about-hero {
      --about-hero-overlay-top: 0.78;
      --about-hero-overlay-middle: 0.38;
      --about-hero-overlay-bottom: 0.76;
      --about-hero-overlay-side: 0.52;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .careers-function,
    html:not([data-theme-preference]) .career-job__function {
      --careers-department-strong: color-mix(in srgb, var(--careers-department-accent) 42%, white);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .careers-function.is-active {
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .gradient-hero {
      background-color: var(--color-surface-default);
      background-image: linear-gradient(
        var(--gradient-hero-angle),
        var(--color-surface-default),
        color-mix(in srgb, var(--color-surface-elevated) 82%, var(--color-brand-secondary))
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .gradient-hero__media {
      background-color: var(--color-surface-media);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .gradient-hero__scrim {
      background-image: linear-gradient(180deg, rgb(5 12 23 / 32%), rgb(5 12 23 / 78%));
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .gradient-hero__scrim::before {
      background-image: linear-gradient(
        var(--gradient-hero-angle),
        rgb(11 15 24 / 84%) 0%,
        rgb(13 40 50 / 68%) 54%,
        rgb(8 58 63 / 62%) 100%
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .gradient-hero.is-missing-image .gradient-hero__scrim {
      background-image: radial-gradient(
        circle at 18% 8%,
        rgb(114 220 225 / 12%),
        transparent 30%
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .gradient-hero__cta {
      --button-shadow-color: transparent;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .power-stories-feature__media,
    html:not([data-theme-preference]) .power-story-card__media,
    html:not([data-theme-preference]) .highlight-card__media,
    html:not([data-theme-preference]) .services-card__article,
    html:not([data-theme-preference]) .service-showcase__media,
    html:not([data-theme-preference]) .service-showcase__gallery-item,
    html:not([data-theme-preference]) .solutions-hero__media {
      background-color: var(--color-surface-media);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .power-stories-feature__placeholder,
    html:not([data-theme-preference]) .power-story-card__placeholder,
    html:not([data-theme-preference]) .article-related__placeholder,
    html:not([data-theme-preference]) .highlight-card__placeholder,
    html:not([data-theme-preference]) .services-card__placeholder,
    html:not([data-theme-preference]) .solutions-hero__placeholder {
      background-image: linear-gradient(
        145deg,
        var(--color-surface-elevated),
        color-mix(in srgb, var(--color-surface-elevated) 82%, var(--color-brand-secondary))
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .services-card__article {
      border-color: var(--color-border-overlay);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .services-card__panel {
      border-color: var(--color-border-overlay);
      background-color: var(--color-surface-glass);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .solutions-hero__inner,
    html:not([data-theme-preference]) .solutions-hero__cta {
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .solutions-hero__summary,
    html:not([data-theme-preference]) .solutions-hero__process-title,
    html:not([data-theme-preference]) .solutions-hero__steps,
    html:not([data-theme-preference]) .solutions-hero__step,
    html:not([data-theme-preference]) .solutions-hero__cta-column {
      border-color: var(--color-border-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .power-stories-feature__cta {
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .power-stories__item {
      border-color: var(--color-border-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .investor-cards {
      --investor-card-shadow: none;
      --investor-chart-grid: var(--color-border-default);
      --investor-chart-muted: var(--color-text-muted);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .investor-card {
      border-color: var(--color-border-default);
      background-color: var(--color-surface-raised);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .investor-card__data-toggle {
      --button-background-color: var(--color-surface-elevated);
      --button-shadow-color: transparent;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .investor-card__data-toggle:hover,
    html:not([data-theme-preference]) .investor-card__data-toggle[aria-expanded="true"] {
      border-color: var(--color-border-interactive);
      background-color: var(--color-surface-interactive-hover);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .investor-card__table-wrap thead th {
      background-color: var(--color-surface-elevated);
    }
  }

  @media (min-width: 900px) and (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .solutions-hero__media::after {
      background-image: linear-gradient(
        to right,
        transparent 35%,
        rgb(11 15 24 / 84%) 56%,
        rgb(11 15 24 / 96%) 100%
      );
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .longform-hero__readability-scrim {
      background:
        linear-gradient(180deg, rgb(3 7 35 / 18%) 0%, rgb(3 7 35 / 24%) 42%, rgb(3 7 35 / 58%) 70%, rgb(3 7 38 / 88%) 100%),
        linear-gradient(90deg, rgb(4 8 40 / 42%) 0%, rgb(4 8 40 / 18%) 58%, transparent 84%);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .longform-content:not(.longform-content--theme-dark) .longform-rich-text__prose th,
    html:not([data-theme-preference]) .longform-content:not(.longform-content--theme-dark) .longform-rich-text__prose td {
      border-color: var(--color-border-default);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .video-hero__layout {
      background-image: linear-gradient(145deg, rgb(255 255 255 / 5%), transparent);
      box-shadow: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .service-hero__partner {
      background-color: var(--color-surface-fixed-light);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .service-hero__partner-logo {
      background-color: var(--color-surface-fixed-light);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .service-showcase__partner {
      background-color: var(--color-surface-fixed-light);
    }
  }

  @media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) .service-showcase-landscape__partner {
      background-color: var(--color-surface-fixed-light);
    }
  }
}

/* FORCED COLORS */
@media (forced-colors: active) {
  .service-hero__partner,
  .service-hero__partner-logo,
  .service-showcase__partner,
  .service-showcase-landscape__partner,
  .article-byline__logo,
  .longform-hero-meta__logo {
    border: 1px solid #000000;
    background-color: #ffffff;
    forced-color-adjust: none;
  }
}