/* JSON Formatter — a toolbar bar (Format, Minify, the indent pill, Sample,
   Clear) over one editor card: the JSON text area as a flush row and the
   validation status as its caption (layout from styles/components/form.css).
   The text area is styles/components/editor.css and the indent control
   uses form.css's inline-field; only the editor height and status type
   are the page's own. */

textarea.jf-input {
  min-height: 60vh;
}

/* The status keeps the editor's monospace voice. */
.jf-status {
  font-family: var(--mono);
  letter-spacing: -0.005em;
}

@media (max-width: 760px) {
  textarea.jf-input { min-height: 50vh; }
}