/* Komponen portal (09 + 10): kad produk/kes/servis gaya K2 + baris sumber HUD */
.pk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.pk-kad { display: grid; gap: 4px; align-content: start; padding: 16px; border-radius: 16px; background: #FFFFFF; color: var(--ink); box-shadow: inset 0 0 0 1px var(--garis); }
.pk-kad-gelap { background: linear-gradient(155deg, #16244a 0%, var(--malam-2) 48%, var(--malam) 100%); color: var(--ais); box-shadow: inset 0 1px 0 rgb(255 255 255 / .10), inset 0 0 0 1px rgb(255 255 255 / .06); }
.pk-jenis { font: 500 10.5px/1.5 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kelabu); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pk-kad-gelap .pk-jenis { color: var(--ais-redup); }
.pk-status { display: inline-flex; align-items: center; gap: 6px; color: var(--kelabu); }
.pk-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; border: 1px solid currentColor; }
.pk-status.hidup { color: var(--navy); } .pk-status.hidup::before { background: currentColor; }
.pk-nama { margin: 0; font-size: 1.15rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; }
.pk-ayat { font-size: 14.5px; line-height: 1.45; color: var(--kelabu); }
.pk-kad-gelap .pk-ayat { color: #BAC3D3; }
.pk-meta { font: 500 11px/1.5 var(--mono); color: var(--kelabu); }
.pk-kad-gelap .pk-meta { color: var(--ais-redup); }
.pk-link { justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 560; font-size: 14.5px; color: var(--navy); text-decoration: none; }
.pk-kad-gelap .pk-link { color: var(--ais); }
.pk-link::after { content: "→"; transition: transform 240ms var(--lengkung); }
.pk-link:hover::after { transform: translateX(4px); }
.pk-sumber { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; margin-top: 8px; font: 500 10px/1.5 var(--mono); letter-spacing: .04em; color: #8D97AC; }
.pk-sumber span { letter-spacing: .12em; color: var(--ais-redup); }
.pk-sumber code { font: inherit; color: #A3AFC6; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) { .pk-link::after { transition: none; } }