/* Data-driven article blocks reuse the approved compact reading system. */
#ma-atlas .ma-material-page .ma-article-text-hero{grid-template-columns:minmax(0,1fr)}
#ma-atlas .ma-material-page .ma-article-text-hero .ma-material-cover>p{max-width:720px}
#ma-atlas .ma-material-page .ma-article-without-contents{grid-template-columns:minmax(0,720px);justify-content:center}
#ma-atlas .ma-material-page .ma-chapter-prose>h3{margin-top:32px}
#ma-atlas .ma-material-page .ma-article-flow-edges{display:flex;gap:12px 24px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 12px;font:14px/1.5 var(--ma-sans)}
#ma-atlas .ma-material-page .ma-article-flow-edges li{display:flex;gap:8px;align-items:center}
#ma-atlas .ma-material-page .ma-article-flow-edges svg{width:18px;height:18px;flex:none}
#ma-atlas .ma-material-page .ma-article-image{margin:30px 0}
#ma-atlas .ma-material-page .ma-article-image img{display:block;max-width:100%;height:auto;margin:auto}
#ma-atlas .ma-material-page .ma-article-image figcaption{font:14px/1.6 var(--ma-sans);color:#675f55;margin-top:12px}
#ma-atlas .ma-material-page .ma-article-image figcaption small{display:block}
#ma-atlas .ma-material-page .ma-article-experiment{margin:30px 0;padding:20px 0;border-top:1px solid #ddd4c7;border-bottom:1px solid #ddd4c7}
#ma-atlas .ma-material-page .ma-article-experiment figcaption{font-weight:600;margin-bottom:14px}
#ma-atlas .ma-material-page .ma-article-experiment dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}
#ma-atlas .ma-material-page .ma-article-experiment dt{font-weight:600}
#ma-atlas .ma-material-page .ma-article-experiment dd{margin:0}
#ma-atlas .ma-material-page .ma-reward-sequence li{min-width:0}
#ma-atlas .ma-material-page .ma-reward-sequence li>span:not(.ma-reward-dot){overflow-wrap:anywhere}
#ma-atlas .ma-material-page .ma-prediction-error dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
#ma-atlas .ma-material-page .ma-material-status{margin:16px auto;max-width:720px;padding:0 20px}
@media(max-width:879px){#ma-atlas .ma-material-page .ma-article-without-contents{display:block}}

/* The same optional media slot serves every article, in either language. */
#ma-atlas .ma-material-page .ma-article-hero-illustration{grid-column:2;grid-row:2/4;min-width:0;align-self:center;order:2}
#ma-atlas .ma-material-page .ma-article-hero-illustration>figure{margin:0;padding:16px 0;min-width:0}
#ma-atlas .ma-material-page .ma-article-hero-illustration figcaption{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font:16px/1.5 var(--ma-serif);color:var(--ma-text);text-align:center;margin:0 0 24px}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-diagram-note,
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-article-image figcaption{font:12px/1.6 var(--ma-sans);color:#bfc0c4;text-align:left;margin:20px 0 0;overflow-wrap:anywhere}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-article-image img{width:100%;aspect-ratio:16/10;max-height:280px;object-fit:contain}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-sequence ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:16px 0;margin:0}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-sequence ol:before{display:none}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-sequence li{position:relative;gap:14px}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-sequence li:before{content:'';position:absolute;left:0;right:0;top:8px;height:1px;background:#737272;z-index:-1}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-sequence li:first-child:before{left:50%}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-sequence li:last-child:before{right:50%}
#ma-atlas .ma-material-page .ma-article-hero-illustration .ma-reward-dot{flex:none}
@media(max-width:760px){
  #ma-atlas .ma-material-page .ma-article-hero-illustration{width:100%;margin-top:24px}
  #ma-atlas .ma-material-page .ma-article-hero-illustration>figure{padding:0}
  #ma-atlas .ma-material-page .ma-article-hero-illustration figcaption{margin-bottom:20px}
  #ma-atlas .ma-material-page .ma-article-hero-illustration .ma-diagram-note,
  #ma-atlas .ma-material-page .ma-article-hero-illustration .ma-article-image figcaption{margin-top:16px}
}

/* Desktop article media sits on the same paper as its heading. */
@container(min-width:681px){
  #ma-atlas .ma-material-page .ma-article-hero-illustration figcaption{color:var(--ma-ink)}
  #ma-atlas .ma-material-page .ma-article-hero-illustration .ma-diagram-note,
  #ma-atlas .ma-material-page .ma-article-hero-illustration .ma-article-image figcaption{color:var(--ma-soft)}
}

/* #72: the same reader houses legacy prose and embedded interactive blocks. */
#ma-atlas .ma-legacy-article .ma-article-text-hero .ma-material-cover>p{max-width:720px}
#ma-atlas .ma-material-page .mx-section-head{flex-wrap:wrap}
#ma-atlas .ma-material-page .mx-section-head>span{white-space:normal}
#ma-atlas .ma-material-page .mx-choices{flex-wrap:wrap}
#ma-atlas .ma-material-page .mx-section p{overflow-wrap:anywhere}
#ma-atlas .ma-material-page.ma-material-large .mx-section p,#ma-atlas .ma-material-page.ma-material-large .mx-section dd{font-size:21px}
#ma-atlas .ma-material-page .ma-connection-point{font-size:12px}
@container (max-width:680px){
  #ma-atlas .ma-material-page .mx-choices-heart{grid-template-columns:repeat(3,minmax(0,1fr))}
  #ma-atlas .ma-material-page .mx-choices-source{grid-template-columns:1fr}
  #ma-atlas .ma-material-page .mx-choices-jtbd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #ma-atlas .ma-material-page .mx-section-head>span{flex-basis:100%}
  #ma-atlas .ma-material-page.ma-material-large .mx-section p,#ma-atlas .ma-material-page.ma-material-large .mx-section dd{font-size:19px}
}

/* Evidence labels wrap with the text; no fixed height or concealed note. */
#ma-atlas .ma-dispute-note{font:14px/1.6 var(--ma-sans);color:inherit;border-left:2px solid currentColor;padding:6px 12px;overflow-wrap:anywhere}
#ma-atlas .ma-row .ma-dispute-note{display:block;margin-top:8px;font-size:12px}
#ma-atlas .ma-material-page .ma-material-cover>.ma-dispute-note{font:14px/1.6 var(--ma-sans);margin:14px 0 0;grid-column:1}
#ma-atlas .ma-row .ma-dispute-note strong{font:inherit;font-weight:600}
#ma-atlas .ma-authored-group+.ma-authored-group{margin-top:32px}