@layer compositions {
  .cover {
    display: flex;
    flex-direction: column;
    min-block-size: var(--cover-min-height, 100dvh);
    padding: var(--space-s, 1rem);
  }

  .cover > * {
    margin-block: var(--cover-space, 1rem);
  }

  .cover > :first-child:not(.cover-target) {
    margin-block-start: 0;
  }

  .cover > :last-child:not(.cover-target) {
    margin-block-end: 0;
  }

  .cover > .cover-target {
    margin-block: auto;
  }
}