@layer components {
  .people {
    list-style: none;
  }

  body:has(.people) {
    .person {
      --hover-size: 0;
      display: grid;
      grid-template-columns: auto 1fr auto auto 8ch;
    }
  }

  .next-steps {
    box-shadow: 0 0 0 var(--hover-size) var(--hover-color);
    margin: -2lh auto 0 auto;
    transform: rotate(-1deg);
    max-inline-size: 36ch;
  }
}