/* case-study.css */

.w-richtext blockquote {
  position: relative;
  margin-top: var(--_spacing---space--5);
  margin-bottom: var(--_spacing---space--5);
  /* extra top padding leaves room for the quote icon */
  padding: var(--_spacing---space--7) var(--_spacing---space--5) var(--_spacing---space--5);
  background-color: var(--swatch--dark);
  border: 1px solid var(--swatch--brand);

  color: var(--_theme---text);
  font-size: var(--_typography---font-size--text-main);
  line-height: var(--_typography---line-height--1-5);
}

/* Pink quote icon, top-left. SVG drives the shape; the token drives the color (via mask). */
.w-richtext blockquote::before {
  content: '';
  position: absolute;
  top: var(--_spacing---space--4);
  left: var(--_spacing---space--5);
  width: 2.25rem;
  height: 2.25rem;

  background-color: var(--swatch--brand);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 11H6.5C6.5 8.5 7.6 7.2 10 7V4.5C5.8 4.8 3.5 7.3 3.5 11.5V19.5H10V11ZM20.5 11H17C17 8.5 18.1 7.2 20.5 7V4.5C16.3 4.8 14 7.3 14 11.5V19.5H20.5V11Z'/%3E%3C/svg%3E")
    no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 11H6.5C6.5 8.5 7.6 7.2 10 7V4.5C5.8 4.8 3.5 7.3 3.5 11.5V19.5H10V11ZM20.5 11H17C17 8.5 18.1 7.2 20.5 7V4.5C16.3 4.8 14 7.3 14 11.5V19.5H20.5V11Z'/%3E%3C/svg%3E")
    no-repeat center / contain;
}
.blog-rich-text.margin-trim p {
  margin: 0 !important;
}

.abs-quote-feature {
  padding-top: var(--_spacing---space--4) !important;
}