/* Shared Figma ink, navy, and original newspaper surfaces. */
:root {
  --surface-ink:#05080c;
  --surface-navy:#122532;
  --surface-copy:#cbd5df;
  --surface-paper:#f8f7f2;
  --surface-line:#688093;
  --surface-paper-image:url('/assets/img/figma/newspaper-background-hq.png');
}
.surface-dark { background:var(--surface-navy); color:white; }
.surface-ink { background:var(--surface-ink); color:white; }
.surface-paper { background:#d8d8d3 var(--surface-paper-image) center/1100px auto; color:var(--ink); }
.surface-dark .stamp-word,.surface-ink .stamp-word { color:white; border-color:#e14938; }
.article-card img { margin-bottom:21px; }
.article-card h3 { margin-top:0; }
.paper-cards .section-head { background:#f8f7f2f5; border:1px solid #252c33; padding:30px 35px; }
.paper-cards .article-card { background:var(--surface-paper); color:var(--ink); border:1px solid #252c33; box-shadow:6px 7px 0 #15232f; padding:17px; }
.paper-cards .article-card img { border-radius:5px; }
.paper-cards .article-card p { color:#414c54; }
.paper-cards .text-link .arrow--circle { color:var(--ink); --circle-arrow-ink:white; }
.chapter-page .cta-band,.blog-page .cta-band,.blog-article-page .cta-band,.story-index-page .cta-band,.about-page .cta-band { background:var(--surface-ink); border-top:1px solid #65717b; }
.story-index-page main>.section,.about-page main>.section { background:#d8d8d3 var(--surface-paper-image) center/1100px auto; }
.story-index-page main>.section>.wrap,.about-page .intro-grid { background:var(--surface-paper); border:1px solid #252c33; padding:40px; }
.story-index-page .scenario-note { color:#414c54; }
@media(max-width:900px){.paper-cards .section-head{padding:26px}.story-index-page main>.section>.wrap,.about-page .intro-grid{padding:30px}}
@media(max-width:600px){.article-card img{margin-bottom:18px}.paper-cards .section-head{padding:25px 22px}.paper-cards .article-card{padding:15px}.story-index-page main>.section>.wrap,.about-page .intro-grid{padding:22px}}