/*
 * Element-level alignment for the feedback form.
 *
 * The site stylesheet defines every class this page uses, but it has no rule for a
 * bare <fieldset>, so the browser default (a 2px groove border with a legend that
 * interrupts it) fights the rest of the page, and it has no rule for a checkbox.
 * These rules reset that chrome and size the checkboxes; they add NO class and
 * touch no design-system class, so the class contract is untouched.
 *
 * Loaded after style.css, and only by /feedback/.
 */

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

legend {
  padding: 0;
  margin-bottom: 0.5rem;
}

/* Space the top-level groups of the form evenly. */
form > * + * {
  margin-top: 1.9rem;
}

/* The character count and the field hints sit just under their control. */
form .note {
  margin-top: 0.5rem;
}

/* Checkbox rows: the label is the real tap target, so make it feel like one. */
.checks label {
  cursor: pointer;
}

.checks li {
  padding-block: 0.1rem;
}

input[type="checkbox"] {
  inline-size: 1.0625rem;
  block-size: 1.0625rem;
  margin: 0 0.5rem 0 0;
  vertical-align: -0.12em;
  accent-color: var(--accent);
}