/* Pull fact — M29.
 *
 * A figure and its meaning, held between two hairlines. The number is set in
 * the mono face at display size because it is data being read as a headline —
 * the one place in the system where those two things are the same thing.
 */

.pl-pull-fact {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--sp-3) var(--sp-6);
  border-top: var(--rule) solid var(--c-text);
  border-bottom: var(--rule) solid var(--c-text);
  padding-block: var(--sp-3);
  margin-block: var(--sp-6);
}

.pl-pull-fact__figure {
  font-size: clamp(2.5rem, 6vw, 4.25rem);
  line-height: 1;
  color: var(--c-text);
}

.pl-pull-fact__text {
  flex: 1;
  min-width: 15rem;
  max-width: 44ch;
  font-size: var(--step-0);
  line-height: 1.6;
  text-wrap: pretty;
}

/* Editor only: an empty block that renders nothing looks like a broken one. */
.pl-pull-fact__empty {
  border: var(--rule) dashed var(--c-rule);
  padding: var(--sp-2);
  color: var(--c-text-muted);
  font-size: var(--step--1);
}