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

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

  container-type: inline-size;

  > div {
    display: grid;
    /*gap: var(--element-padding);*/
    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;
      border: none;
      border-radius: var(--element-border-radius);
    }

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

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

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