html > body > #grid .pages-navigation {
  /** Required arguments with purportedly ridiculous defaults */
  --element-padding-inner: 200px;
  --element-gap: 200px;
  --element-border-color: red;
  --element-color-text: red;
  --element-color-link: red;

  /** Optional arguments with sensible defaults */
  --element-padding-top: 0;

  display: flex;
  flex-wrap: wrap;
  justify-self: center;

  padding-top: var(--element-padding-top);

  > dl {
    padding-inline: var(--element-padding-inner);

    &:first-child {
      padding-inline-start: 0;
    }

    &:last-child {
      padding-inline-end: 0;
    }

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

    > dt {
      font-size: smaller;
      padding-bottom: var(--element-gap);
      color: var(--element-color-text);
    }

    > dd {
      > a {
        color: var(--element-color-link);
      }
    }
  }

  &:has(> dl:nth-child(2)) {
    > dl:first-child {
      text-align: right;
    }
  }
}