.form-validation-notice { margin: 0 0 .8rem; padding: .7rem .85rem; border: 1px solid var(--red); border-radius: .6rem; background: color-mix(in srgb, var(--red) 10%, var(--surface)); color: var(--text-primary); font-size: .9rem; font-weight: 800; }
.form-validation-notice[hidden] { display: none; }
[aria-invalid="true"] { border-color: var(--red) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 20%, transparent); }
.form-field-validation { display: block; margin-top: .35rem; color: var(--red); font-size: .78rem; font-weight: 800; line-height: 1.25; }
.form-field-validation[hidden] { display: none; }