@import url("vues-declaratives.css");

/* Artefacts, scène Lecture, verre B. Deux cases : en-tête et contenu. */
#vue-artefacts { font-size: var(--t-texte); color: var(--text-primary); }
#main[data-view="artefacts"] #vue-artefacts { overflow: hidden; }
.af-tete { flex: none; display: flex; flex-direction: column; gap: var(--espace-2); max-height: 50%; overflow: auto; }
.af-barre, #af-segments, .af-actions, .af-rangement, .af-lecture-tete { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); }
.af-tete h1 { font-size: var(--t-titre-vue); }
.af-recherche { flex: 1 1 240px; min-width: 120px; }
.af-recherche input { width: 100%; }
#vue-artefacts :is(input,select), .af-lecteur :is(input,select) { min-width: 0; max-width: 100%; min-height: var(--controle-h); padding: var(--espace-2) var(--espace-3); background: var(--bg-surface); color: var(--text-primary); border: 1px solid var(--border-controle); border-radius: var(--rayon-controle); font: inherit; }
#vue-artefacts input::placeholder { color: var(--text-muted); opacity: 1; }
#vue-artefacts button, .af-lecteur button { white-space: normal; height: auto; max-width: 100%; }
#vue-artefacts [data-plein] { background: var(--accent); color: var(--texte-sur-accent); border-color: var(--accent); font-weight: var(--g-gras); }
.af-corps { display: grid; grid-template-columns: 200px minmax(0,1fr); flex: 1; min-height: 0; padding: var(--espace-2); overflow: hidden; }
.af-corps.af-avec-lecture { grid-template-columns: 200px minmax(260px,.85fr) minmax(0,1.25fr); }
.af-nav { min-width: 0; overflow: auto; padding: var(--espace-2); border-right: 1px solid var(--border-subtle); }
.af-nav [role=tablist] { display: flex; flex-direction: column; gap: var(--espace-1); }
#vue-artefacts .af-nav [role=tab] { display: block; padding: var(--espace-3); color: var(--text-primary); border-radius: var(--rayon-controle); overflow-wrap: anywhere; }
.af-nav [role=tab][aria-selected=true] { background: var(--bg-hover); font-weight: var(--g-gras); }
.af-nav summary { padding: var(--espace-3); font-size: var(--t-repere); text-transform: uppercase; cursor: pointer; }
.af-nav .af-attente::before { content: '• '; color: var(--accent); }
.af-nav.af-sans-accent .af-attente::before { content: ''; }
.af-nav > button { margin-block: var(--espace-3); }
.af-resultats { min-width: 0; min-height: 0; overflow: auto; padding: var(--espace-3); }
.af-avec-lecture .af-resultats { border-right: 1px solid var(--border-subtle); }
#artefacts-liste { gap: var(--espace-3); }
#artefacts-liste .af-groupe, #artefacts-liste .af-accueil, #artefacts-liste .af-vide, .af-panne.case { background: transparent; border: 0; box-shadow: none; padding: 0; }
.af-groupe h2 { margin: var(--espace-3) 0 var(--espace-2); color: var(--text-secondary); font-size: var(--t-repere); font-weight: var(--g-moyen); text-transform: uppercase; }
.af-lignes { display: flex; flex-direction: column; gap: var(--espace-1); }
.af-ligne { position: relative; min-width: 0; border-radius: var(--rayon-controle); }
.af-ligne:hover, .af-selection { background: var(--bg-hover); }
.af-ouvrir { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 var(--espace-2); min-height: 54px; padding: var(--espace-2); color: var(--text-primary); }
.af-ouvrir strong { font-size: var(--t-nom); font-weight: var(--g-moyen); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-meta { color: var(--text-secondary); font-size: var(--t-aide); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-ouvrir .af-meta { grid-column: 1; }
.af-verdict { grid-column: 2; grid-row: 1 / 3; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: var(--espace-1); max-width: 220px; }
.af-statut { font-size: var(--t-aide); line-height: var(--i-aide); }
.af-statut[data-ton=reussi] { color: var(--etat-reussi); }
.af-statut[data-ton=attention] { color: var(--etat-attention); }
.af-statut[data-ton=echec] { color: var(--etat-echec); }
.af-puce { padding: var(--espace-1) var(--espace-2); border-radius: var(--rayon-controle); background: var(--bg-hover); color: var(--text-secondary); font-size: var(--t-aide); }
.af-sigle { margin-right: var(--espace-1); font-size: var(--t-repere); }
.af-resume { display: none; }
.af-extrait { grid-column: 1 / -1; padding-block: var(--espace-2); font-size: var(--t-aide); overflow-wrap: anywhere; }
.af-extrait small { display: block; font-size: var(--t-aide); color: var(--text-secondary); }
.af-extrait mark { background: var(--etat-attention-fond); color: var(--text-primary); padding: 2px; }
.af-ligne > [data-af=epingle-ligne] { display: none; font-size: var(--t-aide); margin: var(--espace-1); }
.af-ligne:is(:hover,:focus-within) > [data-af=epingle-ligne] { display: inline-flex; }
[data-densite=compacte] .af-ouvrir { min-height: 40px; padding-block: 2px; }
.af-avec-lecture .af-ouvrir { grid-template-columns: minmax(0,1fr); }
.af-avec-lecture .af-verdict { grid-row: auto; grid-column: 1; flex-direction: row; justify-content: flex-start; align-items: center; max-width: none; }
[data-representation=grille] .af-lignes { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr)); gap: var(--espace-3); }
[data-representation=grille] .af-ligne { border: 1px solid var(--border-subtle); background: var(--bg-hover); border-radius: 12px; padding: var(--espace-2); }
[data-representation=grille] .af-ouvrir { grid-template-columns: minmax(0,1fr); gap: var(--espace-2); }
[data-representation=grille] .af-verdict { grid-column: 1; grid-row: auto; align-items: flex-start; }
[data-representation=grille] .af-resume, [data-representation=grille] .af-ouvrir strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; }
.af-select-rubrique, .af-mobile { display: none; }
.af-lecture { display: flex; flex-direction: column; gap: var(--espace-3); min-width: 0; }
#artefact-lecture { min-width: 0; min-height: 0; overflow: auto; padding: var(--espace-4); }
.af-lecture h2 { font-size: var(--t-titre-vue); line-height: var(--i-titre-vue); flex: 1 1 100%; }
.af-lecteur:not(#artefact-lecture) h2 { font-size: var(--t-titre-case); }
.af-ariane, .af-provenance, .af-rangement { font-size: var(--t-aide); line-height: var(--i-aide); overflow-wrap: anywhere; }
#vue-artefacts :is(.af-provenance,.af-ariane,.af-exemples) a, .af-garde a { color: var(--text-primary); text-decoration: underline; }
:is(.af-decision,.af-proposition) { padding: var(--espace-4); display: flex; flex-direction: column; gap: var(--espace-3); border: 2px solid var(--accent); border-radius: var(--rayon-case); background: var(--bg-hover); }
:is(.af-decision,.af-proposition) .repere { color: var(--accent); }
:is(.af-decision,.af-proposition) h3, .af-vide h2 { font-size: var(--t-titre-case); }
:is(.af-decision,.af-proposition) dl { display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--espace-2) var(--espace-4); }
:is(.af-decision,.af-proposition) dt { font-size: var(--t-aide); color: var(--text-secondary); }
:is(.af-decision,.af-proposition) dd { margin: 0; overflow-wrap: anywhere; }
.af-onglets { display: flex; gap: var(--espace-4); border-bottom: 1px solid var(--border-subtle); }
.af-onglets button { background: transparent; color: var(--text-secondary); padding: var(--espace-2) 0; border: 0; }
.af-onglets [aria-selected=true] { color: var(--text-primary); box-shadow: 0 2px var(--accent); font-weight: var(--g-gras); }
.af-document { background: var(--bg-hover); padding: var(--espace-4); border-radius: 12px; min-width: 0; overflow-wrap: anywhere; }
.af-document pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.af-document table { display: block; overflow: auto; }
.af-versions { list-style: none; display: flex; flex-direction: column; gap: var(--espace-2); padding: 0; }
.af-diff-texte { display: block; white-space: pre-wrap; }
[data-diff] > p { margin-bottom: var(--espace-3); }
.af-diff-ajoute { background: var(--etat-reussi-fond); color: var(--text-primary); text-decoration: underline; }
.af-diff-retire { background: var(--etat-echec-fond); color: var(--text-primary); text-decoration: line-through; }
[data-diff] > div, [data-diff] > details { margin-block: var(--espace-3); padding: var(--espace-2); border-radius: var(--rayon-controle); }
.af-diff-modifie { white-space: pre-wrap; }
.af-form, .af-vide, .af-accueil, .af-exemple { display: flex; flex-direction: column; align-items: stretch; gap: var(--espace-3); }
.af-form label { display: flex; flex-direction: column; gap: var(--espace-1); font-size: var(--t-aide); }
.af-form, .af-confirmation, .af-information, .af-proposition-ligne { padding: var(--espace-3); background: var(--bg-hover); border-radius: var(--rayon-controle); }
.af-accueil summary, .af-diff-egal summary { cursor: pointer; padding: var(--espace-2); }
.af-exemple { padding: var(--espace-4); border: 1px solid var(--border-controle); border-radius: 12px; color: var(--text-primary); }
.af-champs { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: var(--espace-4); }
.af-champs fieldset { min-width: 0; border: 0; display: flex; flex-direction: column; gap: var(--espace-2); }
.af-champs legend { font-weight: var(--g-gras); margin-block: var(--espace-2); }
#vue-artefacts .af-checkbox { display: flex; align-items: center; gap: var(--espace-2); font-size: var(--t-aide); }
#vue-artefacts .af-checkbox input { min-height: 20px; width: 20px; flex: none; }
#af-notice:empty, [data-lecture-form]:empty, [data-lecture-notice]:empty { display: none; }
.af-complements { margin-bottom: var(--espace-2); }
.af-menu summary { padding: var(--espace-2) var(--espace-3); border: 1px solid var(--border-controle); border-radius: var(--rayon-controle); cursor: pointer; }
.af-menu[open] { flex-basis: 100%; display: flex; }
@media (max-width: 1200px) {
  .af-nav { display: none; }
  .af-corps { grid-template-columns: minmax(0,1fr); }
  .af-corps.af-avec-lecture { grid-template-columns: minmax(230px,.8fr) minmax(0,1.2fr); }
  .af-select-rubrique { display: flex; gap: var(--espace-2); align-items: center; }
}
@media (max-width: 640px) {
  #main[data-view=artefacts] #vue-artefacts { padding: var(--espace-2); gap: var(--espace-2); }
  .af-tete { padding: var(--espace-3); max-height: 45%; }
  .af-tete h1 { width: 100%; }
  .af-recherche { flex-basis: 100%; }
  .af-mobile { display: block; }
  .af-corps.af-avec-lecture { grid-template-columns: minmax(0,1fr); }
  [data-panneau=lecture] .af-avec-lecture .af-resultats, [data-panneau=liste] #artefact-lecture { display: none; }
  .af-avec-lecture .af-resultats { border: 0; }
  #artefact-lecture { padding: var(--espace-2); }
  .af-lecture-tete h2 { font-size: var(--t-titre-case); line-height: var(--i-titre-case); }
  .af-ouvrir { grid-template-columns: minmax(0,1fr); }
  .af-verdict { grid-column: 1; grid-row: auto; align-items: flex-start; }
  :is(.af-decision,.af-proposition) dl { grid-template-columns: minmax(0,1fr); gap: var(--espace-1); }
  :is(.af-decision,.af-proposition) dd { margin-bottom: var(--espace-2); }
  .af-document, :is(.af-decision,.af-proposition) { padding: var(--espace-3); }
}
.af-collection-mobile { display: none; }
@media (max-width: 1200px) { .af-collection-mobile { display: inline; } }
/* Les textes secondaires restent lisibles sur la scène la plus claire. */
.af-corps { background: var(--bg-hover); }
.af-tete .af-barre > label:not(.af-select-rubrique), .af-options-vue > label, .af-exemples { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); }
.af-provenance .bouton { display: inline; min-height: var(--cible-min); padding: var(--espace-1); border: 0; background: transparent; font-size: var(--t-aide); line-height: var(--i-aide); text-decoration: underline; }
:is(.af-decision,.af-proposition) .bouton { width: auto; }
:is(.af-decision,.af-proposition) [data-af=modifier-proposition], :is(.af-decision,.af-proposition) [data-action=ecarter] { padding-inline: var(--espace-1); border: 0; background: transparent; text-decoration: underline; font-size: var(--t-aide); }
.af-version, .af-lecteur .af-barre > label { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); }
.af-version select { flex: 1; }
.af-panne, .af-confirmation, .af-information, #af-notice, [data-lecture-notice] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--espace-3); }

