/*
 * Visually distinct from the deterministic lists below it, because the prose is
 * generated and the ranked lists are the source of truth.
 */
.brief {
  padding: var(--space-5);
  border: var(--border-width) solid var(--color-primary-border);
  border-radius: var(--radius-lg);
  background-color: var(--color-primary-subtle);
}

.brief__label {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary-text);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.brief__body {
  margin-top: var(--space-3);
  color: var(--color-text);
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
}

.brief__footer {
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--text-xs);
}