/* Native Gutenberg Quote variants: quiet editorial accents, not testimonials. */
:is(.prose, .editor-styles-wrapper) blockquote.kit-quote {
  --quote-accent:#008f83;
  --quote-bg:#e4f3ef;
  --quote-icon:url('../illustrations/gecko-think.svg');
  position:relative;
  box-sizing:border-box;
  width:100%;
  margin:32px 0;
  padding:24px 28px 24px 98px;
  border:1px solid transparent;
  border-left:3px solid var(--quote-accent);
  border-radius:12px;
  background:var(--quote-bg);
  color:var(--ink,#17212b);
  font:500 1.12rem/1.55 var(--sans,system-ui,sans-serif);
}
:is(.prose, .editor-styles-wrapper) blockquote.kit-quote::before {
  content:"";
  position:absolute;
  top:24px;
  left:22px;
  width:54px;
  height:54px;
  background:var(--quote-icon) center / contain no-repeat;
}
:is(.prose, .editor-styles-wrapper) blockquote.kit-quote p { margin:0 0 12px; }
:is(.prose, .editor-styles-wrapper) blockquote.kit-quote cite { display:block; font:500 .72rem/1.4 var(--mono,monospace); color:var(--ink-soft,#44525e); letter-spacing:.025em; }
:is(.prose, .editor-styles-wrapper) blockquote.kit-quote--warm { --quote-bg:#fff2d6; --quote-accent:#e4ac2a; --quote-icon:url('../illustrations/gecko-wave.svg'); }
:is(.prose, .editor-styles-wrapper) blockquote.kit-quote--editorial { --quote-bg:#fff; --quote-accent:#ee6658; --quote-icon:url('../illustrations/gecko-guide.svg'); border-top-color:var(--rule,#cbd5dc); border-right-color:var(--rule,#cbd5dc); border-bottom-color:var(--rule,#cbd5dc); font-family:var(--serif,Georgia,serif); font-size:1.25rem; }
@media(max-width:479px) {
  :is(.prose, .editor-styles-wrapper) blockquote.kit-quote { padding:22px 20px 22px 74px; font-size:1.05rem; }
  :is(.prose, .editor-styles-wrapper) blockquote.kit-quote::before { width:40px; height:40px; left:16px; top:22px; }
}