{% extends 'base.html' %}
{% load wagtailcore_tags %}
{% block title %}{{ page.title }} | No Hype AI{% endblock %}
{% block content %}

<!-- Page Header -->
<div class="py-8 md:py-12 border-b border-zinc-200 dark:border-zinc-800 mb-12">
  <h1 class="font-display font-black text-4xl md:text-5xl mb-3">{{ page.title }}</h1>
  <p class="font-mono text-sm text-zinc-500">Last updated: {{ page.last_updated|date:'F Y' }}</p>
</div>

<!-- Body -->
<div class="max-w-3xl prose prose-lg dark:prose-invert
  prose-headings:font-display prose-headings:font-bold
  prose-a:text-brand-cyan hover:prose-a:text-brand-pink prose-a:transition-colors prose-a:no-underline hover:prose-a:underline">
  {{ page.body|richtext }}
</div>
{% endblock %}