{% extends "public/base.html" %}
{% load static %}

{% block title %}{{ page.title }} — {{ site.site_name }}{% endblock %}

{% block extra_head %}
<style>
.legal-content, .legal-content * { color: #fff !important; }
</style>
{% endblock %}

{% block content %}
<div class="section-first-inner">
    <div class="section compact-bottom">
        <div class="hero-container">
            <div class="banner-inner">
                <div class="banner-inner-content">
                    <h1>{{ page.title }}</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="section spacious-bottom">
        <div class="hero-container">
            <div class="d-flex flex-column gspace-2">
                <div class="blog-container text-justify">
                    <div class="legal-content">
                        {{ page.content|safe }}
                    </div>
                    <p class="legal-updated" style="font-size:.82rem;color:rgba(255,255,255,.55);margin-top:.75rem;text-align:right">Last Updated: {{ page.updated_at|date:"j F Y" }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}