/* Scripps Tweaks: blockquote-sizes. The Blockquote block (SR_Blockquote) draws its quote at up to 64px for Large and 48px for Small. These
   are Large 45px, Small 35px and a new Extra small at 25px, on every page that uses the block. Each is fluid the way the theme's are:
   exactly the size from a 1024px wide window up (45 / 1024 is 4.4vw, 35 / 1024 is 3.42vw, 25 / 1024 is 2.45vw), shrinking with the
   window below that, down to 28px, 24px and 20px on a phone, so Large is always the biggest and Extra small the smallest. Only the
   quote's font size changes (and the space under an Extra small one; the theme has none for it): the font, weight, line height and
   color, the hanging opening mark, the attribution and the space under Large and Small are the theme's own. The selectors carry the
   block's tag, so they outweigh the theme's whichever stylesheet loads last. */
flynt-component[name='SR_Blockquote'] .quote--large blockquote {
  font-size: clamp(28px, 4.4vw, 45px);
}

flynt-component[name='SR_Blockquote'] .quote--small blockquote {
  font-size: clamp(24px, 3.42vw, 35px);
}

flynt-component[name='SR_Blockquote'] .quote--xsmall blockquote {
  font-size: clamp(20px, 2.45vw, 25px);
  margin-block-end: 1.5rem;
}