/* Kartu layanan hukum: kotak abu terang berikon palu emas; saat disorot berubah biru dan ikon berganti. Dipakai di Beranda dan halaman Layanan hukum. */
.lgrid{--lc-bg:var(--surface);--lc-ink:var(--ink);--lc-sub:var(--muted);--lc-icon:var(--brass);display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}
.lcard{display:block;min-height:194px;padding:32px 30px;background:var(--lc-bg);color:var(--lc-ink);border:1px solid var(--line);text-decoration:none;transition:background .3s,color .3s,box-shadow .3s,border-color .3s}
.lcard .lic{position:relative;display:block;width:52px;height:52px;margin-bottom:22px;color:var(--lc-icon);transition:color .3s}
.lcard .lic svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s}
.lcard .lic .d{opacity:0}
.lcard h3{font:700 1.4rem/1.25 var(--font-kartu);letter-spacing:0;margin:0}
.lcard p{margin:12px 0 0;color:var(--lc-sub);font-size:.95rem;transition:color .3s}
.lcard:hover,.lcard:focus-visible{background:linear-gradient(135deg,#00589a,#00345c);border-color:transparent;color:#fff;box-shadow:0 14px 32px rgba(0,30,70,.35)}
.lcard:hover .lic,.lcard:focus-visible .lic{color:#e6cf94}
.lcard:hover .lic .g,.lcard:focus-visible .lic .g{opacity:0}
.lcard:hover .lic .d,.lcard:focus-visible .lic .d{opacity:1}
.lcard:hover p,.lcard:focus-visible p{color:rgba(255,255,255,.86)}
@media (max-width:640px){.lgrid{gap:18px}.lcard{min-height:0;padding:26px 24px}}