/* RajaValas — gaya ruang pamer. Ditulis khusus untuk situs ini. */
:root{
  --perkamen:#f5efe0;
  --tinta:#292524;
  --tinta-lembut:#57534e;
  --marun:#7f1d1d;
  --marun-tua:#5b1414;
  --kuningan:#b08d57;
  --kuningan-gelap:#8a6a3a;
  --panel:#ebe3cf;
  --kaca:#efe8d6;
  --garis:#cdbf9f;
  --huruf-judul:"Bitter", Georgia, "Times New Roman", serif;
  --huruf-isi:"Assistant", "Segoe UI", Arial, sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--perkamen);color:var(--tinta);font-family:var(--huruf-isi);font-size:1.125rem;line-height:1.68;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--marun);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--marun-tua);text-decoration-thickness:2px}
a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--kuningan);outline-offset:2px}
h1,h2,h3{font-family:var(--huruf-judul);color:var(--marun);line-height:1.25;font-weight:700}
h1{font-size:clamp(1.75rem,4.6vw,2.6rem);margin:.2em 0 .45em}
h2{font-size:clamp(1.35rem,3.2vw,1.8rem);margin:1.9em 0 .55em}
h3{font-size:1.2rem;margin:1.5em 0 .45em;color:var(--tinta)}
p{margin:0 0 1em}
ul,ol{padding-left:1.3em;margin:0 0 1.1em}
li{margin:.25em 0}
strong{font-weight:700}
.kartu-kecil,.nomor-ruang,.no-pameran{font-variant:small-caps;letter-spacing:.09em;font-weight:700;font-size:.95rem;color:var(--kuningan-gelap)}
.kecil{font-size:.93rem;color:var(--tinta-lembut)}
.lompat{position:absolute;top:-80px;left:8px;background:var(--marun);color:var(--perkamen);padding:10px 14px;display:inline-block;z-index:9}
.lompat:focus{top:8px}

