/* Text — no margin of its own; the section's gap does the spacing. */
.vt-text {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--vt-text-size, var(--fs-md));
  font-weight: var(--vt-text-weight, var(--fw-regular));
  line-height: var(--vt-text-leading, var(--lh-relaxed));
  color: var(--vt-fg-muted, var(--color-text-muted));
  text-wrap: pretty;
}
/* the cap itself is the section's call; 50ch is the default it inherits */
.vt-text--measure { max-width: var(--vt-text-measure, 50ch); }

/* Small — the mockup's .specnote: the sentence under a table that qualifies it.
   It sets its OWN size and measure rather than reading the section's, because
   the whole point of it is to be quieter than the section's body copy; a
   container that had made the body 18px would otherwise make the note 18px too.
   70ch is the mockup's, and it is wider than the body's measure on purpose —
   this is a footnote, not a column of reading matter. */
.vt-text--small {
  font-size: 13px;
  line-height: 1.55;
  color: var(--vt-fg-muted, var(--color-text-muted));
}
.vt-text--small.vt-text--measure { max-width: 70ch; }
.vt-text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.vt-text a:hover { color: var(--vt-fg, var(--color-link-hover)); }