@layer starlight.components {
  .card-grid:where(.astro-7qmvx3iy) {
    grid-template-columns: 100%;
    gap: 1rem;
    display: grid;
  }

  .card-grid:where(.astro-7qmvx3iy) > * {
    margin-top: 0 !important;
  }

  @media (width >= 50rem) {
    .card-grid:where(.astro-7qmvx3iy) {
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
    }

    .stagger:where(.astro-7qmvx3iy) {
      --stagger-height: 5rem;
      padding-bottom: var(--stagger-height);
    }

    .stagger:where(.astro-7qmvx3iy) > :nth-child(2n) {
      transform: translateY(var(--stagger-height));
    }
  }

  .sl-link-card:where(.astro-zaaezwya) {
    border: 1px solid var(--sl-color-gray-5);
    box-shadow: var(--sl-shadow-sm);
    border-radius: .5rem;
    grid-template-columns: 1fr auto;
    gap: .5rem;
    padding: 1rem;
    display: grid;
    position: relative;
  }

  a:where(.astro-zaaezwya) {
    line-height: var(--sl-line-height-headings);
    text-decoration: none;
  }

  a:where(.astro-zaaezwya):before {
    content: "";
    position: absolute;
    inset: 0;
  }

  .stack:where(.astro-zaaezwya) {
    flex-direction: column;
    gap: .5rem;
  }

  .title:where(.astro-zaaezwya) {
    color: var(--sl-color-white);
    font-weight: 600;
    font-size: var(--sl-text-lg);
  }

  .description:where(.astro-zaaezwya) {
    color: var(--sl-color-gray-3);
    line-height: 1.5;
  }

  .icon:where(.astro-zaaezwya) {
    color: var(--sl-color-gray-3);
  }

  .sl-link-card:where(.astro-zaaezwya):hover {
    background: var(--sl-color-gray-7, var(--sl-color-gray-6));
    border-color: var(--sl-color-gray-2);
  }

  .sl-link-card:where(.astro-zaaezwya):hover .icon:where(.astro-zaaezwya) {
    color: var(--sl-color-white);
  }
}