.af-options-vue { display: contents; }
#vue-artefacts [data-af=affichage] { display: none; }
@media (max-width: 640px) {
  #vue-artefacts [data-af=affichage] { display: inline-flex; }
  .af-options-vue { display: none; flex-direction: column; gap: var(--espace-2); flex-basis: 100%; }
  [data-options=true] .af-options-vue { display: flex; }
}
.af-lecteur [data-versions] { display: flex; flex-direction: column; gap: var(--espace-3); }

/* Menu « … » : sans le triangle natif de <details>. */
#vue-artefacts .af-menu > summary { list-style: none; }
#vue-artefacts .af-menu > summary::-webkit-details-marker { display: none; }

/* Alignement de la série R1–R17 : repères et densité sans nouveau jeton. */
#vue-artefacts .af-lien, #vue-artefacts :is(.af-ariane,.af-provenance,.af-accueil-pied,.af-criteres) a,
#vue-artefacts :is([data-af=effacer-filtres],[data-af=modifier-ligne],[data-af=ecarter-ligne],[data-af=ranger-lot],[data-af=tous-agents]),
#vue-artefacts .af-rangement button { color: var(--text-primary); font-weight: var(--g-moyen); text-decoration: underline; }
#vue-artefacts :is([data-af=effacer-filtres],[data-af=modifier-ligne],[data-af=ecarter-ligne],[data-af=ranger-lot],[data-af=tous-agents]),
#vue-artefacts .af-rangement button { border: 0; background: transparent; padding-inline: var(--espace-1); }
.af-nav .af-attente::before, .af-select-rubrique .af-attente:not(:empty)::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: var(--espace-2); border-radius: 50%; background: var(--accent); }
.af-nav.af-sans-accent .af-attente::before, .af-select-rubrique.af-sans-accent .af-attente:not(:empty)::before { display: none; }
.af-select-rubrique .af-attente { font-size: var(--t-aide); white-space: nowrap; }
#af-exemples:empty, #af-compagnon:empty { display: none; }
.af-exemples { font-size: var(--t-aide); }
#vue-artefacts .af-exemples button { min-height: var(--cible-min); padding: var(--espace-1) var(--espace-2); font-size: var(--t-aide); }
.af-compagnon-blocs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--espace-4); }
#af-compagnon { margin-bottom: var(--espace-3); }
.af-compagnon-blocs h4 { font-size: var(--t-repere); text-transform: uppercase; margin-bottom: var(--espace-2); }
.af-accueil-pied { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--espace-3); font-size: var(--t-aide); }
.af-accueil summary { font-size: var(--t-repere); text-transform: uppercase; color: var(--text-secondary); }
.af-vide-colonnes { display: grid; grid-template-columns: minmax(180px,1fr) minmax(0,2fr); gap: var(--espace-5); align-items: start; }
.af-obtenir { display: flex; flex-direction: column; gap: var(--espace-3); align-items: flex-start; }
.af-vide .af-exemple, .af-exemple-proposition { background: var(--bg-hover); }
.af-exemple-proposition { padding: var(--espace-3); border: 1px solid var(--border-controle); border-radius: var(--rayon-case); display: flex; flex-direction: column; gap: var(--espace-2); }
.af-exemple-proposition h3, .af-form h3, .af-rubrique-titre { font-size: var(--t-titre-case); }
.af-exemple-proposition dl { display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--espace-2); font-size: var(--t-aide); }
.af-exemple-proposition dd { margin: 0; }
.af-sigle { display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; flex: none; vertical-align: middle; border: 1px solid var(--border-subtle); border-radius: 50%; background: var(--bg-hover); color: var(--text-primary); }
.af-ligne { padding-right: 40px; }
.af-ligne.af-selection { box-shadow: inset 0 0 0 1px var(--border-subtle); }
.af-ouvrir { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
.af-ouvrir .af-verdict { grid-column: 2; grid-row: 1 / 3; flex-direction: column-reverse; justify-content: center; align-items: flex-end; max-width: 210px; }
.af-avec-lecture .af-ouvrir { grid-template-columns: minmax(0,1fr); }
.af-avec-lecture .af-ouvrir .af-verdict { grid-column: 1; grid-row: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; max-width: none; }
#vue-artefacts .af-epingle { width: 40px; min-height: 40px; padding: var(--espace-2); flex: none; justify-content: center; }
.af-ligne > [data-af=epingle-ligne] { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: 0; }
.af-ligne[data-epingle=true] > [data-af=epingle-ligne] { display: inline-flex; }
[data-densite=compacte][data-representation=liste] .af-ouvrir .af-meta { display: none; }
[data-densite=compacte][data-representation=liste] .af-ouvrir .af-verdict { grid-row: 1; flex-direction: row; flex-wrap: wrap; }
[data-representation=grille] .af-ligne.af-selection { border: 2px solid var(--border-controle); }
[data-representation=grille] .af-ligne { padding-right: 40px; }

/* Vues adaptées */
.af-verification { font-size: var(--t-aide); color: var(--text-secondary); }
.af-verification--attention { color: var(--etat-attention); }
[data-representation=grille] .af-ouvrir .af-meta { order: 4; }
[data-representation=grille] .af-ouvrir .af-verdict { grid-column: 1; grid-row: auto; align-items: flex-start; flex-direction: column; }
[data-representation=grille] .af-resume { font-size: var(--t-aide); }
.af-ligne:has([data-af=remettre-ligne]) { padding-right: 100px; }
.af-ligne > [data-af=remettre-ligne] { position: absolute; right: var(--espace-2); top: var(--espace-2); }
.af-proposition-ligne .af-actions { margin-top: var(--espace-2); }
#vue-artefacts [data-af=ranger-ligne] { min-height: 40px; }
.af-lecture-tete { align-items: flex-start; }
.af-lecture-tete > .af-statut { flex: 1; align-self: center; }
.af-lecture-tete > [data-renommer] { flex: 1 1 100%; }
.af-menu { position: relative; }
.af-menu[open] { flex-basis: auto; display: block; }
.af-menu-contenu { position: absolute; z-index: 5; top: 100%; right: 0; min-width: 190px; padding: var(--espace-2); display: flex; flex-direction: column; background: var(--bg-surface); border: 1px solid var(--border-controle); border-radius: 14px; box-shadow: var(--ombre-case); }
.af-menu-contenu > :is(button,a) { text-align: left; border: 0; background: transparent; }
.af-criteres { border: 1px solid var(--etat-attention); background: var(--etat-attention-fond); border-radius: var(--rayon-controle); padding: var(--espace-3); font-size: var(--t-aide); }
.af-criteres p { margin-bottom: var(--espace-2); }
.af-etat-rangement { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-1); font-size: var(--t-aide); color: var(--text-secondary); }
.af-chargement [aria-hidden] { display: flex; flex-direction: column; gap: var(--espace-4); padding-top: var(--espace-4); }
.af-chargement span { display: block; height: 40px; border-radius: var(--rayon-controle); background: var(--bg-hover); width: 85%; }
.af-chargement span:nth-child(even) { width: 65%; }
.af-lecteur .af-menu > summary { list-style: none; }
.af-lecteur .af-menu > summary::-webkit-details-marker { display: none; }
@media (hover: none) { .af-ligne > [data-af=epingle-ligne] { display: inline-flex; } }
@media (min-width: 641px) and (max-width: 1200px) {
  .af-corps.af-avec-lecture { grid-template-columns: 320px minmax(0,1fr); }
}
@media (max-width: 640px) {
  .af-tete h1 { width: auto; flex: 1; order: 0; }
  .af-select-rubrique { order: 1; flex-direction: column; gap: var(--espace-1); align-items: flex-end; max-width: 55%; }
  .af-recherche { order: 2; }
  .af-barre > [data-af=filtrer], .af-barre > [data-af=affichage] { order: 3; }
  .af-options-vue, .af-collection-mobile { order: 4; }
  .af-mobile { order: 5; width: 100%; }
  .af-mobile .segment { display: flex; }
  .af-mobile .segment button { flex: 1; }
  .af-collection-mobile { display: none; }
  [data-options=true] .af-collection-mobile { display: inline; }
  .af-compagnon-blocs, .af-vide-colonnes { grid-template-columns: minmax(0,1fr); }
  .af-lecture-tete h2 { font-size: var(--t-titre-vue); line-height: var(--i-titre-vue); }
  [data-densite=compacte][data-representation=liste] .af-ouvrir { min-height: 54px; padding-block: var(--espace-2); }
  [data-densite=compacte][data-representation=liste] .af-ouvrir .af-meta { display: block; }
  [data-densite=compacte][data-representation=liste] .af-ouvrir .af-verdict,
  .af-ouvrir .af-verdict { grid-column: 1; grid-row: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; max-width: none; }
}
@media (min-width: 641px) {
  [data-representation=liste] .af-ouvrir { grid-template-columns: minmax(0,1fr) auto; }
  [data-representation=liste] .af-ouvrir .af-verdict { display: contents; }
  [data-representation=liste] .af-ouvrir .af-statut { grid-column: 2; grid-row: 2; text-align: right; max-width: 210px; }
  [data-representation=liste] .af-ouvrir .af-puce { grid-column: 2; grid-row: 1; justify-self: end; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-representation=liste] .af-ouvrir:not(:has(.af-puce)) strong { grid-column: 1 / -1; }
  [data-densite=compacte][data-representation=liste] .af-ouvrir { display: flex; gap: var(--espace-2); }
  [data-densite=compacte][data-representation=liste] .af-ouvrir strong { flex: 1; }
  [data-densite=compacte][data-representation=liste] .af-ouvrir .af-statut { flex: none; }
}

