.news-article .brand-article-heading { padding-inline: 0; }
.news-article .brand-article-heading h1 { margin: 20px 0 18px; font-size: clamp(28px,2.4vw,44px); line-height: 1.25; font-weight: 700; }
.news-subtitle { margin: 0; font-size: clamp(18px,1.3vw,23px); line-height: 1.5; font-weight: 700; color: #555; }
.news-back { color: #666; font-size: 15px; }
.news-content { width: min(1170px,60.9375vw,calc(100% - 80px)); margin: 42px auto 0; font-size: 18px; line-height: 1.75; color: #3e3a39; overflow-wrap: anywhere; }
.news-content p { margin: 0 0 26px; }
.news-content figure { margin: 32px 0; }
.news-content img { display: block; max-width: 100%; width: auto; height: auto; max-height: 1100px; margin: auto; }
.news-article .brand-article-more a { min-height: 0; flex-direction: row; align-items: center; gap: 24px; padding: 28px 20px; }
.news-article .brand-article-more svg { flex-shrink: 0; }
@media(max-width:1000px){ .news-content { width:calc(100% - 48px); font-size:16px; } }
@media(max-width:700px){ .news-content { width:calc(100% - 40px); } .news-article .brand-article-more { grid-template-columns:1fr; } .news-article .brand-article-more a+a { border-left:0; border-top:1px solid #ddd; } }

/* Match the news listing container at every breakpoint. */
.news-article > .brand-article-heading,
.news-article > .news-content,
.news-article > .brand-article-more {
  box-sizing: border-box;
  width: min(1340px, 69.8vw, calc(100% - 80px));
  margin-inline: auto;
}
.news-article > .brand-article-heading { padding-inline: 0; }
.news-content img { width: 100%; height: auto; max-height: none; }
@media (max-width: 1000px) {
  .news-article > .brand-article-heading,
  .news-article > .news-content,
  .news-article > .brand-article-more { width: calc(100% - 48px); }
}
@media (max-width: 700px) {
  .news-article > .brand-article-heading,
  .news-article > .news-content,
  .news-article > .brand-article-more { width: calc(100% - 40px); }
}

/* Keep the text wide, but present article photos at a comfortable size. */
.news-article .news-content figure {
  width: fit-content;
  max-width: min(100%, 900px);
  margin: 32px auto;
}
.news-article .news-content figure > img,
.news-article .news-content figure.media-frame > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 720px;
  margin-inline: auto;
}
@media(max-width:700px) {
  .news-article .news-content figure { margin-block: 24px; }
  .news-article .news-content figure > img,
  .news-article .news-content figure.media-frame > img { max-height: 560px; }
}