/* Portal informasi publik: dua elemen pilihan dan panel isinya */
.pp-lead{margin:10px 0 0;max-width:62ch;color:#5d7083;font-size:15px;line-height:1.6}
.pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pp-elemen{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;padding:26px 28px;border:1.5px solid #d9e2ec;border-radius:16px;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.pp-elemen:hover{border-color:#3b5e8e;box-shadow:0 10px 28px rgba(54,108,140,.14);transform:translateY(-2px)}
.pp-elemen:focus-visible{outline:3px solid rgba(59,94,142,.35);outline-offset:2px}
.pp-elemen.on{border-color:#3b5e8e;background:#f1f5fa;box-shadow:0 10px 28px rgba(54,108,140,.14)}
.pp-art{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#3b5e8e,#2f4f7a);color:#fff}
.pp-art svg{width:34px;height:34px}
.pp-teks{display:grid;gap:5px;min-width:0}
.pp-no{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3b5e8e}
.pp-teks strong{font-size:22px;line-height:1.2;color:#243c4c}
.pp-teks>span:not(.pp-no):not(.pp-jumlah){font-size:13.5px;line-height:1.55;color:#5d7083}
.pp-jumlah{justify-self:start;margin-top:6px;padding:3px 11px;border-radius:99px;background:#e8eef6;color:#2f4f7a;font-size:12px;font-weight:700}
.pp-panah{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8eef6;color:#3b5e8e;transition:transform .2s,background .2s}
.pp-panah svg{width:20px;height:20px}
.pp-elemen.on .pp-panah{transform:rotate(180deg);background:#3b5e8e;color:#fff}
.pp-panel{margin-top:26px;scroll-margin-top:18px;animation:pp-masuk .22s ease-out}
.pp-panel[hidden]{display:none}
.pp-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.pp-kartu{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid #d9e2ec;border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.pp-kartu:hover{border-color:#3b5e8e;box-shadow:0 6px 18px rgba(54,108,140,.12)}
.pp-kartu:focus-visible{outline:3px solid rgba(59,94,142,.35);outline-offset:2px}
.pp-ik{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e8eef6;color:#3b5e8e}
.pp-ik svg{width:22px;height:22px}
.pp-kartu strong{font-size:15px;line-height:1.35;color:#243c4c}
.pp-aksi{display:grid;place-items:center;color:#3b5e8e}
.pp-aksi svg{width:18px;height:18px;transition:transform .15s}
.pp-kartu:hover .pp-aksi svg{transform:translateX(3px)}
@keyframes pp-masuk{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pp-panel{animation:none}.pp-elemen,.pp-panah,.pp-aksi svg{transition:none}}
@media(max-width:860px){.pp-grid{grid-template-columns:1fr}.pp-elemen{padding:20px;gap:16px}.pp-art{width:58px;height:58px;border-radius:14px}.pp-teks strong{font-size:19px}}
@media(max-width:480px){.pp-daftar{grid-template-columns:1fr}.pp-elemen{grid-template-columns:auto minmax(0,1fr)}.pp-panah{display:none}}