/* Цитата: <figure class="op-quote"><blockquote>…</blockquote><figcaption>…</figcaption></figure>. Бронзовая линия — декор. */

.op-quote {
  margin: 0 0 var(--space-4);
  padding: var(--space-2) 0 var(--space-2) var(--space-6);
  border-left: var(--border-width-strong) solid var(--color-decor);
}

.op-quote blockquote {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-style: italic;
  line-height: var(--leading-body);
}

.op-quote blockquote > :last-child {
  margin-bottom: 0;
}

.op-quote figcaption {
  color: var(--color-text-muted);
  font-size: var(--text-caption);
}