/* ===== Article Content Styling Only ===== */
.container-area.article-content h1 {
    text-align: center;
    margin: 20px 0; /* Add some vertical spacing */
    font-size: 2rem; /* Adjust size if needed */
}
.article-content {
  color: #000;  /* force all text to black */
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.8;
  max-width: 1260px;
  margin: 0 auto;
  text-align: left;
}

/* Headings */
.article-content h1,
.article-content h2,
.article-content h3 {
  color: #000;   /* ensure headings are black */
  line-height: 1.25;
  margin: 28px 0 8px;
  font-weight: 800;
}
.article-content h1 { font-size: 32px; }
.article-content h2 { font-size: 26px; }
.article-content h3 { font-size: 22px; }

/* Paragraphs */
.article-content p {
  color: #000;   /* force black */
  margin: 12px 0;
}

/* Blockquotes */
.article-content blockquote {
  position: relative;
  margin: 22px 0;
  padding: 12px 16px;
  font-style: italic;
  background: #fafafa;
  border-left: 3px solid #ddd;
  color: #000;   /* black text */
}
.article-content blockquote::before {
  content: "“";
  position: absolute;
  left: -8px; top: -8px;
  font-size: 54px;
  line-height: 1;
  color: #e3e3e3;  /* decorative, not text */
}
.article-content blockquote em {
  display: block;
  margin-top: 8px;
  color: #000;    /* black credit text */
  font-style: normal;
}
.article-content ul {
  list-style-type: disc;   /* solid bullet */
  padding-left: 1.5rem;    /* indent so bullets show */
  margin: 12px 0;
  color: #000;             /* make sure list text is black */
}

.article-content ol {
  list-style-type: decimal; /* numbered list */
  padding-left: 1.5rem;
  margin: 12px 0;
  color: #000;
}

.article-content li {
  margin: 6px 0;  /* breathing room between items */
  color: #000;    /* black font for items */
}

 /* for the news and item card*/
.card-description, 
.card-description * {
    color: white !important;
}