{% extends "base.html" %}
{% load static %}
{% block html_class %}marketing-shell{% endblock %}
{% block body %}
<style>
  html.marketing-shell,
  html.marketing-shell body {
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
</style>

<div class="flex min-h-screen min-h-[100dvh] flex-col bg-ruforum-surface">

  {% include "components/public_header.html" %}

  {# ── Main content (full-width so sections can go full-bleed) ── #}
  <main id="main-content" tabindex="-1" class="w-full min-w-0 flex-1">
    {% block content %}{% endblock %}
  </main>

  {% include "components/public_footer.html" %}

</div>
{% endblock %}