/* ==========================================================================
   Citaat — Open Sans cursief met een petrol lijn links
   ========================================================================== */

.quote__text {
  max-width: 28ch;
  padding-left: var(--space-4);
  border-left: var(--border-width-accent) solid var(--accent);
  color: var(--fg-1);
  font-family: var(--font-serif);
  font-size: var(--fs-quote-m);
  font-style: italic;
  line-height: var(--lh-lead);
  letter-spacing: var(--tr-tight);
}

.quote__text p {
  max-width: none;
}

.quote__cite {
  margin-top: var(--space-4);
  padding-left: calc(var(--space-4) + var(--border-width-accent));
  color: var(--fg-2);
  font-size: var(--fs-micro);
  letter-spacing: var(--tr-label);
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .quote__text {
    padding-left: var(--space-6);
  }

  .quote__cite {
    padding-left: calc(var(--space-6) + var(--border-width-accent));
  }
}