{% extends "madga/blog/base.html" %}
{% block title %}{{ page.meta_title|default:page.title }} · {{ site.name }}{% endblock %}

{% block content %}
{# Page with right sidebar (e.g. for support pages, FAQ-like content). #}
<div class="max-w-5xl mx-auto px-4 sm:px-6 py-10 sm:py-14 grid grid-cols-1 lg:grid-cols-[1fr_240px] gap-10">
  <article>
    <header class="mb-8">
      <h1 class="font-heading text-3xl sm:text-4xl font-semibold tracking-tight">{{ page.title }}</h1>
    </header>
    <div class="prose">{{ page.body_html|safe }}</div>
  </article>

  <aside class="lg:sticky lg:top-24 lg:self-start text-sm">
    <div class="bg-slate-50 dark:bg-slate-900 border border-slate-100 dark:border-slate-800 rounded-xl p-5">
      <div class="text-xs uppercase tracking-wide text-slate-500 mb-3 font-medium">Más en este sitio</div>
      <nav class="space-y-1.5 text-slate-600 dark:text-slate-400">
        <a href="/" class="block hover:text-accent">Inicio</a>
        <a href="/blog/" class="block hover:text-accent">Blog</a>
      </nav>
    </div>
  </aside>
</div>
{% endblock %}