{# quote override — magazine-bold pull-quote: large italic Inter, hairline panel or fluoro accent rule; centred quotes get a short centred hairline. Fields mirror builtin: quote, style, align, cite, attribution, role. #}
{% with style=style|default:"block" align=align|default:"left" %}
<figure data-block-override="magazine-bold:quote" class="bn-quote my-10 {% if style == "inline-card" %}mb-panel bg-card p-8 md:p-10{% elif style == "pull" %}border-l-2 border-[hsl(var(--accent))] pl-6 md:pl-8 py-2{% else %}px-2 py-1{% endif %}{% if align == "center" %} text-center{% endif %}{% if class %} {{ class }}{% endif %}">
  {% if align == "center" %}<span class="mb-rule w-16 mx-auto mb-5 block" aria-hidden="true"></span>{% endif %}
  <blockquote{% if cite %} cite="{{ cite }}"{% endif %} class="{% if style == "pull" %}text-2xl md:text-3xl leading-snug{% else %}text-xl md:text-2xl leading-relaxed{% endif %} italic" style="font-family:var(--font-body, 'Inter', system-ui, sans-serif);color:hsl(var(--foreground));">{{ quote|safe }}</blockquote>
  {% if attribution or role or cite %}<figcaption class="mt-4 text-sm{% if align == "center" %} flex flex-col items-center{% endif %}" style="color:hsl(var(--muted-foreground));">{% if attribution %}<span class="mb-caps text-xs" style="color:hsl(var(--accent));">{{ attribution }}</span>{% endif %}{% if role %}<span class="{% if attribution %}block {% endif %}italic">{{ role }}</span>{% endif %}{% if cite %}<a href="{{ cite }}" class="mb-link {% if attribution or role %}mt-1 {% endif %}inline-block text-xs">Source</a>{% endif %}</figcaption>{% endif %}
</figure>
{% endwith %}
