/* ===========================================================
   Karyantara — Aturan Tipografi
   PT Eksplorasi Karya Lokal Indonesia
   Serif untuk judul dan isi; sans humanis khusus keterangan.
   =========================================================== */

:root {
  --serif: "Lora", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia,
    "Times New Roman", serif;
  --sans: "Karla", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Ukuran isi nyaman dibaca: 17px di layar kecil, 18px ke atas. */
  --isi: 1.0625rem;
  --leading: 1.78;
}

@media (min-width: 48rem) {
  :root {
    --isi: 1.125rem;
  }
}

/* ---------- Dasar ---------- */

body {
  font-family: var(--serif);
  font-size: var(--isi);
  line-height: var(--leading);
  font-weight: 400;
  letter-spacing: 0.004em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

p {
  margin: 0 0 1.15em;
  hyphens: auto;
}

p:last-child {
  margin-bottom: 0;
}

/* ---------- Wordmark terbitan ---------- */

.wordmark {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.7rem, 9vw, 4.5rem);
  line-height: 1;
  letter-spacing: 0.06em;
  margin: 0;
}

.kicker {
  font-family: var(--sans);
  font-size: 0.7rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  line-height: 1.5;
  margin: 0;
}

/* ---------- Judul halaman dan bab ---------- */

.judul {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2rem, 5.4vw, 3.15rem);
  line-height: 1.14;
  letter-spacing: -0.008em;
  margin: 0 0 0.5rem;
}

.subjudul {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.1rem, 2.4vw, 1.35rem);
  line-height: 1.5;
  margin: 0;
}

.judul-bab {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.42rem, 3.1vw, 1.85rem);
  line-height: 1.24;
  letter-spacing: -0.004em;
  margin: 0 0 0.35rem;
}

.judul-kecil {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.14rem;
  line-height: 1.4;
  margin: 0 0 0.55rem;
}

/* ---------- Keterangan kapital kecil ---------- */

.label {
  display: block;
  font-family: var(--sans);
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

.angka {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 0.95rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

/* ---------- Drop cap paragraf pembuka ---------- */

.mula::first-letter {
  float: left;
  font-family: var(--serif);
  font-weight: 500;
  font-size: 4.5em;
  line-height: 0.8;
  padding: 0.06em 0.1em 0 0;
  margin-right: 0.02em;
}

/* Tanpa lekukan pada paragraf pertama, lalu lekukan bergaya terbitan. */
.badan > p + p {
  text-indent: 1.4em;
}

.badan > p + p.tanpa-lekuk {
  text-indent: 0;
}

/* ---------- Kutipan pinggir ---------- */

.pinggir {
  font-family: var(--sans);
  font-size: 0.82rem;
  line-height: 1.68;
  letter-spacing: 0.008em;
}

.pinggir p {
  margin-bottom: 0.8em;
}

/* ---------- Angka dan kode ---------- */

.kode {
  font-family: var(--sans);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.harga {
  font-family: var(--serif);
  font-size: 1.02rem;
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}