/* ============================================================
   FEEDBACK PAGE — public.feedback
   Page-specific styles only. Form, alert, layout primitives
   already live in forms.css / components.css / base.css.
   ============================================================ */

.ub-feedback__header {
    display: flex;
    flex-direction: column;
    gap: var(--ub-space-m);
    margin-bottom: var(--ub-space-2xl);
    text-align: center;
}

.ub-feedback__title {
    font-size: var(--ub-text-2xl);
    font-weight: 600;
    color: var(--ub-color-heading);
    line-height: 1.3;
    margin: 0;
}

.ub-feedback__intro {
    font-size: var(--ub-text-base);
    color: var(--ub-color-body);
    line-height: 1.6;
    margin: 0;
}

/* Submit row mirrors `.ub-form__field` spacing but right-aligns the button. */
.ub-form__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--ub-space-l);
}

@media (max-width: 640px) {
    .ub-form__actions {
        justify-content: stretch;
    }

    .ub-form__actions .ub-btn {
        flex: 1;
    }
}