body > #grid .section-compact {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap-small: 50px;
  --element-gap-medium: 50px;
  --element-gap-large: 50px;
  --element-color-secondary: red;
  --element-color-accent: black;
  --element-border-radius: 30px;

  display: flex;
  flex-wrap: wrap;
  gap: var(--element-gap-medium) var(--element-gap-medium);

  &[data-icon]:not([data-icon = '']) {
    > h2 {
      margin-left: calc(var(--element-gap-medium) * -1);
    }
  }

  > .section-compact {
    width: 100%;
  }

  > h2 {
    font: inherit;
    white-space: nowrap;
    width: fit-content;
    margin-right: calc(var(--element-gap-medium) * -1);

    &:after {
      border-top: 1px solid var(--element-color-secondary);
      height: 1px;
      width: 1em;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      content: ' ';
      margin-inline: var(--element-gap-medium);
    }

    > var {
      margin-left: var(--element-gap-medium);
    }
  }

  > ul {
    display: contents;

    > li {
      &, > menu {
        display: flex;
        flex-wrap: nowrap;
        gap: var(--element-gap-medium);
      }
    }

    & > li:not(:last-child),
    &:has(> *:nth-child(n+6)):has(+ label) > li {
      padding-right: var(--element-gap-medium);
      border-right: 1px dotted var(--element-color-secondary);
    }

    &:has(+ label > input[type=checkbox]:not(:checked)) {
      > *:nth-child(n+6) {
        display: none;
      }
    }

    &:not(:has(> *:nth-child(n+6))) + label {
      display: none;
    }
  }

  > label {
    cursor: pointer;
    background: var(--element-color-secondary);
    border-radius: var(--element-border-radius);
    padding-inline: var(--element-gap-small);

    > input[type=checkbox] {
      display: none;
    }

    &:has(> input[type=checkbox]:not(:checked))::after {
      content: '···';
    }

    &:has(> input[type=checkbox]:checked)::after {
      content: '−';
    }
  }

  & var {
    font-size: smaller;
    background-color: var(--element-color-accent);
    border-radius: var(--element-border-radius);
    padding: 0 var(--element-gap-small);
    box-shadow: 1px 1px var(--element-color-secondary);
    align-self: baseline;
  }
}