th {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        font-size: .9vw;
    }

    td {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1.6vw;
    }

    .stale{
        color: red;
        display: block;
        font-size: xx-large;
    }

    .notstale{
        display: none;
    }

    /* First column and last visible column sit flush (no extra side padding) */
    table th:first-child,
    table td:first-child {
        padding-left: 0;
    }

    table th.lastVisible,
    table td.lastVisible {
        padding-right: 0;
    }

    .debugOnly {
    display: none;
    }

    body.debug .debugOnly {
    display: table-cell;
    }

    #controls {
        margin-top: 10px;
        padding: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    #dateRange {
        width: 340px;
    }

    #controls button {
        padding: 4px 12px;
        cursor: pointer;
    }

    #controls button:disabled {
        background-color: grey;
        color: white;
        cursor: not-allowed;
    }

    #statusLabel {
        font-style: italic;
        color: grey;
    }