/* Shared XSI newsroom article treatment. Loaded after legacy page styles. */
body.newsroom-article {
  --serif: 'IBM Plex Serif', Georgia, serif;
  --sans: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'DM Mono', 'Courier New', monospace;
  font-family: var(--sans);
  font-size: clamp(15px, .95vw, 17px);
  line-height: 1.65;
  color: var(--carbon);
}
.newsroom-article .blog-headline {font-family:var(--serif);font-weight:400;line-height:1.18}
.newsroom-article :is(.article-body,.blog-deck,.author-mini,.article-sidebar,.blog-category,.editorial-subject,.site-breadcrumb) {font-family:var(--sans)}
.newsroom-article .article-body :is(h2,h3,h4,.stat-number,.compare-table th,.metric-value,.flow-step-num,.flow-step-title) {font-family:var(--sans)}
.newsroom-article .article-body {min-width:0;max-width:680px}
.newsroom-article .article-body p {margin-top:0;margin-bottom:1.25rem;font-weight:300;line-height:1.65;color:var(--carbon-soft)}
.newsroom-article .article-body > section {width:100%;max-width:none;padding-inline:0;padding-bottom:0}
.newsroom-article .article-body > section:not(.qa-section):not(.faq-section):not(.author-bio-section) {margin:0;padding-top:0}
.newsroom-article .article-body > section:not(.qa-section):not(.faq-section):not(.author-bio-section) + section {margin-top:2.5rem}
.newsroom-article .article-body > section > h2:first-child {margin-top:0}
.newsroom-article .article-body > section > :last-child {margin-bottom:0}
.newsroom-article .article-body :is(.qa-section,.faq-section,.author-bio-section) {margin-top:2.5rem;padding-top:2.5rem}
.newsroom-article :is(.blog-header,.article-layout,.site-breadcrumb,.article-cta-banner,.xsiftr) {position:relative;z-index:2}
.newsroom-article .article-sidebar a.btn {color:var(--crimson);text-decoration:none}
.newsroom-article .article-sidebar a.btn:hover {color:var(--crimson-hi)}
.newsroom-article .article-body :is(img,video) {max-width:100%;height:auto}
.newsroom-article .article-body .arch-diagram {overflow:auto}
.newsroom-article .article-body pre {max-width:100%;overflow:auto}


.newsroom-article .newsroom-table-scroll {max-width:100%;overflow-x:auto;margin:2rem 0}
.newsroom-article .newsroom-table-scroll table {margin-block:0}
.newsroom-article .newsroom-table-scroll:focus-visible {outline:2px solid var(--crimson);outline-offset:4px}
.newsroom-article :is(button,input,textarea,select) {font-family:var(--sans)}