/* Buku Register & Kartu Indeks Arsip — anti AI-slop: kertas putih, tinta hitam, merah stempel, tanpa gradasi, tanpa bayangan halus. */
:root{--tinta:#1a1712;--merah:#a0271d;--biru:#1d3a5f;--hijau:#1f4d3a;--oker:#8a6d1b;--kertas:#fff;--garis:#1a1712}
*{box-sizing:border-box}body{margin:0;background:var(--kertas);color:var(--tinta);font-family:"IBM Plex Sans",system-ui,Arial,sans-serif;line-height:1.55}
.kop{display:flex;justify-content:space-between;gap:16px;border-bottom:4px double var(--garis);padding:14px 18px;font-family:"IBM Plex Mono",monospace;text-transform:uppercase;font-size:13px}
.kop-kanan{text-align:right}.judul{padding:18px}.judul h1{font-family:"IBM Plex Sans Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px}
.status{font-family:"IBM Plex Mono",monospace;font-size:13px;border:1px solid var(--garis);padding:8px 10px;display:inline-block}
.ringkasan{display:flex;flex-wrap:wrap;gap:12px;padding:0 18px}.ringkasan div{border:1px solid var(--garis);padding:10px 12px;font-family:"IBM Plex Mono",monospace}
h2{padding:0 18px;text-transform:uppercase;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 18px 18px}
@media(max-width:720px){.grid{grid-template-columns:1fr}}
.kartu{border:2px solid var(--garis);padding:14px;background:#fff;box-shadow:5px 5px 0 #d8d2c4;cursor:pointer;text-align:left;font:inherit}
.kartu:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--merah)}
.kartu .tab{height:6px;background:var(--merah);margin:-14px -14px 10px}.kartu h3{margin:0 0 6px;text-transform:uppercase;font-size:16px}
.lencana{display:inline-block;border:1px solid var(--garis);padding:2px 6px;margin:2px 4px 2px 0;font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:bold}
.lencana.merah{color:var(--merah);border-color:var(--merah);background:#fbe9e7}.lencana.hijau{color:var(--hijau);border-color:var(--hijau);background:#e6f2ec}
#detail{padding:0 18px 24px}button{border:2px solid var(--garis);background:#fff;padding:8px 12px;font:inherit;cursor:pointer;box-shadow:3px 3px 0 #d8d2c4}
button.primer{background:var(--tinta);color:#fff}input,select,textarea{width:100%;border:1px solid var(--garis);padding:8px;margin:4px 0 10px;font:inherit}
label{font-family:"IBM Plex Mono",monospace;font-size:12px;text-transform:uppercase}
.indikator,.unsur{border:1px solid var(--garis);padding:12px;margin:10px 0}
.catatan{border-left:4px solid var(--oker);padding:8px 10px;margin:8px 0;background:#fffdf2}
a{color:var(--biru)}
@media(prefers-color-scheme:dark){body{background:#171512;color:#f2ede3}.kartu{background:#221f1a}.catatan{background:#2a251c}}
@media(prefers-reduced-motion:reduce){.kartu:hover{transform:none}}