@layer questions {
  form, fieldset { min-width: 0; }
  fieldset { border: 0; padding: 0; margin: 0 0 3rem; }
  legend { padding: 0; margin-bottom: 1.5rem; }
  fieldset label { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 1rem; align-items: start; min-height: 56px; border-top: 1px solid var(--ink); padding-block: 1rem; cursor: pointer; }
  fieldset input { width: 44px; height: 44px; margin: 1px 0 0; accent-color: var(--ink); }
  fieldset label:has(input:checked) { background: var(--mark); }
  fieldset label:has(input:focus-visible) { outline: 3px solid var(--ink); outline-offset: 4px; }
  form > div > div:first-child { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 2rem; }
  form > div > section { border: 2px solid var(--ink); padding: 1.5rem; }
  form > div > section > h3 { margin-bottom: 1.5rem; }
  form > div > section > ul { padding: 0; }
  form > div > section > ul > li { margin-block: 1rem; padding: 0 0 1rem; border-bottom: 1px solid var(--ink); }
  form > div > section > ul > li:last-child { border-bottom: 0; }
  #copy-help { margin-top: 1rem; }
}