.app-list[data-astro-cid-xx5lwln7] {
  display: grid;
  gap: var(--space-m);
}

.app-tile[data-astro-cid-xx5lwln7] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: start;
  padding: clamp(1.5rem, 1rem + 2.5vw, 3rem);
  border-radius: var(--radius-xl);
  color: var(--ink);
  text-decoration: none;
  box-shadow: inset 0 0 0 1px var(--line);
  transition: transform .4s var(--ease-out), box-shadow .4s var(--ease-out);
}

.app-tile[data-astro-cid-xx5lwln7]:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2), inset 0 0 0 1px var(--line);
}

.app-tile--roast[data-astro-cid-xx5lwln7] {
  background: var(--peach);
}

.app-tile--sky[data-astro-cid-xx5lwln7] {
  background: color-mix(in oklab, var(--sky) 20%, var(--surface));
}

.app-tile__icon[data-astro-cid-xx5lwln7] {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 26px;
}

.app-tile__icon--roast[data-astro-cid-xx5lwln7] {
  background: var(--roast);
}

.app-tile__icon--sky[data-astro-cid-xx5lwln7] {
  background: var(--sky);
}

.app-tile__body[data-astro-cid-xx5lwln7] {
  display: grid;
  gap: .7rem;
}

.app-tile[data-astro-cid-xx5lwln7] h2[data-astro-cid-xx5lwln7] {
  font-size: var(--step-4);
  line-height: 1;
}

.app-tile__tag[data-astro-cid-xx5lwln7] {
  font-family: var(--font-display);
  font-variation-settings: var(--display-soft);
  font-style: italic;
  font-size: var(--step-1);
  color: var(--muted);
}

.app-tile__body[data-astro-cid-xx5lwln7] > p[data-astro-cid-xx5lwln7]:not(.app-tile__tag) {
  max-width: 40rem;
}

.app-tile__go[data-astro-cid-xx5lwln7] {
  font-size: var(--step-3);
  color: var(--link);
  transition: transform .4s var(--ease-out);
}

.app-tile[data-astro-cid-xx5lwln7]:hover .app-tile__go[data-astro-cid-xx5lwln7] {
  transform: translateX(6px);
}

@media (width <= 640px) {
  .app-tile[data-astro-cid-xx5lwln7] {
    grid-template-columns: 1fr;
  }

  .app-tile__go[data-astro-cid-xx5lwln7] {
    display: none;
  }

  .app-tile__icon[data-astro-cid-xx5lwln7] {
    width: 72px;
    height: 72px;
  }
}