/* blockquote: visual styling for CKEditor blockquote button output.
   CKEditor 5 draws its own editor-side styling (border-left #ccc, italic,
   padding) but saves a bare <blockquote>; Bootstrap 5 removed all element
   styling (Bootstrap 3 had it). This restores a quote look on the front end
   for ALL raw blockquotes in rich text (fees descriptions, paragraph text,
   bios, etc.). Quote paragraphs are unaffected: their DS wrapper carries
   .quote/.blockquote classes and keeps its own styling. */

blockquote {
  border-left: 5px solid var(--tbc-gray-2);
  background-color: var(--tbc-white);
  color: var(--tbc-dark-gray);
  font-style: italic;
  margin: 0 0 1rem;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

blockquote p:last-child {
  margin-bottom: 0;
}

/* CKEditor's RTL support mirrors the border */
[dir="rtl"] blockquote {
  border-left: 0;
  border-right: 5px solid var(--tbc-gray-2);
  padding-right: 1.5em;
  padding-left: 1.5em;
}