<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ summary.profile.persona if summary is defined else 'Minerva' }} Dashboard</title>
    <link rel="stylesheet" href="/static/app.css">
  </head>
  <body>
    <div class="page-shell">
      <header class="masthead card glow-card">
        <div class="masthead-copy">
          <div>
            <p class="eyebrow">Ravenclaw common room</p>
            <h1>Minerva Dashboard</h1>
            <p class="lede">Elegant household focus for {{ summary.profile.display_name if summary is defined else 'Manndra' }}: agenda, lists, notes, and one calm place to decide what matters now.</p>
          </div>
          <div class="masthead-meta">
            <span class="badge">Private-first</span>
            <span class="badge bronze">Phone friendly</span>
            <span class="badge outline">{{ summary.profile.tone if summary is defined else 'Elegant, magical, useful' }}</span>
          </div>
        </div>
        <figure class="masthead-hero-frame">
          <img
            class="masthead-hero-image"
            src="/static/images/library-hero.jpg"
            alt="Grand library interior with high shelves and warm lamplight"
          >
          <figcaption>Library study-hall artwork grounding the dashboard in a scholarly common-room mood.</figcaption>
        </figure>
      </header>
      <main>
        {% block content %}{% endblock %}
      </main>
    </div>
  </body>
</html>
