.radio:hover {
    background: var(--blue);
    color: var(--white);


}

fieldset p.radios {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: .5rem;
}

.navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: .5rem;
    width: 100%;
    height: auto;
    margin-top: 1em;
    align-items: baseline;
}

.navigation button {
    font-size: inherit;
    cursor: pointer;
}

.navigation .continue {
    padding: .5em 1em;
}

.navigation .back {
    display: inline-block;
    justify-content: start;
    padding: .5em 1em;
    background: none;
    color: var(--grey);
}

legend > div,
div.legend {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .5em;
}

legend > div ul,
legend > div ol,
div.legend ul,
div.legend ol {
    margin-left: 1em;
}