/*
 * V297: final colour ownership for the light official-note article cards.
 *
 * V246 deliberately gives every heading/strong/b element a light ink with a
 * high-specificity selector. These cards are light surfaces, so the complete
 * page + component chain below must own both the surface and every text level.
 */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
  #main-content .official-note-articles
  .official-note-article-grid > .official-note-article-link {
  border: 2px solid #69b6e7 !important;
  background: linear-gradient(145deg, #f8fbff 0%, #eaf3ff 100%) !important;
  background-color: #f8fbff !important;
  color: #0b2b50 !important;
  -webkit-text-fill-color: #0b2b50 !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
  #main-content .official-note-articles
  .official-note-article-grid > .official-note-article-link
  > .official-note-article-number {
  background: #0b2b50 !important;
  background-color: #0b2b50 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
  #main-content .official-note-articles
  .official-note-article-grid > .official-note-article-link > strong {
  display: block !important;
  color: #0b2b50 !important;
  -webkit-text-fill-color: #0b2b50 !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
  #main-content .official-note-articles
  .official-note-article-grid > .official-note-article-link
  > span:not(.official-note-article-number) {
  color: #294c6d !important;
  -webkit-text-fill-color: #294c6d !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
  #main-content .official-note-articles
  .official-note-article-grid > .official-note-article-link > b {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: fit-content !important;
  padding: 10px 14px !important;
  border: 2px solid #0b2b50 !important;
  border-radius: 999px !important;
  background: #0b2b50 !important;
  background-color: #0b2b50 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
  #main-content .official-note-articles
  .official-note-article-grid > .official-note-article-link > b svg {
  color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

@media (forced-colors: active) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
    #main-content .official-note-articles
    .official-note-article-grid > .official-note-article-link,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-official-note
    #main-content .official-note-articles
    .official-note-article-grid > .official-note-article-link > :is(strong, span, b) {
    border-color: CanvasText !important;
    background: Canvas !important;
    color: LinkText !important;
    -webkit-text-fill-color: LinkText !important;
    forced-color-adjust: auto !important;
  }
}