#vue-artefacts[data-af-vue=accueil] #af-puces:has(> span:only-child) { display: none; }
@media (max-width: 1200px) { #af-exemples { display: none; } }
.af-ligne > .af-epingle { border: 0; background: transparent; }
#vue-artefacts .af-rangement button { min-height: var(--cible-min); padding-block: var(--espace-1); font-size: var(--t-aide); }
#vue-artefacts:has(.af-avec-lecture) #af-puces:has(> span:only-child) { display: none; }
@media (max-width: 640px) {
  .af-select-rubrique { flex-direction: row; align-items: center; max-width: 58%; gap: var(--espace-1); }
  .af-select-rubrique select { flex: 1; }
  .af-select-rubrique .af-attente { font-size: var(--t-repere); }
  :is(.af-decision,.af-proposition) dl { grid-template-columns: 64px minmax(0,1fr); gap: var(--espace-2); }
  :is(.af-decision,.af-proposition) dd { margin-bottom: 0; }
}
.af-lecture > a { color: var(--text-primary); font-size: var(--t-aide); font-weight: var(--g-moyen); text-decoration: underline; }
.af-menu-contenu { background: var(--bg-hover); backdrop-filter: blur(var(--flou-case)); }
.af-menu-contenu > :is(button,a) { justify-content: flex-start; }
/* Le document se centre dans sa colonne au lieu de laisser un vide à droite. */
.af-lecture > .af-document { margin-inline: auto; }