/* Perubahan tampilan yang dilakukan SETELAH migrasi dari Next.js.

   Dipisah dari style.css dengan sengaja. style.css adalah salinan apa adanya
   dari gabungan globals.css + index.css versi lama, dan salinan itu berguna:
   selama ia tidak disentuh, ia bisa dibandingkan langsung dengan versi Next
   kalau ada tampilan yang terasa janggal.

   Semua perubahan sadar terhadap tampilan situs ditulis di sini, satu tempat,
   supaya jelas apa saja yang berbeda dari versi lama. Dimuat setelah style.css
   di views/partials/head.ejs, jadi aturannya menang pada spesifisitas yang
   sama. */

/* ── Ikon kotak info kontak jadi putih ────────────────────────────────────

   Berlaku di dua tempat:
     - halaman kontak, keempat kartu (Alamat, Telepon, Email, Jam Operasional)
     - beranda, section "Hubungi Kami" paling bawah (Alamat, Telepon, Email)

   Sebelumnya ikonnya mengikuti dua aturan bawaan yang saling bertukar warna:
   `theme-icon-accent` (kotak oranye) memakai ikon navy gelap, dan
   `theme-icon-navy` (kotak navy) memakai ikon oranye. Hasilnya tidak ada satu
   pun ikon yang sewarna, dan berbeda dari ikon alamat/telepon/email di footer
   yang sudah putih.

   Dibatasi ke `.kontak-info` saja — kelas yang dipasang pada pembungkus kartu
   di kontak.ejs dan pada section#contact di beranda.ejs. Kelas `theme-icon-*`
   dipakai di 8 halaman lain (beranda bagian langkah PPDB, ekstrakurikuler,
   prestasi, beasiswa, sejarah, informasi), dan halaman-halaman itu sengaja
   dibiarkan seperti semula. */
.kontak-info .theme-icon-accent,
.kontak-info .theme-icon-navy {
  color: #ffffff;
}

/* ── Ringkasan di kartu berita ─────────────────────────────────────────────

   Kartu berita sebelumnya melompat dari judul langsung ke tombol "Baca
   Berita" — di halaman daftar maupun di bagian "Berita Lainnya" pada halaman
   detail. Tanpa cuplikan isi, pengunjung tidak punya gambaran apa isi
   beritanya sebelum membukanya, dan kartunya terlihat kosong.

   Sekarang ringkasan dari kolom `summary` ditampilkan dua baris di bawah
   judul, sama seperti kartu berita pada situs sekolah yang jadi acuan.

   Dipotong dua baris supaya tinggi kartu tetap seragam walau panjang
   ringkasannya berbeda-beda — tanpa itu, kartu dalam satu baris grid jadi
   tidak sejajar. Kelas .ref-clamp-2 sudah ada di style.css dan dipakai judul.

   Warnanya #757f95, abu yang sama dengan .ref-heading-sub, dan sengaja lebih
   terang daripada judul supaya mata tetap jatuh ke judul lebih dulu.

   min-height-nya dipatok setinggi dua baris. Tanpa itu, ringkasan yang hanya
   satu baris membuat tombol "Baca Berita" di kartu sebelahnya naik sendiri,
   sehingga tombol dalam satu baris grid tidak sejajar — terlihat berantakan
   justru karena ringkasannya pendek. 3.2em = 2 baris x line-height 1.6. */
.ref-blog-desc {
  margin: 0 0 15px;
  color: #757f95;
  font-size: 14px;
  line-height: 1.6;
  min-height: 3.2em;
}

/* ── Ringkasan di kartu berita kecil beranda ───────────────────────────────

   Kartu di kolom kanan section Berita (tiga berita selain yang utama) sama
   seperti kartu daftar berita: sebelumnya hanya judul lalu tanggal. Karena
   kartunya kecil — lebar thumbnail 116px, judul 16px — cuplikannya dibuat
   lebih rapat daripada .ref-blog-desc, bukan memakai gaya yang sama.

   min-height 3em = 2 baris x line-height 1.5, dengan alasan yang sama:
   supaya tanggal di kakinya tidak naik-turun mengikuti panjang ringkasan,
   karena .ref-news-item-date dipasang margin-top:auto. */
.ref-news-item-desc {
  margin: 0 0 10px;
  color: #757f95;
  font-size: 13px;
  line-height: 1.5;
  min-height: 3em;
}