@layer components {
  .field-feedback { display: block; margin-block: .35rem .15rem; color: var(--coral-ink); font-size: .875rem; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
  :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--coral-ink); }
  .page-feedback { margin-block: 1rem; font-size: .875rem; line-height: 1.5; }
  .page-feedback p { margin-block: .35rem; }
  .page-feedback .alert { color: var(--coral-ink); }
  .page-feedback .notice { color: var(--muted); }
}