/* Site-specific component styles */

@layer components {
/* Test case examples — styled sections for valid/invalid code examples */
.test-case {
  margin-block-start: var(--space-lg);
  padding-inline-start: var(--space-md);
  border-inline-start: 3px solid var(--color-border);
}

.test-case[data-type="valid"] {
  border-inline-start-color: oklch(65% 0.15 145);
}

.test-case[data-type="invalid"] {
  border-inline-start-color: oklch(65% 0.15 25);
}
}