/* =========================================================
   Halaman artikel (post/*.html)
   Judul, sampul, isi artikel (prose), galeri.
   ========================================================= */

/* ---------- Artikel ---------- */
.article-head { max-width: 42rem; margin: 0 auto; padding: 48px 0 28px; }
.article-head h1 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  line-height: 1.04;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
}
.article-meta { color: var(--ink-mute); font-size: .95rem; }
.article-cover { max-width: 60rem; margin: 0 auto 40px; }
.article-cover img { width: 100%; max-height: 460px; object-fit: cover; border-radius: var(--r-lg); background: var(--sheet); }
.prose { max-width: 42rem; margin: 0 auto; padding-bottom: 72px; font-size: 1.07rem; line-height: 1.75; color: #33334f; }
.prose h2 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 1.7rem;
  line-height: 1.15;
  letter-spacing: -0.005em;
  color: var(--ink);
  margin: 2.2em 0 .6em;
}
.prose p, .prose ul, .prose ol { margin: 0 0 1.1em; }
.prose li { margin-bottom: .45em; }
.prose strong { color: var(--ink); }
.prose a { color: var(--teal-deep); font-weight: 700; }
.prose .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 0 0 1.2em; }
.prose .gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-sm); background: var(--sheet); }

/* ---------- Lihat juga (tautan internal) ---------- */
.prose .lihat-juga {
  margin: 2.4em 0 0;
  padding: 20px 24px;
  background: var(--teal-tint);
  border-radius: var(--r-lg);
}
.prose .lihat-juga h2 { margin: 0 0 .5em; font-size: 1.3rem; }
.prose .lihat-juga ul { margin: 0; }