.jdb-v3 .jdb-v3-legal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--jdb-space-3); }
.jdb-v3 .jdb-v3-legal-card { display:grid; min-width:0; min-height:164px; padding:var(--jdb-space-4); grid-template-columns:24px minmax(0,1fr) 18px; grid-template-rows:minmax(0,1fr) auto; gap:var(--jdb-space-3); border:1px solid var(--jdb-color-border); border-radius:var(--jdb-radius-md); background:var(--jdb-color-surface); box-shadow:var(--jdb-shadow-card); transition:transform var(--jdb-duration-normal) ease,border-color var(--jdb-duration-normal) ease,background-color var(--jdb-duration-normal) ease,box-shadow var(--jdb-duration-normal) ease; }
.jdb-v3 .jdb-v3-legal-card__icon { display:grid; width:24px; height:24px; place-items:center; color:var(--jdb-color-text-muted); }
.jdb-v3 .jdb-v3-legal-card__icon svg { width:24px; height:24px; }
.jdb-v3 .jdb-v3-legal-card__body { display:flex; min-width:0; flex-direction:column; }
.jdb-v3 .jdb-v3-legal-card__title { color:var(--jdb-color-text); font-size:16px; font-weight:700; line-height:1.5; }
.jdb-v3 .jdb-v3-legal-card__description { display:-webkit-box; margin-top:var(--jdb-space-2); overflow:hidden; color:var(--jdb-color-text-secondary); font-size:13px; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.jdb-v3 .jdb-v3-legal-card__count { grid-column:1 / 3; grid-row:2; align-self:end; color:var(--jdb-color-text-muted); font-size:12px; font-weight:700; }
.jdb-v3 .jdb-v3-legal-card__arrow { display:grid; width:18px; height:18px; grid-column:3; grid-row:2; place-items:center; color:var(--jdb-color-text-secondary); transition:transform var(--jdb-duration-normal) ease,color var(--jdb-duration-normal) ease; }
.jdb-v3 .jdb-v3-legal-card__arrow svg { width:18px; height:18px; }
.jdb-v3 .jdb-v3-legal-card--death-penalty .jdb-v3-legal-card__icon { color:var(--jdb-color-death-penalty); }.jdb-v3 .jdb-v3-legal-card--life-sentence .jdb-v3-legal-card__icon { color:var(--jdb-color-life-sentence); }.jdb-v3 .jdb-v3-legal-card--false-accusation .jdb-v3-legal-card__icon { color:var(--jdb-color-false-accusation); }.jdb-v3 .jdb-v3-legal-card--juvenile .jdb-v3-legal-card__icon { color:var(--jdb-color-juvenile); }
.jdb-v3 .jdb-v3-legal-card--term-sentence .jdb-v3-legal-card__icon { color:#587080; }.jdb-v3 .jdb-v3-legal-card--unresolved .jdb-v3-legal-card__icon { color:#6b7280; }
.jdb-v3 .jdb-v3-legal-card:focus-visible { outline:3px solid var(--jdb-color-accent); outline-offset:2px; }
.jdb-v3 .jdb-v3-legal-diagnostics { order:5; margin-top:var(--jdb-space-8); padding:var(--jdb-space-4); border:1px solid var(--jdb-color-border); border-radius:var(--jdb-radius-sm); color:var(--jdb-color-text-secondary); font-size:12px; }.jdb-v3 .jdb-v3-legal-diagnostics summary { min-height:44px; cursor:pointer; font-weight:700; line-height:44px; }.jdb-v3 .jdb-v3-legal-diagnostics__scroll { min-width:0; margin-top:var(--jdb-space-3); overflow-wrap:anywhere; }.jdb-v3 .jdb-v3-legal-diagnostics table { width:100%; table-layout:fixed; border-collapse:collapse; color:inherit; font-size:12px; }.jdb-v3 .jdb-v3-legal-diagnostics th,.jdb-v3 .jdb-v3-legal-diagnostics td { padding:var(--jdb-space-2); border-bottom:1px solid var(--jdb-color-border); text-align:left; overflow-wrap:anywhere; }
@media (hover:hover) and (pointer:fine) { .jdb-v3 .jdb-v3-legal-card:hover { transform:translateY(-2px); border-color:var(--jdb-color-border-strong); background:var(--jdb-color-elevated); box-shadow:var(--jdb-shadow-hover); }.jdb-v3 .jdb-v3-legal-card:hover .jdb-v3-legal-card__arrow { transform:translateX(2px); color:var(--jdb-color-accent); } }
@media (max-width:767px) { .jdb-v3 .jdb-v3-legal-card { min-height:132px; }.jdb-v3 .jdb-v3-legal-card__title { font-size:15px; overflow-wrap:normal; word-break:keep-all; }.jdb-v3 .jdb-v3-legal-card__description { display:none; } }
@media (min-width:768px) { .jdb-v3 .jdb-v3-legal-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--jdb-space-5); }.jdb-v3 .jdb-v3-legal-card { min-height:180px; padding:var(--jdb-space-5); }.jdb-v3 .jdb-v3-legal-card__title { font-size:18px; }.jdb-v3 .jdb-v3-legal-card__description { font-size:14px; }.jdb-v3 .jdb-v3-legal-card__count { font-size:13px; } }
@media (prefers-reduced-motion:reduce) { .jdb-v3 .jdb-v3-legal-card,.jdb-v3 .jdb-v3-legal-card__arrow { transition:none; }.jdb-v3 .jdb-v3-legal-card:hover,.jdb-v3 .jdb-v3-legal-card:hover .jdb-v3-legal-card__arrow { transform:none; } }