/* Scoped newsroom and article styles. Existing site navigation is unchanged. */
.journal-page .journal-hero__grid { min-height: 480px; }
.journal-page .journal-hero figure { min-height: 480px; }
.journal-page .journal-hero h1 { font-size: clamp(46px, 6vw, 80px); }
.journal-page .journal-feature figure { height: 420px; min-height: 0; background: var(--ivory, #f7f5ef); }
.journal-page .journal-feature figure img { width: 100%; height: 100%; object-fit: contain; filter: none; }
.journal-page .reading-hero { padding-top: 66px; padding-bottom: 66px; }
.journal-page .reading-hero h1 { font-size: clamp(36px, 4.6vw, 64px); line-height: 1.1; overflow-wrap: anywhere; }
.journal-page .reading-hero .breadcrumb { margin-bottom: 30px; }
.journal-page .single-journal-image { height: 380px; max-width: 1050px; margin-top: 42px; background: var(--ivory, #f7f5ef); }
.journal-page .single-journal-image img { object-fit: contain; filter: none; }
.journal-page .article-copy { min-width: 0; line-height: 1.8; }
.journal-page .article-copy > p { margin: 0 0 22px; color: #252a31; }
.journal-page .article-copy > h2 { margin: 44px 0 18px; font-size: clamp(29px, 3vw, 40px); line-height: 1.22; }
.journal-page .article-copy h3 { margin: 28px 0 12px; font-size: 21px; line-height: 1.4; }
.journal-page .article-copy a:not(.button) { color: var(--navy, #14263f); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.journal-page .article-copy ul, .journal-page .article-copy ol { padding-left: 24px; }
.journal-page .article-copy li { margin-bottom: 12px; }
.journal-page .article-copy > .cta { padding: 26px; margin: 34px 0; border: 0; border-left: 3px solid var(--navy, #14263f); background: var(--ivory, #f7f5ef); }
.journal-page .article-copy .cta h2 { margin: 0 0 12px; font-size: 28px; line-height: 1.25; }
.journal-page .article-copy .cta p { margin: 0 0 20px; font-size: 15px; color: #39434d; }
.journal-page .article-copy .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.journal-page .article-copy .cta-actions .button { padding: 12px 17px; min-height: 46px; color: #fff; background: var(--navy, #14263f); border: 1px solid var(--navy, #14263f); white-space: normal; text-align: center; text-decoration: none; font-size: 13px; line-height: 1.5; }
.journal-page .article-copy .cta-actions .button.secondary { background: transparent; color: var(--navy, #14263f); }
.journal-page .article-copy .cta-actions .button:hover { background: #213c5e; color: #fff; }
.journal-page .journal-filter { column-gap: 24px; row-gap: 8px; }
.journal-page .journal-filter a { min-height: 38px; max-width: 100%; }
.journal-page .pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 30px 0 0; }
.journal-page .pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 13px; border: 1px solid var(--navy-line, #cdd4dd); }
.journal-page .pagination .current { background: var(--navy, #14263f); color: #fff; }
@media (max-width: 700px) {
  .journal-page .reading-hero { padding: 48px 0; }
  .journal-page .journal-hero__grid { min-height: 0; }
  .journal-page .journal-hero__grid > div { padding: 54px 0; }
  .journal-page .journal-hero figure { min-height: 320px; max-height: 380px; }
  .journal-page .journal-feature figure { height: 320px; }
  .journal-page .single-journal-image { height: 310px; margin-top: 0; }
  .journal-page .article-copy > .cta { padding: 22px 19px; }
  .journal-page .article-copy .cta-actions { flex-direction: column; align-items: stretch; }
  .journal-page .article-copy .cta-actions .button { width: 100%; }
  .journal-page .journal-filter { flex-direction: column; align-items: flex-start; }
}
