{% comment %}
  Inner text-only block of a page header — eyebrow + title + subtitle.
  Use when a page needs the standard header chrome but with custom
  CTAs / widgets that don't fit page_header.html's single-cta slot.

  Wrap this in your own flex container, e.g.:

    <header class="mb-8 flex flex-wrap items-end justify-between gap-4">
      {% include "components/page_header_text.html" with eyebrow="…" title="…" subtitle="…" %}
      <div class="flex flex-wrap items-center gap-2">…custom CTAs…</div>
    </header>

  Params:
    eyebrow      — optional uppercase kicker above the title
    title        — required h1 text
    subtitle     — optional supporting paragraph
    size         — "lg" → text-3xl, otherwise text-2xl
    with_glyph   — show the ◆ glyph next to eyebrow (default True)
{% endcomment %}
<div class="min-w-0">
  {% if eyebrow %}
    <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.18em] text-ruforum-primary/80">
      {% if with_glyph|default_if_none:True %}<span class="text-ruforum-primary" aria-hidden="true">◆</span> {% endif %}{{ eyebrow }}
    </p>
  {% endif %}
  <h1 class="{% if eyebrow %}mt-1 {% endif %}font-display {% if size == 'lg' %}text-3xl tracking-tight{% else %}text-2xl{% endif %} font-semibold text-ruforum-text">{{ title }}</h1>
  {% if subtitle %}
    <p class="mt-1 {% if size == 'lg' %}max-w-3xl text-sm leading-relaxed{% else %}text-sm{% endif %} text-ruforum-text-muted">{{ subtitle }}</p>
  {% endif %}
</div>