{% extends "structure/base.html" %}
{% block title %}{{ construct.compose_title(construct.t("auth-forbidden-title")) }}{% endblock %}
{# This view renders its own visible <h1>, so suppress the layout default. #}
{% block page_heading %}{% endblock %}
{% block content %}
  <div class="fcu-card">
    <div class="fcu-card-body">
      <h1 class="fcu-text--h2" style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
        {{ icon("lock", style="font-size: 20px;") }}
        {{ construct.t("auth-forbidden-title") }}
      </h1>
      <p style="margin-bottom: 16px;">{{ construct.t("auth-forbidden-message") }}</p>
      <a href="{{ construct.url }}" class="fcu-btn fcu-btn--primary" up-follow up-target="#main-content">
        {{ icon("home", style="font-size: 16px;") }}
        {{ construct.t("auth-back-home") }}
      </a>
    </div>
  </div>
{% endblock %}