@layer components {
  .island {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--block-space);
    max-width: var(--island-width, 100dvw);
    padding: var(--block-space);
    width: 100%;
  }

  .island--narrow {
    --island-width: 32rem;
  }
}