/* The marks of the board in the colours `ci` prints them in, on top of
   dark.css. Contrast against its --bg: 9.1, 6.7, 9.8 and 8.5 to 1. */
:root {
  --green:  #7bc67e;
  --red:    #f0776d;
  --yellow: #e2b54f;
  --blue:   #7fb2f0;
}

.green   { color: var(--green); }
.red     { color: var(--red); }
.rerun   { color: var(--yellow); }
.ignored, .flaky { color: var(--blue); }
.dim, .zero, .trend { color: var(--fg-muted); }

.mark { display: inline-block; min-width: 1.2em; }
.mark[title] { cursor: help; }
h2 .head { font-size: 1rem; font-weight: 400; letter-spacing: 0; }

ul.board { padding-left: 0; list-style: none; }
ul.detail { margin: 0.25rem 0 0.5rem; font-size: 0.9em; color: var(--fg-muted); }
th.num, td.num { text-align: right; font-variant-numeric: tabular-nums; }
tbody th { font-weight: 400; }

details { margin: 0 0 1rem; }
summary { cursor: pointer; }