/**
 * core/paragraph — the "Lede (Webtron)" and "Kicker (Webtron)" styles.
 *
 * "Just one click. No more spreadsheets." and "So Quick!" in the One-Touch
 * design. Container units, as for the display heading. Element plus class, so
 * a theme's `:root :where(p)` styles (one class, printed later) cannot win.
 */

p.is-style-wmb-lede,
p.is-style-wmb-kicker {
  font-family: inherit;
  font-weight: var(--wmb-weight-display);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--wmb-navy);
  text-wrap: balance;
}

p.is-style-wmb-lede {
  font-size: clamp(calc(1.25 * var(--wmb-rem)), 3.6cqi, calc(3.75 * var(--wmb-rem)));
}

p.is-style-wmb-kicker {
  font-size: clamp(calc(1.2 * var(--wmb-rem)), 3.4cqi, calc(3.5 * var(--wmb-rem)));
  font-style: italic;
}