/* AI Lab case (draft, 2026-11-03). Uses the case-page system; only the pipeline,
   the stat row and the draft slots are its own. */
.lab .case__content { max-width: 760px; margin-inline: auto; }
.lab-lead { margin: var(--space-5) 0 var(--space-6); font-size: var(--fs-title); line-height: 1.5; color: var(--color-ink); max-width: 54ch; }
.lab-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-7) 0; }
.lab-flow { list-style: none; margin: var(--space-6) 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); counter-reset: step; }
.lab-flow__step { position: relative; display: grid; align-content: start; gap: var(--space-2); padding: var(--space-5); background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md); counter-increment: step; font-size: var(--fs-small); color: var(--color-body); }
.lab-flow__step::before { content: counter(step, decimal-leading-zero); font-family: var(--font-mono); font-size: var(--fs-label); color: var(--color-muted); }
.lab-flow__step b { font-size: var(--fs-body); font-weight: 500; color: var(--color-ink); }
.lab-flow__step:not(:last-child)::after { content: "→"; position: absolute; right: calc(-1 * var(--space-5)); top: 50%; width: var(--space-5); text-align: center; transform: translateY(-50%); color: var(--color-muted); }

/* Draft slots: obviously unfinished, never mistakable for content */
.lab-banner { margin: 0 0 var(--space-6); padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: #fff7e6; color: #7a4b00; font-size: var(--fs-small); }
.draft { display: block; margin: var(--space-3) 0; padding: var(--space-4); border: 1.5px dashed #e0a43a; border-radius: var(--radius-sm); background: #fffbf2; color: #7a4b00; font-size: var(--fs-small); line-height: 1.5; }
.draft em { display: block; font-style: normal; opacity: .75; }
.draft--inline { display: inline; margin: 0; padding: 1px 6px; }
.draft--shot { display: grid; place-items: center; min-height: 220px; }
.lab-flow__step.draft { display: grid; align-content: start; gap: var(--space-2); margin: 0; padding: var(--space-5); }

@media (max-width: 760px) {
  .lab-stats { grid-template-columns: 1fr; }
  .lab-flow { grid-template-columns: 1fr; gap: var(--space-4); }
  .lab-flow__step:not(:last-child)::after { content: "↓"; right: auto; left: 50%; top: auto; bottom: calc(-1 * var(--space-4)); transform: translateX(-50%); }
}