/* EllasNews article size + paired themes 2026-10-29b
   Cache-bust filename (style.css is max-age 10d, ?ver= stripped).

   1) Grow the article off the 48rem overlay cap so it matches the 1440 homepage.
   2) Light = cream paper + ink type. Dark = midnight paper + cream type. Never mix. */

/* ----- theme pairing (same keys as React html.dark / ellasnews-theme) ----- */
html.dark,
html.dark body,
body.dark-mode {
  --color-text: #ece8de;
  --color-text-light: #c5c0b4;
  --color-muted: #9a968c;
  --color-border: rgba(236, 232, 222, 0.18);
  --color-border-strong: rgba(236, 232, 222, 0.42);
  --color-bg: #0f151e;
  --color-card: #161e29;
  --color-header-bg: #070c13;
  --color-paper2: #161e29;
  --color-cream: #0f151e;
  --color-navy: #0b2038;
  color-scheme: dark;
}

html.light,
html.light body,
body.light-mode {
  --color-text: #101c2c;
  --color-text-light: #4a5568;
  --color-muted: #8a8f98;
  --color-border: rgba(16, 28, 44, 0.16);
  --color-border-strong: rgba(16, 28, 44, 0.4);
  --color-bg: #f5f1e8;
  --color-card: #faf8f1;
  --color-header-bg: #0a1522;
  --color-paper2: #ede7d9;
  --color-cream: #f5f1e8;
  --color-navy: #082d4f;
  color-scheme: light;
}

body {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.single-article__title,
.single-article__content,
.single-article__content h2,
.single-article__content h3,
.single-article__sources strong,
.article-card__title,
.article-card__title a,
.article-row__title,
.article-row__title a,
.sidebar-widget__title {
  color: var(--color-text) !important;
}

.single-article__subheadline,
.single-article__content p {
  color: var(--color-text) !important;
}
.single-article__subheadline {
  color: var(--color-text-light) !important;
}
.single-article__meta,
.article-row__meta,
.article-card__meta {
  color: var(--color-muted) !important;
}

html.dark .single-article__content > p:first-of-type::first-letter,
body.dark-mode .single-article__content > p:first-of-type::first-letter {
  color: #8abbec !important;
}
html.light .single-article__content > p:first-of-type::first-letter,
body.light-mode .single-article__content > p:first-of-type::first-letter {
  color: #082d4f !important;
}

.sidebar-widget {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

/* ----- size: match homepage 1440, drop the 768 overlay cap ----- */
body.single .container,
body.single-post .container {
  max-width: 1440px;
}
.content-wrapper {
  max-width: none !important;
  width: 100%;
}
.single-article {
  max-width: none !important;
  width: 100%;
}
.single-article__hero {
  max-height: 56vh !important;
  width: 100%;
}
.single-article__body {
  max-width: 56rem !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 48px 28px 80px !important;
}
.single-article__title {
  font-size: clamp(2.15rem, 4.8vw, 3.2rem) !important;
}
.single-article__subheadline {
  font-size: 1.22rem !important;
}
.single-article__content {
  font-size: 1.16rem !important;
  line-height: 1.85 !important;
}

@media (max-width: 700px) {
  .single-article__body {
    max-width: none !important;
    padding: 28px 16px 56px !important;
  }
}