/* Case Converter — a bar of case pills over one text card: the text as a
   flush editor and the character / word count as its caption (layout from
   styles/components/form.css). The editor is styles/components/editor.css;
   only the pill acknowledgement is the page's own. */

/* Acknowledge a transform — a quick tint that fades back via the btn's own
   background transition. Subtle, on-brand confirmation for long text. */
.cc-cases .btn.is-active {
  background: var(--accent-soft-strong);
}

textarea.cc-text {
  min-height: 52vh;
}

/* Roomier tap targets on phones — the case pills are the primary action. */
@media (max-width: 480px) {
  .cc-cases .btn {
    min-height: 36px;
    padding-block: var(--space-2);
  }
}