.quote {
  margin: 1.5em 4%;
  max-width: var(--text-max-width);
}
blockquote {
  margin: 0;
  position: relative;
  background: rgba(0, 0, 0, 0.04);
  padding: var(--data-field-padding);
}
blockquote p {
  margin: 0;
}

/* the following rules insert large quotation marks */
blockquote::before,
blockquote::after {
  font-size: 2.5em;
  position: absolute;
}
blockquote::before {
  content: "\201C";
  left: -0.5em;
  top: 0.4em;
}
blockquote::after {
  content: "\201D";
  right: -0.5em;
  bottom: 0;
}

.quote .attribution {}