@import url('page.css');

/* Local theme pairs: the drill table header/zebra strips. */
:root {
  --table-head-bg: #bbb;
  --table-zebra: #ddd;
}

@media not print {
  :root[data-theme='dark'] {
    --table-head-bg: #3a3a46;
    --table-zebra: #26262f;
  }
}

h3 {
  padding-top: 1em;
}

table {
  width: 100%;
  margin: 1em auto;

  tr {
    margin: 0;
    padding: 0;
  }
}

thead tr {

  background: var(--table-head-bg);

}

tbody tr:nth-child(even) {
  background: var(--table-zebra);
}


table {

  td, th {
    padding: 0.5em;
    margin: 0;
    text-align: center;
    font-size: 24px;
    width: 25%;
  }

  td:nth-child(n+2) {
    font-weight: 900;
  }
}

i.bi-check-lg {
  color: var(--success);
}


i.bi-x-lg {
  color: var(--danger);
}
