.judge-summary { border-left: 5px solid #32668b; }
.judge-summary h2 { margin: 0 0 .4em; font-size: 1.35rem; }
.judge-summary p { margin: .45em 0; }
.judge-progress { font-weight: 650; color: #17364e; }
.judge-meta, .judge-note { color: #536877; font-size: .88rem; line-height: 1.6; }
.judge-note { max-width: 100ch; }
.judge-links { display: flex; flex-wrap: wrap; gap: .5rem .8rem; margin-top: .9rem; }
.judge-links a { display: inline-block; padding: .3em .6em; border: 1px solid #d7e3ec; border-radius: 5px; background: #f5f9fc; font-size: .85rem; }
.judge-panel { border-top: 1px solid #d8e2ea; margin-top: 1.1rem; padding-top: .8rem; }
.judge-panel h4 { font-size: 1rem; margin: 0 0 .2em; color: #17364e; }
.judge-panel p.judge-meta { margin: .2em 0 .65em; }
.judge-panel .judge-table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: .8rem; line-height: 1.45; }
.judge-table th, .judge-table td { border-bottom: 1px solid #e4ebf0; padding: .5em .35em; text-align: center; vertical-align: middle; overflow-wrap: anywhere; }
.judge-table thead th { font-weight: 600; color: #536877; background: #f4f7fa; }
.judge-table th:first-child { width: 44%; text-align: left; }
.judge-table .judge-dimension { font-weight: 500; }
.judge-table .judge-score { font-weight: 700; color: #174b70; font-variant-numeric: tabular-nums; }
.judge-table .judge-empty { color: #6b7780; font-size: .76rem; }
.judge-run-details { margin-top: .65em; font-size: .85rem; }
.judge-run-details > summary { cursor: pointer; color: #086b94; padding: .3em 0; }
.judge-run { border: 1px solid #dde6ec; border-radius: 6px; padding: .8em; margin-top: .65em; background: #f8fafc; }
.judge-run h5 { font-size: .9rem; margin: 0; }
.judge-run-id { color: #647683; font: .7rem/1.4 ui-monospace, monospace; overflow-wrap: anywhere; margin: .3em 0 .7em; }
.judge-run-dimension + .judge-run-dimension { border-top: 1px solid #e3eaf0; padding-top: .55em; margin-top: .55em; }
.judge-dimension-title { font-weight: 650; margin: 0 0 .25em; }
.judge-evidence { margin: .2em 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.judge-evidence strong { font-weight: 600; }
.score-average { display:flex; flex-wrap:wrap; align-items:center; gap:.45em .8em; padding:.65em .8em; margin:.7em 0!important; background:#edf3f8; border-radius:6px; font-size:.9rem; }
.score-average-value { font-variant-numeric:tabular-nums; color:#17364e; white-space:nowrap; }
.score-delta { display:inline-block; margin-left:.55em; padding:.12em .4em; border-radius:4px; font-size:.78rem; font-weight:650; line-height:1.5; white-space:nowrap; font-variant-numeric:tabular-nums; vertical-align:middle; }
.score-delta-up { color:#1a663c; background:#e0f1e6; }
.score-delta-down { color:#9a332b; background:#fbe6e2; }
.score-delta-same { color:#526271; background:#e9eef2; }
.score-delta-missing { color:#63636c; background:#eeeef0; font-weight:400; }
.score-average .score-delta { margin-left:0; }
article:target { outline:3px solid #357b80; outline-offset:3px; }
@media (max-width: 420px) {
  .judge-panel .judge-table { font-size: .73rem; }
  .judge-table th:first-child { width: 42%; }
  .judge-table th, .judge-table td { padding: .5em .2em; }
}