/**
 * OneStack v343 – Homepage news tabs: white hover / keyboard focus.
 * Scope deliberately limited to the news filter tabs on the homepage.
 * Selected tab remains gold, so active state remains distinguishable.
 */
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active),
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):hover,
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):focus,
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):focus-visible,
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):active {
  background: #ffffff !important;
  background-image: none !important;
  color: #000730 !important;
  border-color: #dce4ee !important;
}

/* On hover, use only a subtle brand-gold edge and a gentle lifted shadow. */
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):hover,
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):focus-visible {
  background: #ffffff !important;
  background-image: none !important;
  color: #000730 !important;
  border-color: #d18b00 !important;
  box-shadow: 0 8px 20px rgba(17, 24, 39, .12) !important;
}

/* Keep selected tab gold when pointer/focus lands on it. */
.os-home-v9 .os-v9-news .os-v9-tabs button.is-active,
.os-home-v9 .os-v9-news .os-v9-tabs button.is-active:hover,
.os-home-v9 .os-v9-news .os-v9-tabs button.is-active:focus-visible {
  background: linear-gradient(110deg, #ffd255, #f5c31b) !important;
  color: #000730 !important;
  border-color: #d18b00 !important;
}

/* Keyboard users still get an unambiguous visible focus ring. */
.os-home-v9 .os-v9-news .os-v9-tabs button:focus-visible {
  outline: 2px solid #d18b00 !important;
  outline-offset: 3px !important;
}