/* Sources under each article. */
.sources-list { margin: 40px 0 0; }
.sources-list h2 { font-family: var(--ff-serif); font-size: 20px; font-weight: 400; color: var(--text-dark); margin: 0 0 10px; }
.sources-list ol { margin: 0; padding-left: 20px; }
.sources-list li { font-size: 14px; line-height: 1.6; color: var(--text-body); margin-bottom: 10px; }
.sources-list a { color: var(--accent-dark); word-break: break-all; }

/* Whole article card is clickable (stretched "Read article" link). */
.article-card { position: relative; cursor: pointer; }
.article-card__link::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.article-card__link:focus-visible::after { outline: 3px solid rgba(184, 112, 95, .5); outline-offset: -3px; border-radius: inherit; }

/* Blog uses the same palette as the rest of the site. */
:root {
  --bg: #fbeee8;
  --card: #fff7f3;
  --brand: #4b2a1b;
  --brand-mid: #7a5a49;
  --brand-light: #d9a899;
  --accent: #b8705f;
  --accent-dark: #8f4a3a;
  --text-dark: #4b2a1b;
  --text-body: #6b4d3d;
  --text-muted: #7f6252;
}

/* Related links label: plain text, not tracked capitals. */
.related__label { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; }

/* Article callouts: warm palette, no tracked capitals. */
.care-note { background: #f4e0d8; border: 0; border-radius: 12px; }
.care-note p strong, .care-note strong { color: var(--accent-dark); }
.track-card__label { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; color: var(--accent-dark); }