/*
 * Video edit page. Loads after the Last Table tokens and components and uses only their variables.
 * The demo clip fills the reading column and keeps its 16:9 frame; the note card sits under the run command.
 */

.lt-page .ve-faqs h2 {
  margin: 0;
  font: 560 var(--lt-step-3) / var(--lt-leading-tight) var(--lt-font-display);
  color: var(--lt-text-1);
}
.lt-page .lt-section:last-child { padding-bottom: var(--lt-space-8); }

.ve-clip { margin: 0; }
.ve-clip video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--lt-line);
  border-radius: var(--lt-radius-card);
  background: var(--lt-surface-3);
}
.ve-clip figcaption { margin-top: var(--lt-space-2); color: var(--lt-text-2); font-size: var(--lt-step--1); }

.ve-list { margin: 0; padding-left: var(--lt-space-5); display: grid; gap: var(--lt-space-2); max-width: var(--lt-measure); }

.lt-page #ve-run ~ .lt-body { max-width: var(--lt-measure); }
.lt-page #ve-run ~ .lt-code { margin: var(--lt-space-5) 0; }
.ve-note { margin-top: var(--lt-space-5); max-width: var(--lt-measure); }
.ve-note p { margin: var(--lt-space-2) 0 0; }

.lt-page #ve-review ~ .lt-body { max-width: var(--lt-measure); }
.ve-rows { margin-top: var(--lt-space-4); }
.ve-rows td:nth-child(2), .ve-rows td:nth-child(4) { white-space: normal; min-width: 14rem; }