table {
    margin: 4rem 0 2rem 0;
    border-collapse: collapse;
}

th > div > p,
td > div > p {
    font-size: 0.5rem;
    font-weight: normal;
    text-align: center;
}

th > div,
td > div {
    width: 6rem;
    aspect-ratio: 1 / 1;
    display: grid;
    justify-content: center;
}

tr:first-of-type th > div {
    width: 6rem;
    aspect-ratio: 3 / 1;
}

td > div > input,
td > div > label,
td > div > p {
    grid-row: 1;
    grid-column: 1;
    display: inline-block;
    margin: auto;
    white-space: pre;
    text-align: center;
    line-height: 1.1;
}

tr th:first-of-type > div {
    font-size: 0.5rem;
    width: 2rem;
    justify-content: start;
}

tr th:first-of-type > div > p {
    font-size: 0.5rem;
    text-align: start;
}

td > div > input + label {
    font-size: 4rem;
    height: auto;
}

#section_2 fieldset {
    border: none;
    display: block;
}

#section_2 input[type="radio"] {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-user-modify: read-only;
}
#section_2 input[type="radio"]:focus:checked + label {
    background: var(--text);
    color: var(--bg);
    scale: 4;
    z-index: 2;
}
#section_2 input[type="radio"]:checked + label {
    scale: 1;
    background: var(--bg);
    color: var(--text);
}
