/**
 * v1.0.11.48 — News card interaction parity
 * Scope: News archive cards only.
 * - Gives every News card the same whole-card pointer/keyboard interaction
 *   language used by the other content cards.
 * - Keeps the approved v47 focal-safe image crop and 60/40 layout unchanged.
 * - Replaces every visible News action accent with the shared bone-white text
 *   colour; no burgundy remains in News card actions.
 * Header, menu, footer, typography, dimensions and other archives are outside
 * this stylesheet.
 */

body.is-modern-ui-test.ismui-news-page {
  --isclean-footer-navy: #5B6C84;
  --isclean-bone-white: #F6F1ED;
}

/* Whole-card interaction without changing the existing News HTML structure. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link {
  cursor: pointer !important;
  outline: none !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:hover,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:focus-visible,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-keyboard-focus {
  transform: translateY(-6px) !important;
  border-color: rgba(246, 241, 237, .24) !important;
  box-shadow: 0 28px 54px rgba(12, 16, 22, .34) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:focus-visible {
  box-shadow:
    0 0 0 3px rgba(246, 241, 237, .72),
    0 28px 54px rgba(12, 16, 22, .34) !important;
}

/* Use one Explore label on the card itself, matching the unified card motion.
   Suppress older pseudo-labels so no duplicate or legacy colour can leak in. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a::after {
  content: none !important;
  display: none !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link::after {
  content: "Explore  →" !important;
  position: absolute !important;
  right: 21px !important;
  bottom: 20px !important;
  z-index: 8 !important;
  display: block !important;
  color: var(--isclean-bone-white) !important;
  -webkit-text-fill-color: var(--isclean-bone-white) !important;
  font-family: "Neuton-Light", Georgia, serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: .88 !important;
  pointer-events: none !important;
  transform: translateX(0) !important;
  transition: transform 220ms ease, opacity 220ms ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:hover::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:focus-visible::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-keyboard-focus::after {
  color: var(--isclean-bone-white) !important;
  -webkit-text-fill-color: var(--isclean-bone-white) !important;
  opacity: 1 !important;
  transform: translateX(5px) !important;
}

/* Defensive action-colour cleanup for legacy News markup. These elements are
   normally hidden by the archive design, but must never reappear burgundy. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info button,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info button a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info .publication-links,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info .publication-links a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info a[rel="bookmark"] {
  color: var(--isclean-bone-white) !important;
  -webkit-text-fill-color: var(--isclean-bone-white) !important;
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(246, 241, 237, .28) !important;
}

@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link::after {
    right: 22px !important;
    bottom: 19px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link::after {
    transition: none !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:hover,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-link:focus-visible,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-news-card-keyboard-focus {
    transform: none !important;
  }
}