{{-- La clé des lettres L / R / D. Partagée par la grille de lecture et la page
     d'entrée du Livre VI : savoir qui a écrit un texte conditionne la façon de
     le lire, cela n'a pas à se mériter par un clic supplémentaire. --}}
@php $natures = \App\Support\GrilleLivre6::NATURES; @endphp

{{-- La clé des lettres. --}}
        <section class="mt-10" aria-labelledby="lettres">
            <span class="tricolore-tick"></span>
            <h2 id="lettres" class="mt-3 font-sans text-2xl font-bold text-title">La lettre : qui a écrit le texte</h2>
            <div class="mt-4 grid gap-3 sm:grid-cols-3">
                @foreach ($natures as $lettre => $n)
                    <div class="rounded-xl border border-line bg-surface p-5">
                        <div class="font-sans text-3xl font-bold text-rep-red">{{ $lettre }}</div>
                        <div class="mt-1 font-semibold text-title">{{ $n['nom'] }}</div>
                        <div class="mt-1 text-[13px] font-medium text-rep-blue">{{ $n['auteur'] }}</div>
                        <p class="mt-2 text-sm leading-relaxed text-muted">{{ $n['role'] }}</p>
                    </div>
                @endforeach
            </div>
        </section>