:root {
      color-scheme: light;
      --ink: #17202a;
      --muted: #5e6b78;
      --line: #d8e0e7;
      --panel: #ffffff;
      --page: #f3f6f8;
      --blue: #1769aa;
      --green: #16845b;
      --amber: #b76619;
      --red: #b3373c;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      background: var(--page);
      color: var(--ink);
      font:
        14px/1.45 Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    }
    button, input, select { font: inherit; }
    .shell { max-width: 1180px; margin: 0 auto; padding: 24px; }
    .topbar {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) auto;
      gap: 16px;
      align-items: end;
      padding-bottom: 18px;
      border-bottom: 1px solid var(--line);
    }
    h1 { margin: 0; font-size: 30px; line-height: 1.1; letter-spacing: 0; }
    .subtitle { margin: 8px 0 0; color: var(--muted); max-width: 680px; }
    .actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
    .button {
      border: 1px solid var(--blue);
      background: var(--blue);
      color: white;
      min-height: 38px;
      padding: 8px 12px;
      border-radius: 6px;
      cursor: pointer;
    }
    .button.secondary { background: white; color: var(--blue); }
    .status { color: var(--muted); margin-top: 10px; min-height: 20px; }
    .grid { display: grid; gap: 14px; margin-top: 18px; }
    .metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .main { grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); align-items: start; }
    .panel {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px;
      min-width: 0;
    }
    .metric strong { display: block; font-size: 26px; letter-spacing: 0; margin-bottom: 4px; }
    .metric span,
    .panel-label {
      color: var(--muted);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .panel h2 { margin: 2px 0 12px; font-size: 18px; letter-spacing: 0; }
    .row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 8px 0;
      border-top: 1px solid #edf1f4;
    }
    .row:first-child { border-top: 0; }
    .badge {
      border-radius: 999px;
      padding: 4px 9px;
      font-size: 12px;
      background: #e8f2fb;
      color: var(--blue);
      white-space: nowrap;
    }
    .badge.green { background: #e8f6ef; color: var(--green); }
    .badge.amber { background: #fff2df; color: var(--amber); }
    .badge.red { background: #fdecee; color: var(--red); }
    table { width: 100%; border-collapse: collapse; table-layout: fixed; }
    th,
    td {
      padding: 9px 8px;
      border-bottom: 1px solid #edf1f4;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
    .bars { display: grid; gap: 10px; }
    .bar-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 90px;
      gap: 10px;
      align-items: center;
    }
    .bar-track { height: 14px; border-radius: 999px; background: #e7edf2; overflow: hidden; }
    .bar-fill {
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--blue), var(--green));
      min-width: 4px;
    }
    .footnote { color: var(--muted); font-size: 12px; margin-top: 10px; }
    @media (max-width: 820px) {
      .shell { padding: 16px; }
      .topbar, .main { grid-template-columns: 1fr; }
      .actions { justify-content: flex-start; }
      .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      h1 { font-size: 26px; }
    }
  nav {line-height:1.8} a {color:#145e98}.question {font-size:26px;margin:24px 0 8px}.case-controls {margin-top:20px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.case-controls p,.case-controls #status {width:100%;margin:0}
label {display:grid;gap:6px;font-weight:600;font-size:13px}select,input{padding:10px;border:1px solid #9caebb;border-radius:5px;min-width:0;width:100%}label input{font-weight:400}button{font:inherit}button:disabled{opacity:.55;cursor:default}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.panel {margin-top:0}.explorer,.evidence{margin-top:18px} .table-wrap{overflow:auto;margin-top:14px} table{table-layout:auto;min-width:500px}th,td{overflow:visible;text-overflow:clip;white-space:nowrap}#rowDetails td{white-space:normal;overflow-wrap:anywhere}#rowDetails{min-width:0}#rowDetails th,#rowDetails td{padding:7px 5px}.issue-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.issue-buttons button{padding:8px;border:1px solid #b3373c;border-radius:5px;background:#fff6f6;color:#962c32;cursor:pointer}.issue-buttons button[aria-pressed=true]{background:#b3373c;color:white}.inspect{padding:7px;cursor:pointer;border:1px solid #1769aa;color:#145e98;background:white;border-radius:4px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bar-button{display:grid;gap:8px;text-align:left;width:100%;padding:12px;cursor:pointer;border:1px solid #b7c8d5;background:#fff;border-radius:6px}.bar-button[aria-pressed=true]{border-color:#1769aa;background:#edf6fd}.bar-button span{white-space:normal} .bar-meta{font-size:12px;color:#536674}#identity{overflow-wrap:anywhere;font-size:12px}#queryError{color:#a22c32}:focus-visible{outline:3px solid #1769aa;outline-offset:3px}
@media(max-width:820px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.main,.filters{grid-template-columns:1fr}.question{font-size:23px}.case-controls{align-items:stretch}.case-controls label{width:100%}.metric strong{font-size:24px}}