/* ===== PAGE THEME (news-item) ===== */

body {
  background: var(--color-bg-light);
  color: var(--color-text-dark);
}

/* ===== ARTICLE ===== */
.article {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);
  width: min(var(--width-container), 90%);
  margin: clamp(3.75rem, 2rem + 6.25vw, 6.25rem) auto 0;
}
.article__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);
}
.article__title {
  font-size: clamp(1.75rem, 1rem + 3.75vw, 3rem);
  font-weight: 500;
  line-height: 1.21;
  text-transform: uppercase;
  overflow-wrap: break-word;
  word-break: break-word;
}
.article__image {
  width: 100%;
  height: clamp(13.75rem, 8rem + 18.75vw, 36.25rem);
  border-radius: var(--radius-md);
  background: url('../images/s3/photo-news-article.jpg') no-repeat center;
  background-size: cover;
}
.article__body {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
}
.article__body p {
  font-size: clamp(0.9375rem, 0.8125rem + 0.625vw, 1.125rem);
  font-weight: 300;
  line-height: 1.21;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ===== RELATED NEWS ===== */
.news-section {
  width: min(var(--width-container), 90%);
  margin: clamp(5rem, 3rem + 9.375vw, 9.375rem) auto 0;
}
.news-section__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);
}
.news-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.news-section__title {
  font-size: clamp(1.625rem, 1rem + 3.125vw, 2.5rem);
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}
.news-section__link {
  font-size: clamp(0.875rem, 0.8rem + 0.3125vw, 1.0625rem);
  font-weight: 500;
  line-height: 1.21;
  color: var(--color-primary);
}
.news-section__cards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* ===== NEWS CARD ===== */
.news-card {
  background: var(--color-bg-card);
  gap: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  padding-bottom: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  flex: 1;
  min-width: 250px;
}
.news-card__date {
  color: var(--color-bg-input);
}

/* ===== FOOTER (page override) ===== */
.footer {
  margin-top: clamp(5rem, 3rem + 9.375vw, 9.375rem);
}

/* ===== RESPONSIVE — Structural only ===== */
@media (max-width: 1024px) {
  .news-section__cards { flex-direction: column; }
  .news-card { min-width: 0; }
}