#back_to_top {
    float: none;
    margin: 0;
    width: auto;
    height: auto;
    line-height: normal;
    cursor: pointer;
}

.align_right .list_item .list_right {
    margin-right: 0;
}

.list_item.lists_3 .list_left {
    height: auto;
    line-height: normal;
    margin-bottom: 1rem;
}

.radio, .checkbox {
    margin: 0.5rem;
}
.radio input[type=radio], input[type=checkbox] {
    position: absolute;
    opacity: 0;
}
.radio input[type=radio] + .radio-label:before, input[type=checkbox] + .checkbox-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

input[type=checkbox] + .checkbox-label:before {
    border-radius: 0%;
}

.radio input[type=radio]:checked + .radio-label:before, input[type=checkbox]:checked + .checkbox-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type=radio]:focus + .radio-label:before, input[type=checkbox]:focus + .checkbox-label:before {
    outline: none;
    border-color: #3197EE;
}

.radio input[type=radio]:disabled + .radio-label:before, input[type=checkbox]:disabled + .checkbox-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio input[type=radio] + .radio-label:empty:before, input[type=checkbox] + .checkbox-label:empty:before {
    margin-right: 0;
}

a.external[target="_blank"]::after {
    /* ↗, but nicer. SVG adapted from Inter's rendition of "↗". */
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.04261 6.80966L0.377841 6.14489L5.32102 1.19318H1.50284L1.51136 0.272727H6.90625V5.67614H5.97727L5.9858 1.85795L1.04261 6.80966Z' fill='black'/%3E%3C/svg%3E%0A");
    /* inline => inline-block, so that we can give it a height */
    display: inline-block;
    height: 0.5em;
    padding-inline: 0.2em;
    aspect-ratio: 1;
    line-height: 1;
    vertical-align: text-top;

    @media (prefers-color-scheme: dark) {
        filter: invert(100%);
    }
}