/* press.css — surface siaran pers HAMPARAN Institute.
   Dibuat 27 September 2026 bersama peluncuran /press/.

   Kenapa berkas terpisah dan bukan <style> di halaman: konstitusi §5.7
   menempatkan CSS khusus halaman di /assets/surfaces/ dan dimuat paling akhir.
   Kenapa ukuran teks dikunci sempit (--press-measure): siaran pers dibaca
   wartawan sekali jalan dari atas ke bawah, bukan dipindai seperti landing. */

:root { --press-measure: 44rem; }

/* ── kerangka dokumen ───────────────────────────────────────────── */
.hmp-press { padding: calc(var(--hmp-nav-h) + var(--hmp-s-10)) 0 var(--hmp-s-12); }
.hmp-press__doc { max-width: var(--press-measure); margin: 0 auto; }

.hmp-press__dateline {
  font-family: var(--hmp-font-mono); font-size: var(--hmp-text-caption);
  color: var(--hmp-gold); letter-spacing: .08em; text-transform: uppercase;
  margin-bottom: var(--hmp-s-4);
}
.hmp-press__title {
  font-family: var(--hmp-font-display); font-weight: 600;
  font-size: clamp(30px, 4.4vw, 46px); line-height: 1.18;
  color: var(--hmp-white); margin: 0 0 var(--hmp-s-5);
}
.hmp-press__dek {
  font-size: var(--hmp-text-body-lg); line-height: 1.62; color: var(--hmp-muted-2);
  margin: 0 0 var(--hmp-s-8); padding-bottom: var(--hmp-s-8);
  border-bottom: 1px solid var(--hmp-border);
}
.hmp-press__body p { font-size: var(--hmp-text-body); line-height: 1.75;
  color: var(--hmp-muted-2); margin: 0 0 var(--hmp-s-5); }
.hmp-press__body strong { color: var(--hmp-white); font-weight: 600; }
.hmp-press__body a { color: var(--hmp-gold); text-decoration: none;
  border-bottom: 1px solid var(--hmp-border-2); }
.hmp-press__body a:hover { color: var(--hmp-gold-2); }

/* ── kutipan ────────────────────────────────────────────────────── */
.hmp-press__quote {
  margin: var(--hmp-s-8) 0; padding: var(--hmp-s-6) var(--hmp-s-7);
  border-left: 2px solid var(--hmp-gold); background: var(--hmp-card);
  border-radius: 0 var(--hmp-radius-md) var(--hmp-radius-md) 0;
}
.hmp-press__quote p { font-family: var(--hmp-font-display); font-style: italic;
  font-size: clamp(17px, 2vw, 20px); line-height: 1.55;
  color: var(--hmp-white); margin: 0 0 var(--hmp-s-3); }
.hmp-press__quote cite { font-family: var(--hmp-font-body); font-style: normal;
  font-size: var(--hmp-text-body-sm); color: var(--hmp-muted); }

/* ── tabel cakupan ──────────────────────────────────────────────── */
.hmp-press__table { width: 100%; border-collapse: collapse; margin: var(--hmp-s-7) 0; }
.hmp-press__table th {
  font-family: var(--hmp-font-body); font-size: var(--hmp-text-eyebrow);
  text-transform: uppercase; letter-spacing: .09em; color: var(--hmp-gold);
  text-align: left; padding: var(--hmp-s-3) var(--hmp-s-4);
  border-bottom: 1px solid var(--hmp-border-2); font-weight: 600;
}
.hmp-press__table td { font-size: var(--hmp-text-body-sm); line-height: 1.6;
  color: var(--hmp-muted-2); padding: var(--hmp-s-4);
  border-bottom: 1px solid var(--hmp-border); vertical-align: top; }
.hmp-press__table tr:last-child td { border-bottom: none; }
.hmp-press__table tr.is-pending td { color: var(--hmp-muted); font-style: italic; }
.hmp-press__scroll { overflow-x: auto; }

/* ── blok akhir: boilerplate + kontak ───────────────────────────── */
.hmp-press__end { margin-top: var(--hmp-s-10); padding-top: var(--hmp-s-8);
  border-top: 1px solid var(--hmp-border); }
.hmp-press__end h2 { font-family: var(--hmp-font-body);
  font-size: var(--hmp-text-eyebrow); text-transform: uppercase;
  letter-spacing: .1em; color: var(--hmp-gold); margin: 0 0 var(--hmp-s-4);
  font-weight: 600; }
.hmp-press__end + .hmp-press__end { margin-top: var(--hmp-s-8); }
.hmp-press__end p { font-size: var(--hmp-text-body-sm); line-height: 1.7;
  color: var(--hmp-muted); margin: 0 0 var(--hmp-s-3); }
.hmp-press__end a { color: var(--hmp-gold); text-decoration: none; }

.hmp-press__mark { text-align: center; font-family: var(--hmp-font-mono);
  color: var(--hmp-muted); letter-spacing: .4em; margin: var(--hmp-s-9) 0 0; }

/* ── indeks siaran pers ─────────────────────────────────────────── */
.hmp-press-list { max-width: var(--press-measure); margin: 0 auto;
  list-style: none; padding: 0; }
.hmp-press-list li { border-bottom: 1px solid var(--hmp-border); }
.hmp-press-list a { display: block; padding: var(--hmp-s-6) 0;
  text-decoration: none; transition: padding-left var(--hmp-dur) var(--hmp-ease); }
.hmp-press-list a:hover { padding-left: var(--hmp-s-3); }
.hmp-press-list .d { font-family: var(--hmp-font-mono);
  font-size: var(--hmp-text-caption); color: var(--hmp-gold);
  letter-spacing: .06em; display: block; margin-bottom: var(--hmp-s-2); }
.hmp-press-list .t { font-family: var(--hmp-font-display); font-weight: 600;
  font-size: clamp(19px, 2.3vw, 23px); line-height: 1.32;
  color: var(--hmp-white); display: block; margin-bottom: var(--hmp-s-2); }
.hmp-press-list .s { font-size: var(--hmp-text-body-sm); line-height: 1.6;
  color: var(--hmp-muted); display: block; }

@media (max-width: 600px) {
  .hmp-press { padding-top: calc(var(--hmp-nav-h) + var(--hmp-s-7)); }
}