table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    padding: 0.5rem;
    text-align: left;
    border: 1px solid var(--color-accent);
    color: var(--color-accent);
}

td {
    overflow: hidden;
    text-overflow: none;
    white-space: nowrap;
}

th {
    font-weight: 600;
    background-color: var(--color-accent-lightest);
    border-bottom: 2px solid var(--color-accent);
    /*white-space: nowrap;*/
}

.equal-width-col {
    width: 17%;
    /* 70% / 5 = 14% for each of the five columns*/
    white-space: nowrap;
    text-align: center;
}

.phase-head {
    text-align: center;
}