@layer components {
  .portal-form-page {
    background-color: white;
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
  }

  .portal-form-page h2 {
    margin-bottom: var(--spacing-xs);
  }

  .form-intro {
    color: var(--portal-foreground);
    margin-bottom: var(--spacing-xl);
  }

  .portal-form {
    max-width: none;
  }

  .nested-items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
  }

  .nested-item {
    padding: var(--spacing-lg);
    background-color: var(--color-gray-50);
    border-radius: var(--radius-md);
  }
}