html > body > #grid .help {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap: 200px;

  /** Optional arguments with sensible defaults */
  --element-pseudolink-underline-style: none;
  --element-pseudolink-underline-width: 0;
  --element-pseudolink-underline-offset: 0;

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

  font-size: smaller;
  padding-block: var(--element-gap);
  max-width: 70ch;

  &:is(details) {
    > summary {
      display: inline;
      text-decoration-line: underline;
      text-decoration-style: var(--element-pseudolink-underline-style);
      text-decoration-thickness: var(--element-pseudolink-underline-width);
      text-underline-offset: var(--element-pseudolink-underline-offset);
    }

    &[open] {
      display: flex;
      flex-direction: column;
      gap: var(--element-gap);

      &::details-content {
        display: flex;
        flex-direction: column;
        gap: var(--element-gap);
      }
    }
  }
}