/* Shared native choices: never inherit full-width text-input geometry. */
body form input:is([type="checkbox"], [type="radio"]) {
  width: 1.1rem; height: 1.1rem; min-width: 1.1rem; min-height: 0;
  flex: 0 0 1.1rem; margin: .2rem 0 0; padding: 0;
  vertical-align: top; accent-color: var(--action, var(--blue));
}
body form label:has(> input:is([type="checkbox"], [type="radio"])) {
  display: flex; align-items: flex-start; gap: .65rem;
  white-space: normal; cursor: pointer; overflow-wrap: anywhere;
}
body form label:has(> input:disabled) { cursor: default; }
body form .form-field { margin: 0 0 1rem; min-width: 0; }
body form .choice-group { border: 0; padding: 0; margin: 0; min-width: 0; }
body form .choice-group legend { padding: 0; margin-bottom: .5rem; font-weight: 600; }
body form .choice-options { display: grid; gap: .4rem; }
body form label.choice-row {
  margin: 0; padding: .6rem .7rem; min-height: 2.75rem;
  border: 1px solid var(--line-strong, var(--border)); border-radius: .375rem;
}
body form label.choice-row span { flex: 1; min-width: 0; }
body form label.choice-row:has(input:checked) { border-color: var(--action, var(--blue)); }
body form label.choice-row:focus-within { outline: 2px solid var(--action, var(--blue)); outline-offset: 2px; }
body form .choice-field .form-help { margin: .5rem 0 0; }
body form .choice-row small, body form .choice-row em { display: block; }
body form.event-filters > .form-field { flex: 1 1 160px; margin: 0; }