/* News section styles */
body.news {
    background: url("/assets/newspaper.webp") no-repeat center center fixed;
    background-size: cover; /* makes it fill the screen */
}

body.news::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.9); /* white wash overlay */
  z-index: -1; /* keeps it behind content */
}

/* Page container */
.news-page {
  max-width: 720px;
  margin: 2rem auto;
  padding: 0 1rem;
}

/* Each article */
.news-article {
  display: block;
  padding: 1rem 0;
}

/* Top image */
.article-images {
  margin-bottom: 0.75rem;
}
.article-images img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  object-fit: cover;
}

/* Title and meta */
.article-title {
  margin: 0.25rem 0;
  font-size: 1.6rem;
}
.article-meta {
  color: #666;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}

/* Body */
.article-body {
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
}

/* Separator */
.article-sep {
  border: none;
  height: 2px;
  background: #d4d4d4;
  margin: 1.25rem 0;
}

/* Small wrapper used by JS when appending more articles */
.news-block {
  width: 100%;
}

/* Responsive tweaks */
@media (max-width: 640px) {
  .news-page { padding: 0 0.75rem; }
  .article-title { font-size: 1.3rem; }
}