.field-validation-error {
    display: block;
    width: 100%;
    margin: .45rem 0 0;
    color: #a12b21 !important;
    font-family: inherit;
    font-size: .95rem !important;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
}
.field-validation-error[hidden] { display: none !important; }
.field-validation-invalid { border-color: #a12b21 !important; }
.nomination-result {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
    padding: 1.4rem;
    border: 1px solid #d7d2b0;
    border-left: 5px solid #c7ac00;
    background: #fffbea;
    color: #171717;
}
.nomination-result[hidden] { display: none !important; }
.nomination-result-symbol {
    display: grid;
    place-items: center;
    align-self: start;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    color: #111;
    background: #f4d900;
    font-size: 1.25rem;
    font-weight: 700;
}
.nomination-result strong { display: block; margin-bottom: .35rem; font-size: 1.1rem; }
.nomination-result p { margin: 0; line-height: 1.5; }
.nomination-result [data-nomination-email-result] { margin-top: .65rem; font-size: .95rem; }
.nomination-result.is-success { border-color: #b9ceb6; border-left-color: #376239; background: #f0f7ee; }
.nomination-result.is-success .nomination-result-symbol { color: #fff; background: #376239; }
.nomination-result.is-error { border-color: #e7c4bd; border-left-color: #a12b21; background: #fff3ef; }
.nomination-result.is-error .nomination-result-symbol { color: #fff; background: #a12b21; }
.nomination-result.is-pending .nomination-result-symbol { border: 3px solid #ded9bb; border-top-color: #917e00; background: transparent; animation: nomination-pending .8s linear infinite; }
@keyframes nomination-pending { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nomination-result.is-pending .nomination-result-symbol { animation: none; } }
@media (max-width: 767px) { .nomination-result { padding: 1rem; gap: .75rem; } }