.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block: 1rem; }
.section-heading h2 { margin: 0; }
#state-filter { max-width: 28rem; margin-block-end: 1rem; }
.task { margin-block-start: 2rem; }
.task form { max-width: 38rem; margin-block: 1.5rem; }
.task form button { margin-block-start: 1rem; }
button, input, select { min-height: 48px; }
header a { text-underline-offset: .2em; }
#review-values { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-variant-numeric: tabular-nums; }
#detail-summary, #review-summary { white-space: pre-line; }
.table-scroll { margin-block: 1.25rem; }
td button { white-space: nowrap; }
legend { font-weight: 700; font-size: 1.125rem; }
#search { margin-block-start: .5rem; }
@media (max-width: 600px) {
  header { flex-wrap: wrap; gap: .75rem; }
  main { padding-block-start: 1.5rem; }
  .toolbar, .section-heading { align-items: stretch; flex-direction: column; }
  .toolbar > div { width: 100%; }
  .task { padding: 1.25rem; }
  h1 { font-size: 1.75rem; }
}