/* Make the declaration consent control easier to see and tap without affecting position checkboxes. */
.declaration input[type="checkbox"] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin: 0 2px 0 0;
}

/* Labels containing larger controls still keep the asterisk beside their label text. */
.fields label:has(textarea):has(.required-marker),
.fields label:has(input[type="file"]):has(.required-marker) {
    grid-template-columns: 115px 10px minmax(0, 1fr);
}

.select-note .required-marker {
    margin-left: 3px;
}

@media (max-width: 760px) {
    .fields label:has(textarea):has(.required-marker),
    .fields label:has(input[type="file"]):has(.required-marker) {
        grid-template-columns: auto 10px minmax(0, 1fr);
    }
}