.timeline {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap: 200px;

  /** Optional arguments with sensible defaults */
  --element-title-text-shadow: none;

  display: grid;
  grid-template-columns: min-content 1fr;
  gap: var(--element-gap);

  > dt {
    font-size: larger;
    text-shadow: var(--element-title-text-shadow);
  }
}