.journal-owner-callout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 34px;
  align-items: center;
  margin: 34px 0 58px;
  padding: clamp(24px, 4vw, 38px);
  overflow: hidden;
  color: #f8f8f2;
  background: linear-gradient(135deg, #111711, #080b09);
  border: 1px solid rgba(183, 255, 24, .45);
  border-left: 5px solid #b7ff18;
}

.journal-owner-callout > div { min-width: 0; }

.journal-owner-callout .journal-category {
  margin: 0 0 10px;
  color: #b7ff18;
}

.journal-owner-callout h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.05;
}

.journal-owner-callout p:last-child {
  margin: 0;
  color: rgba(248, 248, 242, .76);
}

.journal-owner-callout > a {
  display: inline-flex;
  min-height: 52px;
  max-width: 300px;
  padding: 12px 20px;
  align-items: center;
  justify-content: center;
  color: #071006;
  background: #b7ff18;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
  overflow-wrap: anywhere;
}

/* The main-site shell uses a near-black page surface. The journal stylesheet
   contains several dark text declarations intended for its former light
   article surface, so the support cluster must explicitly restore accessible
   foreground colours for those inherited modules. */
.support-cluster-article { overflow-x: hidden; }
.support-cluster-article img,
.support-cluster-article svg,
.support-cluster-article video { max-width: 100%; }

.support-cluster-article .journal-article-byline strong,
.support-cluster-article .journal-article-byline time,
.support-cluster-article .journal-article-intro,
.support-cluster-article .journal-article-body > section > h2,
.support-cluster-article .journal-answer-panel > strong,
.support-cluster-article .journal-callout > strong,
.support-cluster-article .journal-article-note > strong,
.support-cluster-article .journal-faq summary,
.support-cluster-article .journal-author-band h2 {
  color: #f6f8f2;
}

.support-cluster-article .journal-callout > p {
  color: #cbd1cc;
}

.support-cluster-article .journal-article-toc > p {
  color: #baff16;
}

.journal-article-subsection {
  margin: 34px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(20, 31, 24, .14);
}

.journal-article-body .journal-article-subsection h3 {
  margin: 0 0 14px;
  color: #f4f3ec;
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  line-height: 1.18;
}

.journal-article-subsection .journal-answer-panel { margin-top: 22px; }

@media (max-width: 680px) {
  .journal-owner-callout {
    grid-template-columns: minmax(0, 1fr);
    margin: 28px 0 44px;
    padding: 24px 20px;
  }

  .journal-owner-callout > a {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 390px) {
  .journal-owner-callout,
  .journal-article-subsection,
  .journal-owner-callout * {
    min-width: 0;
    max-width: 100%;
  }
}