/* Unselected choices remain visibly clickable, but quieter than the selection.
   Keep the allowlist explicit: navigation, on/off switches, answer choices and
   preview cards have their own semantics. No size, spacing or text changes.
   State guards preserve disabled controls and each component's keyboard focus.
   Important paint rules bridge legacy utilities and vendor keyboard styles. */
@media screen and (forced-colors: none) {
  /* The landing tour retains its light lavender surfaces in either theme. */
  .wm-landing :is(.wl-guide-mode-tabs, .wl-guide-nav) {
    --wm-choice-surface-rgb: 255, 255, 255;
    --wm-choice-violet-rgb: 109, 74, 255;
  }

  :root :is(
    .wm-landing .wl-guide-mode-tabs button[aria-selected="false"],
    .wm-landing .wl-guide-nav a:not([aria-current]),
    .wm-faq-category:not(.is-active):not([aria-current]),
    .wm-medal-filters button[aria-pressed="false"],
    .installment-select-option:not(.is-selected),
    .notification-channel:not(.is-disabled) .time-option:not(.is-selected),
    .answer-unit-picker__option[aria-selected="false"],
    .content-mode-toolbar .content-mode-menu-option[aria-pressed="false"]:not(.is-active),
    .content-glyph-connector-picker__preset[aria-pressed="false"],
    .content-glyph-connector-picker__arrow-direction[aria-pressed="false"],
    .MLK__toolbar > .left > div:not(.selected):not(.disabled),
    .screenmap-segmented button[aria-pressed="false"],
    .wm-landing [id="testimonial"] button[aria-pressed="false"]
  ):not(:disabled):not([aria-disabled="true"]):not(:focus-visible),
  :root .wm-pricing-period-options input:not(:checked):not(:disabled):not([aria-disabled="true"]):not(:focus-visible) + span,
  :root .notification-channel:not(.is-disabled) .day-chip input:not(:checked):not(:disabled):not([aria-disabled="true"]):not(:focus-visible) + span {
    background: linear-gradient(
      rgba(var(--wm-choice-violet-rgb, var(--wm-mode-violet-rgb, 109, 74, 255)), .025),
      rgba(var(--wm-choice-violet-rgb, var(--wm-mode-violet-rgb, 109, 74, 255)), .025)
    ), rgba(var(--wm-choice-surface-rgb, var(--wm-mode-surface-rgb, 255, 255, 255)), .38) !important;
    border-color: transparent !important;
    box-shadow: inset 0 0 0 1px rgba(var(--wm-choice-violet-rgb, var(--wm-mode-violet-rgb, 109, 74, 255)), .10) !important;
  }

  @media (hover: hover) and (pointer: fine) {
    :root :is(
      .wm-landing .wl-guide-mode-tabs button[aria-selected="false"],
      .wm-landing .wl-guide-nav a:not([aria-current]),
      .wm-faq-category:not(.is-active):not([aria-current]),
      .wm-medal-filters button[aria-pressed="false"],
      .installment-select-option:not(.is-selected),
      .notification-channel:not(.is-disabled) .time-option:not(.is-selected),
      .answer-unit-picker__option[aria-selected="false"],
      .content-mode-toolbar .content-mode-menu-option[aria-pressed="false"]:not(.is-active),
      .content-glyph-connector-picker__preset[aria-pressed="false"],
      .content-glyph-connector-picker__arrow-direction[aria-pressed="false"],
      .MLK__toolbar > .left > div:not(.selected):not(.disabled),
      .screenmap-segmented button[aria-pressed="false"],
      .wm-landing [id="testimonial"] button[aria-pressed="false"]
    ):not(:disabled):not([aria-disabled="true"]):not(:focus-visible):hover,
    :root .wm-pricing-period-options label:hover input:not(:checked):not(:disabled):not([aria-disabled="true"]):not(:focus-visible) + span,
    :root .notification-channel:not(.is-disabled) .day-chip:hover input:not(:checked):not(:disabled):not([aria-disabled="true"]):not(:focus-visible) + span {
      background: linear-gradient(
        rgba(var(--wm-choice-violet-rgb, var(--wm-mode-violet-rgb, 109, 74, 255)), .055),
        rgba(var(--wm-choice-violet-rgb, var(--wm-mode-violet-rgb, 109, 74, 255)), .055)
      ), rgba(var(--wm-choice-surface-rgb, var(--wm-mode-surface-rgb, 255, 255, 255)), .58) !important;
      box-shadow: inset 0 0 0 1px rgba(var(--wm-choice-violet-rgb, var(--wm-mode-violet-rgb, 109, 74, 255)), .18) !important;
    }
  }

  /* Legacy carousel opacity dimmed the label along with the button surface. */
  :root .wm-landing [id="testimonial"] button[aria-pressed="false"]:not(:disabled):not([aria-disabled="true"]) {
    opacity: .76;
  }
}