/* Put any custom CSS rules here */

td {
    border: 1px solid black;
    padding: 2px 4px;
}

figure.table {
    margin: 0;
    margin-inline: -10px;
}


td:nth-child(3), tr:nth-child(6) td:nth-child(2),  tr:nth-child(7) td:nth-child(2) {
    background: #c6ebc5;
}

td:nth-child(2){
    background: #d1c6ff
}

td:nth-child(4) {
    background: #ffdfcf;
}

td:nth-child(1), tr:nth-child(3) {
    background: #2c2828;
    color: #fff;
}

tr:nth-child(3) td:nth-child(2) {
    background: none;
}

/* Hack: hide second table as "draft", since splitting cells hecks things up and is a pain to rebuild */ 
figure~figure {
    display: none
}