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

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

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

  > api-form {
    color: var(--element-color);

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

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

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