{% if json and not json.type %}
{% with items=json.items|default:json %}
<style>
.pp-smartweb-messages{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1rem auto;max-width:900px;}
.pp-smartweb-message{width:100%;box-sizing:border-box;text-align:center;padding:1rem 1.5rem;border-radius:6px;background:#f4f6f8;border-left:4px solid var(--primary-color, #3c6e9f);}
.pp-smartweb-message--significant{background:#fff8e6;border-left-color:#e0a100;}
.pp-smartweb-message--warning{background:#fdecec;border-left-color:#c62828;}
.pp-smartweb-message__title{display:block;font-size:1.1em;margin-bottom:.35rem;}
.pp-smartweb-message__text p{margin:.25rem 0;}
</style>
<div class="pp-smartweb-messages">
  {% for m in items %}{% if m.title or m.text %}
  <div class="pp-smartweb-message pp-smartweb-message--{% firstof m.msg_type 'info' %}" role="{% if m.msg_type == 'warning' %}alert{% else %}status{% endif %}">
    {% if m.title %}<strong class="pp-smartweb-message__title">{{ m.title }}</strong>{% endif %}
    <div class="pp-smartweb-message__text">{% autoescape off %}{% firstof m.text.data m.text %}{% endautoescape %}</div>
  </div>
  {% endif %}{% endfor %}
</div>
{% endwith %}
{% endif %}