body > #grid > footer {
  /** Required arguments with purportedly ridiculous defaults */
  --element-color: red;
  --element-gap: 200px;
  --element-border-color: red;
  --element-color-active: transparent;

  /** Optional arguments with sensible defaults */
  --element-border-radius: none;

  height: auto;
  margin-top: var(--element-gap);
  padding-top: var(--element-gap);
  border-radius: var(--element-border-radius);
  border-top: var(--element-border-color) 3px solid;
  font-size: smaller;

  > *:not(:last-child) {
    margin-bottom: var(--element-gap);
  }

  > .section-compact {
    > ul > li {
      > button {
        width: fit-content;
        border: none;
        background: none;
        padding: 0;
        font-style: inherit;
        font-family: inherit;
        font-weight: inherit;
        color: var(--element-color);
        text-decoration: underline;
        cursor: pointer;

        &:hover {
          color: var(--element-color-active);
        }
      }
    }
  }

  > div, > form {
    &, & a, & a:visited, & summary {
      color: var(--element-color);
    }
  }
}