/* FlowContent 0.305.7 - the limit under a public form field and its live counter (fc-limits.js). Uses the interview-form.css
   tokens where the page has them, with the same colours as fallbacks. */
.fc-limit {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--fi-gray-500, #6b7280);
    overflow-wrap: anywhere;
}

.fc-limit-count:empty {
    display: none;
}

.fc-limit[data-state="near"] .fc-limit-count {
    color: #92400e;
    font-weight: 600;
}

.fc-limit[data-state="over"] .fc-limit-count,
.fc-limit .fc-limit-alert {
    color: var(--fi-danger, #dc2626);
    font-weight: 600;
}

.fc-limit-over,
.fc-limit-over:focus {
    border-color: var(--fi-danger, #dc2626) !important;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25);
}