/*
 * Markup definition component — pairs with
 * app/views/shared/_markup_definition.html.erb, the one-line explainer under
 * the .results-count of every table that shows the markup columns.
 */

/* Sit tight under the count it annotates, then take over its bottom gap. */
.results-count:has(+ .markup-definition) {
  margin-bottom: var(--space-xs);
}

.markup-definition {
  font-size: var(--font-size-xs);
  /* Not --color-text-muted: the definition is the only place markup is
     explained, and muted fails AA at this size (see components/_markup.css). */
  color: var(--color-text-light);
  margin-bottom: var(--space-md);
  max-width: 70ch;
}