/* Shared reading-page alignment and contrast; preserve the chapter palette. */
.interactive-chart .chart-row{padding-inline:0;border-inline:0;text-align:left}
.interactive-chart .chart-row-label{justify-content:flex-start;align-items:baseline;gap:12px;text-align:left}
.interactive-chart .chart-row-label strong{color:#283d43;font-variant-numeric:tabular-nums}
.interactive-chart .chart-row svg{overflow:visible}
.interactive-chart .chart-top{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.interactive-chart .chart-top .eyebrow{margin:0}
.interactive-chart .chart-description,.interactive-chart .chart-caption{text-align:left}
.interactive-chart .chart-row:focus-visible{outline:2px solid #315c8b;outline-offset:4px}

/* Insights read in one direction, including third and subsequent paragraphs. */
.editorial-reader .generic-article .insight-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:0;background:transparent}
.editorial-reader .generic-article .insight-grid>section{display:block;padding:24px;border-bottom:1px solid #d7dfec;text-align:left}
.editorial-reader .generic-article .insight-grid>section h3{margin:0 0 12px}
.editorial-reader .generic-article .insight-grid>section p{margin:0 0 14px}
.editorial-reader .generic-article .insight-grid>section>:last-child{margin-bottom:0}
.editorial-reader :is(.generic-article,.section-body)>:is(h2,h3,h4,p,ul,ol),
.editorial-reader .generic-article .article-figure figcaption{text-align:left}
.editorial-reader .generic-article :is(.content-source,.article-source,.source-line){
  display:block;grid-column:1/-1;justify-self:stretch;width:auto;max-width:none;
  margin:22px 0 0!important;padding:12px 0 0;border:0;border-top:1px solid #bdc6d1;
  text-align:left;color:#465467;font-style:normal;font-size:.8rem!important;line-height:1.75!important;
}
.editorial-reader .generic-article .source-aside{justify-content:flex-start;align-items:flex-start;text-align:left}
.editorial-reader .generic-article .source-aside p{max-width:70ch}
.editorial-reader :is(.generic-article,.section-body)>:is(p,ul,ol) a,
.editorial-reader .generic-article :is(.content-source,.article-source,.source-aside,.insight-grid,figcaption) a{color:#27557c;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.editorial-reader :is(.generic-article,.section-body)>:is(p,ul,ol) a:hover,
.editorial-reader .generic-article :is(.content-source,.article-source,.source-aside,.insight-grid,figcaption) a:hover{color:#74365c;text-decoration-thickness:2px}
.editorial-reader .generic-article .native-table :is(th,td,caption){text-align:left}
.editorial-reader .section-pagination a:last-child{text-align:left}

/* The editorial footer uses a light surface and needs its own dark type. */
.editorial-reading .footer{color:#283d43}
.editorial-reading .footer :is(h2,p,.eyebrow,.footer-bottom){color:#283d43;text-align:left}
.editorial-reading .footer a{color:#27557c;text-decoration:underline;text-underline-offset:4px}
.editorial-reading .footer a:hover{color:#74365c}
.editorial-reading .footer .footer-bottom{border-top-color:#bdc6c3}
@media(max-width:560px){
  .editorial-reader .article-body .interactive-chart{padding:20px 16px}
  .interactive-chart .chart-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .interactive-chart .chart-controls>label:first-child{grid-column:1/-1}
  .editorial-reader .generic-article .insight-grid>section{padding:20px}
}
