.news-page__section {
  background: var(--white);
}

.achievement-page__header {
  max-width: 42rem;
  margin: 0 auto 3rem;
  text-align: center;
}
.achievement-page__header > * + * { margin-top: 0.75rem; }

.news-page__header {
  max-width: 42rem;
  margin: 0 auto 3rem;
  text-align: center;
}

.news-page__header > * + * { margin-top: 0.75rem; }

.announ-page__header {
  max-width: 42rem;
  margin: 0 auto 3rem;
  text-align: center;
}

.announ-page__header > * + * { margin-top: 0.75rem; }

.news-page__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}


@media (min-width: 768px) {
  .news-page__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .achievement__grid { grid-template-columns: repeat(3, minmax(0, 1fr));}
}

/* =========================================================
   HALAMAN DETAIL BERITA (pages/berita-detail.html)
   ========================================================= */
.news-detail-page__section { background: var(--white); }

.news-detail { max-width: 46rem; margin-inline: auto; }
.news-detail__back { margin-bottom: 1.5rem; }
.news-detail__back .link-arrow__icon { transition: transform var(--transition-fast); }
.news-detail__back:hover .link-arrow__icon { transform: translateX(-0.25rem); }

.news-detail__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.news-detail__tag {
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: 700;
}
.news-detail__tag--navy  { background: var(--navy-500);    color: var(--white); }
.news-detail__tag--gold  { background: var(--gold-500);    color: var(--slate-950); }
.news-detail__tag--green { background: var(--emerald-600); color: var(--white); }

.news-detail__title {
  margin: 0.75rem 0 1.5rem;
  color: var(--emerald-1000);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  line-height: 1.25;
  font-weight: 800;
}
.news-detail__img {
  width: 100%;
  max-height: 28rem;
  margin-bottom: 1.75rem;
  object-fit: cover;
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg);
}
.news-detail__body p {
  margin-bottom: 1.1rem;
  color: var(--slate-700);
  font-size: 1rem;
  line-height: 1.8;
  white-space: pre-line;
}
.news-detail__share { margin-top: 1rem; }

.news-related { margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid var(--slate-200); }
.news-related__title { margin-bottom: 1.5rem; color: var(--emerald-1000); font-size: 1.25rem; font-weight: 800; }