@layer components {
  .statement-lab { margin-block: var(--space-6); padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: var(--color-paper-raised); scroll-margin-top: calc(var(--space-7) + var(--space-5)); }
  .statement-lab__intro { max-width: 48rem; }
  .statement-lab__intro h2 { font-size: var(--step-2); }
  .statement-lab__intro p { color: var(--color-ink-soft); }
  .statement-lab__examples:not([hidden]) { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-4); }
  .statement-lab__choice { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-paper); color: var(--color-ink); font: inherit; text-align: left; cursor: pointer; }
  .statement-lab__choice[aria-pressed="true"] { border-color: var(--color-trust); box-shadow: inset 0 0 0 1px var(--color-trust); font-weight: 700; }
  .statement-lab__choice[aria-pressed="true"]::before { content: '✓ '; }
  .statement-lab__custom summary { cursor: pointer; padding-block: var(--space-2); color: var(--color-trust-dark); font-weight: 600; }
  .statement-lab__fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); padding: 0; margin: var(--space-4) 0; border: 0; min-width: 0; }
  .statement-lab__fields legend { margin-bottom: var(--space-3); font-weight: 600; }
  .statement-lab__field { display: grid; gap: var(--space-1); min-width: 0; align-content: start; }
  .statement-lab__field input { width: 100%; min-width: 0; padding: var(--space-2); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-paper); color: var(--color-ink); font: inherit; font-variant-numeric: tabular-nums; }
  .statement-lab__field input[aria-invalid="true"] { border-color: var(--color-fuel-dark); outline: 2px dashed var(--color-fuel-dark); outline-offset: 2px; }
  .statement-lab__hint { margin: 0; color: var(--color-muted); font-size: var(--step--1); }
  .statement-lab__error { color: var(--color-fuel-dark); font-weight: 600; }
  .statement-lab__results:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: var(--space-4); margin-top: var(--space-4); align-items: start; }
  .statement-lab__table { width: 100%; border-collapse: collapse; font-size: var(--step--1); }
  .statement-lab__table caption { text-align: left; padding-bottom: var(--space-2); font-weight: 600; }
  .statement-lab__table th, .statement-lab__table td { padding: var(--space-2); border-bottom: 1px solid var(--color-line); }
  .statement-lab__table th { text-align: left; font-weight: 400; }
  .statement-lab__table td { text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
  .statement-lab__row-button { border: 0; padding: var(--space-1); background: transparent; color: var(--color-trust-dark); font: inherit; text-align: left; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
  .statement-lab__row-button[aria-pressed="true"] { font-weight: 700; background: var(--color-sand); border-radius: var(--radius-sm); }
  .statement-lab__row-button[aria-pressed="true"]::before { content: '→ '; }
  .statement-lab__note { padding: var(--space-4); border-left: 4px solid var(--color-trust); background: var(--color-sand); border-radius: var(--radius-sm); }
  .statement-lab__note h3 { margin-top: 0; font-size: var(--step-1); }
  .statement-lab__note p { line-height: 1.8; }
  .statement-lab__status { color: var(--color-ink-soft); font-size: var(--step--1); }
  .statement-lab__links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); margin-bottom: 0; font-size: var(--step--1); }
  @media (max-width: 56rem) {
    .statement-lab__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .statement-lab__results:not([hidden]) { grid-template-columns: minmax(0, 1fr); }
  }
  @media (max-width: 30rem) {
    .statement-lab { padding: var(--space-3); }
    .statement-lab__fields { grid-template-columns: minmax(0, 1fr); }
  }
}
