/* ---------- Feature quote — the visual anchor of the section ---------- */

.block-quote {
  margin: var(--space-xl) 0;
  padding: var(--space-lg) var(--space-xl);
  background: var(--colour-surface);
  border-radius: var(--radius-lg);
  border-inline-start: 2px solid var(--colour-brand);
  box-shadow: var(--shadow-soft);
}

.block-quote--temperature {
  border-inline-start: 2px solid oklch(from var(--colour-brand) 55% c var(--temperature-col-h)) !important;
}

.block-quote p {
  font-family: var(--font-family);
  font-size: var(--font-size-4);
  line-height: 1.5;
  color: var(--colour-text);
  margin: 0;
}

@media (max-width: 850px) {
 
  .block-quote {
    padding: var(--space-md) var(--space-lg);
  }

}