/* lezat.id - sengaja tanpa font atau skrip dari luar: situs yang isinya tentang
   ketelitian tidak pantas menyuruh pembaca memuat apa pun dari pihak ketiga
   hanya untuk membacanya. */

:root {
  --tinta: #16181d;
  --tinta-lembut: #565b66;
  --garis: #d9dbe0;
  --kertas: #ffffff;
  --aksen: #9e3413;
  --dukung-banyak: #1d6b3f;
  --dukung-satu: #8a5a00;
  --debat: #1f4e79;
  --kosong: #5b5f68;
}

@media (prefers-color-scheme: dark) {
  :root {
    --tinta: #e8e9ec;
    --tinta-lembut: #a2a7b2;
    --garis: #33363d;
    --kertas: #14161a;
    --aksen: #e2896a;
    --dukung-banyak: #6fc48f;
    --dukung-satu: #d9a441;
    --debat: #7fb0e0;
    --kosong: #9aa0ab;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--kertas);
  color: var(--tinta);
  font: 400 1.0625rem/1.7 "Charter", "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  font-synthesis: none;
}

main {
  max-width: 42rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 1rem;
}

a { color: var(--aksen); }
a:focus-visible { outline: 2px solid var(--aksen); outline-offset: 2px; }

.situs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  align-items: baseline;
  justify-content: space-between;
  max-width: 42rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 0;
}

.situs__nama {
  font-weight: 700;
  letter-spacing: -0.015em;
  text-decoration: none;
  color: var(--tinta);
}

.situs__nav a {
  margin-left: 1rem;
  text-decoration: none;
  color: var(--tinta-lembut);
  font-size: 0.9rem;
}
.situs__nav a:hover { color: var(--aksen); }

h1 { font-size: 1.9rem; line-height: 1.25; letter-spacing: -0.02em; margin: 0 0 0.75rem; }
h2 { font-size: 1.2rem; letter-spacing: -0.01em; margin: 2.5rem 0 0.75rem; }

.pembuka { font-size: 1.15rem; color: var(--tinta-lembut); }

/* Kalimat klaim dan statusnya dibaca sebagai satu kesatuan - memang begitulah
   ia dirender, dan memang begitulah ia harus dibaca. */
.klaim {
  margin: 2rem 0;
  padding: 1.25rem 1.25rem 1rem;
  border-left: 3px solid var(--garis);
  background: color-mix(in srgb, var(--tinta) 3%, var(--kertas));
}
.klaim--dukung-banyak { border-left-color: var(--dukung-banyak); }
.klaim--dukung-satu { border-left-color: var(--dukung-satu); }
.klaim--debat { border-left-color: var(--debat); }
.klaim--kosong { border-left-color: var(--kosong); }

.klaim__pernyataan { margin: 0 0 0.5rem; font-size: 1.15rem; }

.status {
  display: inline-block;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.status--dukung-banyak { color: var(--dukung-banyak); }
.status--dukung-satu { color: var(--dukung-satu); }
.status--debat { color: var(--debat); }
.status--kosong { color: var(--kosong); }

.klaim__catatan { color: var(--tinta-lembut); }

.sumber-daftar { list-style: none; margin: 0.75rem 0 0; padding: 0; }
.sumber {
  padding: 0.6rem 0;
  border-top: 1px solid var(--garis);
  font-size: 0.95rem;
}
.sumber__rujukan { margin: 0; }
.sumber__catatan { margin: 0.25rem 0 0; color: var(--tinta-lembut); font-size: 0.9rem; }

/* Sumber tanpa tanggal terbit. Warnanya sengaja tidak dibuat merah: ini bukan
   kesalahan, cuma keadaan yang harus terbaca. Yang penting ia TIDAK menghilang. */
.tanpa-tahun { color: var(--dukung-satu); font-style: italic; }
.sumber__tanpa-tahun {
  margin: 0.25rem 0 0;
  color: var(--tinta-lembut);
  font-size: 0.9rem;
}

.akses {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--tinta-lembut);
}
.akses--belum_terjangkau { color: var(--aksen); }
.akses--hanya_abstrak { color: var(--dukung-satu); }

.pencarian { margin-top: 0.9rem; font-size: 0.9rem; }
.pencarian summary { cursor: pointer; color: var(--tinta-lembut); }
.pencarian dl { margin: 0.6rem 0 0; }
.pencarian dt {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--tinta-lembut);
  margin-top: 0.5rem;
}
.pencarian dd { margin: 0.1rem 0 0; }

.daftar-koreksi { list-style: none; padding: 0; }
.daftar-koreksi li { padding: 0.75rem 0; border-top: 1px solid var(--garis); }
.daftar-koreksi .ringkas { display: block; color: var(--tinta-lembut); font-size: 0.95rem; }

.definisi { margin: 1rem 0; }
.definisi dt { font-weight: 700; margin-top: 0.75rem; }
.definisi dd { margin: 0.15rem 0 0; color: var(--tinta-lembut); }

.kaki {
  max-width: 42rem;
  margin: 4rem auto 0;
  padding: 1.5rem 1.25rem 3rem;
  border-top: 1px solid var(--garis);
  color: var(--tinta-lembut);
  font-size: 0.9rem;
}