{# reading_list (editorial) — curated further-reading list: small-caps heading over hairline-ruled entries with optional source + note. Fields: title, intro, items[].label/url/source/note. #}
<section class="editorial-column my-10" data-block="editorial:reading_list">
  {% if title %}<div class="editorial-section-label">{{ title }}</div><hr class="editorial-section-label-rule">{% endif %}
  {% if intro %}<p class="editorial-text text-sm mb-4" style="color:hsl(var(--muted-foreground));">{{ intro }}</p>{% endif %}
  {% if items %}
  <ul class="m-0 p-0" style="list-style:none;">
    {% for item in items %}
    <li class="py-3" style="border-top:1px solid hsl(var(--border));">
      {% if item.url %}<a href="{{ item.url }}" class="editorial-link" style="font-family:var(--font-heading, &quot;Playfair Display&quot;, Georgia, serif);font-size:1.1rem;">{{ item.label }}</a>{% else %}<span style="font-family:var(--font-heading, &quot;Playfair Display&quot;, Georgia, serif);font-size:1.1rem;color:hsl(var(--foreground));">{{ item.label }}</span>{% endif %}
      {% if item.source %}<span class="editorial-meta ml-2">{{ item.source }}</span>{% endif %}
      {% if item.note %}<p class="editorial-text text-sm mt-1" style="color:hsl(var(--muted-foreground));">{{ item.note }}</p>{% endif %}
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</section>