.form-alert {
    padding: 0.75rem 1rem; /* Corresponds to py-3 px-4 */
    margin-bottom: 1rem; /* Corresponds to mb-4 */
    border: 1px solid transparent; /* Base border */
    border-radius: 0.25rem; /* Corresponds to rounded */
    position: relative; /* Corresponds to relative */
}

.form-alert-success {
    color: #15803d; /* Approx text-green-700 */
    background-color: #f0fdf4; /* Approx bg-green-100 */
    border-color: #4ade80; /* Approx border-green-400 */
}

.form-alert-error {
    color: #b91c1c; /* Approx text-red-700 */
    background-color: #fef2f2; /* Approx bg-red-100 */
    border-color: #f87171; /* Approx border-red-400 */
}

.form-alert-error strong {
    font-weight: bold; /* Corresponds to font-bold */
}

/* Span styling for block/inline behavior */
.form-alert span {
    display: block; /* Default state */
}

/* Media query for Tailwind's 'sm' breakpoint (default 640px) */
@media (min-width: 640px) {
    .form-alert span {
        display: inline; /* Corresponds to sm:inline */
    }
}