/* Approved 2026-10 trademark. This stylesheet only changes brand surfaces. */
.sp-brand-logo {
  display: block;
  width: 120px;
  height: 51px;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
  background: transparent;
  filter: none;
  opacity: 1;
}
.nav .nav-brand,
body.home-template .nav .nav-brand {
  gap: 0;
  flex-shrink: 0;
}
.nav .nav-brand-logo,
body.home-template .nav .nav-brand-logo {
  width: 120px;
  height: 51px;
  max-width: none;
  filter: none;
  opacity: 1;
}
.footer-brand { display: inline-block; }
.footer-wrap .footer-brand-logo {
  width: 144px;
  height: 61.2px;
  margin-bottom: 12px;
}
.inst-subbar .inst-brand { gap: 12px; }
.inst-subbar .inst-brand-logo {
  display: block;
  width: 106px;
  height: 45.05px;
  filter: none;
  opacity: 1;
}
/* Legacy article cards own their mastheads; keep their section and byline. */
.post-content [data-sp-brand-replaced] {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0;
  max-width: 100%;
}
.post-content [data-sp-brand-replaced] .article-brand-logo {
  display: block;
  width: 140px;
  height: 59.5px;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  filter: none;
  box-shadow: none;
  object-fit: contain;
}
/* White ink is the same artwork, not a white backing plate. */
html[data-theme="dark"] .sp-brand-logo,
html[data-theme="dark"] .nav .nav-brand-logo,
html[data-theme="dark"] body.home-template .nav .nav-brand-logo,
html[data-theme="dark"] .footer-wrap .footer-brand-logo,
html[data-theme="dark"] .inst-subbar .inst-brand-logo,
html[data-theme="dark"] .post-content [data-sp-brand-replaced] .article-brand-logo {
  background: transparent;
  filter: brightness(0) invert(1);
}
.post-content [data-sp-brand-replaced].sp-article-brand-inline {
  display: inline-flex;
  gap: 10px;
  vertical-align: middle;
}
.post-content .sp-article-brand-inline .article-brand-logo {
  width: 100px;
  height: 42.5px;
}
.post-content [data-sp-brand-replaced] .article-brand-logo[data-sp-brand-ink="dark"] {
  filter: none !important;
}
.post-content [data-sp-brand-replaced] .article-brand-logo[data-sp-brand-ink="light"] {
  filter: brightness(0) invert(1) !important;
}
.tp-hero::after,
.series-hero::after,
.tag-header-section::after,
.mp-hero::after,
.signal-masthead::after,
.signal-brief::after {
  background-image: url('../images/ruibao-trademark-ink-v1.png');
  filter: brightness(0) invert(1);
}
.inst-hero::after,
.report-hero::after,
.dataset-page-hero::after,
.dataset-detail-hero::after {
  background-image: url('../images/ruibao-trademark-ink-v1.png');
}
@media (max-width: 640px) {
  .nav .nav-brand-logo,
  body.home-template .nav .nav-brand-logo {
    width: 104px;
    height: 44.2px;
  }
  .inst-subbar .inst-brand-logo { width: 100px; height: 42.5px; }
  .post-content [data-sp-brand-replaced] .article-brand-logo {
    width: 120px;
    height: 51px;
  }
  .post-content .sp-article-brand-inline .article-brand-logo {
    width: 90px;
    height: 38.25px;
  }
}
