/* Published news uses the site's existing typography roles and local source photographs. */
body.news-article-page .news-article { max-width:860px; padding-block:var(--hero-space-start) var(--section-space); }
body.news-article-page .news-article-header { padding-bottom:var(--layout-gap); border-bottom:1px solid var(--line); }
body.news-article-page .news-article-header .detail-breadcrumb { margin-bottom:var(--flow-medium,20px); }
body.news-article-page .news-article-byline { display:flex; flex-wrap:wrap; gap:8px 12px; margin:0 0 20px; }
body.news-article-page .news-article-header h1 { margin:0; text-wrap:pretty; }
body.news-article-page .news-article-body { padding-top:var(--layout-gap); }
body.news-article-page .news-article-body > * { margin:0; }
body.news-article-page .news-article-body > * + * { margin-top:var(--flow-medium,20px); }
body.news-article-page .news-article-body > .type-body { max-width:none; line-height:var(--leading-body,1.65); }
body.news-article-page .news-article-body > h2.type-subheading { margin-top:var(--layout-gap); }
body.news-article-page .news-article-body strong { font-weight:600; }
body.news-article-page .news-article-body blockquote { padding:4px 0 4px 24px; border-left:2px solid var(--lavender); }
body.news-article-page .news-article-body blockquote p { max-width:none; margin:0; }
body.news-article-page .news-article-body blockquote p + p { margin-top:12px; }
body.news-article-page .news-article-body ul { margin-left:24px; padding:0; color:var(--muted); font-size:var(--type-body); line-height:var(--leading-body,1.65); }
body.news-article-page .news-article-body li + li { margin-top:var(--flow-small,12px); }
body.news-article-page .news-article-figure { padding-block:8px; }
body.news-article-page .news-article-figure img { display:block; width:100%; height:auto; object-fit:contain; background:#e8ebe3; }
body.news-article-page .news-article-figure figcaption { display:block; margin-top:12px; max-width:none; }
body.news-article-page .news-caption-text { color:inherit; }
body.news-article-page .news-article-source { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 32px; margin-top:var(--layout-gap); padding-top:24px; border-top:1px solid var(--line); }
body.news-article-page .news-article-source .text-link { display:inline-flex; gap:16px; align-items:center; text-decoration:none; }
body.news-article-page .news-article-source .text-link:hover { text-decoration:underline; text-underline-offset:5px; }
body.news-article-page .news-article-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); margin-top:var(--layout-gap); padding-top:var(--flow-medium,20px); border-top:1px solid var(--line); }
body.news-article-page .news-article-pagination > a { display:grid; grid-template-columns:minmax(0,1fr) 24px; gap:12px 20px; align-content:start; color:var(--ink); text-decoration:none; min-width:0; font:400 var(--type-body)/1.5 var(--font-sans); }
body.news-article-page .news-article-pagination > a > :first-child { grid-column:1/-1; }
body.news-article-page .news-article-pagination > a:hover { color:var(--lavender-ink); }
body.news-article-page .news-article :is(a,button):focus-visible { outline:2px solid var(--lavender-ink); outline-offset:5px; }
@media(max-width:760px) {
  body.news-article-page .news-article-header { padding-bottom:var(--flow-medium,20px); }
  body.news-article-page .news-article-header .detail-breadcrumb { margin-bottom:var(--flow-medium,20px); }
  body.news-article-page .news-article-body { padding-top:var(--flow-medium,20px); }
  body.news-article-page .news-article-body > * + * { margin-top:20px; }
  body.news-article-page .news-article-body > h2.type-subheading { margin-top:var(--layout-gap); }
  body.news-article-page .news-article-body blockquote { padding-left:18px; }
  body.news-article-page .news-article-source { margin-top:var(--layout-gap); }
  body.news-article-page .news-article-pagination { grid-template-columns:minmax(0,1fr); gap:var(--layout-gap); margin-top:var(--layout-gap); padding-top:var(--flow-medium,20px); }
}