/* Error text remains next to the field; wrappers are not required for emphasis. */
:is(input, select, textarea):is([aria-invalid="true"], .is-invalid, :user-invalid) {
    /* Legacy page rules use IDs; invalid fields must take precedence. */
    border-color: #cf3f34 !important;
    background-color: #fdf1f0 !important;
}

input:is([type="checkbox"], [type="radio"]):is([aria-invalid="true"], .is-invalid, :user-invalid) {
    outline: 2px solid #cf3f34;
    outline-offset: 2px;
}

.legacy-mypage .ec-required {
    margin-left: 0;
    font-size: 0;
}

.legacy-mypage .ec-required::after {
    content: "※";
    color: #f55;
    font-size: 12px;
    font-weight: 400;
}