/* serambi = kepala situs */
.serambi{background:var(--perkamen);border-bottom:6px double var(--kuningan)}
.serambi-dalam{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.papan-nama{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-decoration:none;color:var(--tinta);min-height:48px}
.papan-nama img{grid-row:1 / span 2;border:2px solid var(--kuningan)}
.nama-merek{font-family:var(--huruf-judul);font-weight:700;font-size:1.45rem;color:var(--marun);line-height:1.1}
.subjudul-merek{font-variant:small-caps;letter-spacing:.12em;font-size:.85rem;color:var(--kuningan-gelap);line-height:1.2}
.lorong{display:flex;flex-wrap:wrap;gap:6px}
.lorong a{display:inline-flex;align-items:center;min-height:44px;padding:4px 12px;border:1.5px solid var(--tinta);color:var(--tinta);text-decoration:none;font-variant:small-caps;letter-spacing:.06em;font-weight:600;font-size:1rem;background:transparent}
.lorong a:hover,.lorong a[aria-current="page"]{border-color:var(--marun);color:var(--perkamen);background:var(--marun)}

/* ruang baca artikel */
.ruang-baca,.ruang-arsip{padding:18px 16px 56px}
.naskah{max-width:780px;margin:0 auto}
.jejak ol{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px;font-size:.95rem;color:var(--tinta-lembut)}
.jejak li+li::before{content:"›";margin-right:6px;color:var(--kuningan-gelap)}
.jejak a{display:inline-block;padding:4px 0}
.kepala-naskah{border-bottom:2px solid var(--kuningan);margin-bottom:22px;padding-bottom:10px}
.nomor-ruang{margin:6px 0 0}
.catatan-terbit{font-size:.95rem;color:var(--tinta-lembut);margin:0}
.label-pameran{background:var(--panel);border:5px solid var(--kuningan);padding:14px 18px;margin:0 0 26px;max-width:460px;box-shadow:6px 6px 0 var(--garis)}
.label-pameran p{margin:0}
.nama-label{font-family:var(--huruf-judul);font-weight:700;font-size:1.15rem;color:var(--tinta)}
.tahun-label{font-variant:small-caps;letter-spacing:.1em;color:var(--marun);font-weight:700}
.ket-label{font-size:1rem;color:var(--tinta-lembut);margin-top:4px!important}
.bingkai{margin:6px 0 28px;border:10px solid var(--kuningan);outline:1px solid var(--tinta);outline-offset:-4px;background:var(--tinta)}
.bingkai figcaption{background:var(--panel);color:var(--tinta);font-size:.95rem;padding:8px 12px;border-top:3px solid var(--kuningan)}
.bingkai figcaption .kartu-kecil{margin-right:6px}
.naskah blockquote,.catatan-kurator{border-left:6px solid var(--marun);background:var(--panel);margin:1.4em 0;padding:12px 18px}
.kotak-rumus{border:3px solid var(--tinta);padding:12px 16px;margin:1.2em 0;background:#fbf8ef;font-family:var(--huruf-judul);font-size:1.05rem}
.kotak-rumus p{margin:.3em 0}
.ruang-berikut{margin-top:42px;border-top:6px double var(--kuningan);padding-top:4px}
.ruang-berikut ul{list-style:none;padding:0;display:grid;gap:8px}
.ruang-berikut a{display:block;padding:10px 14px;border:1.5px solid var(--tinta);text-decoration:none;color:var(--tinta);background:#fbf8ef}
.ruang-berikut a:hover{border-color:var(--marun);color:var(--marun)}
.ruang-berikut .no-pameran{display:block;font-size:.85rem}
.daftar-langkah{counter-reset:langkah;list-style:none;padding:0}
.daftar-langkah>li{counter-increment:langkah;position:relative;padding:4px 0 4px 52px;margin:.7em 0;min-height:40px}
.daftar-langkah>li::before{content:counter(langkah);position:absolute;left:0;top:2px;width:38px;height:38px;border:3px solid var(--kuningan);display:flex;align-items:center;justify-content:center;font-family:var(--huruf-judul);font-weight:700;color:var(--marun);background:var(--perkamen)}
.soal{border-top:1px solid var(--garis);padding:4px 0}
.soal h3{margin:.8em 0 .3em;font-size:1.1rem}
.surel{font-weight:700}

/* tabel koleksi */
.vitrin-tabel{overflow-x:auto;margin:1em 0 1.6em;border:4px solid var(--kuningan);background:#fbf8ef}
.tabel-koleksi{width:100%;border-collapse:collapse;font-size:1rem;min-width:520px}
.tabel-koleksi caption{caption-side:top;text-align:left;padding:8px 12px;font-variant:small-caps;letter-spacing:.06em;font-weight:700;color:var(--kuningan-gelap);background:var(--panel)}
.tabel-koleksi th,.tabel-koleksi td{padding:8px 10px;border-bottom:1px solid var(--garis);text-align:left;vertical-align:top}
.tabel-koleksi thead th{background:var(--marun);color:var(--perkamen);font-weight:600;font-size:.95rem}
.tabel-koleksi tbody th{font-weight:600}
.tabel-koleksi .kanan{text-align:right;white-space:nowrap}
.tabel-koleksi .no{font-family:var(--huruf-judul);color:var(--marun);font-weight:700;width:2.2em}
.tabel-koleksi tr.sorot{background:#f3dfc9}
.tabel-koleksi tr.sorot th{color:var(--marun)}
.kode{font-size:.85rem;letter-spacing:.08em;color:var(--kuningan-gelap);font-weight:700}
.dua-kolom-daftar{display:grid;gap:4px 28px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.dua-kolom-daftar h3{margin-top:.6em}
.daftar-rapat{columns:2;column-gap:20px;padding-left:1.1em}
.daftar-rapat li{margin:.1em 0;break-inside:avoid}

/* meja hitung */
.meja-hitung{border:5px solid var(--kuningan);background:var(--panel);padding:14px 16px;margin:1.2em 0 1.8em}
.meja-hitung .kartu-kecil{margin:0 0 6px}
.baris-isian{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.baris-isian label{display:flex;flex-direction:column;font-weight:600;font-size:1rem;gap:4px}
.baris-isian input{min-height:46px;font:inherit;font-size:1.05rem;padding:6px 10px;border:2px solid var(--tinta);border-radius:0;background:#fffdf7;color:var(--tinta);width:100%}
.hasil-hitung{margin:14px 0 8px;display:grid;gap:6px}
.hasil-hitung div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border-bottom:1px dashed var(--kuningan-gelap);padding:4px 0}
.hasil-hitung dt{font-size:1rem}
.hasil-hitung dd{margin:0;font-family:var(--huruf-judul);font-weight:700;color:var(--marun)}

/* aula = beranda */
.aula{padding:0 0 56px}
.aula section{padding:0 16px}
.aula-dalam{max-width:1120px;margin:0 auto}
.lobi{background:linear-gradient(180deg,var(--panel),var(--perkamen));border-bottom:1px solid var(--garis);padding-top:28px!important;padding-bottom:30px!important}
.lobi .aula-dalam{display:grid;gap:26px;grid-template-columns:1fr}
.lobi h1{margin-top:.1em}
.sambutan{font-size:1.2rem}
.jam-buka{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.jam-buka li{border:1.5px solid var(--kuningan-gelap);padding:4px 10px;font-size:.95rem;font-variant:small-caps;letter-spacing:.05em;margin:0}
.lukisan-lobi .bingkai{margin:0}
.papan-ruang{display:flex;align-items:baseline;gap:12px;border-bottom:3px solid var(--marun);margin:44px 0 16px;padding-bottom:6px}
.papan-ruang h2{margin:0}
.papan-ruang .angka-ruang{font-family:var(--huruf-judul);font-size:2.4rem;color:var(--kuningan);line-height:1;font-weight:700}
.denah-ruang{display:grid;gap:18px;grid-template-columns:1fr}
.sayap h3{font-variant:small-caps;letter-spacing:.06em;margin:.4em 0 .5em;color:var(--marun)}
.pintu-pintu{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pintu-pintu li{margin:0}
.pintu-pintu a{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border:1.5px solid var(--tinta);background:#fbf8ef;text-decoration:none;color:var(--tinta);min-height:64px}
.pintu-pintu a:hover{border-color:var(--marun);box-shadow:4px 4px 0 var(--kuningan)}
.pintu-pintu .no-pameran{grid-column:1 / span 2;font-size:.85rem}
.judul-pintu{font-family:var(--huruf-judul);font-weight:700;font-size:1.05rem;line-height:1.3}
.tahun-pintu{font-variant:small-caps;color:var(--marun);font-weight:700;font-size:.95rem;align-self:end}
.lemari-kaca{display:grid;gap:18px;grid-template-columns:1fr;border:8px solid var(--kuningan);background:linear-gradient(135deg,#f7f3e8 0%,var(--kaca) 60%,#e6dcc3 100%);padding:14px;box-shadow:inset 0 0 0 1px var(--tinta)}
.rak h3{margin:.2em 0 .6em;font-size:1.05rem;font-variant:small-caps;letter-spacing:.05em}
.rak ol{list-style:none;padding:0;margin:0;counter-reset:rak}
.rak li{counter-increment:rak;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0 8px 36px;border-bottom:1px solid var(--garis);position:relative;margin:0}
.rak li::before{content:counter(rak);position:absolute;left:0;top:8px;font-family:var(--huruf-judul);font-weight:700;color:var(--kuningan-gelap)}
.rak-bawah li::before{color:var(--marun)}
.nilai-koleksi{font-family:var(--huruf-judul);font-weight:700;color:var(--marun)}
.rupiah-di-sini{background:#f3dfc9;outline:2px dashed var(--marun);outline-offset:-2px;padding-right:8px!important}
.catatan-lemari{font-size:.95rem;color:var(--tinta-lembut);margin-top:10px}
.garis-waktu{list-style:none;padding:0;margin:0;position:relative}
.garis-waktu::before{content:"";position:absolute;left:62px;top:4px;bottom:4px;width:4px;background:var(--kuningan)}
.garis-waktu li{display:grid;grid-template-columns:52px 1fr;gap:22px;margin:0 0 16px;position:relative}
.garis-waktu li::after{content:"";position:absolute;left:57px;top:9px;width:14px;height:14px;background:var(--marun);border:2px solid var(--perkamen)}
.tahun-garis{font-family:var(--huruf-judul);font-weight:700;color:var(--marun);font-size:1.05rem;text-align:right}
.isi-garis p{margin:0}
.isi-garis .judul-garis{font-weight:700}
.tiga-ruang{display:grid;gap:14px;grid-template-columns:1fr}
.panel-hiper{border:3px solid var(--tinta);background:#fbf8ef;padding:14px 16px;display:flex;flex-direction:column}
.panel-hiper .angka-besar{font-family:var(--huruf-judul);font-size:1.5rem;color:var(--marun);font-weight:700;line-height:1.2;margin:.2em 0}
.panel-hiper h3{margin:.1em 0 .2em}
.panel-hiper a.lihat{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;border:1.5px solid var(--marun);padding:4px 12px;text-decoration:none;font-variant:small-caps;letter-spacing:.06em;font-weight:700;align-self:flex-start}
.meja-konservator{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}
.tiga-uji{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.tiga-uji li{border-left:6px solid var(--kuningan);background:var(--panel);padding:8px 14px;margin:0}
.tiga-uji b{font-variant:small-caps;letter-spacing:.06em;color:var(--marun)}

/* gudang = kaki situs */
.gudang{background:var(--tinta);color:#e7e0cf;border-top:8px double var(--kuningan);padding:8px 16px 26px}
.gudang-dalam{max-width:1120px;margin:0 auto}
.gudang h2{color:var(--kuningan);font-size:1.3rem;margin:1em 0 .4em}
.gudang h3{color:#f5efe0;font-size:1rem;font-variant:small-caps;letter-spacing:.06em;margin:.9em 0 .3em}
.kolom-gudang{display:grid;gap:6px 26px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.gudang ul{list-style:none;padding:0;margin:0}
.gudang li{margin:0}
.gudang a{color:#f1e6c8;display:inline-block;padding:6px 0;text-decoration:none;font-size:1rem}
.gudang a:hover{text-decoration:underline}
.tanda-kaki{border-top:1px solid #57534e;margin-top:20px;padding-top:12px;font-size:.95rem;color:#d6cdb8}

@media (min-width:760px){
  .lobi .aula-dalam{grid-template-columns:1.1fr .9fr;align-items:center}
  .denah-ruang{grid-template-columns:1fr 1fr}
  .lemari-kaca{grid-template-columns:1fr 1fr;padding:20px 22px}
  .tiga-ruang{grid-template-columns:repeat(3,1fr)}
  .meja-konservator{grid-template-columns:1.1fr .9fr}
}
@media (max-width:420px){
  body{font-size:1.06rem}
  .daftar-rapat{columns:1}
  .lorong a{padding:4px 9px;font-size:.95rem}
  .garis-waktu::before{left:50px}
  .garis-waktu li{grid-template-columns:42px 1fr;gap:20px}
  .garis-waktu li::after{left:45px}
}
.kartu-inventaris{display:grid;grid-template-columns:minmax(120px,190px) 1fr;border:4px solid var(--kuningan);background:#fbf8ef;margin:0 0 1.4em}
.kartu-inventaris dt,.kartu-inventaris dd{padding:10px 14px;border-bottom:1px solid var(--garis);margin:0}
.kartu-inventaris dt{font-variant:small-caps;letter-spacing:.06em;font-weight:700;color:var(--marun);background:var(--panel)}
@media (max-width:520px){.kartu-inventaris{grid-template-columns:1fr}.kartu-inventaris dt{border-bottom:0}}
.negara-kecil{display:block;font-weight:400;font-size:.88rem;color:var(--tinta-lembut)}
.tabel-ramping{min-width:0}
.tabel-ramping .kanan{white-space:normal}
@media (max-width:520px){.tabel-ramping th,.tabel-ramping td{padding:7px 6px;font-size:.95rem}}
.aula-dalam>.bingkai{max-width:760px;margin-left:auto;margin-right:auto}
@media (max-width:400px){.tabel-ramping th,.tabel-ramping td{padding:6px 4px;font-size:.9rem}.tabel-ramping .no{width:1.6em}}