/* KencanaFinance — gaya buku direktori halaman kuning */
:root{
  --kertas:#fffbe6; --tinta:#1f1f1f; --kuning:#facc15; --hitam:#111111; --panel:#ffffff;
  --abu:#5b5646; --garis:2px solid #111111; --sudut:2px;
  --slab:"Alfa Slab One", Georgia, "Times New Roman", serif;
  --teks:"IBM Plex Sans", "Segoe UI", Arial, sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kertas);color:var(--tinta);font:16px/1.65 var(--teks)}
img{max-width:100%;height:auto;display:block}
a{color:var(--hitam);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{background:var(--kuning)}
h1,h2,h3{font-family:var(--slab);font-weight:400;line-height:1.2;color:var(--hitam);letter-spacing:.2px}
h1{font-size:clamp(1.7rem,5vw,2.6rem);margin:.2em 0 .5em}
h2{font-size:clamp(1.3rem,3.6vw,1.75rem);margin:1.8em 0 .6em}
h3{font-size:1.15rem;margin:1.4em 0 .4em}
p,li{overflow-wrap:anywhere}
.lompat{position:absolute;left:-999px;top:0;background:var(--kuning);padding:10px;z-index:9}
.lompat:focus{left:8px}

/* ===== kepala ===== */
.kop{background:var(--hitam);color:var(--kuning);border-bottom:6px solid var(--kuning)}
.kop-isi{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}
.merek{display:inline-flex;align-items:center;gap:10px;color:var(--kuning);text-decoration:none;min-height:44px}
.merek:hover{background:transparent}
.merek img{width:38px;height:38px}
.merek b{font-family:var(--slab);font-weight:400;font-size:1.35rem;letter-spacing:.5px}
.merek small{display:block;font-size:.75rem;color:#f5e9a8;letter-spacing:1.5px;text-transform:uppercase}
.jalur{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.jalur a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;color:var(--kuning);text-decoration:none;border:1px solid #3a3a3a;border-radius:var(--sudut);font-weight:600;font-size:.92rem}
.jalur a:hover,.jalur a[aria-current]{background:var(--kuning);color:var(--hitam);border-color:var(--kuning)}

/* ===== remah roti ===== */
.remah{max-width:1120px;margin:0 auto;padding:12px 16px 0;font-size:.88rem;color:var(--abu)}
.remah ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.remah li+li::before{content:"›";margin:0 6px}
.remah a{display:inline-block;padding:4px 0;min-height:28px}

/* ===== badan ===== */
main{display:block;max-width:1120px;margin:0 auto;padding:8px 16px 40px}
.kolom-baca{max-width:760px}
.lead{font-size:1.08rem}
.tanggal{display:inline-block;font-size:.85rem;background:var(--panel);border:var(--garis);border-radius:var(--sudut);padding:2px 8px;margin:0 0 12px}

/* entri direktori berbingkai */
.entri{background:var(--panel);border:3px solid var(--hitam);border-radius:var(--sudut);margin:18px 0 26px;box-shadow:6px 6px 0 var(--kuning)}
.entri-kepala{background:var(--kuning);border-bottom:var(--garis);padding:10px 14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:baseline}
.entri-kepala strong{font-family:var(--slab);font-weight:400;font-size:1.2rem}
.entri-kepala span{font-size:.85rem;font-weight:600}
.entri dl{margin:0;display:grid;grid-template-columns:minmax(110px,32%) 1fr}
.entri dt,.entri dd{margin:0;padding:8px 14px;border-bottom:1px dashed #b9b29a}
.entri dt{font-weight:700;font-size:.9rem;background:#fffdf3}
.entri dd{font-size:.95rem}
.entri .sumber-entri{font-size:.82rem;color:var(--abu);padding:8px 14px;margin:0}
.kode{display:inline-block;font-family:var(--slab);background:var(--hitam);color:var(--kuning);padding:0 8px;border-radius:var(--sudut);letter-spacing:1px}
.belum{display:inline-block;border:1px solid var(--hitam);padding:0 6px;font-size:.82rem;background:#fff3b0}

/* deret entri (halaman sekuritas lain) */
.deret{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin:10px 0}
.deret .entri{margin:0}
.deret .entri h3{margin:0;font-size:1.15rem}
.deret .isi-entri{padding:10px 14px}
.deret .isi-entri p{margin:.4em 0}

/* gambar */
figure{margin:18px 0 24px}
.bingkai{border:var(--garis);border-radius:var(--sudut);background:var(--panel);padding:6px}
figcaption{font-size:.85rem;color:var(--abu);padding:6px 4px 0}

/* tabel */
.tabel-wadah{overflow-x:auto;margin:14px 0 20px;border:var(--garis);border-radius:var(--sudut);background:var(--panel)}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;padding:9px 11px;border-bottom:1px solid #d9d2b8;vertical-align:top}
thead th{background:var(--hitam);color:var(--kuning);font-weight:600}
tbody tr:nth-child(even){background:#fffdf3}

/* kotak */
.kotak-periksa{background:var(--panel);border:var(--garis);border-left:10px solid var(--kuning);border-radius:var(--sudut);padding:6px 16px;margin:20px 0}
.kotak-periksa ul,.kotak-periksa ol{padding-left:20px}
.catatan-izin{background:var(--hitam);color:#f7f0cf;border-radius:var(--sudut);padding:14px 18px;margin:30px 0 10px}
.catatan-izin p{margin:.5em 0}
.catatan-izin b{color:var(--kuning)}
.catatan-izin a{color:var(--kuning)}
.dua-sisi{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dua-sisi>div{background:var(--panel);border:var(--garis);border-radius:var(--sudut);padding:4px 14px}
.dua-sisi h3{margin-top:.8em}

/* FAQ */
.tanya dt{font-weight:700;margin-top:14px}
.tanya dd{margin:4px 0 0;padding-left:14px;border-left:4px solid var(--kuning)}

/* tautan terkait */
.lanjut{border-top:var(--garis);margin-top:30px;padding-top:6px}
.lanjut ul{list-style:none;padding:0;margin:0}
.lanjut li a{display:flex;align-items:center;min-height:44px;padding:6px 0;font-weight:600}

/* ===== beranda ===== */
.sampul{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start;border-bottom:4px double var(--hitam);padding-bottom:18px}
.edisi{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-top:var(--garis);border-bottom:var(--garis);display:inline-block;padding:2px 0;margin-top:12px}
.tab-huruf{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0 8px;padding:0;list-style:none}
.tab-huruf li a,.tab-huruf li span{display:inline-flex;justify-content:center;align-items:center;width:40px;height:44px;font-family:var(--slab);border:var(--garis);border-bottom-width:5px;border-radius:var(--sudut) var(--sudut) 0 0;text-decoration:none;background:var(--kuning)}
.tab-huruf li span{background:#efe8c8;color:#8c8570;border-color:#b9b29a}
.indeks{column-width:300px;column-gap:28px;column-rule:1px solid #cfc7a8;margin:10px 0 30px}
.blok-huruf{break-inside:avoid;margin:0 0 18px}
.blok-huruf h2{margin:0 0 6px;font-size:1.6rem;background:var(--hitam);color:var(--kuning);display:inline-block;padding:0 12px;border-radius:var(--sudut)}
.baris-indeks{list-style:none;margin:0;padding:0}
.baris-indeks li{border-bottom:1px dotted #8c8570}
.baris-indeks a{display:flex;gap:6px;align-items:baseline;min-height:44px;padding:8px 0;text-decoration:none}
.baris-indeks a span{flex:1;font-weight:700}
.baris-indeks a em{font-style:normal;font-size:.82rem;color:var(--abu);text-align:right}
.baris-indeks .tanpa-hlm{display:block;padding:8px 0;font-size:.9rem;color:var(--abu)}
.legenda{background:var(--panel);border:var(--garis);border-radius:var(--sudut);padding:4px 16px 10px;margin:24px 0}
.legenda dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0}
.legenda dt{font-weight:700}
.legenda dd{margin:0}
.iklan-baris{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0 28px}
.iklan-baris a{display:block;background:var(--panel);border:var(--garis);border-radius:var(--sudut);padding:12px 14px;text-decoration:none;min-height:44px}
.iklan-baris a:hover{background:#fff3b0}
.iklan-baris b{display:block;font-family:var(--slab);font-weight:400;font-size:1.05rem;margin-bottom:4px}
.iklan-baris small{display:block;font-size:.88rem;color:#3d3a30}
.tombol{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;background:var(--hitam);color:var(--kuning);text-decoration:none;border-radius:var(--sudut);font-weight:700}
.tombol:hover{background:#2a2a2a;color:var(--kuning)}

/* ===== kaki ===== */
.kaki{background:var(--hitam);color:#ece4c2;margin-top:30px;border-top:6px solid var(--kuning)}
.kaki-isi{max-width:1120px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.kaki-judul{font-family:var(--slab);color:var(--kuning);margin:0 0 6px;font-size:1rem}
.kaki ul{list-style:none;margin:0;padding:0}
.kaki li a{display:inline-flex;align-items:center;min-height:36px;color:#ece4c2;font-size:.92rem}
.kaki li a:hover{color:var(--hitam)}
.kaki p{font-size:.9rem;margin:.4em 0}
.kaki-bawah{border-top:1px solid #333;text-align:center;font-size:.82rem;padding:12px 16px;color:#cfc7a8}

@media (max-width:760px){
  .sampul{grid-template-columns:1fr}
  .dua-sisi{grid-template-columns:1fr}
  .entri dl{grid-template-columns:1fr}
  .entri dt{border-bottom:0;padding-bottom:2px}
  .deret{grid-template-columns:1fr}
  .jalur a{padding:6px 10px;font-size:.88rem}
}
.tab-huruf li span::before{content:attr(data-h)}
.legenda h2{margin:.7em 0 .3em}
main>figure{max-width:760px}