/* courts.css - Courts & Judges (/courts/). Uses the site's colour tokens only, so dark mode follows site.css. */

.cvc-muted{ color:var(--cv-ink-3); font-size:12.5px; }

/* The bench list on the overview */
.cvc-bench, .cvc-decisions{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.cvc-bench li, .cvc-decisions li{ display:flex; flex-direction:column; gap:2px; padding-bottom:8px; border-bottom:1px solid var(--cv-line); }
.cvc-bench li:last-child, .cvc-decisions li:last-child{ border-bottom:0; padding-bottom:0; }
.cvc-bench span, .cvc-decisions span{ font-size:13px; color:var(--cv-ink-3); }
.cvc-decisions a{ color:var(--cv-blue); font-weight:600; }

/* Justice cards */
.cvc-justices{ display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:14px; }
.cvc-justice{ border:1px solid var(--cv-line); border-radius:var(--cv-radius, 10px); padding:14px 16px; background:var(--cv-surface); }
.cvc-justice h3{ margin:0; font-size:17px; color:var(--cv-ink); }
.cvc-jtitle{ margin:2px 0 10px; font-size:13px; color:var(--cv-ink-3); }
.cvc-facts{ display:grid; gap:6px; font-size:13.5px; }
.cvc-facts > div, .cvc-factrow{ display:grid; grid-template-columns:110px 1fr; gap:8px; align-items:baseline; }
.cvc-k{ color:var(--cv-ink-3); font-size:12px; text-transform:uppercase; letter-spacing:.05em; font-weight:700; }
.cvc-factrow{ grid-template-columns:150px 1fr; padding:6px 0; border-bottom:1px solid var(--cv-line); }
.cvc-factrow:last-child{ border-bottom:0; }
.cvc-factrow .cv-pill{ margin:0 4px 4px 0; text-transform:none; letter-spacing:0; }

/* Opinions */
.cvc-authors{ margin:0 0 12px; display:flex; flex-wrap:wrap; gap:6px; }
.cvc-authors .cv-pill{ text-transform:none; letter-spacing:0; }
.cvc-opinions td:first-child{ white-space:nowrap; }
.cvc-summary{ display:block; margin-top:3px; font-size:12.5px; color:var(--cv-ink-3); line-height:1.4; }

/* Sortable tables (courts.js) */
.cv-sortable thead th{ cursor:pointer; user-select:none; }
.cv-sortable thead th[aria-sort="ascending"]::after{ content:" \25B2"; font-size:9px; }
.cv-sortable thead th[aria-sort="descending"]::after{ content:" \25BC"; font-size:9px; }

.cvc-prevnext{ display:flex; justify-content:space-between; gap:12px; margin:18px 0; font-size:14px; }
.cvc-prevnext a{ color:var(--cv-blue); }

@media (max-width:640px){
  .cvc-facts > div, .cvc-factrow{ grid-template-columns:1fr; gap:2px; }
}