body > #grid > :not(footer) form,
body > #grid > :not(footer) form > section,
body > #grid > :not(footer) form > fieldset > fieldset {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap: 200px;
  --element-gap-small: 100px;

  display: flex;
  gap: var(--element-gap);
  flex-wrap: wrap;
  align-items: baseline;
  text-align: start;

  > * {
    order: 1;
  }

  > input[type='radio'] {
    order: 2;
  }

  > *,
  > fieldset > *:not(
    input[type='checkbox'],
    input[type='radio'],
    input[type='datetime-local'],
    button
  ) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  > input[type='submit'],
  > label {
    white-space: nowrap;
    width: min-content;
  }

  > fieldset {
    > aside {
      font-size: smaller;
      padding-block: var(--element-gap-small);
      max-width: 70ch;
    }

    > fieldset > dl,
    > dl {
      display: grid;
      gap: var(--element-gap-small);
      grid-template-columns: min-content 1fr;
      align-items: start;
      word-wrap: break-word;
      word-break: break-word;
    }

    &:has(input[name='username']) {
      display: none;
    }
  }
}
