/* ULAYAT — halaman Pustaka Adat. Melengkapi beranda.css (token & komponen dasar yang sama). */
.sempit{max-width:820px}
.hero-pustaka{border-bottom:1px solid var(--garis);padding:56px 0 48px;
  background:radial-gradient(800px 360px at 90% -20%,rgba(246,183,12,.30),transparent 60%),var(--latar)}
.hero-pustaka h1{margin-bottom:16px;max-width:22ch}
.bagian-pustaka{padding:48px 0}
.bagian-pustaka h2{margin-bottom:18px}
.memuat,.kosong-pustaka{color:var(--redup)}
.kosong-pustaka{padding:22px;border:1px dashed var(--garis-kuat);border-radius:var(--r);background:var(--kartu);display:grid;gap:8px}
a.rujuk{font-weight:700;text-decoration:none;color:var(--primer);padding:0 1px}
a.rujuk:hover{text-decoration:underline}

/* Formulir tanya */
.tanya{display:grid;gap:10px}
.tanya label{font-weight:650}
textarea,input[type=search]{width:100%;font:inherit;color:var(--teks);background:#fff;border:1px solid var(--garis-kuat);border-radius:12px;padding:12px 14px;line-height:1.5}
textarea{resize:vertical;min-height:96px}
textarea:hover,input[type=search]:hover{border-color:var(--primer)}
.bantu{color:var(--redup);font-size:.88rem;line-height:1.5}
.tanya .tombol{width:fit-content}
.tombol:disabled{opacity:.6;cursor:progress}
.galat{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px 12px;border-radius:10px;background:#fbe9e7;color:#8f2d1f;font-weight:500}
.sukses{display:flex;gap:8px;margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--ok-lembut);color:var(--ok)}
.ikon{flex:none}

/* Hasil tanya */
#hasil-tanya{margin-top:20px}
.jawaban{background:var(--kartu);border:1px solid var(--garis);border-left:4px solid var(--primer);border-radius:var(--r);padding:18px 22px;box-shadow:var(--bayang)}
.jawaban:empty{display:none}
.jawaban p+p{margin-top:.8em}
.jawaban-ditolak,.jawaban-tanpa_sumber{border-left-color:var(--emas);background:var(--emas-lembut)}
.jawaban-pencarian{display:none}
.label-mesin{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--primer);margin-bottom:10px;letter-spacing:.02em}
.jawaban-ditolak .label-mesin,.jawaban-tanpa_sumber .label-mesin{color:var(--emas-teks);margin-bottom:0}
.catatan-tanya{margin-top:12px;color:var(--redup);font-size:.92rem;padding-left:14px;border-left:3px solid var(--emas)}
.judul-kutipan{margin:22px 0 10px;font-family:var(--serif);font-size:1.15rem;color:var(--primer-gelap)}
.kutipan{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kutipan li{display:flex;gap:12px;align-items:flex-start;background:var(--kartu);border:1px solid var(--garis);border-radius:12px;padding:14px 16px;scroll-margin-top:90px}
.kutipan li:target{border-color:var(--emas);box-shadow:0 0 0 3px var(--emas-lembut)}
.kutipan-id{flex:none;display:grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:99px;background:var(--primer-lembut);color:var(--primer);font-weight:700;font-size:.8rem}
.kutipan blockquote{margin:6px 0 0;color:var(--redup);font-size:.93rem;line-height:1.55;overflow-wrap:anywhere}

/* Cari & saring */
.cari{display:flex;gap:10px;align-items:stretch}
.cari input{flex:1;min-width:0}
.cari .tombol{flex:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.chip{min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--garis-kuat);background:var(--kartu);color:var(--teks);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}
.chip:hover{border-color:var(--primer);background:var(--primer-lembut)}
.chip[aria-pressed=true]{background:var(--primer);border-color:var(--primer);color:#fff}
.chip-n{opacity:.75;font-weight:500}
.hitung-pustaka{margin:6px 0 14px;color:var(--redup);font-size:.92rem;min-height:1.4em}

/* Daftar & bacaan */
.entri-daftar{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.entri{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);padding:18px 22px;transition:border-color .2s,box-shadow .2s}
.entri:hover{border-color:var(--primer);box-shadow:var(--bayang)}
.entri h3{margin:8px 0 6px;font-family:var(--serif);font-size:1.25rem}
.entri h3 a{color:var(--primer-gelap);text-decoration:none}
.entri h3 a:hover{text-decoration:underline}
.entri-ringkas{color:var(--redup)}
.cuplikan{margin-top:8px;font-size:.9rem;color:var(--redup);font-style:italic}
.entri-meta{display:flex;flex-wrap:wrap;gap:8px}
.lencana{display:inline-flex;align-items:center;padding:3px 11px;border-radius:99px;font-size:.78rem;font-weight:650;background:var(--primer-lembut);color:var(--primer)}
.lencana.st-netral{background:var(--netral-lembut);color:var(--redup)}
.kembali{display:inline-flex;align-items:center;min-height:44px;color:var(--primer);font-weight:600;text-decoration:none}
.kembali:hover{text-decoration:underline}
.bacaan{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);padding:30px clamp(20px,4vw,40px);box-shadow:var(--bayang)}
.bacaan h1{font-size:clamp(1.7rem,4.2vw,2.4rem);margin:12px 0}
.lead{font-size:1.12rem;color:var(--redup);margin-bottom:20px}
.isi-bacaan{max-width:68ch}
.isi-bacaan p+p{margin-top:1em}
.sumber{margin-top:30px;padding-top:22px;border-top:1px solid var(--garis)}
.sumber h2{font-size:1.3rem;margin-bottom:12px}
.sumber-daftar{margin:0;padding-left:22px;display:grid;gap:12px}
.sumber-daftar li{padding-left:4px}
.sumber-rinci{display:block;color:var(--redup);font-size:.88rem}
.sumber-url{display:block;font-size:.88rem;overflow-wrap:anywhere}
.jejak{margin-top:24px;color:var(--redup);font-size:.88rem}

@media (max-width:720px){
  .hero-pustaka{padding:36px 0 32px}
  .bagian-pustaka{padding:34px 0}
  .cari{flex-direction:column}
  .cari .tombol{width:100%}
  .tanya .tombol{width:100%}
  .bacaan{padding:22px 18px}
}
.status-llm{font-size:.88rem;color:var(--redup)}