{% macro tags(tag_list) %}
{% if tag_list %}
<div class="tags">
  {% for tag in tag_list %}
  <span class="tag">{{ tag }}</span>
  {% endfor %}
</div>
{% endif %}
{% endmacro %}

{% macro page_header(title, meta) %}
<div class="page-header">
  <h1>{{ title }}</h1>
  {% if meta %}<p class="meta">{{ meta }}</p>{% endif %}
</div>
{% endmacro %}

{% macro summary_box(text, lead=false) %}
<div class="summary-box{% if lead %} lead{% endif %}">
  {{ text }}
</div>
{% endmacro %}

{% macro date_divider(label) %}
<div class="date-divider"><span>{{ label }}</span></div>
{% endmacro %}

{% macro chat_quote(initials, name, text) %}
<div class="chat-quote">
  <div class="avatar">{{ initials }}</div>
  <div class="bubble-wrap">
    <div class="bubble-name">{{ name }}</div>
    <div class="bubble">{{ text }}</div>
  </div>
</div>
{% endmacro %}

{% macro topic_card(href, title, meta) %}
<a href="{{ href }}" class="topic-card">
  <span class="pin">📌</span>
  <h3>{{ title }}</h3>
  <p>{{ meta }}</p>
</a>
{% endmacro %}

{% macro digest_block(num, fact, point) %}
<div class="digest-block">
  <div class="digest-num">{{ num }}</div>
  <p class="digest-fact">{{ fact }}</p>
  {% if point %}<p class="digest-point">👉 {{ point }}</p>{% endif %}
</div>
{% endmacro %}

{% macro conflict(text) %}
<div class="conflict">
  ⚠️ {{ text }}
</div>
{% endmacro %}

{% macro search_box(placeholder='위키 검색…') %}
<div class="search-box">
  <input type="search" id="site-search" placeholder="{{ placeholder }}" aria-label="위키 검색" autocomplete="off">
  <div id="search-results" class="search-results"></div>
</div>
{% endmacro %}

{% macro related_panel(related, asset_prefix) %}
{% if related %}
<div class="related-panel">
  <h3>연결된 주제</h3>
  <ul>
  {% for link in related %}
  <li><a class="wiki-link" href="{{ asset_prefix }}{{ link.href }}">{{ link.title }}</a></li>
  {% endfor %}
  </ul>
</div>
{% endif %}
{% endmacro %}
<a href="https://onpod.ai/?ref=hermes-wiki" target="_blank" rel="noopener noreferrer" aria-label="Powered by Onpod" style="position:fixed;bottom:14px;right:14px;z-index:2147483647;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;font:600 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#fff;background:#0b0b12;border-radius:9px;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.2)">⚡ Powered by Onpod</a>