html > body > #grid .choice-example {
  /** Required arguments with purportedly ridiculous defaults */
  --element-item-spacing: 200px;
  --element-item-spacing-inner: 200px;
  --element-item-spacing-right: 200px;
  --element-border-color: red;
  --element-color-description: red;

  /** Optional arguments with sensible defaults */
  --element-marker-width: 2ch;
  --element-border-radius: none;

  border: 1px solid var(--element-border-color);
  border-radius: var(--element-border-radius);
  margin-left: calc((var(--element-item-spacing) * -1) - 1px);
  width: fit-content;

  > figcaption,
  > dl {
    padding-inline: var(--element-item-spacing);
  }

  > figcaption {
    padding-block: var(--element-item-spacing);
    font-size: x-large;

    &:after {
      content: '▽';
      float: right;
      color: var(--element-border-color);
    }
  }

  > dl {
    display: flex;
    flex-direction: column;
    border-top: 1px dotted var(--element-border-color);

    > dt {
      padding-top: var(--element-item-spacing);
      padding-bottom: 0;
      padding-right: var(--element-item-spacing-right);

      &:not(:first-child) {
        border-top: 1px dotted var(--element-border-color);
      }
    }

    > dd {
      padding-top: var(--element-item-spacing-inner);
      padding-bottom: var(--element-item-spacing);
      padding-right: var(--element-item-spacing-right);
      color: var(--element-color-description);
      max-width: 50ch;
    }
  }
}