/**
 * Inline-error pattern for the page-feedback widget (see CLAUDE.md §6 of the
 * page-feedback port spec: no native browser validation tooltips — every
 * validated field/group has its own error element, shown/hidden directly by
 * JS rather than a CSS :invalid/sibling-selector trick).
 */
.page-feedback__error {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

/* Toggled by JS on the comment label when the "other" reason is checked —
   the requirement is conditional (spec §5), so this can't be a static
   ::before on the label class itself. */
.page-feedback__reviews__col label.is-required::before {
  content: "*";
  color: #dc3545;
  margin-inline-end: 0.25rem;
}