.article-header.concept-hero h1 { max-width: 19ch; }
.article-header.concept-hero .hero-copy > .article-subtitle {
  color: #faf8ef; max-width: 39rem; font: 22px/1.5 var(--serif); margin: 24px 0 0;
}
.article-header.concept-hero .hero-copy > .article-byline {
  max-width: none; font-size: 14px; line-height: 1.65; margin-top: 24px;
}
.article-body p { color: #46534b; }
.article-body .article-pull-quote {
  margin: 2.5rem 0; padding: 1.6rem 1.8rem; background: #e8ece3;
  border-left: 3px solid #6a826d;
}
.article-body .article-pull-quote p {
  color: #17362d; font: 25px/1.5 var(--serif); margin: 0;
}
@media(max-width:700px) {
  .article-header.concept-hero .hero-copy > .article-subtitle { font-size: 21px; }
  .article-header.concept-hero .hero-copy > .article-byline { font-size: 13px; }
  .article-byline .article-author { display: block; margin-bottom: 4px; }
  .article-byline .byline-divider { display: none; }
  .article-body .article-pull-quote { padding: 1.3rem; margin: 2rem 0; }
  .article-body .article-pull-quote p { font-size: 23px; }
}
@media print {
  .header nav, .menu-button, .skip, .closing, footer, .article-return,
  .article-header .text-link { display: none !important; }
  .header { min-height: 0; padding: 0 0 16px; }
  .article-header.concept-hero { padding: 24px 0; margin-bottom: 20px; }
  .article-header.concept-hero h1 { font-size: 36px; }
  .journal-article.with-hero .article-body { width: 100%; font-size: 11pt; line-height: 1.6; }
  .article-body h2 { font-size: 21pt; break-after: avoid; }
  .article-body p { orphans: 3; widows: 3; }
  .article-pull-quote { break-inside: avoid; }
  @page { size: A4; margin: 18mm; }
}