/**
 * Patch 047 — Cluster orientation note contrast.
 *
 * The shared .article-cluster-note is injected into several dark hero/header
 * surfaces. Only one older page family had local styling, leaving other
 * instances to inherit the global navy body colour on navy backgrounds.
 * This systemic rule covers every current occurrence without page-specific
 * selectors.
 */
.hero .article-cluster-note,
.article-header .article-cluster-note {
  color: rgba(232,238,245,.90) !important;
  -webkit-text-fill-color: rgba(232,238,245,.90) !important;
  font-size: 14.5px;
  line-height: 1.65;
  margin: 0 0 18px;
  text-align: left;
}

.hero .article-cluster-note a,
.hero .article-cluster-note a:link,
.hero .article-cluster-note a:visited,
.article-header .article-cluster-note a,
.article-header .article-cluster-note a:link,
.article-header .article-cluster-note a:visited {
  color: #C9A84C !important;
  -webkit-text-fill-color: #C9A84C !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(201,168,76,.48);
  text-underline-offset: 2px;
}

.hero .article-cluster-note a:hover,
.hero .article-cluster-note a:focus,
.article-header .article-cluster-note a:hover,
.article-header .article-cluster-note a:focus {
  color: #E2C97A !important;
  -webkit-text-fill-color: #E2C97A !important;
  text-decoration-color: #E2C97A;
}