.code {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-48);
  padding-block: var(--space-section);
  background: var(--color-ink);
  color: var(--color-on-ink);
}

.code .eyebrow {
  color: var(--color-accent-on-dark);
}

.code :focus-visible {
  outline-color: var(--color-accent-on-dark);
}

.code__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--size-card-min-width)), 1fr));
  gap: var(--space-24);
}