/* statis.css — halaman statis prarender (kepercayaan, topik, soal contoh). Memakai token dari gaya.css. */
.statis { max-width: 800px; }
.statis h1 { font-size: 28px; margin-top: .2em; }
.statis ul, .statis ol { padding-left: 1.3em; margin: 0 0 1em; } .statis li { margin: .3em 0; }
.statis .remah { font-size: 13px; color: var(--redup); margin-bottom: .4em; }
.statis .catatan { background: var(--aksen-lembut); border-left: 4px solid var(--aksen); padding: 10px 14px; border-radius: var(--r); }
.statis .soal { background: var(--kartu); border: 1px solid var(--garis); border-radius: var(--r-besar); padding: 18px; margin: 14px 0; }
.statis .opsi-statis { list-style-type: upper-alpha; }
.statis .opsi-statis li { padding: 6px 4px; }
.statis details.jawab { margin-top: 12px; border-top: 1px dashed var(--garis-kuat); padding-top: 10px; }
.statis details.jawab summary { cursor: pointer; font-weight: 600; color: var(--info); }
.statis .kasus-isi { background: var(--kartu); border: 1px solid var(--garis); border-radius: var(--r-besar); padding: 6px 18px 12px; margin: 14px 0; }
.statis .grid-topik { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.statis .tabel-wrap { overflow-x: auto; margin: 10px 0; }
.harga-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 16px 0 24px; }
.harga-kartu { background: var(--kartu); border: 1px solid var(--garis); border-radius: var(--r-besar); padding: 18px 20px; }
.harga-kartu.utama { border-color: var(--aksen); box-shadow: var(--bayang); }
.harga-kartu h2 { margin-top: 0; } .harga { font: 700 30px var(--font-judul); margin: 0 0 8px; } .harga .meta { font: 13px var(--font); }
.kaki-besar { text-align: left; max-width: 800px; margin: 0 auto; width: 100%; }
.kaki-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 10px; } .kaki-nav a { color: var(--info); }
.kaki .legal { font-size: 12px; margin: 0 0 6px; line-height: 1.5; }
.btn.mati { opacity: .55; pointer-events: none; }