/* The reference tabs' own furniture: the second line every row carries, the filter row over the
   cases, the group heads in the unit tests list, and the run rows over the comparison. Nothing
   here encodes an outcome; the marks in room.css do that. */

/* The title, and under it how the row ended and the door it belongs to, both one line. */
.row .words{display:grid;gap:2px;min-width:0}
.row .sub{font-family:var(--mono);font-size:10px;line-height:1.2;color:var(--ink-3);
          white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .sub:empty{display:none}
/* Narrower rungs in the list, so a six-turn arc leaves the line under the title room to finish. */
.row .arc i{width:9px}

/* A group head names the rows under it and is never a row: no rank, no mark, no selection. */
.ghead{padding:16px 12px 6px 10px;font-size:11px;font-weight:600;color:var(--ink-3);
       border-bottom:1px solid var(--line)}

/* Filters, marked by colour alone: on is ink on the inset ground, off is the label colour on
   nothing. No strike, no underline, no strip. */
.sift{display:flex;flex-wrap:wrap;gap:8px 22px;margin:10px 0 0}
.siftgroup{display:flex;flex-wrap:wrap;gap:3px}
.sift button{border:0;background:transparent;color:var(--ink-3);padding:4px 9px;cursor:pointer;
             font:500 11px var(--disp);transition:color .12s,background .12s}
.sift button:hover{color:var(--ink-2)}
.sift button[aria-pressed="true"]{background:var(--g-2);color:var(--ink)}

/* Runs: one card per run, newest first, told in sentences. */
.runs{max-width:760px;padding-top:16px;display:grid;gap:12px}
.runnone{margin:0;font-size:13.5px;color:var(--ink-2)}
.runcard{display:grid;gap:6px;padding:14px 16px;border-radius:12px;background:var(--g-1);box-shadow:inset 0 0 0 1px var(--line)}
.runhead{display:flex;align-items:baseline;gap:12px}
.runhead b{font-size:15px;font-weight:600;color:var(--ink)}
.runcard .runsaid{margin:0;font-size:14px;color:var(--ink)}
.runfacts{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.runcard .runfault{margin:0;font-size:12.5px;color:var(--ink-3)}
.runcard .ghost{justify-self:start;margin-top:4px}
.runrow{display:grid;grid-template-columns:56px 84px 44px minmax(0,1fr) auto;gap:14px;align-items:center;
        padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.runrow b{font-weight:600;color:var(--ink)}
.runwhen,.runlen{font-family:var(--mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.runsaid{color:var(--ink-2);min-width:0}
.runfault{display:block;font-size:12px;color:var(--ink-3)}
/* The run on screen is the lit one. */
.runhere{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--held)}