{% extends "base.html" %}
{% block title %}Database unavailable — Steward{% endblock %}
{% block content %}
<div style="text-align:center; padding: 4rem 2rem; font-family: var(--font-serif);">
  <h1 style="color: var(--yellow); font-size: 2.5rem; margin-bottom: 0.5rem;">503</h1>
  <p style="color: var(--text); font-size: 1.2rem; margin-bottom: 0.25rem;">The records are out of reach.</p>
  <p style="color: var(--text-dim); margin-bottom: 0.5rem; max-width: 34rem; margin-left:auto; margin-right:auto;">
    Steward is running, but cannot reach its database. Nothing has been lost —
    this page will work again as soon as the database is back.
  </p>
  <p style="color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1.5rem;">
    Steward already retried for a moment before showing this.
  </p>
  <a href="{{ request.path }}" class="btn">Try again</a>
</div>
{% endblock %}