{# Inclus par chaque coquille L2..L6 — pas une route utilisable. #}
{% extends "v3/base.html" %}

{% block content %}
<style>
.placeholder-wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 3rem 1.5rem 4rem;
    text-align: center;
}
.placeholder-tag {
    display: inline-block;
    padding: 0.3rem 0.85rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: rgba(26, 143, 255, 0.10);
    color: var(--accent);
    border: 1px solid rgba(26, 143, 255, 0.30);
    margin-bottom: 1.5rem;
}
.placeholder-num {
    font-family: Menlo, Consolas, monospace;
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
}
.placeholder-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 1rem;
    line-height: 1.2;
}
.placeholder-lead {
    color: var(--text-muted);
    font-size: 1.05rem;
    line-height: 1.65;
    margin-bottom: 2rem;
}
.placeholder-soon {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    background: rgba(255, 171, 26, 0.10);
    border: 1px dashed rgba(255, 171, 26, 0.45);
    border-radius: 10px;
    color: #c97400;
    font-weight: 600;
    margin-bottom: 2rem;
}
[data-theme="dark"] .placeholder-soon { color: #FFAB1A; }
.placeholder-back {
    display: inline-block;
    padding: 0.7rem 1.4rem;
    border-radius: 8px;
    background: var(--accent);
    color: white;
    text-decoration: none;
    font-weight: 600;
    border: 1.5px solid var(--accent);
}
.placeholder-back:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
</style>

<div class="placeholder-wrap">
    <span class="placeholder-tag">Paramétrage</span>
    <div class="placeholder-num">{% block lesson_label %}Leçon{% endblock %}</div>
    <h1 class="placeholder-title">{% block lesson_title %}À écrire{% endblock %}</h1>
    <p class="placeholder-lead">{% block lesson_lead %}Cette leçon arrive bientôt.{% endblock %}</p>
    <div class="placeholder-soon">🚧 Contenu en cours d'écriture</div>
    <div>
        <a class="placeholder-back" href="/v3/academy">← Retour au menu Académie</a>
    </div>
</div>
{% endblock %}