html > body > #grid .sections-grid {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap: 200px;
  --element-background: red;

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

  container-type: inline-size;

  > div {
    display: grid;
    grid-template-columns: 1fr;
    box-shadow: var(--element-box-shadow);
    border-radius: var(--element-border-radius);
    overflow: hidden;
    background: var(--element-background);

    > * {
      border-radius: 0;
      box-shadow: none;
    }

    > map-view {
      display: block;
      height: 100%;
      min-height: 17rem;
    }

    > .tags {
      padding: var(--element-gap);
    }
  }

  @container (width > 60rem) {
    > div {
      grid-template-columns: 1.25fr 1fr;

      > map-view {
        min-height: 20rem;
      }
    }
  }
}