.grid-auto-fr {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
  max-width: 100%;

  > *,
  > *:where(.contents) > *,
  > *:where(astro-island, astro-slot) > * {
    grid-column: var(--colstart) / span var(--span);
    grid-row: var(--rowstart) / span var(--rowspan);
    max-width: 100%;
  }
}