@layer pages {

  /* Edit Site Page */
  #sites-edit {
    .card:not(:last-of-type) {
      margin-bottom: var(--space-8);
    }
  }

  /* Show Site Page */
  #sites-show {
    .site-stats {
      margin-bottom: var(--space-8);
    }
  }

  .site-stats {
    display: grid;
    grid-template-columns: 100%;
    gap: var(--space-8);

    @media screen and (min-width: 768px) {
      grid-template-columns: repeat(4, 1fr);
    }
  }
}