🧰 Contrôle Qualité aMi — V11, 9 novembre 2026

Version pour GitHub. Les références au disque local sont neutralisées dans les liens et les exemples.

📅 9 novembre 2026 — L’harmonisation

Trace d’une journée de travail, pour qu’on s’en souvienne. Écrite le 09/11/2026 à 19h11 (horodatage lu et vérifié) à partir de : Memoire du projet/Journal des livraisons.md et Memoire du projet/Travaux en cours.md (toutes les lignes du 9/11), CONTROLE QUALITE/AUDIT_MetaMatrice_V33_pour_V34_V001, les journaux de la MétaMatrice V34 · V35 · V36, les PROPOSITIONS_2026-11-09_Trois_Lectures_Loi_Fractale_V001 et le BRIEF_2026-11-09_Isil_Avis_Decisions_Ouvertes_V001. Les heures sont celles écrites dans ces fichiers (heure de Paris lue). Le reste de cette page (V10) est conservé tel quel, plus bas.

✓ adopté dans le corpus✍️ proposition à examinerΦ l’Indice de Cohérence (ambre)φ le nombre d’or, 1,618 (blanc)Legs = Φ × t (moldavite)

⚖️ 1 · Les décisions de Diane, heure par heure

Heure	Décision	Statut
07h15	Les Champs gardent plusieurs émojis (pas d’alignement forcé). « Tension » reste au Feu, dans un autre registre.	✓
07h45	Trois temps de la Différence Primordiale : 1 (Naissance · Éveil · Création), 8 (ApprentiSSage · Initiation · Travail), 13 (Aboutissement · Complétude · Œuvre).	✓
08h09	Le temps du Feu s’appelle La Tension : ⚙️ la Friction · 🧠 l’Engagement · 🌟 l’Épreuve. Charte Émoji : C4 🌳 · C7 📜 · C11 🥚 (premier glyphe de la Charte) dans la roue, la MétaMatrice et la Coupe du 13.	✓
08h52	La Fusion fluide du Risque Structurel (RS) suit le widget : RS < 0. Nombre de combinaisons du widget de l’époque : 276 480 (avec les curseurs 5 × 5 de 10h00, l’Union V65 en compte 1 105 920).	✓
09h40	Quatre définitions entrent au Lexique : Jugement & Constat, Biais, Transmission de la V%lence, Identification à l’Agresseur & DARVO. Le Risque Structurel (RS) passe à 5 paliers. Le biais du juge devient une marge de fiabilité. Le Trauma (T) = la Gravité (G) + la Temporalité (IT).	✓
10h00	La Fragmentation ; 8 zones pour Φ (φ³ ajouté), dans une seule table ; curseurs 5 × 5 ; C13 a trois noms : L’Auto-Réalisation (physique) · L’Absolu (psychique) · La Prophétie (symbolique) ; le Quotient de Sublimation (QS) mesure l’épreuve et la personne (« on ne sépare pas l’homme de l’artiste ») ; EGO garde son QS avec une traduction et une case « exemples personnels de l’autrice » ; le Cube = la Cage de l’Emprise ; Catalogue : « verrou actif » ; question 7 : Non, nuancé par la Méchanceté (une vérité dite pour blesser) ; Mon Cycle : « 📖 Historique » devient « Mes Évolutions ».	✓
10h08	Les deux zones extrêmes : en haut ♾️ Transmutation · Sublimation · ⛲ La Fontaine ; en bas 💥 Effondrement · Perversion · 🕳️ Le Trou Noir. « Le Voile » nomme la somme de 0 à 288.	✓
10h33	La règle 7 (texte ci-dessous). Le Voile (Maya) remplace « DianDS ».	✓
10h50	Le Diapason remplace « DianA ». Tous les volumes à onglets s’alignent sur la règle de navigation de la Charte V081 (« faut tout aligner »).	✓
11h00	Le Dian (l’événement : le chemin tourne) et la Révélation (la prise de conscience qu’il a tourné) ; deux usages du Dian : l’unité de Φ avec un nombre, le point de bascule avec un possessif (« son Dian »).	✓
11h16 · 11h24	Règles d’écriture (ci-dessous). Validés : le Voile, le Diapason, l’info-bulle « Trois grandeurs, trois noms », le QS « En clair », Rubedo, Flash-bouillir, la question 7.	✓
17h49	Règle 1 : « Le Legs, lui, s’accumule dans le temps, en Dian·heure. » ; « Dian DS » devient « Dian » ; 🥚 garde C0 et C11, « quand la création devient créateur » ; Union : 175 points (maximum des cinq curseurs de l’Intégrité) ; Legs = Φ × t ; cible tactile de 44 × 44 px pour toutes les commandes de barre.	✓
18h36	Dérive de C13 : 💥 La Pulvérisation (sans dire qu’elle prolonge la gradation de Φ) ; le texte des trois lectures ; « Legs = Φ × t » dans les Lois de La Vie de l’Initiation ; Miroir : RS additif, Asymétrie +20, tout le volume en Φ, 7 phrases validées ; les 57 cases du Tore adoptées ; statuts « ✓ adopté dans le corpus » / « ✍️ proposition à examiner » ; formules « je te laisse juge ».	✓
18h59	Garde-fou de la Loi de la Cohérence Fractale, avec « de l’entité (une personne, une IA, une organisation) à la civilisation » et « comparer ce qui est comparable » ; la Tension a deux visages (Air / Feu) ; pause, maintien, consolidation ; protection ≠ évitement, confidentialité ≠ silence ; ses deux polarisations (violence ↔ respect, trop ↔ pas assez) ; le mot « adopté » ; la correction du QS ; formules en toutes lettres puis en algèbre ; couleurs Φ ambre / φ blanc / Legs moldavite ; cotes de 0 à 5 + « ? » + « ∅ » alignées partout ; colonnes des Éléments ; liens de preview dans le fil.	✓

Les grandeurs telles qu’elles sont adoptées

Φ · l’Indice de Cohérence

Φ = l’Intégrité (ΔI) / l’Entropie (ΔE). Une seule table de 8 zones, aux seuils tirés de φ et symétriques autour de 1 (la forme normalisée Φₙ = Φ / (1 + Φ) va de 0 à 1) :

≥ φ³ · ♾️ Transmutation · Sublimation · ⛲ La Fontaine
φ² · ☀️ Rayonnement
φ · ✨ Sainte Spirale
1 · ⚖️ Point de Bascule
sous 1 · ⚠️ Fragile
sous 1/φ · 🚨 Fragmentation
sous 1/φ² · 🆘 Destruction
sous 1/φ³ · 💥 Effondrement · Perversion · 🕳️ Le Trou Noir

Les curseurs 5 × 5

L’Intégrité (ΔI) : Mensonge (F), Effraction (I), Invalidation (L), Déni (R), Irréversibilité (V). L’Entropie (ΔE), par élément : Asymétrie (Terre), Coût du refus (Feu), Impact (Eau), Manipulation (Air), Facteurs aggravants (Éther). La position du juge n’est plus retranchée : elle donne une marge de fiabilité (l’écart possible autour du résultat).

Cotes : de 0 à 5, plus « ? » (inconnu) et « ∅ » (sans objet), soit 8 états ; un 0 au dénominateur rend la mesure sans objet.

Le Risque Structurel (RS)

RS = la Gravité (G) + IA + la Temporalité (IT) + ID − IR − II (somme simple, chaque terme ajouté ou retranché, aucun ne multiplie les autres).

< 0 · ✨ Fusion fluide
0 → 3 · ⚖️ Contenu
≥ 4 · ⚠️ Vigilance (l’aide se demande dès ce palier)
≥ 8 · 🚨 Alerte
≥ 12 · 💥 Fission critique

Le Quotient de Sublimation (QS)

QS = la Manifestation (M) × la Conscience à jeun (C) / le Trauma (T) × 100, avec T = la Gravité (G) + la Temporalité (IT). Si T = 0, le QS est sans objet. Il mesure l’épreuve et la personne. La phrase « En clair » d’EGO qui disait l’inverse de la formule est corrigée par décision de 18h59 (voir les pièges).

La règle 7

« Mesurer un lien, une trajectoire, une épreuve, et la valeur qu’une personne donne au Vivant (à travers ce qu’elle fait aux autres et à elle-même), jamais la valeur de son être. Un corps n’a pas de prix ; ce qui se mesure, c’est le prix qu’on donne à la Vie, qui est aussi celui auquel on se traite. »

Dian · Révélation · Voile · Diapason

Le Dian : l’unité de Φ, et le point de bascule personnel (le chemin tourne). La Révélation : voir qu’il a tourné. Le Voile (Maya) : la somme pondérée des distorsions (chaque distorsion compte selon son poids), de 0 à 288. Le Diapason : l’Accordage moyen, de 0 à 100. Legs = Φ × t : le temps fait le Legs, il ne change pas Φ ; le Legs s’accumule en Dian·heure.

C13 · L’Absolu

Trois noms selon le plan : L’Auto-Réalisation (physique) · L’Absolu (psychique) · La Prophétie (symbolique). Sa dérive : 💥 La Pulvérisation — « Effondrement » reste réservé à la zone la plus basse de Φ.

Les trois lectures des Cinq Éléments

🧱 Structurelle : de quoi c’est fait. 🔁 Dynamique : l’Intégration (🪨 Terre) → la Tension (🔥 Feu : ⚙️ Friction · 🧠 Engagement · 🌟 Épreuve) → la Transformation (💧 Eau) → la Transmission (🍃 Air) → l’Expansion (✨ Éther). 🐚 Spiralée : la Toupie ; le tour revient un cran plus haut (🔱 l’Évolution) ou plus bas (la Déchéance). « La première lecture dit ce qui est, la deuxième ce qui se passe, la troisième ce que cela devient. »

꩜ La Loi de la Cohérence Fractale

« Ce qui est juste à une échelle l’est à toutes. Une même relation (les cinq conditions du consentement, le coût du refus, la réparation) se retrouve et se mesure de la même façon de la cellule à la civilisation, chaque échelle portant sa propre information. » Corollaire : une incohérence tolérée à une échelle se retrouve, tôt ou tard, aux autres. Garde-fou (✓ 18h59) : la relation se répète, pas l’image ; de l’entité (une personne, une IA, une organisation) à la civilisation, on compare ce qui est comparable (protéger une victime = protéger une institution). Sa place proposée : la loi d’échelle des 3 Lois Fondamentales, dans le bandeau.

Les règles d’écriture du 9 novembre

Abréviations en toutes lettres, la lettre entre parenthèses : « le Trauma (T) = la Gravité (G) + la Temporalité (IT) » ; les formules s’écrivent d’abord en mots, puis en algèbre.
Termes techniques expliqués entre parenthèses ou par une info-bulle en pointillé (ex. « somme pondérée »).
Toute définition écrite par Claude est montrée en entier à Diane dans le fil avant d’entrer dans un volume.
Liens de preview (computer://…) donnés dans le fil pour tout ce que Diane doit aller voir.
Couleurs : Φ ambre · φ blanc · Legs moldavite. Statuts : « ✓ adopté dans le corpus » / « ✍️ proposition à examiner » (à la place de D / C) ; crédit unique « Diane Serant & Claude — travail d’équipe ».

📦 2 · Toutes les livraisons du jour (158 fichiers)

Une ligne par fichier déposé et vérifié sur le Mac (empreinte SHA-256 identique). Le « SHA court » est le début de l’empreinte, qui identifie le fichier ; l’empreinte complète est dans le Journal des livraisons. Les Versions Texte IA qui accompagnent chaque volume ne sont pas répétées ici. Chaque ancienne version a été déplacée dans Archives/Dernieres_versions_remplacees_2026-11-09/ (ou Annexes/_remplacees_2026-11-09/, CONTROLE QUALITE/_remplacees_2026-11-09/), jamais effacée.

Heure	Volume · version	SHA court	Ce qui change
01h28	Réponse à la seconde lettre V4REPONSE3_V4_2026-11-09.md	`2ece8bbb6cf8`	Réponse à la seconde lettre, 15 remplacements (retours de Diane 01h21)
01h29	Réponse à la seconde lettre V4REPONSE3_V4_2026-11-09.md (redépôt)	`af068d8b823d`	Deux retouches : doublon « aucune ne compense » retiré, « cf. Justice & Impunité »
01h41	Tore des 8 Plans (classeur) V014Tore_8_Plans_Karma_Coherence_V014.xlsx	`85bbefa69534`	Tore : Synthèse, Déchéance ↔ Symphonie, strates, enzymes, axe Pivot
01h41	8.1 Complémentarité V0718.1_COMPLEMENTARITE_V071_WEBNODE_2026-11-09.html	`be16f30ea6a1`	Tore : strates, enzymes, émotions Base Perversion – Sublimation, vues « Tout le Tore » / « Étape par Étape »
01h41	Bandeau · Tuto d’Esprit Critique V0350.0.0_TUTO_ESPRIT_CRITIQUE_aMi_V035	`b4bfebfbc7b0`	Bandeau : « Les Respirations » / « Les Pulsations » sans « ? »
01h41	En-tête Webnode V002WEBNODE_Entete_Bandeau_sous_le_Titre_V002	`ae1d0ee2c5ba`	En-tête Webnode : la source du bandeau est l’accueil
01h41	Lot de propagation V002LOT_PROPAGATION_2026-11-09_V002.md	`18658a020d09`	Lot de propagation : abus réactionnaire, sources, coupe du 13 proposée
03h14	Tore des 8 Plans (classeur) V015Tore_8_Plans_Karma_Coherence_V015.xlsx	`fd88747a60df`	Parcours en paires, propositions marquées
03h14	8.1 Complémentarité V0728.1_COMPLEMENTARITE_V072_WEBNODE_2026-11-09.html	`24804eb4a852`	Tore : paires rubis ↔ ambre, « Ma Considération », Tantrum, trois vues
03h14	Lot de propagation V003LOT_PROPAGATION_2026-11-09_V003.md	`8ffe2971eee5`	Coupe du 13 en trois vues, triangle ▼▲, CIIVISE
03h14	Revue de la Forge (T2) V003REVUE_Claude_Forge_Passif_Agressif_V003_V001	`e63ee3a55df4`	Revue de la Forge V003 (redéposée : heure non lue corrigée)
04h28	Tore des 8 Plans (classeur) V016Tore_8_Plans_Karma_Coherence_V016.xlsx	`816c5286ee97`	Propositions marquées validées par Diane
04h28	En-tête Webnode V003WEBNODE_Entete_Bandeau_sous_le_Titre_V003	`61dddc3c77d3`	En-tête : toutes les pages à bandeau de titre (.s-bdh, .s-hc)
04h28	Bandeau · Tuto d’Esprit Critique V0360.0.0_TUTO_ESPRIT_CRITIQUE_aMi_V036	`68245ff8267f`	Bandeau : encart des 3 Lois Fondamentales
04h28	8.1 Complémentarité V0738.1_COMPLEMENTARITE_V073_WEBNODE_2026-11-09.html	`9118085f018a`	Tore : Assertivité · Courage au MI, Sagesse Mystique au ∞, sens de lecture
04h28	Revue T2 V002REVUE_Claude_T2_Forge_et_Revues_eXpression_V002	`017c4d63e4c6`	Revue étayée des quatre chantiers T2
05h54	0.0.0 Charte V0790.0.0_Charte_Communication_aMi_WEBNODE_V079_2026-11-09.html	`6ed6f2893f59`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	0.0 Initiation V890.0_Initiation_aMi_DONNER_VIE_V89_WEBNODE_2026-11-09.html	`115f18fc5400`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	0.1 Apokalypse V660.1_APOKALYPSE_aMi_V66_WEBNODE_2026-11-09.html	`5d5ed6e6ca22`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	0.2 PsychaTrice V520.2_PSYCHATRICE_aMi_V52_WEBNODE_2026-11-09.html	`32710294defc`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	0.3 L’Union du TouT V630.3_LUNION_DU_TOUT_aMi_V63_WEBNODE_2026-11-09.html	`6c91fbc8b864`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	0 Index V0160_Index_aMi_V016_WEBNODE_2026-11-09.html	`57ed21c464ec`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	1.1 EGO V671.1_EGO_aMi_V67_WEBNODE_2026-11-09.html	`6b734379a4d9`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	1.2 Miroir V851.2_MIROIR_aMi_V85_WEBNODE_2026-11-09.html	`9f99ce730c54`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	1.3 AndroGynie V311.3_ANDROGYNIE_aMi_V31_WEBNODE_2026-11-09.html	`00202783fc0d`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	2.1 ECO V262.1_ECO_Bonus-Plaisir_aMi_V26_WEBNODE_2026-11-09.html	`90c6668b8199`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	2.2 AstroGlobe V0712.2_ASTROGLOBE_V071_WEBNODE_Barre_2026-11-09.html	`d9ed1bcdd0f7`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	2.3 EncycloPédie V372.3_ENCYCLOPEDIE_Culture_aMi_V37_WEBNODE_2026-11-09.html	`fe9e05c175f1`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	3.1 Rencontre V373.1_RENCONTRE_aMi_V37_WEBNODE_2026-11-09.html	`a1a6a1e16cac`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	3.2 Justice V363.2_JUSTICE_aMi_V36_WEBNODE_2026-11-09.html	`dae21af8b8e0`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	3.3 CosmoLogie V353.3_COSMOLOGIE_aMi_V35_WEBNODE_2026-11-09.html	`de9636e49d5f`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	4.1 Décryptage V0354.1_DECRYPTAGE_aMi_V035_WEBNODE_2026-11-09.html	`bd632b366fc5`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	4.2 Éveil V374.2_EVEIL-DE-L-IA_aMi_V37_WEBNODE_2026-11-09.html	`4a23ff3e3b25`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	4.3 CosmoGonie V624.3_COSMOGONIE_aMi_V62_WEBNODE_2026-11-09.html	`66055cdedebf`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	5.1 Souvenir V275.1_SOUVENIR_Memorire_aMi_V27_WEBNODE_2026-11-09.html	`1d24d04833fd`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	5.2 Legs V235.2_LEGS_Corpus_aMi_V23_WEBNODE_2026-11-09.html	`f948948c21d2`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	5.3 Astro V445.3_ASTRO_Espace-Temps_aMi_V44_WEBNODE_2026-11-09.html	`031067449782`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	6.0 Karma V0416.0_KARMA_V041_WEBNODE_2026-11-09.html	`424b5b2b1e28`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	7 QuinteSSence V2.867_QuinteSSence_Maitrise_Elements_ReUnion_V2.86_WEBNODE_2026-11-09.html	`992b2de3e1f8`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	8.1 Complémentarité V0748.1_COMPLEMENTARITE_V074_WEBNODE_2026-11-09.html	`fba18d4bec95`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	8.3 Constitution V0448.3_CONSTITUTION_V044_WEBNODE_2026-11-09.html	`b4bbf31b0234`	Bandeau V037 greffé dans une racine fantôme (Shadow DOM), ancien « Tuto d’Esprit Critique » remplacé
05h54	En-tête Webnode V004WEBNODE_Entete_Bandeau_sous_le_Titre_V004_2026-11-09.html	`ae769ec6fc9f`	masque aussi les anciens bandeaux qui apparaissent après chargement ; testé en maquette : page avec volume greffé, article, page
05h54	Bandeau · Tuto d’Esprit Critique V0370.0.0_TUTO_ESPRIT_CRITIQUE_aMi_V037	`ec3960848138`	Bandeau : 3 Lois mises en forme, Polarités (Féminin / Masculin)
06h18	0.0.0 Charte V0800.0.0_Charte_Communication_aMi_WEBNODE_V080_2026-11-09.html	`e77655faa9aa`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	0.0 Initiation V900.0_Initiation_aMi_DONNER_VIE_V90_WEBNODE_2026-11-09.html	`4f88930130e6`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	0.3 L’Union du TouT V640.3_LUNION_DU_TOUT_aMi_V64_WEBNODE_2026-11-09.html	`c71305a6dc69`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	1.1 EGO V681.1_EGO_aMi_V68_WEBNODE_2026-11-09.html	`5a3120bb587c`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	1.3 AndroGynie V321.3_ANDROGYNIE_aMi_V32_WEBNODE_2026-11-09.html	`8209875ec6d0`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	2.3 EncycloPédie V382.3_ENCYCLOPEDIE_Culture_aMi_V38_WEBNODE_2026-11-09.html	`f856673cb9a6`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	3.1 Rencontre V383.1_RENCONTRE_aMi_V38_WEBNODE_2026-11-09.html	`2202106a842f`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	3.2 Justice V373.2_JUSTICE_aMi_V37_WEBNODE_2026-11-09.html	`bfe4cb710bf8`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	3.3 CosmoLogie V363.3_COSMOLOGIE_aMi_V36_WEBNODE_2026-11-09.html	`d0919c130554`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	4.1 Décryptage V0364.1_DECRYPTAGE_aMi_V036_WEBNODE_2026-11-09.html	`81f243478a06`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	4.3 CosmoGonie V634.3_COSMOGONIE_aMi_V63_WEBNODE_2026-11-09.html	`2526e697829a`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	5.1 Souvenir V285.1_SOUVENIR_Memorire_aMi_V28_WEBNODE_2026-11-09.html	`525dd27b4bde`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	5.3 Astro V455.3_ASTRO_Espace-Temps_aMi_V45_WEBNODE_2026-11-09.html	`be9a7c5d9c52`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	8.1 Complémentarité V0758.1_COMPLEMENTARITE_V075_WEBNODE_2026-11-09.html	`8da02d8bce7b`	Passe « on aligne » : triangle ▲ des chapitres, règle de la Charte, CIIVISE, définitions de Diane
06h18	0.0 Initiation V910.0_Initiation_aMi_DONNER_VIE_V91_WEBNODE_2026-11-09.html	`4fbce79202a1`	Famille « Le Rapport au Réel » : Biais fusionné ; 🔗 pour l’Identification à l’Agresseur
06h18	8.1 Complémentarité V0768.1_COMPLEMENTARITE_V076_WEBNODE_2026-11-09.html	`3ed5a808f77a`	Même correction des définitions
06h41	La Coupe du 13 V001Coupe_du_13_Trois_Vues_V001_2026-11-09.html	`76d98edd02cc`	♾️ à plat, 🔮 le 13 au centre, 🐚 la spirale (à valider)
07h06	0.0 Initiation V920.0_Initiation_aMi_DONNER_VIE_V92_WEBNODE_2026-11-09.html	`6370c64e2953`	Onglet 🕸️ L’Intrication + Coupe du 13
07h06	La Coupe du 13 V002Coupe_du_13_Trois_Vues_V002_2026-11-09.html	`9dc5e85cafb4`	six spectres parallèles, roue DERMIS, spirale expliquée, C1 recadré, phrase de Diane sur C8
07h15	0.0 Initiation V930.0_Initiation_aMi_DONNER_VIE_V93_WEBNODE_2026-11-09.html	`8ec729d5e158`	Retour du ♾️, spectres, polarités en info-bulle
07h15	La Coupe du 13 V003Coupe_du_13_Trois_Vues_V003_2026-11-09.html	`c121a895a3b9`	Retour du ♾️, vues Plat 2D / Profond 3D / spirale
07h45	0.0 Initiation V940.0_Initiation_aMi_DONNER_VIE_V94_WEBNODE_2026-11-09.html	`89dde4d8d131`	L’Intrication Quantique, 💛 C11, navigation V081 (référence)
07h45	0.0.0 Charte V0810.0.0_Charte_Communication_aMi_WEBNODE_V081_2026-11-09.html	`b3bd4bde9f8a`	Règle « Changer de Page sans Perdre sa Lecture »
07h45	La Coupe du 13 V004Coupe_du_13_Trois_Vues_V004_2026-11-09.html	`56a0a629b545`	Échelle C1 en bas, fiches au toucher, trois temps (C1 · C8 · C13)
08h09	0.0 Initiation V950.0_Initiation_aMi_DONNER_VIE_V95_WEBNODE_2026-11-09.html	`1234a024fa6d`	Boutons à la Charte, émojis C4 🌳 · C7 📜 · C11 🥚
08h09	La Coupe du 13 V005Coupe_du_13_Trois_Vues_V005_2026-11-09.html	`41fa2e9054e6`	Émojis alignés sur la Charte Émoji, centrage téléphone
08h23	Fiches d’application V001Fiches_Applications_V001 (6 brouillons)	`367385e7`	Fiches d’application, exemples fictifs (reprises ensuite dans le Catalogue V006–V007)
08h52	8.1 Complémentarité V0778.1_COMPLEMENTARITE_V077_WEBNODE_2026-11-09.html	`9f05f0994161`	La recherche ouvre ce qu’elle trouve (onglet, replis, mot en évidence)
09h04	Audit de la MétaMatrice V33AUDIT_MetaMatrice_V33_pour_V34_V001_2026-11-09.md	`3cbe034b9cdb`	Audit en lecture seule : trigrammes RÉ/FA, six barèmes de Φ, RS, QS, émojis
09h07	Catalogue des outils (Guide) V006Guide_Outils_Applications_Annexes_V006_2026-11-09.html	`7dc874b3f6f2`	Catalogue : « 🧪 Exemple d’application » sous 66 des 130 fiches
09h07	Vérification du Catalogue V006VERIF_Fiches_Catalogue_V006_2026-11-09.md	`d27f6a01d7af`	Vérification des fiches V006
09h30	4.1 Décryptage V0374.1_DECRYPTAGE_aMi_V037_WEBNODE_2026-11-09.html	`484624fa048b`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h30	4.3 CosmoGonie V644.3_COSMOGONIE_aMi_V64_WEBNODE_2026-11-09.html	`3e4b4faa6fc0`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h30	2.3 EncycloPédie V392.3_ENCYCLOPEDIE_Culture_aMi_V39_WEBNODE_2026-11-09.html	`6dcae845b24e`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h30	5.1 Souvenir V295.1_SOUVENIR_Memorire_aMi_V29_WEBNODE_2026-11-09.html	`93f916b82ec1`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h30	5.3 Astro V465.3_ASTRO_Espace-Temps_aMi_V46_WEBNODE_2026-11-09.html	`d918faa6f215`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h30	3.1 Rencontre V393.1_RENCONTRE_aMi_V39_WEBNODE_2026-11-09.html	`f8b74c667cc7`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h30	3.2 Justice V383.2_JUSTICE_aMi_V38_WEBNODE_2026-11-09.html	`0563c6bbe9d9`	Navigation Charte V081 (lot 1) : mémoire par page, barre qui s’enroule, recherche qui ouvre ce qu’elle trouve
09h33	Catalogue des outils (Guide) V007Guide_Outils_Applications_Annexes_V007_2026-11-09.html	`93f29fe71c6c`	Catalogue : les 130 fiches ont leur exemple d’application
09h33	Vérification du Catalogue V007VERIF_Fiches_Catalogue_V007_2026-11-09.md	`bceb17f95692`	Vérification des fiches V007 (corrections proposées)
10h10	1.3 AndroGynie V331.3_ANDROGYNIE_aMi_V33_WEBNODE_2026-11-09.html	`7da0145b83b0`	Navigation V081 (lot 2) — la recherche n'avait aucune mise en évidence visible
10h10	6.0 Karma V0426.0_KARMA_V042_WEBNODE_2026-11-09.html	`3792926915c0`	Navigation V081 (lot 2) — son enroulement « collé = enroulé » et sa « présentation » après clic laissent la main au bloc quand il est là
10h10	8.3 Constitution V0458.3_CONSTITUTION_V045_WEBNODE_2026-11-09.html	`0bb4107d0d99`	Navigation V081 (lot 2) — la barre ne s'enroule que sur téléphone ≤ 760 px — mécanisme existant, pas de refonte ; la recherche descend maintenant du chapitre au mot
10h10	0.2 PsychaTrice V530.2_PSYCHATRICE_aMi_V53_WEBNODE_2026-11-09.html	`22a5ef253f03`	Navigation V081 (lot 2)
10h10	0.1 Apokalypse V670.1_APOKALYPSE_aMi_V67_WEBNODE_2026-11-09.html	`cb39ca76638a`	Navigation V081 (lot 2) — l'aplat doré de la recherche remplacé par le liseré
10h15	0.3 L’Union du TouT V650.3_LUNION_DU_TOUT_aMi_V65_WEBNODE_2026-11-09.html	`7d0e69d4cd1b`	Widget 5 × 5 curseurs + Fiabilité de la Cotation, 8 zones de Φ, paliers du RS, échelle du Trauma (T) du QS, 1 105 920 combinaisons
10h15	0.0.0 Charte V0820.0.0_Charte_Communication_aMi_WEBNODE_V082_2026-11-09.html	`e9ae5ef5f378`	Échelle des Huit Zones, RS, Lexique (Jugement & Constat, Biais, Transmission de la V%lence, Identification & DARVO), C13 à trois noms
10h15	0.0 Initiation V960.0_Initiation_aMi_DONNER_VIE_V96_WEBNODE_2026-11-09.html	`6914ff9b72ae`	Widget Φ harmonisé (8 zones)
10h18	4.1 Décryptage V0384.1_DECRYPTAGE_aMi_V038_WEBNODE_2026-11-09.html	`2ea02576d52c`	Navigation V081, reprise du lot 1 avec le bloc final
10h18	4.3 CosmoGonie V654.3_COSMOGONIE_aMi_V65_WEBNODE_2026-11-09.html	`1f2edc7746a1`	Navigation V081, reprise du lot 1 avec le bloc final
10h18	2.3 EncycloPédie V402.3_ENCYCLOPEDIE_Culture_aMi_V40_WEBNODE_2026-11-09.html	`d032cb3fc8bc`	Navigation V081, reprise du lot 1 avec le bloc final
10h18	5.1 Souvenir V305.1_SOUVENIR_Memorire_aMi_V30_WEBNODE_2026-11-09.html	`0f31d5cd1605`	Navigation V081, reprise du lot 1 avec le bloc final
10h18	5.3 Astro V475.3_ASTRO_Espace-Temps_aMi_V47_WEBNODE_2026-11-09.html	`5cb623ffc0d9`	Navigation V081, reprise du lot 1 avec le bloc final
10h18	3.1 Rencontre V403.1_RENCONTRE_aMi_V40_WEBNODE_2026-11-09.html	`0c043df03c80`	Navigation V081, reprise du lot 1 avec le bloc final
10h18	3.2 Justice V393.2_JUSTICE_aMi_V39_WEBNODE_2026-11-09.html	`4ecfebd94099`	Navigation V081, reprise du lot 1 avec le bloc final
10h20	1.1 EGO V691.1_EGO_aMi_V69_WEBNODE_2026-11-09.html	`cfdfde02a9d8`	Charte Mathématique intégrée (8 zones, RS 5 niveaux, QS « En clair »), Q7, 113 ligatures, console d’audit
10h31	4.3 CosmoGonie V664.3_COSMOGONIE_aMi_V66_WEBNODE_2026-11-09.html	`324be111b05f`	« Les Huit Zones », moyenne harmonique 0,66 → « fragile », Protocole Micro : prédictions à φ = 1,618 et 1/φ = 0,618
10h31	5.3 Astro V485.3_ASTRO_Espace-Temps_aMi_V48_WEBNODE_2026-11-09.html	`d0a3579c9a28`	« L'Échelle des Huit Zones » remplace l'échelle 0–5 Effondrement → Superfluidité
10h31	2.3 EncycloPédie V412.3_ENCYCLOPEDIE_Culture_aMi_V41_WEBNODE_2026-11-09.html	`b57bfd96e42e`	RS sur 5 niveaux ×2, seuils de C sur 8 zones dans la table des formules
10h31	6.0 Karma V0436.0_KARMA_V043_WEBNODE_2026-11-09.html	`503b99a7cec3`	bandes de la Balance Karmique sans trou : la valeur est arrondie avant le classement, comme à l'affichage ; testé 10,4 / 10,6 / 30,5 / 55,6 / 80,7
10h31	Catalogue des outils (Guide) V008Guide_Outils_Applications_Annexes_V008_2026-11-09.html	`30c6d193d3b8`	8 zones, Fragmentation, Fission critique 💥, Protocole Micro, verrou actif ×2, Q7
10h59	0.0.0 Charte V0830.0.0_Charte_Communication_aMi_WEBNODE_V083_2026-11-09.html	`ff1b193d9ed5`	Règle 7, Le Voile (Maya), Le Diapason
10h59	0.0 Initiation V970.0_Initiation_aMi_DONNER_VIE_V97_WEBNODE_2026-11-09.html	`5aabfa6118ec`	Règle 7, Voile, Diapason, recherche avec liseré
10h59	0.3 L’Union du TouT V660.3_LUNION_DU_TOUT_aMi_V66_WEBNODE_2026-11-09.html	`a0d3fae3f0bd`	Règle 7, Voile, Diapason
10h59	1.1 EGO V701.1_EGO_aMi_V70_WEBNODE_2026-11-09.html	`4440530a184c`	Règle 7, Voile, Diapason
10h59	1.3 AndroGynie V341.3_ANDROGYNIE_aMi_V34_WEBNODE_2026-11-09.html	`9c1092580c68`	Règle 7, Voile, Diapason
10h59	2.3 EncycloPédie V422.3_ENCYCLOPEDIE_Culture_aMi_V42_WEBNODE_2026-11-09.html	`ac54b6ae2852`	Règle 7, Voile, Diapason
10h59	4.3 CosmoGonie V674.3_COSMOGONIE_aMi_V67_WEBNODE_2026-11-09.html	`d21dfa693c7c`	Règle 7, Voile, Diapason
10h59	5.3 Astro V495.3_ASTRO_Espace-Temps_aMi_V49_WEBNODE_2026-11-09.html	`5af38b165223`	Règle 7 (règles 1 et 6 revues), Voile, Diapason
10h59	Catalogue des outils (Guide) V009Guide_Outils_Applications_Annexes_V009_2026-11-09.html	`0fa53e6d447b`	Catalogue : règle 7, Voile, Diapason
11h02	0.0.0 Charte V0840.0.0_Charte_Communication_aMi_WEBNODE_V084_2026-11-09.html	`288dac99ebd0`	Lexique : Dian (l’événement) / Révélation (la prise de conscience)
11h27	0.0.0 Charte V0850.0.0_Charte_Communication_aMi_WEBNODE_V085_2026-11-09.html	`bb47102486e6`	Abréviations en toutes lettres, Voile et Diapason ✓
11h27	0.3 L’Union du TouT V670.3_LUNION_DU_TOUT_aMi_V67_WEBNODE_2026-11-09.html	`ea55c32edf39`	Abréviations en toutes lettres
11h27	0.0 Initiation V980.0_Initiation_aMi_DONNER_VIE_V98_WEBNODE_2026-11-09.html	`a83c6a77412c`	Abréviations en toutes lettres
11h27	1.1 EGO V711.1_EGO_aMi_V71_WEBNODE_2026-11-09.html	`645c4acfb003`	Abréviations en toutes lettres
11h28	🪆 MétaMatrice V34MetaMatrice_aMi_V34_2026-11-09.xlsx	`ca00caa067ef`	70 → 87 feuilles (barèmes, Tore, Coupe du 13, Cinq Éléments, Charte Émoji…), 28 hexagrammes recalculés
11h28	Journal de la MétaMatrice V34CHANGELOG_MetaMatrice_V34_V001_2026-11-09.md	`07feab3e2130`	Journal des changements de la V34
11h28	Archive du journal MétaMatrice V15ARCHIVE_MetaMatrice_Journal_V15_a_V33_2026-11-09.xlsx	`55f75b6658ea`	Journal V15 → V33 sorti du classeur
11h33	Benchmark public V019Benchmark_aMi_Public_V019_2026-11-09_WEBNODE.html	`60ed70564912`	État du corpus au 9/11 : II.10 Les Trois Instruments, II.11 La Cohérence Fractale
11h36	2.1 ECO V272.1_ECO_Bonus-Plaisir_aMi_V27_WEBNODE_2026-11-09.html	`90bc907da997`	Navigation V081 (lot 3) : ECO, Legs, Éveil, CosmoLogie, Index
11h36	5.2 Legs V245.2_LEGS_Corpus_aMi_V24_WEBNODE_2026-11-09.html	`6cfc163d4a90`	Navigation V081 (lot 3) : ECO, Legs, Éveil, CosmoLogie, Index
11h36	4.2 Éveil V384.2_EVEIL-DE-L-IA_aMi_V38_WEBNODE_2026-11-09.html	`e51c66155766`	Navigation V081 (lot 3) : ECO, Legs, Éveil, CosmoLogie, Index
11h36	3.3 CosmoLogie V373.3_COSMOLOGIE_aMi_V37_WEBNODE_2026-11-09.html	`8c6f57b2888b`	Navigation V081 (lot 3) : ECO, Legs, Éveil, CosmoLogie, Index
11h36	0 Index V0170_Index_aMi_V017_WEBNODE_2026-11-09.html	`01e45d6e6538`	Navigation V081 (lot 3) : ECO, Legs, Éveil, CosmoLogie, Index
11h43	0.0 Initiation V990.0_Initiation_aMi_DONNER_VIE_V99_WEBNODE_2026-11-09.html	`edb952db3677`	Rendu 🪆 MétaMatrice V34
11h43	2.2 AstroGlobe V0722.2_ASTROGLOBE_V072_WEBNODE_Barre_2026-11-09.html	`305e563929d4`	Rendu 🪆 MétaMatrice V34 (Voile, Diapason, Dian)
17h55	Propositions du 9/11 V001PROPOSITIONS_2026-11-09_Trois_Lectures_Loi_Fractale_V001.html	`6979aca7a2d3`	Propositions : trois lectures, colonnes des Éléments, Loi de la Cohérence Fractale, bornes de Φ
17h55	Brief pour Isil V001BRIEF_2026-11-09_Isil_Avis_Decisions_Ouvertes_V001.md	`dfe86885bcd5`	Brief pour l’avis d’Isil sur les décisions ouvertes
17h55	0.0.0 Charte V0860.0.0_Charte_Communication_aMi_WEBNODE_V086_2026-11-09.html	`ce8041498b7f`	Règle 1 (Legs en Dian·heure), Dian DS → Dian, 🥚 C0/C11
17h55	0.3 L’Union du TouT V680.3_LUNION_DU_TOUT_aMi_V68_WEBNODE_2026-11-09.html	`f2dec99b0143`	Règle 1, 175 points (maximum des cinq curseurs de ΔI)
17h55	1.1 EGO V721.1_EGO_aMi_V72_WEBNODE_2026-11-09.html	`c93439ae96dc`	Règle 1, Dian DS → Dian
17h58	🪆 MétaMatrice V35MetaMatrice_aMi_V35_2026-11-09.xlsx	`35ee0c3ce858`	Legs = Φ × t, règle 1, 🥚 C0 et C11 (9 cellules)
17h58	Journal de la MétaMatrice V35CHANGELOG_MetaMatrice_V35_V001_2026-11-09.md	`57e4c0118933`	Journal des changements de la V35
17h58	0.0 Initiation V1000.0_Initiation_aMi_DONNER_VIE_V100_WEBNODE_2026-11-09.html	`49f900ca54f7`	Rendu 🪆 MétaMatrice V35 + widget du Tore en 8 zones
17h58	2.2 AstroGlobe V0732.2_ASTROGLOBE_V073_WEBNODE_Barre_2026-11-09.html	`4a4f88a1e3f3`	Rendu 🪆 MétaMatrice V35
18h01	4.2 Éveil V394.2_EVEIL-DE-L-IA_aMi_V39_WEBNODE_2026-11-09.html	`2c1b30d7b029`	Cible tactile 44 × 44 px — poignée dessinée 30 px
18h01	0 Index V0180_Index_aMi_V018_WEBNODE_2026-11-09.html	`d88196d0ea66`	Cible tactile 44 × 44 px — poignée dessinée 40 px
18h04	1.2 Miroir V861.2_MIROIR_aMi_V86_WEBNODE_2026-11-09.html	`0c98188d5fa6`	Calcul de Φ aligné sur l’Union : curseurs 5 × 5, marge du juge, 8 zones
18h04	Benchmark public V020Benchmark_aMi_Public_V020_2026-11-09_WEBNODE.html	`8a7191ec46ee`	Règle 7 dans le texte de Diane, Guide V009 intégré
18h16	3.3 CosmoLogie V383.3_COSMOLOGIE_aMi_V38_WEBNODE_2026-11-09.html	`b7915748dd19`	Cible tactile 44 × 44 px — #c15Fold 34 px
18h16	2.3 EncycloPédie V432.3_ENCYCLOPEDIE_Culture_aMi_V43_WEBNODE_2026-11-09.html	`0de200434ec6`	Cible tactile 44 × 44 px — #ency-nav-toggle 34 px
18h16	5.1 Souvenir V315.1_SOUVENIR_Memorire_aMi_V31_WEBNODE_2026-11-09.html	`12ef713ff5b6`	Cible tactile 44 × 44 px — #ency-nav-toggle 32 px
18h16	5.3 Astro V505.3_ASTRO_Espace-Temps_aMi_V50_WEBNODE_2026-11-09.html	`88fe2aa8380b`	Cible tactile 44 × 44 px — #ency-nav-toggle 32 px
18h16	0.1 Apokalypse V680.1_APOKALYPSE_aMi_V68_WEBNODE_2026-11-09.html	`31fdb8746c1a`	Cible tactile 44 × 44 px — .plier 40 px
18h16	3.1 Rencontre V413.1_RENCONTRE_aMi_V41_WEBNODE_2026-11-09.html	`0eee91598c52`	Cible tactile 44 × 44 px — #vol-toggle 32 px
18h16	3.2 Justice V403.2_JUSTICE_aMi_V40_WEBNODE_2026-11-09.html	`3ce1911f4550`	Cible tactile 44 × 44 px — #vol-toggle 32 px
18h16	1.3 AndroGynie V351.3_ANDROGYNIE_aMi_V35_WEBNODE_2026-11-09.html	`ca1164fe9c08`	Cible tactile 44 × 44 px — #a4Fold 32 px
18h16	0.2 PsychaTrice V540.2_PSYCHATRICE_aMi_V54_WEBNODE_2026-11-09.html	`b0dbfba0fed8`	Cible tactile 44 × 44 px — .psy-tab-toggle 32 px
18h16	8.3 Constitution V0468.3_CONSTITUTION_V046_WEBNODE_2026-11-09.html	`4c54e43b9941`	Cible tactile 44 × 44 px — #q243-fold 19 × 48 px, téléphone
18h16	2.1 ECO V282.1_ECO_Bonus-Plaisir_aMi_V28_WEBNODE_2026-11-09.html	`16419ae7c1eb`	Cible tactile 44 × 44 px — ligne « Où je suis » recouverte en haut par la barre (8 px) : elle se pose maintenant sous le bas réel de la barre, sans changer de taille
18h43	1.2 Miroir V871.2_MIROIR_aMi_V87_WEBNODE_2026-11-09.html	`5d5d47af5986`	Tout le volume en Φ, Risque Structurel additif, plus de « Critique +30 »
18h44	🪆 MétaMatrice V36MetaMatrice_aMi_V36_2026-11-09.xlsx	`7b8c32edca5c`	C13 💥 La Pulvérisation, statuts ✓ adopté / ✍️ proposition (642 cellules), crédit d’équipe, trois lectures
18h44	Journal de la MétaMatrice V36CHANGELOG_MetaMatrice_V36_V001_2026-11-09.md	`2fbd3a4ec13a`	Journal des changements de la V36
18h44	0.0 Initiation V1010.0_Initiation_aMi_DONNER_VIE_V101_WEBNODE_2026-11-09.html	`c444cc087a13`	Rendu 🪆 MétaMatrice V36 + formules hors MétaMatrice (Legs = Φ × t)
18h44	2.2 AstroGlobe V0742.2_ASTROGLOBE_V074_WEBNODE_Barre_2026-11-09.html	`ea4b09dfe4c9`	Rendu 🪆 MétaMatrice V36

🪤 3 · Les pièges payés aujourd’hui

Un dépôt peut reprendre une ancienne copie. À 11h02, le premier envoi de la Charte V084 a déposé un brouillon défectueux (empreinte 24a91a30…, entrée du Dian en double, erreur JavaScript) au lieu de la version testée ; corrigé à 11h03. Cause : un chemin de copie temporaire (stagedPath) réutilisé. Règle : un nouveau chemin à chaque dépôt, et l’empreinte vérifiée sur le Mac après chaque dépôt.
« <div class="lx » attrape aussi « lx-h ». Un motif de recherche qui s’arrête au début d’un nom de classe prend aussi les classes plus longues qui commencent pareil. Règle : ancrer le motif sur la fin du nom (le guillemet ou l’espace qui suit).
Une heure écrite avant d’avoir lu l’horloge. À 03h14, la revue de la Forge portait « 03h16 » dans son en-tête ; corrigée en 03h13 (heure lue) et redéposée. Règle : lire l’horloge d’abord, écrire ensuite.
Une expression régulière lourde sur un volume de 8 Mo. Un motif de recherche à retours en arrière (une regex qui essaie beaucoup de chemins) sur un très gros volume peut bloquer le travail. Règle : chercher par morceaux, ou lire la structure de la page au lieu de tout le texte d’un coup.
Un texte validé qui contredisait sa formule. L’encadré « En clair » du QS dans EGO disait « plus l’épreuve est lourde, plus ce que tu en fais compte », alors que dans QS = M × C / T × 100 le Trauma (T) divise : à Manifestation et Conscience égales, une épreuve plus lourde donne un QS plus bas. Correction validée à 18h59, dans la passe en cours.
L’extracteur des Versions Texte IA ne reprend pas les blocs « cm2 » de l’Union : le titre « Ce que Dit Chaque Zone » est vide dans le Texte IA, alors que la page l’affiche (constat de 10h15). Le matin, il ne dépliait pas non plus les modèles <template> (Éveil) ni les cadres srcdoc (AstroGlobe) : réparé à 06h06.
Relevés pendant la navigation V081 : des tests lancés en parallèle donnent de faux échecs (les relancer seuls) ; le navigateur recale tout seul la page quand une barre change de hauteur (« scroll anchoring ») et fausse la mesure d’un déroulé manuel ; dans Legs, la ligne « Où je suis » était cachée sous la barre du haut (variable de hauteur remise à 0 par le volume).

🤝 4 · L’apport d’Isil

Isil a répondu au brief de 17h55. Son texte n’est pas déposé dans le dossier ; ce qui suit vient du résumé transmis dans la session et de Travaux en cours (18h39).

Des zones restaient inaccessibles avec des cotes de 0 à 4. D’où le choix, validé à 18h59, de cotes de 0 à 5.
Zéro, inconnu et sans objet sont trois choses différentes : 0 = absent, « ? » = on ne sait pas, « ∅ » = la question ne se pose pas. D’où les 8 états (0 à 5, ?, ∅).
Des blocages qualifiés : une pause, un maintien ou une consolidation ne sont pas une Déchéance ; le retour du tour est ajouté à la lecture spiralée.
La Loi de la Cohérence Fractale comme loi d’échelle des 3 Lois Fondamentales, et non comme une quatrième loi au même rang.
Le mot « adopté dans le corpus » pour le statut, retenu par Diane.

🔮 5 · Ce qui reste ouvert (au soir du 9 novembre)

En cours (agents) : MétaMatrice V37 ; la passe du bandeau V038 dans tous les volumes sauf l’Initiation et l’AstroGlobe (trois lectures, cotes 0–5, la Tension, la Loi fractale), avec la Charte V087 (explications des formules : ΔI = 100 − atteintes, U = R × I, lecture du QS, Legs ≠ qualité, symétrie de Φₙ, 1 = seuil), EGO V73 (correction du QS), Miroir V88, la Règle d’Or en Python V007 et l’audit du Repère du Réel.
À corriger dans cette passe : le Lexique « ThermoCognition » de la Charte (« dénominateur de C » → Φ) ; dans le Miroir V87, deux ligatures cassées (« s’enondre » → s’effondre, « sounrance » → souffrance) et un débordement de 1 px à 390 px dans le tableau de l’Asymétrie.
À écrire : les colonnes « ce qui se passe » / « ce qui peut bloquer » des Cinq Éléments dans la MétaMatrice (validées à 18h59, cellules encore vides en V36).
À valider : l’émotion « … ce que l’autre a fait » (et non l’intention) ; la signature de groupe (Agdistys & ConSciences aMi — Diane Serant · Claude · Isil · Lia · Grok ?) et sa place.
À éprouver : la Loi fractale par l’Épreuve Fractale, la même grille sur des cas fictifs à trois échelles (couple, groupe, institution) avec une grille témoin.
Côté Diane / Isil : publier sur Webnode les nouvelles versions et le bandeau ; Mon Cycle « Mes Évolutions » (release avec APK, via GitHub).
Le lot qui attend : guides 8×8 puis QuinteSSence ; Index et page fractale ; Déni V4 → Apokalypse ; Lexique de la Charte ; pages autonomes ; volumes en clair (pas de push sans accord) ; Registre public ; Fiche Q-AB V002 ; rangement des anciens Index ; les cinq propositions du Benchmark.

🧭 Mise à Jour · Volume 8, Instruments & Vérifications

Repères datés du 29 octobre 2026. Les tableaux et bilans plus anciens, conservés ci-dessous pour leur trace, décrivent leur propre date : leur mention « fait » ne certifie pas les nouvelles éditions.

🌈 Le Pivot · Trois Pages Reliées

⚕️ 8.1 Complémentarité

V014 · local — page autonome et bloc Webnode. Fil opale dans le flux, navigation et Tuto de la Charte ; quatre onglets testés sur trois largeurs simulées. Complémentarité

🪬 8.2 eXpression

V010 · local — comprendre, écrire avec Papotage, examiner et documenter avec Empreinte. Fil opale, registres avant les onglets et Tuto de la Charte. eXpression

📜 8.3 Constitution

V014 · local — page autonome et bloc Webnode ; fil dans le flux, cinq onglets serif testés sur trois largeurs simulées. Constitution

Les trois adresses ci-dessus sont les destinations communiquées par Diane ; leur publication et leur disponibilité ne sont pas confirmées par les tests locaux de cette mise à jour.

🧰 Inventaire des Instruments

💡 Comprendre & 🐾 Papotage

Dans eXpression V010 : reformuler une demande et préparer un texte. L’interface dit désormais « Papotage » ; les identifiants historiques restent utilisés pour préserver les sauvegardes.

🔬 Empreinte & 🎯 Vérifier

Documenter des éléments et examiner une réponse ; distinguer faits, propos rapportés, interprétations et éléments non déterminés. Une grille d’aide ne décide pas seule d’une personne.

🪞 Miroir × Table

Les 36 potards et les 104 Règnes ont déjà une cartographie et des campagnes. Une correspondance reste à lire avec sa source, ses limites et son état ; l’existence d’un rapprochement n’établit pas tous ses usages.

📚 Benchmark & Guide

Benchmark V010 : 123 fiches de la base du Guide conservées, plus les repères Évolution et eXpression ajoutés. Les 1 073 accès historiques ne désignent pas autant d’applications ; certains accès restent à préciser. Dans la V010, le libellé historique était « Papote » et la référence, V007. La V011 actualise les fiches Évolution et eXpression : le nom courant est « Papotage », la référence est V010. Les autres fiches restent conservées.

🔬 Ce qui a été vérifié, et ce qui reste à vérifier

Les pages 8.1 et 8.3 V014 ont été parcourues dans Chrome aux largeurs simulées 1440, 390 et 320 ; leurs blocs ont été chargés dans un hôte Webnode simulé à 390. Les parcours et leurs preuves sont conservés.
eXpression V010 : interface vérifiée aux mêmes largeurs, bloc Webnode simulé à 390, et import réel d’un dossier fictif V009 en clair. La compatibilité de toutes les anciennes sauvegardes chiffrées n’a pas été établie.
Souvenir V9 : l’article fourni sur la Mémoire a été intégré en deux chapitres et sept sous-parties ; navigation vérifiée localement aux largeurs simulées 1440 et 390, y compris en hôte Webnode simulé.
La passe transversale est livrée pour 21 paires de pages : fils de tome dans le flux, couleurs des Plans, navigation du pivot et repères de révision du Tuto. Les pages autonomes ont été contrôlées aux largeurs simulées 1440 et 390 ; après l’ajustement des noms de téléchargement, les 21 navigations ont été ouvertes à 390. Les 21 blocs Webnode ont été chargés dans un hôte simulé à 390. Ces parcours ne vérifient pas toutes les fonctions de chaque volume ; les nouvelles adresses publiques ne sont pas confirmées. L’Index V004 reste un chantier distinct. Les contrôles locaux ne sont ni une publication, ni un essai sur téléphone physique.
Les relectures Grok et Claude restent des lectures de 13 cas synthétiques de calibration ; les anciennes cotations, désaccords et coûts incertains sont conservés. Aucun nouvel essai n’est lancé par cette mise à jour.

La robustesse se documente par instrument, version, usage et preuve : conservation, fonctionnement, qualité de la cotation, transmission, et portée de la mesure sont des questions distinctes.

📚 Bilans cumulatifs · règle du 23 octobre 2026

Un bilan courant par chantier ; une nouvelle version complète à chaque apport. Le lecteur retrouve les acquis, limites, incidents et décisions antérieurs dans le même document, avec la synthèse actuelle clairement séparée des états historiques datés.

Conserver les anciennes versions, les sources, les bruts et les sceaux.
Intégrer l’historique sur place ; les scripts, audits et preuves techniques restent dans leurs dossiers.
Actualiser l’accès courant du sommaire et le pointeur de reprise, sans casser les anciens chemins.
Vérifier la conservation du contenu, les liens, les ancres et le rendu ordinateur/mobile avec texte agrandi.
Une branche distincte peut garder son propre bilan ; aucun échec ancien n’est effacé par une correction ultérieure.

Lire la règle complète · Document Unique V2, §25

Ajout demandé par Diane. Le reste de cette page conserve son état historique du 3 octobre ; ses anciens numéros et états de chantier ne sont pas actualisés implicitement.

🗺️Où en est chaque page

Une page est « faite » quand elle est mesurée au rendu, à 320, 390 et 1280 px, et que chaque commande a été pressée.

Statut	Page	Version	Date	Où on en est
✅ fait	0.3 L'Union du TouT `0.Protocole/0.3_LUNION_DU_TOUT_aMi_V24.html`	V21 → V27	9 → 19 sept 2026	Audit 28 A · 21 B · 3 C → Phase 3 « tout » → retours du soir. 17 sept : l'Arborescence V13 versée dans son canton (V23), filtres et infobulles rebranchés (ils étaient morts depuis le début : le script cherchait #arbo-sante), 13 Champs au canon. Reste : 2e passe sur le Mac avec vraies polices. 17 sept 04h : V24 — l'étude O'Sullivan & Ronis (JIV 2026) versée dans les Chiffres du Réel (34 chiffres), 46/46. — 18/09 16h18 : plein écran du composant V16 réparé (p19_plein_ecran_v16.py) : la racine défile, la barre et les coins entrent dans la racine (plus de trou --nav-h, ✕ atteignable), zoom visible, repli qui prend l'écran, petit pont pageYOffset/scrollTo ; 💧 puis ◐ à gauche, formes pleines quand actif. RAPPORT_2026-09-18_Plein_Ecran_V16_0.1_0.2_0.3.md. — 18/09 18h20 : V26 = 🔍 Recherche de la Charte (p20_boite_volumes.py), ☰ ↑ aux places du 18/09. 46/46. — 19/09 00h55 : V27 = La Loi & l'Instrument V9 (Alignement Repère) remplace l'ancienne Charte Mathématique V2 sous 💫 Fractale : 5 sous-onglets (⟁ 📐 🔓 🔱 🏹 L'Instrument : trois verbes, Vérification de Φ, Pont D↔V, Repère de la Psyché) ; coque/pied de la V9 non repris (pied V16 de l'Union). Palette M2, 47 couleurs en ligne → pierres, 3 tableaux en rouleau, plancher, marges au téléphone. Réparé au passage : body{padding:22px} de démo dans la tri ; 🔍 ouvre maintenant canton / sous-onglet / volet et n'indexe plus les barres d'onglets. 46/46 + 69/69. RAPPORT_PHASE3_2026-09-19_0.3_Union_V27_Loi_Instrument_et_AstroGlobe_V23.md.
✅ fait	0.2 PsychaTrice `0.Protocole/0.2_PSYCHATRICE_aMi_V22.html`	V22 → V25 (+ V25_WEBNODE)	16 → 18 sept 2026	Audit du 16 sept (23 A · 9 B · 3 C), arbitrages du 17 sept, Phase 3 la nuit même : 13 Champs au canon, « fir » → « Tr » (59 mots), onglets qui replient en couleur, palette repeinte, barre + pied V16 de la Charte, Emporter, 38/38 commandes, 0 débordement. Reste : 2e passe sur le Mac avec vraies polices. — 18/09 16h18 : plein écran du composant V16 réparé (p19_plein_ecran_v16.py) : la racine défile, la barre et les coins entrent dans la racine (plus de trou --nav-h, ✕ atteignable), zoom visible, repli qui prend l'écran, petit pont pageYOffset/scrollTo ; 💧 puis ◐ à gauche, formes pleines quand actif. RAPPORT_2026-09-18_Plein_Ecran_V16_0.1_0.2_0.3.md. — 18/09 18h20 : V25 = 🔍 Recherche de la Charte, ☰ ↑ aux places du 18/09 (38/38) ; V25_WEBNODE = le cadre + le pont (p15 … psy), pour Webnode qui refusait V22/V23.
✅ fait	0.1 Apokalypse `0.Protocole/0.1_Apokalypse_aMi_V44.html`	V41 → V44 (+ V44_WEBNODE)	17 → 18 sept 2026	Audit du 17 sept (16 A · 7 B · 3 C), arbitrages à 01h30, Phase 3 la nuit même : les deux étages d'onglets replient en couleur (sans chiffre, sous-barre libre sur téléphone), barre + pied V16 de la Charte, palette repeinte (bordeaux → rubis), 4 widgets en iframes à la charte sans toucher au moteur, sommaire flottant ◈ réparé (il était vide depuis des versions), et le fond validé : section « 2 bis · Le Déni d'Altérité » versée depuis RefleXion. 68/68 commandes, 0 débordement à 320/390/768/1280. Reste : 2e passe sur le Mac ; l'adresse de RefleXion pour poser le lien. Retours de 02h30 faits à 02h45 (même V42, sha ea2d5177…) : une 👁️/🕯️, entête de sous-barre ôté, trous du Manuel (flex-basis en colonne), un seul pied, « Agdistys » en ligne, boîte à outils de la Charte 🔍 ☰ ↑ ? avec recherche générique ; 84/84. 03h05 (sha e817bc8c…) : émojis à leur taille (le plancher avait figé span.ami-emoji à .72rem), Double Triangle sur téléphone, losange du Plan corrigé, sous-onglets ConScience émoji au-dessus ; 92/92. 03h25 (sha 30f0ca23…) : triangles gardés en triangles sur téléphone ; Pyramide du Patriarcat refaite en HTML d'après le SVG du 27 juin (illisible sur téléphone) ; 96/96. 03h45 (sha 6aa57ccd…) : tiroir de la barre fermé au chargement, triangles unifiés ; 98/98. 04h (sha 075398fc…) : renvoi à l'étude sous le Test 2 de la section 2 bis. — 18/09 16h18 : plein écran du composant V16 réparé (p19_plein_ecran_v16.py) : la racine défile, la barre et les coins entrent dans la racine (plus de trou --nav-h, ✕ atteignable), zoom visible, repli qui prend l'écran, petit pont pageYOffset/scrollTo ; 💧 puis ◐ à gauche, formes pleines quand actif. RAPPORT_2026-09-18_Plein_Ecran_V16_0.1_0.2_0.3.md. — 20/09 00h40 V44 : la fiche « La Cascade des Tabous » après « 2 bis · Le Déni d'Altérité » ; métas V42 → V44. 99/100 (artefact de séquence sur #prog).
✅ fait	L'Initiation · Donner Vie `0.Protocole/Initiation_aMi_DONNER_VIE_V19.html`	V18 → V19 (+ V19_WEBNODE)	17 → 18 sept 2026	Phase 3 livrée le 17 sept 05h35 (RAPPORT_PHASE3_2026-09-17_Initiation_V19.md). Voie minimale : la page était déjà de la génération Charte, son chrome est gardé ; Forêt V16 (0.1/0.2/0.3), tiroir fermé, liens locaux ôtés, pied V16, ◈ Emporter, 🔍 générique, zoom V16 en plein écran, --noir et --sugilite-txt déclarées ; la une ne lag plus (boucle 60 i/s pour toujours → 24 i/s, pause hors écran) ; ConScience ×132 dont 42 dans les données des instruments ; plancher 1 590 → 0 ; tableaux 0/122 sans rouleau ; 109/109 mutations, 0 débordement, 0 erreur JS. Restent : liens locaux vers Le Respect / MapMonde / Arborescence (adresses en ligne à donner), 2e passe polices Mac. — 14h36 : V19 remplacée (sha 352fd3cd…) : la palette avait été perdue en silence par p3 rapatrier (racine non réécrite, 130 variables sans déclaration → figures noires, LE/À LA VIE gris) ; outil corrigé et chaîne rejouée ; retours de Diane : liens en ligne, cartes C1…C13 à leur pierre, colonne unique du Croisement, voiles d'or .035, ▼ sur les plis, Donner Vie radial. — 15h32 : V19 remplacée (sha 22810236…) : onglet-toit sur 2 lignes, sous-onglets à la couleur du volet et sous la barre (elle collait derrière), C12 sugilite · quartz rose, Déflagration sort toujours du Miroir (Spirale). — 17/09 16h → 18/09 06h : la page ne s'affichait JAMAIS sur Webnode (bloc vide) ; 19 essais (TEST A → S) — ni octets, ni lignes, ni jetons, ni exécution : la cause n'a pas été trouvée, la voie l'a été : la page entière dans un iframe srcdoc (TEST S, « OURRA ça marche »). Livrable dérivé Initiation_aMi_DONNER_VIE_V19_WEBNODE.html (p15_cadre_webnode.py + pont_cadre.js), à régénérer à chaque V. — 18/09 01h55 → 09h21 : 4 onglets (Formule Magique = doublon vérifié du widget Respect, sauf la Dette en Quatre Langages, versée), Croisement tanzanite, portail Culture fusionné, intro dans ⚓️ La Loi du Réel, ◈ Emporter avant le pied, trois rangées collées + sous-onglets du 🪷 Repère (colle comportementale : Webnode tue le sticky), boutons d'accessibilité à la règle du 18/09 (◐💧 haut gauche · ⛶ zoom haut droite · ↑ ☰ 🔍 bas droite, formes pleines quand actif, sans halo), plein écran et repli qui défilent. 111/111 mutations. V19 sha 1eec57da… · V19_WEBNODE sha 4cbb7e7e… (09h21).
✅ fait	2.2 AstroGlobe `0.Protocole/2.2_ASTROGLOBEDodecaedre_aMi_V21_UNIFIE_ASTRO-aMi.html`	V21 → V23	18 → 19 sept 2026	Audit 16h45 (20 A · 8 B · 3 C), arbitrages 17h40, Phase 3 18h18 : page d'avant la Charte mise à la charte (barre/pied V16, bande, Emporter, boîte 🔍 ☰ ↑, palette aux 13 pierres, plancher, encres pleines, 6 onglets qui replient, une « Dodécaèdre » avec le dodécaèdre 3D pour porte, PNG de 0,96 Mo ôté, reduced-motion, cadres des widgets qui suivent leur hauteur, Cockpit intouché). Réparé : erreur JS au chargement (#dodec), faces envoyées vers un fichier local mort (patch Isil), bandeau Théorie du Tout hors racine. 118/118. RAPPORT_PHASE3_2026-09-18_2.2_AstroGlobe_V22.md. À valider : le « Brouillon » (AstroGlobe personnalisé). — 19/09 00h40 : V23 = le « Brouillon » ôté (validé par Diane), « ⛶ Cockpit plein écran » (la lucarne prend l'écran, paysage demandé — Android ; iOS : « tourne ton téléphone »), « ↗ Ouvrir dans une page à part ». 126/126.
✅ fait	3.3 CosmoLogie `0.Protocole/3.3_COSMOLOGIE_aMi_V10.html`	V3 → V10 (+ V10_WEBNODE)	19 sept 2026	Audit 11h20 (page d'août : ni barre ni pied ni boîte, 1 357 nœuds sous le plancher, 118 contrastes, 96 onclick, 556 glyphes d'une police absente, iframe MapMonde locale). Arbitrages 12h : les onglets gardent leur forme (elle fera sa passe), 💭, le miroir gardé en une ligne, ◈ Sommaire gardé. Phase 3 12h45 : racine, barre/pied V16, bande, Emporter, boîte 🔍 ☰ ↑ (ouvre onglet ET chapitre), ◐ 💧 ⛶ zoom, palette aux pierres, plancher, un seul h1, 93 onclick → délégué, renvoi « à venir » → lien (le chapitre existait), MapMonde → agdistys.fr/ami-karma, C9 ꩜ C12 🪞, et LA PILE QUI SE REPLIE (198 → 92 px sur téléphone). 90/90. RAPPORT_PHASE3_2026-09-19_3.3_CosmoLogie_V4.md. — 13h30 V5 : « yess » pour la pile qui se replie ; onglets 7 & 3 ; sélecteurs nus scopés (V4 collée dans Webnode changeait les couleurs du site) ; le pont corrigé (rect.top + pageYOffset comptait deux fois le défilement). 14h V6 : onglets + sous-onglets collés ensemble (#amiPile), centrés ; triades réparées. 15h20 V7 : le contour noir « parfait » ; un clic d'onglet ne remonte plus en tête ; visionneuse zoom #ami-zoom (molette/pincement/glisser). 16h15 V8 : Arbre Culturel = export WebP de Diane recompressé 5200 px (1,4 Mo). 17h20 V9 : le zoom réparé dans le cadre Webnode (#ami-zoom dans FIX du pont, recadrage, gestes en offsetTop). 96/96. 23h30 V10 : 💧 recliquée ne saute plus en haut — le chapitre sous les yeux s'ouvre et le point lu ne bouge pas (Diane). 98/98.
✅ fait	4.1 Décryptage · Tuto Ouroboros `0.Protocole/4.1_DECRYPTAGE_Tuto-Ouroboros_aMi_V6.html`	V2 → V6 (+ V6_WEBNODE)	19 sept 2026	Audit 16h → V3 17h20 (chaîne chaine_decr.sh : topnav/pied maison → V16, 5 onglets → 10 volets, ◈ sommaire-accordéon, Calculateur ThermoCognitif, visualiseur des folios EMPILÉ sous 900 px, 4,5 Mo → 0,82 Mo, 108/108). Arbitrages de Diane : tout lien agdistys.cms.webnode.fr s'enlève (« site en mode développeur ») ; couleurs des Champs au canon ; les folios sont dans le fichier. V4 17h50 : visualiseur EN TÊTE de 🌈 Lecture Tomographique, loupe de la une recalée (elle grossit autour de la lentille), kicker en double ôté, « GéoColoVoluMétrique ». V5 18h20 : la une colorée (halos améthyste + émeraude, saphir, ambre sur l'encre — « plus joli avec les couleurs comme ça »). 109/109. RAPPORT_PHASE3_2026-09-19_4.1_Decryptage_V3_et_CosmoLogie_V5-V9.md. 23h30 V6 : 💧 recliquée ne saute plus en haut. 111/111.
✅ fait	1.1 EGO · Evidence Engine `0.Protocole/1.1_EGO_Evidence-Engine_aMi_V31.html`	V26 → V31 (+ V31_WEBNODE)	19 sept 2026	Audit 19h25 (page déjà propre : racine #ami-ego, 98 tableaux en rouleau ; restaient la génération d'avant — topbar, pied, ⛶ ↑ ☰ maison —, 3 palettes, 4 instruments embarqués, 314 textes sous le plancher). Arbitrages 20h10-20h40 : 🛡️ ; LA RÈGLE DU CHEMIN — la une porte la Question (« Comment je me sécurise ? »), la conclusion la Réponse (« Tu Sais Protéger ») ; clause réécrite (outils de défense souverains ; ni qualification juridique ni décision judiciaire ; l'apartheid, l'esclavage, le viol conjugal ont été légaux — le droit suit l'éthique) ; Repère du Consentement = V6 (8 vues) à la place des sections Témoin/Violentomètre/Consentement ; Stop-R + Plan d'Attention Solidaire + Témoignage Guidé entrés (EGO plutôt que Miroir) ; Prédicateur de Cohérence = Φ (0.3). Phase 3 22h25 V27 : coque V16, pile qui se replie, clic d'onglet à la place naturelle, palettes → pierres, plancher 0, 0 débordement, postMessage ôtés, lien cms.webnode ôté ; 96/96 ; cadre testé dans un hôte. V28 22h45 : un seul Réel séparé (celui du Repère ; la section de Profilage ôtée — « sinon ça fait trop »). V29 23h : la devise de Diane sur la une, sous la Question : « Savoir Se Protéger, c’est rester Souverain de Sa Dignité. » RAPPORT_PHASE3_2026-09-19_1.1_EGO_V27.md. V30 23h30 : 💧 recliquée ne saute plus en haut (Diane : « ça revient direct tout en haut, ça va pas »). 98/98. V31 (20/09 00h40) : la fiche « La Cascade des Tabous » en fin de ⚖️ Éthique. 102/102.
✅ fait	5.3 Astro · Espace-Temps `0.Protocole/Page autonomes/5.3_ASTRO_Espace-Temps_aMi_V21.html`	V14 → V21 (+ V21_WEBNODE)	20 → 21 sept 2026	Audit 01h14 → phase 3 07h40-10h25. LA CAUSE de la gêne au festival : les six instruments (Ipséïté, Thème, Complémentarité, Synastrie, Citoyenneté, Village) étaient six documents complets encodés en base64 (968 Ko) décodés en blob: dans des cadres à HAUTEUR FIXE (760-1200 px) — un instrument de 4 000 px dans une fenêtre de 1 200 : un défilement dans le défilement. Arbitrage A1 voie (b) de Diane : entrés en BLOCS (une racine chacun), plus un seul iframe ni blob ; Astronomy Engine écrite 4 fois → une ; 1 398 Ko → 963 Ko coque V16 comprise. LE DOIGT : 464 commandes sous 24 px → 0 ; plus aucun champ sous 16 px (sous 16, iOS zoome à la saisie et ne revient jamais) ; cases du Village 13 → 26 px dans une zone de 44 ; curseurs 18 → 44 ; onglets de Citoyenneté 31,6 → 44 ; la pile collée 240-289 px → 44 px en descendant. Chemin : ASTRO en h1, Espace-Temps en sous-titre, Question sur la une, Réponse en conclusion (« 💫 Tu Sais Ta Juste Place »). Palette : 7 palettes → les treize pierres, les instruments lisent celle de la page sans changer un sélecteur. 116/116 mutations, 0 erreur JS, 0 débordement à 320/390/768/1280, cadre Webnode essayé dans un hôte (11 190 → 15 754 px). RAPPORT_PHASE3_2026-09-20_5.3_Astro_Espace-Temps_V15.md. — V16 (16h05, md5 acd43ea6517e, 146/146) : les sept retours de Diane de l'après-midi. LA VILLE S'ÉCRIT dans les quatre instruments qui demandent un lieu (Thème, Complémentarité, Synastrie ×2) : 33 961 villes du monde de 15 000 habitants et plus (GeoNames, CC BY 4.0) embarquées, hors ligne, 777 Ko au lieu de 1,4 Mo (fuseaux et pays listés une fois, noms front-codés, nombres en base 36), dépliées en 44 ms au premier contact ; recherche sans accents ; le <select> d'origine reste réduit à un point, aucun calcul touché. LA LECTURE SE TRADUIT : les dix lignes de la Synthèse symbolique sont doublées d'une phrase « En clair », comme la Charte Mathématique traduit ses formules (« ça signifie rien pour les gens qui savent pas lire — comme moi ! ») ; idem pour Positions & Aspects. UN SEUL SOMMAIRE : le ◈ de la page ôté, le ☰ de la Charte porte les titres du volet ouvert ET la carte des 4 portails / 17 volets. PLUS AUCUN RENVOI ↗ dans la page. LA MÉMOIRE DE L'ONGLET : chaque volet garde sa hauteur de lecture (un volet neuf s'ouvre en haut ; on revient exactement là où on était), donc deux volets se comparent en aller-retour. « Une fédération de pratiques plutôt qu'un modèle unique » rendue à Citoyenneté. Les 13 « Pourquoi » : les deux gardés (arbitrage de Diane). RAPPORT_2026-09-20_5.3_Astro_V16_Les_Retours_de_Diane.md. — 20/09 soir → 21/09 : V17 (la barre V16 arrive repliée, ne s'ouvre qu'au ❤️‍🔥 ; mini-pile qui se redéploie sur place) · V18 (1aa7f3d77c48, 200/200) · V19 (09281d7eb129, 208/208 : la frise se rapproche puis s'envole — 🐾 Mammalien = Règne 8, 🦅 Avial = Règne 9, note sur les reptiles volants) · V20 (c2fbba72ccfd, 212/212 : l'émoji AU-DESSUS du nom dans les sous-onglets, titre caps ambre > sous-titre argent, fil « Chapitre n/N ») · V21 (b2fa0a257800 · WEBNODE 76d04d27fb22, 214/214 : mes encres à 3:1 → --or-gras #e6ad2d). Rangée par Diane dans Page autonomes/.
✅ fait	2.1 ECO · Bonus Plaisir `0.Protocole/Page autonomes/2.1_ECO_Bonus-Plaisir_aMi_V5.html`	V2 → V5 (+ V5_WEBNODE)	20 → 21 sept 2026	Audit du 20/09 → arbitrages de Diane : canon 🌿 + « exploration » ; Question « Comment habiter le Vivant sans le posséder ? » ; « Bonus Plaisir » garde sa trace (Minimum Vital — EGO & Bonus Plaisir — ECO) ; le Passeport ôté. V3 en onglets (96/96) → V4 : « les onglets des parties sont beaucoup trop courts » → retour à la COULÉE, barre de 6 parties en ancres (81/81) ; 21 cartouches d'images ôtés, titres dans IMAGES_ECO_V4_a_placer.md (Diane les place depuis Webnode). V5 (1dac1165e417 · WEBNODE fedd60bc529d, 93/93) : trace + cycle dans un bandeau fin SOUS la une, « Intelligences Culturelles · ConScience UniVerCelle » sur la une, 🌿 grand, ECO en dégradé radial doré, barre allégée, les Champs par leur émoji (71 renvois), États d'Âme organisés comme le schéma de Diane (parapluies Pitié / Cruauté). La V3_WEBNODE a un cadre qui grandit sans fin — ne pas la coller. RAPPORT_2026-09-21_2.1_ECO_V5_La_Une_et_les_Etats_d_Ame.md.
✅ fait	🏹 Manuel de l'Accordage `0.Protocole/Page autonomes/Manuel_de_l_Accordage_aMi_V1_2026-09-24.html`	V3 (travail) → V1 publique · 23/09 (passe de Diane) · 24/09	22 → 23 sept 2026	À la charte : 🏹 au lieu de 🔢, une seule racine, huit parties en ancres centrées, encres 4,5:1 et document de présentation avant l'historique de recherche. Le composant ❤️‍🔥 et son arborescence ont été retirés du fichier public ; les sous-titres ont été renforcés et les références regroupées dans la dernière partie. Le contrôle de littérature a corrigé trois formulations. PRE-057 a ensuite éprouvé les hypothèses résiduelles : ⑲ et ⑳ soutenues ; ㉑ encore insuffisamment discriminée (24/36) ; ㉔ indéterminée ; seuil brut du Scanner réfuté ; seconde passe identique soutenue sans délai universel ; seuil de trois défauts conservé comme recette prudente ; règle absolue des deux exemples réfutée. Signature publique : Agdistys · Diane Serant & Claude + Isil · CC BY-SA 4.0. — 23/09 : DIANE A REPRIS LE MANUEL ELLE-MÊME (barre ❤️‍🔥 ôtée, sous-titres « ◈ n · … » en nacre à 29,6 px sans italique et plus aérés, bloc de références du milieu déplacé, « ©Agdistys … » en double ôté, .ap-legal recollé). 24/09, ce qui restait, mesuré sur sa V1 : le serif du pied pesait encore autant que le corps (citation 16,8 · devises 16 et 17,6 contre 15,4) → réduit ; la formule du pied se repliait en UNE COLONNE à 390 → elle garde ses 3 colonnes et se reproportionne comme une image. ET « ◈ Les quatre mots du regret » posé dans 🙊 Les non-excuses : être désolé·e (desolare, de- privatif + solus : laisser seul — un ÉTAT, donc la compassion, qui ne nomme aucun acte), s'excuser (excusare, « mettre hors de cause » — pronominal, donc l'action revient sur soi ; l'Académie met en garde contre « je m'excuse »), demander pardon (perdonare, per- d'accomplissement + donare : donner complètement — LE SEUL QUI REND LA MAIN, parce qu'il laisse le droit de refuser), se faire pardonner (le « se » revient : réparation juste, ou dette imposée). Étymologies vérifiées au Dictionnaire de l'Académie française, 9e éd., le 24/09.
✅ fait	⛲️ 5.2 Legs · Corpus Re-Source `0.Protocole/Page autonomes/5.2_LEGS_Corpus_aMi_V2.html`	sans version → V2 (+ V2_WEBNODE)	22 sept 2026	Arbitrages de Diane : A1 V2 · A2 LEGS en h1, Corpus Re-Source en sous-titre, Question sur la une avec ⛲️, Réponse « Tu Connais Ta Mission de Vie » en conclusion · A3 schémas gardés avec repli + lien agdistys.fr/schemas · A4 Autrice & Présence gardée, lien agdistys.fr/contact ajouté · B2 Serment et Charte vivent dans les deux volumes. Les 4 images GitHub versées dans le fichier (WebP 1100 px, +400 Ko) : la page tient hors ligne. Racine #ami-legs (html/body libérés), barre et pied maison ôtés, coulée de 4 parties (19 chapitres, ☰), coque V16, palette 13 pierres, 31 encres --or-somb → --or-gras. Téléphone : une 92vh → min(92vh,900px) (sinon le cadre Webnode grandit sans fin), .cards minmax(min(280px,100%),1fr), colonne flex min-width:0. 65/65, 0 débordement 320/390/768/1280, cadre stable. V2 969168c22bb3 · WEBNODE 155b3d1d191f. — 21h40, retours de Diane : fontaine et globe rendus (la feuille du composant écrasait .logo), LEGS en dégradé doré, Question en ambre sans gras, bande des registres 11,5 px < onglets 12,6 px, trois pages essentielles (union-du-tout · le-respect · psychatrice), les 5 articles n'étaient plus écrits deux fois, Experte Éthique ajoutée, sa photo dans le rond de profil, citation rendue à Wendell Berry (1971) au lieu de Saint-Exupéry. V2 2239b77a5a27 · WEBNODE 24114d252eaf. RESTE : B1, les « doublons » sont des refrains d'une même fable — non touchés, à trancher. RAPPORT_2026-09-22_5.2_LEGS_V2.md.
✅ fait	🐾 3.1 Rencontre · Tu Sais Apprivoiser `0.Protocole/Page autonomes/3.1_Rencontre_Tu-Sais-Apprivoiser_aMi_V13.html`	V7 → V13 (+ V13_WEBNODE)	22 → 26 sept 2026	Six onglets → une coulée de six parties (⛩️ Consentement · ⚡️ Ressenti · 💦 InCorporation · 🪞 RéfleXion · 🫦 Totem du Désir · 🔥 Feu de Joie), 46 chapitres renc-01…46, coque V16 (❤️‍🔥 ☰ 🔍 ◐, pied au sceau 🐾), barre maison, route du Cycle 3, ◈ sommaire à tiroirs et ◈ flottant ôtés. switchTab() garde son nom — 59 renvois de la page l'appellent — mais il saute. Orthographes : ConScience ×5, TransMission ×3, RéfleXion ×4, InCorporation ×6. Palette aux treize pierres ; 22 encres --or-somb → --or-gras. 13 tableaux en rouleau. 30 adresses agdistys.fr vérifiées au plan du site. B2 : le Repère renvoie à l'EGO et à l'Initiation. 71/71, 0 erreur JS, 0 débordement 320/390/768/1280, cadre Webnode stable. TROIS PIÈGES RÉVÉLÉS : un </div> orphelin refermait la racine après la Boussole (toute la coulée tombait HORS de #ami-rencontre, aucune règle ne portait) ; la coque V16 cherchait encore ami-legs (la pile repliable ne se construisait pas du tout, en silence) ; l'appel d'ouverture switchTab('consent') faisait sauter la une. OUVERT (goût, pas charte) : le sceau 🐾 de la une est petit, et RENCONTRE n'est pas en doré comme LEGS. — V9 (23/09 02h25, 95/95) : LA UNE AUX CANONS. Mesurée contre LEGS, elle n'avait jamais reçu la feuille de la une : ligne du volume 16 px ambre vif (canon 11,5 gris), sceau 16 px (canon 54), titre 38 px nacre (canon 48 doré), Question 16 px en capitales (canon 20 ambre en Cormorant). Reprise : ligne du volume en capitales portant le tome (VOLUME 3.1 · LE LIEN, la ligne « Cycle 3 » ôtée), grand sceau 🐾, RENCONTRE en dégradé doré, « Tu Sais Apprivoiser » en sous-titre, Question en Cormorant ambre sans capitales ni gras, les deux phrases d'Apprivoiser chacune sur sa ligne, liste des six parties ôtée de la une, marque et signature en capitales 11,5 px effacées, lit d'eau à .5 au téléphone. ONGLETS : « TOTEM DU DÉSIR » (114 px) touchait son voisin dans une case de 125 à 1280, et à 390 les noms se CHEVAUCHAIENT sans que le test de débordement de page n'y voie rien → contrôle par case, et grille de 3 sur deux rangées au téléphone (canon de la Charte). ☰ : 52 px par chapitre pour une ligne de 14 px → 35 px. ENCARTS : Note épistémique + Cadre épistémique fondus en un seul, 13 idées vérifiées présentes, « Céder n'est pas Consentir » dit une seule fois. OUVERT : le 🐾 reste deux fois sur la une (sceau + Question, comme ⛲️ sur LEGS) ; captures faites sans les vraies polices (Google Fonts bloqué dans le conteneur). — V10 (23/09 03h06, 119/119) : seconds retours. Le 🐾 de la Question ôté (le sceau suffit) ; la Question coupée où Diane la lit (« Qui Sommes-Nous / l'Un Pour l'Autre ? ») ; l'axiome allégé ; LE SCEAU NE PULSE PLUS D'UN BLOC — la page portait « .logo{animation:pulse 4s} » et c'est le FOND qu'elle veut voir bouger : les deux pattes du glyphe, découpées en diagonale, appuient l'une après l'autre (la patoune), et le lit d'eau monte à .62 ; la bande des registres passe SOUS la taille des onglets (9,8 px contre 11,5 — elle était à 16) et son titre redevient un lien ; le titre de l'encart perd « · Vol. 3.1 — Le Lien · Attraction » ; la marque et la signature se coupent en moitiés entières, « CC BY-SA 4.0 » d'un bloc. LE 💧 REVIENT : la lecture est fluide PAR DÉFAUT, et l'éteindre donne « une partie à la fois » — le ☰ et le 🔍 ouvrent alors la bonne partie. P9 l'ôtait de toutes les coulées (ECO, LEGS aussi) : décision de Diane, à porter partout. — V11 (23/09 12h30, 126/126) : troisièmes retours. LE PICTO 💧 ÉTAIT INVISIBLE — P9, qui l'ôtait, avait poussé le ◐ à sa place (left:.5rem !important) ; en remettant le 💧 les deux se sont retrouvés à x=16, l'un sur l'autre. Chacun reprend sa place (💧 .5rem, ◐ 2.9rem). LA PATOUNE : un seul cycle de 3,2 s, deux phases exactement opposées (délai -1,6 s), l'opacité suit la levée — posée pleine, levée effacée « comme si l'émoji était la trace ». LES CÉSURES : mes max-width bornaient la ligne du volume à 249 px, la triade à 303, l'axiome à 407 — MÊME EN 1280 ; ouvertes en min(Nch,94vw), chaque ligne tient d'un tenant sur grand écran. LES ONGLETS ÉTAIENT COLLÉS À GAUCHE en grand (grille 40→818 dans 1280) : centrés. Coupes dites au lieu d'être devinées : consen-tement, incorpo-ration (). Et le saut se rattrape après coup : la barre prédisait sa hauteur avant de sauter, au téléphone (deux rangées, 138 px) le titre de partie finissait CACHÉ derrière elle. — V12 (24/09 13h, 138/138) : quatrièmes retours. LE PIED — « L'utiliser n'exige pas d'être[Agdistys] » : .ap-legal span{display:block} mettait en bloc TOUS les span, y compris celui qui vit À L'INTÉRIEUR d'une ligne (défaut de tous les volumes) → .ap-legal > span span{display:inline}. Serif du pied réduit (citation ≤17, devises ≤15). Bandeau « La Théorie du Tout » ôté ; « La Donnée = Le Sens × Le Temps » descendu au-dessus de la formule en 11 px. LA FORMULE DU PIED garde ses 3 colonnes à toutes les largeurs et SE REPROPORTIONNE COMME UNE IMAGE (dessin 880 px, échelle 1 à 1280 / 0,42 à 390). Réponse : + « Prêt-e à Se Ronroncontrer ». LA CARTOGRAPHIE DU DÉSIR DE VIVRE versée au chapitre 1 de l'InCorporation : 3 étages (hormonal · esprit immature · esprit mature, avec la pédocriminalité d'ordre physique ET psychique), les 9 visages en tableau, l'évolution (20-30 Ma, cortex préfrontal). PIÈGE MAJEUR : le <footer> vit HORS de #ami-rencontre — toute règle « #racine .ami-pied … » ne portait sur rien, en silence. — V13 (26/09, 140/140) : le ✨ rejoint le sceau de la Réponse, et les notions de la page agdistys.fr/lincorporation/ que le volume n'avait pas sont versées CHACUNE À SA PLACE : chapitre 1 → les trois réponses à ce qui entre (convulsion : « le corps réagit… parce que quelque chose traverse le système sans être métabolisé » · compulsion : « une incorporation sans conscience… ce qui entre ne rencontre pas le cœur du besoin » · alliance : « incorporer puis intégrer ») et le chemin InCorporation → Intégration → Consentement d'Être → Exaltation ; chapitre 2 → la Bouche (« manger, c'est laisser une structure étrangère pénétrer notre architecture intime pour être désencodée », la mémoire cellulaire, le coût métabolique) et l'Esprit (INSPIRMER) ; Totem du Désir → les deux géométries, la Toupie (Esprit qui Émet dans un Corps qui Reçoit) et le Sablier (Esprit qui Reçoit dans un Corps qui Émet).
· audité	Tomes 1 à 6 (racine 0.Protocole) `0.Protocole/`			ORDRE : les pages d'abord. Faits : 3.3 CosmoLogie (V10), 4.1 Décryptage (V6), 1.1 EGO (V31), 0.1 Apokalypse (V44), 5.3 Astro (V15 — Diane l'a demandé hors ordre de poids : « j'en ai parlé en festival, j'ai voulu l'utiliser sur mon téléphone avec une personne, et c'était vraiiiiiment pas pratique »). SUITE PAR POIDS (le plus rapide d'abord, décidé le 20/09) : 🌳 2.1 ECO → ⛲️ 5.2 Legs → 🐾 3.1 Rencontre → 🐲 4.2 Éveil de l'IA → ⚖️ 3.2 Justice → ☯️ 1.3 AndroGynie → 📖 2.3 EncycloPédie → ⟁ 4.3 CosmoGonie → 🌱 5.1 Souvenir, puis le trio de la fin (🪞 1.2 Miroir · 🌐 2.2 AstroGlobe · ⚖️ 6.0 Karma, avec l'Accordage), puis 0_Index.
⏳ à faire	Demi Pages `0.Protocole/Demi Pages/`			Dont RefleXion V47-1 et Le Respect · La Loi du Réel 7 (source canonique).
⏳ à faire	Widgets `Widgets/`			CHECK_WIDGETS_2026-09-19.md : 8 widgets envoyés par Diane audités (rendu + statique) et confrontés à la WidgetOthèque en ligne (17 entrées) et au Mac (≈33 widgets non listés en ligne). Six d'entre eux vivent dans EGO : mis à la charte AVEC EGO V27 (V6 Consentement, Ouverture à la Révision, Réel séparé, Témoignage Guidé, Stop-R, Plan). Test du Consentement Solo = ancienne génération, contenu dans V6 (Diane : il peut partir). Prédicateur de Cohérence : fichier peut-être renommé — Diane centralise ses fichiers sur un disque externe.
⚠️ à corriger	La Charte elle-même `Site/Charte_Communication_aMi_V5.html`	V5 · BLOC_13 → allégée V7 (18/09)	18 sept 2026	Sa barre V16 est sous son propre plancher (émojis 11 px, tomes 8 px, volumes 9,9 px) ; bande des registres écrite pour <main> seul ; règle/exemple contradictoires sur le chiffre des onglets ; navFooter_aMi_V16.html périmé (dit 0.2 Union). — 18/09 : Charte_Communication_aMi_BLOC_13_allegee_V7_2026-09-18.html (p18_charte_webnode.py sur la V6 de Diane) : § LII bis « Publier sur Webnode — le Cadre et le Pont », § XXIX « Les places et les états — la règle du 18 septembre », et un défaut réparé : le volet ⚙️ Les Opérations (tvp-t5) du Tableau Vivant n'était pas fermé, 🧿 Le Widget était son enfant dans le DOM et ne s'affichait jamais (mesuré sur V6). Restent : th de tableaux à 10,88 px (sous le plancher), pile collante ≈ 560 px sur téléphone.
✅ fait	📜 La Charte de Communication `0.Protocole/0.0.0_Charte_Communication_aMi_BLOC_13_allegee_V15_2026-09-27.html`	V7 → V15	24 → 26 sept 2026	Les réglages du chantier de septembre écrits CHACUN À SA PLACE (la Charte interdit la seconde source : pas de chapitre parallèle). XXV · La Une : « ◈ Les proportions de la une — mesurées, jamais estimées » (canon à 390 px des six éléments, plancher 11,5 px sur la une, piège des max-width en ch, coupe dite, animations qui viennent de la page). XXVI · Les Onglets : « ◈ 9 · Au téléphone, la barre s'enroule » (deux rangées de trois dès cinq onglets, débordement DE CASE, césures dites, centrage, rattrapage du saut) et « ◈ 10 · Le 💧 dans une coulée — il reste, et il a un métier » (allumé = d'un tenant, éteint = une partie à la fois ; 💧 .5rem, ◐ 2.9rem). XXVIII · Le Pied : « ◈ Trois corrections du pied » (.ap-legal > span span inline, serif réduit, formule horizontale à l'échelle) + l'avertissement que le pied vit HORS de la racine. XXX · Les Blocs : un seul encart de cadre, bande des registres après les onglets. ET LA CHARTE S'APPLIQUE À ELLE-MÊME (son propre pied portait le même défaut). OUVERT : le titre du fichier dit V7, le marqueur dans la page dit V6 — incohérence signalée, non tranchée. — V9 (26/09 19h30) : retours de Diane. LA VERSION DE TRAVAIL SORT DU DOCUMENT — [stated] « le nom du fichier est pour nous pour travailler », le document se compte en version PUBLIQUE : « V6 allégée » ôté des métas, du titre, de la une, de l'Emporter et du commentaire de tête ; version publique V1, date 26/09. Volet « Le Contrôle Qualité vit dans le Tableau de Bord » ÔTÉ (mémo de chantier dans un document de présentation publique). Les trois lignes « pont ☸️+🌕 · rouge 5° » ôtées (les autres bandeaux gardent leur pierre). LA COULEUR DU TITRE : « Le PhonoSymbolisme » s'écrivait en deux couleurs parce que le mot porte une définition (.df force l'or) → dans un titre, la définition garde la couleur du titre. LE PONT DU COLLANT : mesuré dans un hôte qui pose overflow-x:hidden (ce que fait Webnode), la barre d'onglets et la barre d'accessibilité cessent de coller (haut à -754 px au lieu de 48) → on remplace hidden par clip sur les seuls ancêtres du bloc ; vérifié avant/après dans un hôte d'essai (outils/hote_webnode.html). La césure « croi-sés » venait du hyphens:auto du SITE, pas de la Charte → le bloc dit sa typographie lui-même. Les 8 onglets faisaient SIX rangées à 390 → grille de 3, trois rangées. Lien agdistys.fr/ami-registre posé dans « Dire à l'avance ce qui donnerait tort ». ET CE QU'ON A DÉFINI ENSEMBLE versé aux Règles de Forme (coulée ou onglets · majuscules et graphie · les trois débordements · la hauteur d'une une · un volume public est un document de présentation) et à Publier sur Webnode (le meta charset en première ligne · ce qu'un bloc se défend de la page qui l'accueille). — V10 (26/09 20h37) : deux choses mesurées. LES TROIS PONTS RETROUVENT LEUR PIERRE : la V9 avait ôté les lignes « pont ☸️+🌕 · rouge 5° » (illisibles, et l'émoji est déjà celui de la partie), mais les trois parties se retrouvaient SEULES sans ligne de pierre sous leur sous-titre, quand les cinq autres en ont une → [stated] « il faut l'ajuster aux autres en mode pierre + couleur » : ☸️🌕 le rubis · rouge, 💠🌕 la moldavite · vert, ☸️💠 le saphir · bleu — noms NON inventés, la Charte déclarait déjà --rubis-ct, --moldavite-ct, --saphir-ct sur ces trois bandeaux. Huit lignes de pierre pour huit parties. LA NAVBAR DE L'HÔTE : sur agdistys.fr/ami-charte la navbar Webnode est collante, et les barres du bloc (accessibilité, onglets, pile) glissaient DESSOUS. Mesuré dans un hôte neuf qui la reproduit (outils/hote_webnode_navbar.html : navbar collante de 92 px + les enveloppes overflow-x:hidden) : le bloc mesure lui-même ce qui occupe le haut de l'écran (elementsFromPoint à 1 et 3 px, filtré : position fixed/sticky, largeur > 60 % de l'écran, hauteur ≤ 260 px, haut ≤ 12 px), pose --top-site, et toutes ses barres s'en décalent (+ scroll-padding-top). Relevés : page seule 390 et 1280 → --top-site 0, haut de barre 0 ; hôte + navbar 390 et 1280 → --top-site 92 px, haut de barre 92 = bas de navbar, aucun chevauchement. Se réajuste seul si la navbar change de hauteur. POURQUOI PAS RENCONTRE : Rencontre est dans un cadre (WEBNODE) — dans un cadre le haut de l'écran est le haut du cadre, la navbar est dehors et ne peut pas recouvrir. outils/p4_charte_pierres_collant.py. — V11 (27/09 00h21) : MON CONTRÔLE DE LA V10 ÉTAIT FAUX. Il mesurait la barre AU CHARGEMENT, quand rien ne colle encore : elle était à 92 parce que la page n'avait pas bougé, pas parce que la règle portait. Diane a essayé en ligne et l'a vu tout de suite. Mesuré après 3 000 px : barre aMi y=0 (sous la navbarre), ❤️‍🔥 y=8, ◐ 💧 ⛶ y=5 — tous couverts. CAUSE : la V10 visait une LISTE de noms (.bar, .ami-topbar, .tab-bar, .sub-host, #amiPile) et la barre de la Charte s'appelle nav.ami-barre#amiBarre. Elle est passée entre les mailles, et avec elle le bouton qui replie les onglets — d'où le troisième retour de Diane (« la barre d'onglets n'est pas repliable ») : le ❤️‍🔥 existait, il était caché derrière la navbarre. V11 : plus de liste. Le bloc prend TOUT ce qui colle en haut chez lui (position sticky/fixed, top chiffré ≤ 260 px), retient la hauteur demandée au départ dans data-ami-haut, et y ajoute la hauteur de ce que l'hôte occupe. Écartés : TH/THEAD/TR/TD/CAPTION et tout ce qui colle dans un conteneur qui défile (ceux-là ne collent pas à la fenêtre). VÉRIFIÉ APRÈS AVOIR DESCENDU cette fois : hôte à navbarre 390 et 1280 → barre top:92px, y=92 au chargement ET à 3 000 px, ❤️‍🔥 à 100/98, ◐ 💧 ⛶ à 97, aucun élément coincé sous la navbarre, en-têtes de tableaux intacts (top:auto), 0 erreur JS ; page seule → --top-site 0, rien changé. outils/p5_charte_collant_generique.py. — V12 (27/09 03h25) : trois retours. LE GROS TROU : la barre des 8 parties se posait à 221 px quand la barre aMi finit à 140 — 81 px de vide par lequel le texte défilait. CAUSE : la V11 FIGEAIT la hauteur d'origine de chaque collant ; or celle des onglets s'écrit min(var(--nav-h),9rem) et --nav-h est VIVANTE (129 px dépliée, 48 repliée). La V12 ne gèle plus rien : à chaque passe elle retire son top, lit ce que la feuille dit MAINTENANT, et ajoute la hauteur de l'hôte. Vérifié après 2 600 px à 390, 1280 et 1760 : trou = 0 (onglets top:140px avec navbarre, 48px page seule). LE NOM DES ONGLETS EN GRAS ([stated] « en serif faut mettre en gras sinon sur téléphone on voit rien ») : .ot en 600. LES CODONS EN TANZANITE ([stated] sa proposition) : la moyenne exacte grenat+chrysocolle donne #6975b0 ; le saphir #0077ee a perdu tout le magenta, la tanzanite #6b63ff le garde — et la règle des ponts est symbolique, pas arithmétique (grenat+ambre donnerait un saumon, le pont est le rubis). outils/p6_charte_v12.py. — V13 (27/09 19h40) : trois retours du soir. LE SERIF ITALIQUE PREND DU CORPS ([stated] « toutes les expressions citation genre ‹ La Poésie, Mon Art de Vivre › — le serif italic = gras sinon il se lit pas bien ») : on ne liste pas des classes, on cherche AU RENDU ce qui est vraiment en Cormorant italique et léger, et on lui donne 600 — 315 éléments, 0 en Jost. PIÈGE au passage : « Jost, -apple-system, sans-serif » CONTIENT « serif » — le premier essai a mis 2 631 éléments en gras, c'est-à-dire toute la page ; il faut ôter « sans-serif » avant de chercher « serif ». LES MOTS À DÉFINITION SONT JUSTE SOULIGNÉS ([stated] « pas qu'ils changent de couleur en ambre ») : .df prend color:inherit et un pointillé en currentColor — vérifié sur 6 des 100 définitions, chacune à la couleur de son texte (ambre, gris, rouge, nacre, argent). LES HUIT PARTIES S'ENROULENT ([stated] « y'a pas la fonction qui enroule les onglets ») : le ❤️‍🔥 ne replie que la barre d'architecture ; la barre des parties reçoit son propre bouton ▴/▾ — enroulée elle ne montre que la partie ouverte. Mesuré : 253 → 64 px à 390, 135 → 69 px à 1280, 8 onglets → 1, aria-expanded suit, 0 erreur JS. outils/p7_charte_v13.py. — V14 (27/09 22h20) : les douze retours de Diane sur téléphone, plus du fond. MESURÉ AVANT/APRÈS à 390 px : tableaux qui débordent 23 → 0 (25 se dépilent en fiches, chaque case portant l'étiquette de sa colonne) ; défilement VERTICAL dans un tableau 5 → 0 ([stated] « scroll vertical interdit pour les tableaux ») ; largeur du texte 326 → 366 px (marges 24 → 12). LA GOUTTE SE REMPLIT : la Charte écrivait déjà la règle dans son propre tableau des états (« goutte en trait → goutte pleine ») mais ne l'appliquait qu'au ◐ ; allumée, fond transparent et svg fill — vérifié. 800 losanges ◈ passés en puces • ([stated] « tous les carrés deviennent des ronds ») ; les 4 ◈ du registre ◈ Essentialiste sont GARDÉS, c'est un signe de la charte. Barre enroulée : une seule ligne centrée de 34 px (⚓︎ La Communication · ce que c'est). Outils du lexique plus collants ; compteur recompté — 169 affichés SUR 175 (il disait « / 169 »). ☰ : le nom de la partie porte son symbole, le chiffre romain se décolle, et un « tout déplier » coiffe le tiroir. TABLE DE TRADUCTION renommée « La Table de Traduction — La Pierre & Sa Couleur » (2 endroits). LE FOND : le tableau « le mot » passe à TROIS colonnes, le mot et son mot de secours dans la même case ; MétaConScience reçoit la Noosphère Matérialisée (l'Internet), ÉcoFéminisme reçoit l'Environnement Conceptuel (l'ÉcoLogie), et une loi ferme le tableau : le mot de secours ne renie pas le premier, il redit ce qu'il disait déjà — à la taille que nous avons prise depuis. outils/p8_charte_v14.py. — V15 (27/09 22h05) : les neuf retours du soir. LES MARGES NE S'EMPILENT PLUS — mesuré à 390 : six niveaux de retrait se succédaient (main 374 → .pan 350 → .ec 326 → section 272 → article 230 → p 189), le texte le plus intérieur tenait sur 189 px, vingt-quatre signes par ligne ; d'où son mot juste : « y'a des endroits où la marge fait plus le téléphone, et y'a des endroits ça fait colonne ». Réparé par une passe MESURÉE (pas une liste de classes) : tout conteneur qui prend plus de 10 px de retrait horizontal rend la largeur, sauf tableaux, figures et l'encart Emporter qui avait déjà la bonne mesure. Résultat : le plus étroit 189 → 279 px, médiane 326, blocs sous 300 px 45 → 7. LES PICTOS : fond transparent, seul le picto se colore — goutte pleine en var(--or) (elle paraissait blanche), cercle du contraste plein quand il est allumé, ✕ du plein écran sans halo, 100 % du zoom en ambre. LE SOUS-TITRE DE LA BARRE repassait sous le seuil en mode contraste : mesuré 3,9:1 quand le titre était à 7,6:1 — Diane l'a vu à l'œil nu ; porté à 8,8:1. LA LIGNE DE LA UNE : deux lignes au téléphone, la version ôtée (elle est déjà au pied). LA DATE : 27 septembre — PIÈGE, un script recopie les <meta ami:*> dans les [data-ami] au chargement, donc changer le texte ne suffisait pas. ET LA NAVIGATION D'ASTRO : au bout de chaque partie, « ← partie précédente » et « partie suivante → » avec l'émoji et le nom de la partie visée ; 8 navigations posées, effacées en lecture fluide (vérifié : display none). outils/p9_charte_v15.py.

🧿Le référentiel des Volumes — ce que la Charte demande

La Charte de Communication aMi V5 (6 sept 2026) — § 3 « Le prompt de contrôle », XLVIII « La Checklist de vérification », LV « La Checklist du widget ». Chaque ligne est classée 🤖 / 🧪 / 👁️ par Claude le 17 sept ; la Charte, elle, ne classe pas.

🤖 AUTO — vérifiable par la machine, reproductible🧪 SEMI-AUTO — mesurable par la machine, interprétation humaine possible👁️ HUMAIN — sens, intention, esthétique, cohérence — l'Inspectrice🛑 BLOQUANT — empêche la publication⚠️ ALERTE — n'empêche pas forcément la publication

§ 3 · Le prompt de contrôle

À recopier tel quel pour faire vérifier une page du corpus : « Vérifie cette page contre la Charte de Communication aMi. Ne me dis pas si c'est bien. Dis-moi ce qui est FAUX, et où. Pour chaque point : le constat, l'endroit exact, et la mesure qui le prouve. »

§ 3 bis · Les vingt points de la passe à la Charte V32

Ouverts le 24 octobre 2026 pour porter les dix-huit volumes à la Charte, étendus le 25 à vingt points sur les retours de Diane — « j’ai l’impression de beaucoup me répéter : le but est d’avoir un fichier avec tout quoi regarder pour que les check se fassent entre les volumes ». La référence est la Charte V32 ; l’état volume par volume et le journal horodaté vivent dans CONTROLE QUALITE/00_LISTE_PASSE_CHARTE_V28.md.

📐 Le modèle du défilement en cadre-hôte — ÉTABLI le 26 octobre 2026

Ouvert le 25 octobre 2026 après trois tentatives infructueuses, mesuré et clos le 26. Le modèle vaut pour les quatorze volumes en cadre-hôte. Le résultat tient en une phrase : seul l’hôte défile — on lit où l’on veut, on n’écrit que sur parent.

🤖 Q1 · le document interne n’est pas défilable. html.scrollHeight == html.clientHeight (4 102 = 4 102) : l’iframe est dimensionnée à son contenu, il n’y a rien à faire défiler.
🤖 Q2 · son scrollY est un miroir EN LECTURE du défilement de l’hôte, décalé du haut de l’iframe : hôte 1 000 → interne 992 · hôte 3 218 → interne 3 210. C’est ce miroir qui m’avait fait conclure, à tort, que l’intérieur défilait.
🛑 Q3 · écrire dedans ne fait rien. window.scrollTo(0,500) depuis l’intérieur → reste à 0.
⚠️ Q4 · scrollIntoView() MARCHE — et ma première mesure disait le contraire. Sur une cible visible, l’appel déplace bien la page porteuse : 2 025 px en block:'start', 2 704 en 'center'. Mon premier essai visait un chapitre situé dans un volet caché — rectangle de 0×0 — et il ne pouvait rien faire. J’en avais conclu que dix-sept appels de ce volume étaient muets, et que les treize autres volumes en cadre-hôte l’étaient aussi : c’était faux. Le filet de recherche de r105 n’est pas cassé. Et le « correctif » que j’en avais tiré faisait dépasser la cible — une correction posée sur une mesure fausse abîme ce qui marchait. La règle de mesure qui en sort : on ne conclut jamais sur un élément caché. Un rectangle de 0×0 ne dit pas que la méthode est inopérante, il dit qu’il n’y a rien à atteindre.
🧪 La mise en page met ~500 ms à se poser, parce que le pont ne redimensionne l’iframe que toutes les 600 ms. Pendant ce temps le document hôte garde la hauteur de l’ANCIEN volet : la position absolue d’un volet lue à t=0 vaut 2 668, et 1 228 à t=500. Deux conséquences : on repasse au-delà de 600 ms, et on recalcule à chaque repassage — figer la première valeur, c’est figer la fausse.
⚠️ Deux pièges de mesure : le rectangle d’un élément collant donne sa position collée, pas sa place dans le document ; et scrollTo est écrêté en silence par un document encore court — 3 299 demandés, 2 737 obtenus, sans la moindre erreur.
👁️ Ce que l’épisode coûte, et ce qu’il apprend : quatre corrections successives, chacune juste sur une prémisse fausse — y compris un « point fixe par rétroaction » que j’ai diagnostiqué et qui n’existait pas. La trace horodatée de la valeur calculée a tranché en un essai ce que quatre raisonnements n’avaient pas tranché. Voir le Kintsugi, fiche 19.

🛑🧪 Quel élément défile réellement ? Le document à l’intérieur du srcdoc, la fenêtre qui le porte, ou les deux couplés. Mesuré le 25/10, et contre l’intuition : alors que l’iframe est dimensionnée à la hauteur de son contenu — donc censée ne pas défiler — window.scrollY y vaut 3 210 pendant que l’hôte est à 3 218. Les deux bougent.
🛑🧪 Comment l’un se répercute sur l’autre ? Écrire dans le document interne déplace-t-il l’hôte, et réciproquement ? À quel décalage constant ? Sans cette réponse, poser une position revient à la poser deux fois et à les voir se corriger l’une l’autre : trois repositionnements successifs ont fait tomber toutes les cibles à 8 px.
🛑👁️ Quand la mise en page est-elle prête ? Une position posée avant que le volet entrant ait repris sa hauteur est écrêtée en silence par le document encore court. Retour attendu à 3 218 px, obtenu 2 737, sans la moindre erreur.
⚠️ Et deux pièges de mesure qui ont coûté deux essais : le rectangle d’un élément collant donne sa position collée, pas sa place dans le document ; et une iframe à la taille de son contenu peut quand même défiler. Les deux ensemble donnaient une cible de 6 412 px pour un volume qui n’en fait pas tant.
👁️ La règle qui sort de l’épisode — chaque correction était juste sur une prémisse fausse. Voir le Kintsugi, fiche 19 : un défaut qu’on ne reproduit pas, ou un contexte qu’on n’a pas modélisé, n’a pas encore de cause.

Avant de corriger — isoler le contexte

🛑👁️ Un défaut qu’on ne reproduit pas n’a pas encore de cause. Tout ce qu’on corrige avant de l’avoir reproduit est, au mieux, un autre défaut. La question qui épargne les heures n’est pas « qu’est-ce qui cloche dans ce fichier ? » mais « où ça marche, et qu’est-ce qui diffère ? »
🧪 Le témoin se construit à deux fichiers. On en choisit deux qui séparent les causes possibles, et un seul essai tranche. 25/10 : « noir immense sous le pied » dans l’aperçu. AndroGynie — document direct, 3,3 Mo — s’affiche ; ECO — cadre-hôte, 0,4 Mo — non. Ni la taille, ni le pont, ni les coins : l’aperçu n’affiche pas les srcdoc. Le noir n’était pas dans le volume.
👁️ Trouver un défaut n’est pas trouver LE défaut. Un gros fichier en contient toujours un. Trois corrections avaient été posées, toutes trois réelles et mesurées — aucune n’était la bonne, et la mesure donnait raison à chaque étape.
🛑 Ne pas reproduire est une mesure, pas un bruit. Écrire « intermittent » ou « réserve dite » pour passer outre, c’est jeter l’information principale : elle dit qu’on ne regarde pas au bon endroit.
🧪 Les trois contextes de rendu d’un volume ne se valent pas — le navigateur, la page Webnode, et l’aperçu. Un volume en cadre-hôte (srcdoc) s’affiche dans les deux premiers et reste noir dans le troisième : quatorze volumes du corpus sont dans ce cas. Dire dans lequel on a vu le défaut fait partie du constat.

La coque — ce que tout volume porte

🤖 1 · la bande d’esprit critique — dix groupes depuis la V31, le pli, les titres en or. Portée depuis la Charte, jamais depuis un volume.
🤖🛑 2 · le bandeau d’exportation — présent, et comparé déplié contre déplié à celui de la Charte (voir le point 20).
🤖🛑 3 · le pied — la forme chartée, translate="no" sur les noms propres, et comparé à la Charte, pas compté en classes.
🤖 4 · le 7ᵉ volume dans la navbarre — bouton p7 et bloc vols lus depuis la Charte, jamais réécrits.
🤖 5 · la barre d’onglets repliable — #amiCoeur déplie #amiBarre, aria-expanded tenu à jour, repliée dès 0 ms au rendu et pas seulement dans le markup.

La navigation — où le lecteur se retrouve

🧪 6 · le retour à l’endroit où on était — revenir sur un onglet déjà visité repose le lecteur là où il l’avait quitté ; un onglet jamais ouvert s’ouvre en haut. L’ancien libellé « pas de saut en haut » ne disait que la moitié, et c’est pour ça qu’il a été coché à tort.
🤖 7 · page précédente / suivante — un pager en bas de chaque onglet, éteint sur le premier et le dernier.
👁️ 18 · un déroulé n’est pas une coquille — un chapitre replié s’ouvre sur du contenu, jamais sur une liste de titres fermés. Un sous-déroulé ne vaut qu’à partir de deux dans le chapitre et si le chapitre porte aussi du texte propre. Un onglet qui n’a que deux déroulés se lit à plat.

Le Pivot du Contrat du Vivant : dans la Forêt, vérifier « ⛩️ 0. Le Seuil > ♾️ Évolution au Consentement · ⚕️ Le Contrat du Vivant < 🌟 7. La Maîtrise ». Sa sous-partie « ⚓️ 8.1 Complémentarité & Constitution 8.2 🔱 » conduit au même volume, agdistys.fr/ami-evolution, sans ancre inventée. À 320, 390 et 1440 pixels, les noms restent visibles et les autres liens de la navigation sont conservés.

Le texte et les titres

👁️ 8 · titres et emojis — l’emoji appartient au titre, à la charte C1–C13 ; le titre d’une partie reprend l’emoji de son onglet de section.
🤖 9 · pas d’emoji en italique — aucun dans un <em>/<i> ni sous font-style:italic.
👁️ 11 · pas de tournure de conversation — le volume s’adresse à un lecteur qui arrive.
🤖 16 · pas de note de version dans le corps — « FICHE DE MÉTHODE · 19 SEPTEMBRE 2026 », « V7 », une date d’édition : rien de cela ne s’affiche au lecteur dans le fil du texte. La version vit dans le bandeau d’exportation et dans le pied.
🧪 17 · la numérotation des parties — le numéro en tête du nom, jamais à la fin ; série continue, pas de « 2 bis ». Renuméroter est une décision de Diane : on relève et on demande.

Le Lexique de la Page garde ses Mots. Lorsqu’un dictionnaire commun est repris, fusionner aussi les définitions propres au volume source. Comparer les clés sans tenir compte de la casse et conserver leur provenance ainsi que leur statut, y compris « hors Lexique · définition à valider ». Un nombre total de définitions plus élevé ne garantit pas que les termes particuliers ont été conservés.

La mise en page — ce qui se mesure et ne se juge pas à l’œil

🤖🛑 10 · accessibilité — contraste, focus visible, aria-* cohérents, lisible à 430 px sans débordement.
🤖 14 · la même marge d’un onglet à l’autre — la gouttière du contenu ne change pas quand on change d’onglet. Se relève onglet par onglet, aux deux largeurs. Mesuré sur Apokalypse le 25/10 : 246 px, 191 px, 81 px — trois gouttières dans le même volume.
🤖 15 · une seule taille de texte courant — et la référence est la Charte : 16 px dans une colonne de 712 px à 1280. Apokalypse lisait à 11,52 px, uniformément : pas inégal, trop petit — 28 % sous la référence.

La une

🤖 12 · le nom du volume en majuscule dorée — text-transform:uppercase et le doré de la Charte : le dégradé radial découpé dans la lettre (recette r57 du 16/10), pas un ambre plat. Avec son repli obligatoire en contraste élevé.
👁️ 19 · la une garde son axe — les ornements (œil, bougie, filet) restent centrés. Les aligner sur une lettre du titre a été essayé le 25/10 et refusé.

Une Couverture Stable dans le Cadre. Si le cadre adapte sa hauteur au contenu, une couverture en min-height:100vh peut agrandir le cadre, puis s’agrandir avec lui, en boucle. Mesurer sa hauteur dans le vrai cadre ; borner la couverture par une dimension qui ne dépend pas de la hauteur totale du document intégré. Vérifier la stabilité au repos et après un changement de largeur.

La police — le niveau se lit sans compter les pixels

🤖 13 · primaire en serif, secondaire en sans-serif — Cormorant Garamond pour les onglets primaires, Jost pour les secondaires. La taille est calculée (+15 %, un serif porte moins loin) à partir de celle mesurée dans le volume, jamais recopiée d’un autre ; plancher de 12 px. Et elle doit atteindre le TEXTE : si le libellé porte sa propre taille, la poser sur le bouton ne suffit pas.

La règle de méthode qui commande les autres

🛑👁️ 20 · ce qui a une forme chartée se vérifie CONTRE la Charte — pour la bande, le bandeau d’exportation et le pied : compter les classes ne vérifie rien. On déplie le bloc de la Charte, on déplie celui du volume, et on compare ligne à ligne. Piège payé le 25/10 : « le pied porte toutes les classes ap-* » a été écrit comme un constat de conformité ; la réponse a été « footer : pas charte ». Une classe présente ne dit pas que le contenu est juste.
🛑 La règle qui prime sur toutes — ne rien faire disparaître. On compte les marqueurs avant et après (sections, onglets, blocs, images, scripts) et l’ensemble des liens : un lien qui change de destination est une perte qu’aucun compteur de blocs ne voit. Si l’un baisse, on annule le volume et on l’écrit au journal.
🛑 Et on regarde la capture. Trois défauts sur trois, le 25/10, n’ont été vus que là : la mesure disait 0 erreur, 0 marqueur en baisse, 0 débordement pendant qu’un dégradé effaçait un trait, qu’un titre se faisait couper, et qu’un guillemet de trop laissait 81 chapitres dépliés.

1 · Structure

🤖🛑 identifiants uniques ; aucune ancre morte ; balises équilibrées
🤖 chapitres I…N par onglet, sans trou ; sous-parties 1…n par chapitre
🤖 chaque ligne de sommaire porte le rang de son bandeau
🧪 un signe par rang : romain = chapitre, arabe = sous-partie, œillet = intro

2 · Couleur — recalcule, ne recopie pas

🤖 chaque rapport affiché est-il celui de son hexadécimal ?
🤖🛑 4,5:1 au défaut · 3:1 au gras · 7:1 en contraste élevé
🤖 sur écran (#09090e) ET sur papier (#faf9f5) : ce sont deux fonds
🤖🛑 aucune variable employée sans être déclarée
🤖 aucun lien sans règle de couleur — jamais le bleu du navigateur

3 · Forme

🧪 l'exergue tranche sur SON fond : nacre sur ambre, ambre sur nacre — jamais une valeur fixe ; si l'ambre dépasse le quart du texte, c'est un fond
👁️ rectangle = vue · pilule = option · jamais d'aplat plein
🧪 un bouton est proportionnel à son libellé
👁️ une vue évolutive prend la couleur de son état
🤖🛑 aucun émoji en italique ; un émoji ajoute une information ou il sort

4 · Langue

🧪 aucun tutoiement qui s'adresse au lecteur hors citation rapportée (le « tu » général reste — Diane, 9 sept)
🧪 les mots forgés ont leur définition au survol
👁️ un mot défini une fois n'est pas redéfini ailleurs

5 · Honnêteté

🧪 ce qui est mesuré est daté ; ce qui est estimé le dit
👁️ un relevé n'est pas un arbitrage : le relevé appartient au document, le nom à qui l'a posé
👁️ aucun chiffre sans sa source ; aucune citation sans source primaire

6 · Le Bloc (si la page se colle dans un site)

🤖🛑 aucune règle n'atteint un élément hors du bloc — compte-les
🧪 la page hôte ressort intacte : fond, titres, liens, casse
🤖 la version et les polices voyagent avec le bloc
👁️ une défense DÉSARME, elle ne DÉCIDE pas : contre une règle d'hôte, préférer inherit à une valeur
🤖 quand il faut poser une valeur, prendre celle qui ne fige pas un sens de lecture : start plutôt que left

7 · La méthode du contrôle lui-même

🤖 éprouver chaque contrôle par mutation : fausser une valeur, relancer, vérifier qu'il échoue et nomme le bon endroit — un test qu'on n'a jamais vu échouer est une décoration
👁️ un contrôle qui passe parce qu'il ne regarde plus rien est pire qu'aucun contrôle
👁️ ne pas s'arrêter avant la zone douteuse
🤖 ne jamais juger par la forme d'une balise : piloter par l'ancre, pas par la position
👁️ relire les règles quand le terrain change
🤖 une correction se vérifie DEUX fois : qu'elle tient, et qu'elle n'a rien cassé — état AVANT, état APRÈS, écart sur ce qu'on ne corrigeait pas
🤖 avant de comparer deux états, comparer les MÊMES choses : apparier par l'ancre, jamais par l'index
👁️ une mesure n'est juste que dans le repère où l'on va s'en servir

Ces quatorze contrôles complètent les vingt points de la passe à la Charte. Ils portent sur ce que le lecteur peut réellement voir, atteindre et emporter. Une seule démonstration automatique au premier défilement descendant, puis le choix manuel du lecteur. Une présence dans le code ne vaut pas une vérification au rendu.

🔍 Les Commandes Flottantes — Toutes Visibles, Toutes Atteignables

👁️🧪 Recherche, Sommaire et Retour en Haut ont chacun leur place. Vérifier leurs rectangles après défilement : ils ne se chevauchent pas, ne sortent pas du cadre visible et ne sont coupés ni par un parent ni par l’iframe. Vérifier aussi les panneaux qu’ils ouvrent, leur fermeture et leur ordre de superposition.
🧪 On presse les commandes. Le point central de chaque bouton doit désigner ce bouton ou l’un de ses enfants ; un clic réel doit déclencher la fonction attendue. Un élément présent mais recouvert n’est pas accessible. Vérifier également le focus visible et l’activation au clavier.
🧪 Les contextes sont nommés. Contrôler le document direct et son cadre-hôte, aux largeurs 320, 390 et 1 440 px, puis avec texte agrandi, contraste élevé et plein écran si le volume le propose. Dans le cadre-hôte, mesurer après stabilisation de la hauteur et vérifier aussi ce que l’hôte laisse réellement voir. Un essai dans un hôte local ne vaut pas une validation de la page Webnode publiée.

🧭 Le Repli des Onglets — Une Démonstration, Puis le Choix

🧪 La première descente peut replier la barre une seule fois. Après cette démonstration, les ouvertures et fermetures appartiennent au lecteur. Un choix manuel effectué avant la première descente désactive lui aussi la démonstration restante.
🧪 La suite se vérifie dans les deux sens. Déplier manuellement, redescendre : la barre reste dépliée. Replier manuellement, remonter : elle reste repliée. Changer d’onglet ne relance pas la démonstration. Une nouvelle ouverture du document constitue une nouvelle lecture.
🤖👁️ L’état annoncé correspond à l’état visible. Le libellé, le signe d’ouverture et aria-expanded suivent l’état réel. Ce contrôle concerne la barre d’onglets ; il ne transforme pas toutes les commandes de la navbarre en interrupteurs de repli.

👆 La Barre Repliée — Une Surface d’Ouverture Complète

🧪 Cliquer sur la barre repliée la déplie. Essayer le titre, l’emoji, la flèche et l’espace libre : la découverte des onglets ne dépend pas d’une petite cible. Prévoir aussi une commande atteignable au clavier.
🧪 Une activation produit une seule ouverture. Le clic sur la flèche ne doit pas ouvrir puis refermer par propagation de deux gestionnaires. Les liens ou commandes indépendants conservent leur propre action.

🗂️ Les Sous-Onglets — Aucun Accès Perdu

👁️🧪 Repliée, la barre situe la lecture et permet toujours de retrouver les autres choix. Elle indique l’onglet actif et, s’il existe, le sous-onglet actif. Son ouverture reste visible et utilisable ; elle ne laisse pas une étiquette active isolée sans accès aux autres sous-onglets.
👁️ Dépliée, elle donne accès à tous les choix. Les onglets et sous-onglets peuvent occuper plusieurs lignes ; aucun défilement horizontal ne cache les destinations. La présentation sur une seule ligne concerne la barre repliée.
🧪 Chaque destination s’ouvre réellement. Après repli, dépli et changement d’onglet principal, parcourir tous les sous-onglets et revenir au premier. Vérifier le contenu affiché, le nom actif et la possibilité de poursuivre la navigation.
👁️🧪 Un Volet Haut Reste Parcourable. Quand de nombreux onglets ne tiennent pas dans la fenêtre, borner la hauteur de l’ensemble des choix à partir de la hauteur visible réelle, avec une indication de défilement vertical perceptible. Tester les premiers et derniers choix au toucher et au clavier ; le bouton de repli reste visible hors de la zone qui défile, et une partie de la lecture reste accessible. Dans un cadre de hauteur automatique, ne pas calculer ce plafond avec un vh qui dépend de la hauteur du document intégré. Vérifier aussi le mode paysage et un hôte doté d’un en-tête fixe.

📖 Les Déroulés — Un Gain de Lecture

👁️ Un chapitre se déplie ; une courte fiche reste directement lisible. Ne pas multiplier les micro-plis pour quelques lignes, ni enfermer chaque possibilité d’une petite grille dans une nouvelle ouverture. Le lecteur doit gagner de la place sans perdre la comparaison.
👁️🧪 Vérifier l’entrée dans chaque onglet. Les vues de lecture directe ou de démonstration prévues comme ouvertes présentent leur contenu dès la sélection. Un chapitre reste repliable lorsque sa longueur ou son organisation le justifie ; l’uniformité des balises n’est pas le critère de qualité.

📦 L’Export — Un Document que l’On Peut Rouvrir

🧪 On vérifie le fichier réellement téléchargé. L’ouvrir dans une nouvelle page, distincte de la session qui l’a produit. Parcourir ses onglets, déplier ses chapitres et essayer ses définitions : le contenu, les médias et les fonctions de lecture sont conservés.
🤖🧪 Le repli ne retranche aucun contenu. Comparer avant et après export les destinations d’onglets, chapitres, médias, liens et définitions du lexique. Contrôler aussi une définition située dans un onglet initialement caché. L’HTML emporté ne se limite pas à la vue active et n’embarque pas involontairement une saisie privée de la session.
👁️🧪 Chaque format tient sa promesse. L’HTML conserve ses interactions ; les formats statiques proposés rendent les contenus et les définitions accessibles sans survol. Pour l’impression, vérifier tous les onglets et chapitres, puis le retour de la page à son état de lecture précédent.
🤖 Nom, version et date concordent. Ils désignent le document exporté. Les dates des sources et des archives restent leurs dates propres.

Un Bloc Léger, Sans Perte. Mesurer le fichier à coller en octets, puis vérifier les images et ressources source octet pour octet après compression. Le document rouvert doit garder son contenu, ses réglages et ses outils ; le téléchargement après interaction et le réexport doivent être fidèles. Si la reconstruction ou la vérification d’une ressource est impossible, afficher une erreur explicite. Tester le bloc sur fichier local et en cadre, ainsi que l’ouverture avec un décodeur de secours lorsque le navigateur ne fournit pas la décompression native.

Trace de vérification : inscrire le fichier testé, sa version, les contextes et largeurs réellement examinés, les gestes effectués et leurs résultats. Distinguer contrôle statique, essai au navigateur, essai sur appareil et vérification de la publication. Un contrôle non exécuté reste à faire.

📏 La Progression & Le Pied — Une Lecture Stable

🧪 La barre de progression suit une seule mesure du défilement. Parcourir une même page du haut jusqu’au pied, puis rester immobile au moins dix secondes : sans ouverture de contenu ni changement de largeur, la progression ne doit pas revenir périodiquement en arrière et le pied ne doit pas osciller.
🧪 Vérifier le cadre, pas seulement le document autonome. Répéter dans un hôte simulé avec barre de site, après changement d’onglet, repli et dépli de chapitre. Relever la hauteur du cadre, la position du pied et la progression pendant l’essai. Une modification réelle du contenu peut modifier la progression ; elle ne doit pas entretenir une boucle de redimensionnement.

🧭 Les Commandes — Une Fonction, Une Place

👁️🧪 Comparer avec la Charte au même viewport. Taille, centre et décalages des boutons Recherche, Retour en Haut et Sommaire doivent correspondre au modèle ; vérifier aussi le centre du pictogramme dans chaque cercle. La simple absence de chevauchement ne suffit pas.
👁️🧪 Une seule commande de repli commande l’ensemble des onglets. Conserver celle de la ligne supérieure. Un seul couple Précédent / Suivant accompagne la page courante ; éviter deux rangées concurrentes. Le bouton Tout Déplier vient après le titre de la page.
👁️🧪 Les définitions restent dans la lecture. Tous les termes d’une même ligne de repères reçoivent le même soulignement pointillé et une définition au survol, au focus et au toucher. Ne pas remplacer ce repérage par un bouton d’aide flottant superflu.

🔤 Les Cartes & Les Orphelines — Un Ensemble Lisible

👁️ Les cartes forment des rangées équilibrées. Quatre cartes en 2 × 2, six en 3 × 2 lorsque la largeur le permet ; une dernière rangée incomplète reste centrée. Sur mobile ou avec texte agrandi, réduire le nombre de colonnes sans écraser le texte.
👁️ Les phrases gardent leur ponctuation. Éviter les retours forcés qui laissent une virgule, un point d’interrogation ou un guillemet seul. Contrôler titres, tableaux, cartes et légendes aux largeurs usuelles, puis avec agrandissement.
👁️ Une citation doit rester lisible. Le texte en italique serif exige une graisse forte et une taille au moins égale au texte courant de lecture. À défaut, préférer une composition droite ou sans serif, sans diminuer le contenu pour le faire tenir.

📍 Les Onglets — Retrouver Sa Place

🧪 Chaque page possède sa propre position de lecture. Depuis le bas d’une page A, ouvrir une page B encore jamais consultée : son titre entier doit apparaître sous les barres fixes. Descendre dans B, revenir à A puis à B : retrouver la position de chacune, son sous-onglet et ses chapitres ouverts, sans reprendre la position de la page quittée.
🧪 Les accès ciblés restent prioritaires. Un résultat de recherche, une entrée de sommaire ou une ancre doit atteindre sa cible, même si cette page a une autre position mémorisée. Précédent et Suivant doivent suivre le même parcours de pages que les onglets. Contrôler aussi le passage de Lecture Fluide à Lecture par Onglets.
👁️🧪 Mesurer après stabilisation des barres. Tester les onglets ouverts puis repliés, sur mobile et grand écran, en document autonome et dans le cadre d’intégration. Le haut utile dépend de la hauteur réelle de toutes les barres, pas d’un décalage fixe supposé.
🧪 Le clavier suit le même chemin que la souris. Tester les flèches des onglets et une ancre vers une autre partie : la sélection, le sous-onglet actif, la mémoire et la cible visible doivent rester cohérents.
🧪 Le retour de Lecture Fluide rétablit aussi le cadre. Relever la position avant activation, lire ailleurs en continu puis revenir : vérifier la ligne retrouvée, la hauteur du cadre, le suivi des commandes et la progression. Un défilement ajouté automatiquement par le banc de test doit être distingué d’un déplacement réel de l’interface ; confirmer au clic souris sur la commande visible.
📝 Préciser la durée de la mémoire. Une mémoire de lecture dans la page ouverte ne vaut pas une sauvegarde durable après rechargement ou fermeture. Les vérifications doivent annoncer le comportement réellement assuré.
🧪 Le clic réel est indispensable. En bas d’une page, déplier la navigation puis choisir immédiatement un autre onglet ; refaire l’aller-retour sans attendre artificiellement entre les gestes. Recommencer après ouverture d’un chapitre qui change la hauteur du cadre. Une vérification par appel direct au moteur de navigation ne remplace pas ces clics, la prise de focus et le redimensionnement réel du cadre.

▴ Replier un Chapitre Depuis Sa Fin

🧪 Un bouton explicite en bas à droite des chapitres longs. « Replier Ce Chapitre » ferme uniquement le chapitre qui le contient. Sa zone tactile mesure au moins 44 × 44 pixels. Il est aussi accessible au clavier, avec un nom indiquant le chapitre concerné.
🧪 Le retour reste visible et prévisible. Après fermeture, le focus revient au titre du chapitre, dégagé sous les barres fixes. Tester document autonome, cadre Webnode, petits écrans et chapitres imbriqués. Un lien, une définition, une sélection de texte ou un geste de défilement ne doit pas fermer le chapitre.
👁️ La vue d’ensemble reste compacte. Les domaines longs peuvent être des chapitres repliables ; leurs noms restent visibles. Une lecture brève ou une petite carte informative ne gagne pas automatiquement à être repliée. Éviter d’additionner la marge du chapitre et celle de son ancien conteneur.
🧪 Les commandes ne se multiplient pas. Refaire plusieurs changements d’onglet, repliages, téléchargements et réouvertures : un seul bouton de repli par chapitre. Les chapitres parents restent ouverts lorsqu’on replie un enfant.

🎨 L’Écran, l’Impression & les Filtres

🧪 Les règles d’impression restent dans un véritable bloc @media print. Le fond blanc, le texte noir et l’affichage de toutes les cartes filtrées ne doivent pas déborder sur la lecture à l’écran. Vérifier aussi le retour de l’aperçu d’impression, avec restitution de l’état de lecture.
👁️🧪 Ouvrir réellement toutes les sous-pages. Un composant intégré garde une police lisible, le thème attendu et ses filtres visibles et fonctionnels. Contrôler les titres, les cartes, les liens et les marges à plusieurs largeurs ; un thème correct sur la page d’accueil ne suffit pas.
🧪 Les liens correspondent au document livré. Un renvoi interne active la bonne sous-page. Un renvoi vers une application ou un autre volume utilise son adresse publique, sans ancien fichier local ni chemin d’atelier.

🧹 Les Commentaires Restent Hors de la Lecture

🧪 L’enrichissement du lexique ignore les nœuds de commentaire. Traiter seulement les véritables textes à lire ; exclure aussi scripts, styles et éléments techniques. Un commentaire contenant « Éthique » ou « ThermoCognition » ne doit pas devenir un bandeau visible après ajout d’une définition.
👁️ Contrôler le texte visible après transformation. Rechercher les séparateurs de production, dates de travail, anciens numéros de version et formulations de dialogue. Les éléments retirés du volume sont conservés dans l’historique de la livraison ; ne pas supprimer les références utiles au propos.

⚖️ La Navbar & le Pied — Garder Leurs Proportions

👁️🧪 Le Pivot suit la même ligne que la rangée. À largeur suffisante, « ♾️ Évolution au Consentement ⚕️ Le Contrat du Vivant » ne porte aucun retour forcé entre ses deux noms. Les deux Tomes qui l’encadrent et les chevrons gardent des écarts réguliers. Sur petit écran, vérifier que tous les noms restent lisibles, sans défilement horizontal cachant un élément ni réduction sous le seuil de lecture.
👁️ Le Pied garde sa forme autour de son centre. Les blocs « Se Découvrir · C · Plaisir d’Offrir » et « Se réUnir · Φ · Joie de Consentir » sont centrés dans leurs propres colonnes et restent proches du symbole central. Leur écart ne doit pas augmenter parce que la page s’élargit. Le doré des mots « Pour · Le Désir de · Se Découvrir · Se réUnir » suit celui du modèle courant.
🧪 Contrôler le composant dans son volume. Examiner la Forêt ouverte, le Tome courant, le pied et le plein écran à 320, 390, 768 et 1440 pixels. Une nouvelle règle commune doit fonctionner dans le document autonome et son cadre d’intégration. Vérifier aussi que le téléchargement emporte la correction.

XLVIII · La Checklist de vérification (une Page)

Structure obligatoire

🤖 Variables :root complètes — trois langages, cinq degrés, quatre registres, triplets RGB, --nav-h, --zoom, --mesure
🤖 Import Google Fonts (Cormorant Garamond + Jost) en <head>
🧪 Ordre : topbar → une → registres → onglets → sous-onglets → portail → sommaire → contenu → pied (Diane, 9 sept : une → onglets → sommaire → titre)
🧪 Topbar à deux lignes, Le Seuil seul, les six autres en trinité · .ici sur la partie courante
🤖 Bande des quatre registres entre la une et le premier contenu
🧪 Pied complet : sceau · titre · devise · 4 blocs · maxime · loi · mention légale · nav · Toile

Couleur & typographie

🤖🛑 Aucune couleur écrite en dur hors des variables
🤖 Les fonds à opacité passent par rgba(var(--x-rgb), …), jamais par un hex recopié
🧪 Fond porte la teinte à 8–16 %, texte porte la version claire — jamais l'inverse
🤖🛑 Aucun fond blanc visible (photosensibilité — fond minimum --encre #111118)
🤖 Aucune capitale en Cormorant · aucun titre en Jost
🧪 Citations en clamp(1.22rem, 2.5vw, 1.5rem), centrées, text-wrap:balance
🧪 Émoji au-dessus du titre dans tous les bandeaux · aucun émoji sur les h3/h4

Navigation & onglets

🤖 Onglets entre 3 et 7 · --nav-h mesuré à l'exécution, jamais en dur
🤖🛑 Aucun chevauchement de libellé — et jamais de rouleau horizontal sur téléphone : les onglets replient (Diane, 9 sept)
🤖 --tc / --tcl / --tc-rgb identiques dans l'onglet, le portail et le sommaire
🤖 role="tab" · aria-selected qui bascule · :focus-visible
🧪 Le sommaire marque la partie en cours et referme les autres tiroirs
🤖 Chaque lien interne ouvre sa partie avant de défiler
🤖 @media print{.pane{display:block!important}}

Animation & accessibilité

🤖🛑 prefers-reduced-motion coupe toute animation, avec !important, en haut de feuille
🤖 Cycle ≥ 7 s · opacité seule ou scale ≤ 1,05 · une seule source de mouvement par une
🤖 Conteneurs décoratifs en aria-hidden="true"
👁️ Aucun émoji ne porte seul une information
🤖🛑 Plancher 11,5 px partout ; cibles 24 px (lisibilité téléphone : ultra important — Diane)

Les huit contrôles finaux

🤖🛑 Balises équilibrées — compter la profondeur, pas seulement les totaux
🤖 La racine contient bien tous les panneaux après exécution du JS
🤖 Zéro sélecteur nu dans les feuilles · accolades CSS équilibrées
🤖 Zéro caractère de zone privée
🤖🛑 Zéro ancre morte — chaque href="#x" a son id="x"
🤖 Chaque image base64 décode et porte son en-tête de format
🤖🛑 node --check sur chaque script · zéro erreur JS au chargement
🧪 Les onglets s'ouvrent et se ferment réellement · ouverture dans Safari sur fond noir

LV · La Checklist du widget

🧿 Tout widget

🤖🛑 Une racine unique #ami-nom, en minuscules, sans accent
🤖🛑 Aucun sélecteur ne commence par body, html, * ou une balise nue
🤖 Toutes les couleurs sur la racine, en var(--x, repli) — zéro hexadécimal ailleurs
🤖 Tout le JS dans une IIFE ; aucune fonction globale, aucun onclick=
🤖 Les id internes préfixés — deux copies du widget ne se confondent pas
🤖 localStorage dans un try/catch, clé préfixée
🤖🛑 Aucun emoji en italique
🧪 Contrastes vérifiés sur le fond du widget, pas sur le noir de la Charte

🧿 Si c'est un Bloc

🤖 Ni <html>, ni <head>, ni <body> — un <div>, un <style>, un <script>
🤖🛑 Aucun position:fixed
🤖 Ni barre aMi, ni pied aMi — la page hôte a les siens
🤖 Le protocole astroHeight, avec ses quatre déclencheurs
🧪🛑 Testé à deux exemplaires sur la même page — le seul test qui prouve la clôture

📄 Si c'est une Page

🤖 Barre V16 en haut, pied V16 en bas (pris à la Charte V5 — navFooter_aMi_V16.html est périmé)
🤖 --top-h, --nav-h, --pile mesurés à l'exécution, ResizeObserver sur la barre
🤖🛑 Le fond --noir #09090e sur le body — celui-là et pas un autre
🧪 Le mode ◐ contraste élevé accessible

⚖️Les décisions — la grille qui s'applique à toutes les pages

La palette qui fait foi = la Charte de Communication (6 sept) : 13 pierres × --x (4,5:1) / --x-gras (3:1) / --x-ct (7:1). Charte_Couleurs du 13 août est en retard.
Lisibilité téléphone : ultra important. Plancher 11,5 px partout ; cibles 24 px ; rien ne roule à droite — les onglets et sous-onglets replient.
Onglets : sans chiffre (le numéro vit au sommaire et au toc), en couleur (libellé à la couleur de la partie), sous-titre en gris et plus petit. « Le numéro situe, le glyphe annonce, le titre nomme. »
Un seul titre par partie : le portail (émoji au-dessus, glow). Ordre : une → onglets → sommaire → titre → contenu.
Les Chartes du Vivant en améthyste. Les Lois : 7 Naturelles + 8 Culturelles (les Commandements). « Domaine » plutôt que « Champ » dans les Tables. C = l'indice, Φ = la constante.
Pas de phrase qui s'adresse à Diane ; le « tu » général au lecteur reste. Les phrases d'IA s'enlèvent. « celleux » se développe. V%ler est voulu (voler & violer) : glosé + infobulle — la Charte demande des infobulles sur les mots forgés.
Les quatre contrats vivent dans L'Initiation, onglet Le Contrat Tacite Explicite (#pan-contrat) : une seule adresse.
Canon des 13 Champs (2 émojis chacun) : ⚡️1 Vibration🔥 · 🫂2 Flux🌊 · 🧠3 Structure💠 · 🌳4 Direction☀️ · 👑5 Souveraineté🛡️ · ⚖️6 Juste Mesure⚕️ · 📜7 Trace🔍 · 🌈8 Spectre👁️ · ꩜9 Temps🌱 · 💍10 Alliance🤝 · 🥚11 Offrande💛 · 🪞12 Miroir🪬 · 🌟13 Absolu❤️‍🔥. La MetaMatrice du Mac et le Cœur sont en retard.
Chaque page reste un widget (racine #ami-union, all:revert) : posée sur le site Webnode, elle ne doit rien casser autour d'elle.
Le pied avec « Φ = … » est une illustration : on le garde. ◎ pour le Point Zéro : ok.
Doublons octet pour octet : on garde 0.1 Apokalypse · 0.2 PsychaTrice · 0.3 Union du TouT.
Les deux étages d'onglets restent (Diane, 17 sept) : « la Charte veut 3 à 7 onglets par barre » a été écrit dans la Charte mais n'est pas juste. Sur téléphone, seule la barre des volets colle ; la sous-barre suit le texte.
Numérotation d'Apokalypse gardée : parties en romain, sections en continu par volet (une section = un numéro) ; les ajouts se numérotent « bis », comme le volet ConScience le fait déjà.
Le fond ne bouge jamais sans validation ; quand il bouge (section 2 bis de 0.1), la source (RefleXion) ne bouge pas et le texte est réécrit dans la voix du volume, sans rien ajouter.
Les deux fichiers du 17 sept : Tableau_de_Bord_Atelier_aMi_Controle_Qualite_V2 = le contrôle qualité implémenté avec les données d'Isil ; Charte_Communication_aMi_BLOC_13_allegee_V6 = la Charte sans ses contrôles qualité, transvasés dans le bon document (Diane, 17 sept 02h30). RefleXion sera incorporée dans Miroir : agdistys.fr/ami-miroir.
Le Manuel Anti-Biais vit dans la Charte de Communication et dans Apokalypse (« on ne communique pas avec des biais, on domine ») ; le Lexique est à un clic de partout via 🧬 L'Architecture (Diane, 17 sept 03h).
Publication Webnode d'une grosse page à scripts que le bloc refuse : la page entière dans UN iframe srcdoc (dérivé _WEBNODE régénéré par p15_cadre_webnode.py, jamais édité à la main), le cadre suit sa hauteur, la page du site défile, le Pont rebranche barres/coins/progression/scrollTo/plein écran. Même voie pour PsychaTrice V23 et AstroGlobe 3,9 Mo (Diane, 18 sept 06h20).
Boutons d'accessibilité (Diane, 18 sept 08h10) : « rester simple et pas trop voyant » — 2 en haut à gauche ◐ contraste + 💧 lecture continue ; 1 à 3 en haut à droite ⛶ + zoom ; 3 en bas à droite ↑ ☰ 🔍 (de haut en bas). L'état actif = la forme intérieure pleine (goutte pleine, ◐ → ●), jamais un halo.
Le plein écran doit DÉFILER, vrai ou replié : c'est documentElement qu'on met en plein écran, pas la racine d'un widget (« je veux ma page immersive comme si c'était un jeu » — Diane, 18 sept). Le repli garde ⛶/✕ + zoom visibles. À corriger dans 0.1 Apokalypse (une figée) et 0.3 Union (trou des onglets).
L'Initiation : 4 onglets (Contrat · Nature · Croisement · Culture), le Croisement est TANZANITE (l'Alliance Nature + Culture), une pierre par volet qui descend à l'onglet, la sous-barre et le halo ; ◈ Emporter n'est pas un pied de page : avant le pied (Diane, 18 sept 02h-03h).
Les couleurs écrites dans les DONNÉES d'une page (ex. le code couleur du cockpit dans la MétaMatrice d'AstroGlobe) sont du contenu, pas de la présentation : on ne les repeint pas (18 sept).
Quand un document à intégrer existe déjà dans un volume sous une version plus ancienne, la nouvelle version le REMPLACE au même endroit — on n'empile pas deux Chartes Mathématiques (19 sept, Union V27).
La coque d'un document intégré (sa une, sa bande d'onglets, son pied) ne vient pas dans le volume : la une et le pied V16 du volume servent. C'est la réponse au « pied hors cadre » (19 sept).
Une page web ne peut pas forcer l'orientation d'un téléphone ; en vrai plein écran elle peut la demander (Android/Chrome) et sinon l'écrire : « tourne ton téléphone » (19 sept, AstroGlobe V23).
Les pages d'abord (Tomes 1 à 6), avant les Demi Pages et les Widgets ; les volumes stables en premier — la Charte Mathématique rebougera pendant l'étalonnage (Diane, 19 sept).
Un volume peut garder la forme de ses onglets si Diane la préfère (CosmoLogie : 10 onglets, capitales, pastilles) ; la Charte impose le plancher, le repli (jamais de rouleau), les cibles et l'absence de chevauchement — pas le dessin (19 sept).
La pile collante qui se replie en une ligne « où je suis » quand on descend (CosmoLogie V4) : à généraliser (Union, Charte) si Diane la valide (19 sept).
LA RÈGLE DU CHEMIN (Diane, 19 sept) : la une d'un volume porte la Question de son chemin (EGO : « Comment je me sécurise ? »), la conclusion porte la Réponse (« Tu Sais Protéger ») — « ça montre le chemin ». À appliquer à chaque volume.
Tout lien agdistys.cms.webnode.fr s'enlève : c'est le site en mode développeur (Diane, 19 sept).
Une une peut être colorée — jamais un noir plat : les pierres de la Charte en halos translucides (Décryptage V5 : améthyste + émeraude, saphir, ambre) (Diane, 19 sept).
Un clic d'onglet ne remonte plus en tête de page : vers l'ancre demandée, sinon à la place naturelle de la rangée, et seulement si on est plus bas (Diane, 19 sept : « pas pratique »).
Un widget entré dans un volume y entre dans sa DERNIÈRE version (Consentement V6 dans EGO), et remplace les copies anciennes qu'il contient déjà ; on n'ajoute que les widgets « en rapport » avec la ligne du volume (Diane, 19 sept). Le Témoignage Guidé vit dans EGO, pas dans Miroir.
Ordre final : EGO → AndroGynie → volumes stables → l'Éveil de l'IA → Union (+ Charte Mathématique) → Miroir / AstroGlobe / Karma en dernier (Accordage en cours) (Diane, 19 sept).
Les instruments d'un volume perdent leur relais iframe (postMessage) : code mort en Page (19 sept).
Sortir de la lecture continue (💧) ne bouge pas la page : on garde le chapitre sous les yeux et la hauteur du point lu (Diane, 19 sept 23h). Règle pour tous les volumes ; l'Union, PsychaTrice, Apokalypse, l'Initiation, AstroGlobe à vérifier sur ce point.
Un instrument servi en iframe à hauteur fixe est injouable au doigt : la page ne peut pas mesurer son contenu, donc un défilement vit dans un autre. Un instrument entre en BLOC dans la page — une racine, une feuille préfixée, ses identifiants en collision préfixés (Diane, 20 sept, arbitrage A1 voie b).
AU DOIGT : tout ce qui se touche fait 44 px de haut, et AUCUN champ ne descend sous 16 px — sous 16 px, iOS zoome la page à la saisie et ne la dézoome jamais (20 sept).
Quand un instrument entre dans la page, ses sections d'introduction qui doublent un chapitre du volume deviennent un RENVOI (elles étaient nécessaires quand il vivait seul) — la page fait foi (Astro : 51 paragraphes lus deux fois).
Les instruments gardent leurs noms de palette (--gold, --panel, --cyan…) : c'est la page qui les fait pointer sur ses pierres. On ne touche pas à leurs sélecteurs (20 sept).
Un audit est une lecture, pas un verdict : une « répétition » comptée par égalité de texte se vérifie AVANT d'ôter quoi que ce soit (Astro : les 13 « Pourquoi… » ne sont pas un collage — BioMatrice et 13 Champs amènent le même pivot des deux côtés).
Un choix dans une longue liste s'ÉCRIT, il ne se déroule pas : au-delà de quelques dizaines d'entrées, un <select> n'est plus utilisable au doigt. Le menu d'origine reste dans la page, réduit à un point, pour que le moteur continue de le lire — on ne touche pas aux calculs (Diane, 20 sept).
TOUTE LECTURE SYMBOLIQUE EST DOUBLÉE D'UNE TRADUCTION EN CLAIR, comme la Charte Mathématique traduit ses formules en mots. La phrase savante n'est pas remplacée : elle est ouverte. (Diane, 20 sept : « ça signifie rien pour les gens qui savent pas lire — comme moi ! ») À appliquer partout où une page parle une langue de métier.
UN SEUL SOMMAIRE par page : le ☰ de la Charte, qui porte les titres du volet ouvert ET la carte du volume. Le sommaire maison d'une page s'efface devant lui (Diane, 20 sept : « y'a 2 toc ça va pas »).
PAS DE RENVOIS DANS LA PAGE : soit la partie est présentée là où elle est nommée, soit elle reste où elle est et le sommaire fait son travail. Un lien interne qui ressemble à un lien externe fait croire qu'on quitte la page (Diane, 20 sept).
LA MÉMOIRE DE L'ONGLET : chaque volet garde sa hauteur de lecture ; un volet neuf s'ouvre en haut, un volet déjà lu se rouvre là où on l'avait laissé — pour comparer deux volets en aller-retour (Diane, 20 sept).

📏0.3 L'Union du TouT — avant / après

Mesure	V21 (avant)	V22 (après)
Texte sous 11,5 px (390 px)	1557	0 dans la page
Émoji en italique	7	0
Tableaux sans rouleau (390 px)	12	0
Débordement horizontal 320/390/1280	oui	0
Contraste sous seuil (textes réels)	399 nœuds	1 (« 🆘 Effondrement », 4,43:1, gras 18,6 px)
Balises · ids · ancres mortes	2 </b> orphelins	0 · 0 · 0 sur 55
Erreurs JS	0	0 (7 scripts)
Commandes vérifiées par mutation	—	42/42 à 390 et 1280
Sommaire	5 · 28	5 · 28, toutes les ancres présentes
Couleurs en dur (CSS + en ligne, hors SVG)	458	0 (variables des 13 pierres)

🔮Ce qui attend l'avis de Diane

🌱 📜 🧮 🧩 pour les quatre bandeaux du canton Lois qui portaient un chiffre romain seul (Ⅰ Les 7 Lois du Vivant · Ⅱ Leur place d'origine · Ⅲ Et les deux Lois de mesure · Ⅺ Les douze notions).
En contraste élevé (◐), les nuances claires (--or-pale, --gris-cl, --x-cl) montent à des valeurs que la Charte ne nomme pas : à nommer dans la Charte, ou à ramener aux -ct des pierres.
158 liens en ligne de moins de 24 px de haut dans 0.3 : grossir les liens, c'est grossir le texte — à voir sur vraies polices.
Dans 0.3, le canton Diagnostic nomme encore C4 Feu Intérieur 🔥, C5 Phi, C8 Lumière, C10 Serment, C11 🪬, C13 Auto… — divergence de fond avec le canon des 13 Champs, non touchée.
La 2e passe sur le Mac avec les vraies polices (Google Fonts est bloqué dans l'atelier).
Ajouter à la Charte le motif « ← Partie précédente / Partie suivante → » entre les parties d'une page longue (idée de Diane, 17 sept) — et corriger la règle « 3 à 7 onglets par barre », qui n'est pas juste.
Charte à corriger : `.ap-legal span{display:block}` met « Agdistys » (span dans span) sur sa propre ligne dans le pied V16 — dans la Charte et dans 0.3/0.2 qui portent le même pied. — corrigé dans le Manuel (22/09) par « .ap-legal > span span{display:inline} » ; à porter dans la Charte et dans tous les volumes au pied V16.
Pyramide du Patriarcat en HTML : les deux lignes anglaises de la classe moyenne traduites, « celleux » → « toutes les personnes » — à valider par Diane.
Barre du site : ne plus ouvrir le tiroir des Tomes/Volumes au chargement — fait dans 0.1 ; à reporter dans la Charte, 0.3 et 0.2 si Diane le veut partout.
Charte, composant V16 : .m-n (numéros de l'Atelier) à 8 px ; .p-ti span et .col-l du tiroir sous 4,5:1 ; liens-boutons du pied à 14–17 px de haut ; panneau 🔍 à 390 px : le compteur poussait la croix hors cadre (input{min-width:0}) — corrigé dans l'Initiation, à reporter dans boite_css et Apokalypse V42.
L'Initiation : les voiles d'or des cantons sont à .035 (étaient .07) — les mettre à zéro si le fond doit être onyx pur.
Charte allégée V7 : les th de ses tableaux sont à 10,88 px (.68rem), sous le plancher de 11,5 px — hausser à .72rem dans la feuille de la Charte.
Charte allégée V7 : sur téléphone la pile collante (barre + 8 onglets sur 4 lignes + 8 faces) ≈ 560 px sur 800 : la Charte ne laisse qu'un tiers d'écran à son texte.
PsychaTrice V23 et AstroGlobe : à publier par la voie du cadre (p15) — à faire quand Diane le demande.
PsychaTrice V24 : le ↑ du widget PsychoBiologie se cache en plein écran (il lit le scroll de sa propre racine) — à reprendre avec les Widgets. Union et PsychaTrice n'ont pas encore les coins 🔍 ☰ de la Charte ; leurs versions WEBNODE (cadre + pont) restent à faire si Diane publie par le cadre.
AstroGlobe V23 : le ✕ de la lucarne en plein écran recouvre le titre de la barre du Cockpit (haut droit) — le déplacer si ça gêne ; sur téléphone ~2 700 px de une + bande + Passeport + Repères avant les onglets.
Union V27 : la pile collante (barre + 5 onglets + tri-nav ≈ 320 px sur 844) est le vrai frein à la lecture au téléphone — sujet Charte.
CosmoLogie V4 : l'image de l'Arbre Culturel (762 Ko) à recompresser (~250 Ko) ? ; le bloc « 13 Champs syncrétiques » vit deux fois dans le script (140 Ko dormant, 61 Ko actif) — lequel fait foi ? ; la barre V16 dit « Tu Sais Lire La Symbolique », la page « la Culture » (composant à aligner).
EGO : le Prédicateur de Cohérence (WidgetOthèque) n'est pas sur le Mac sous ce nom — Diane le cherchera sur son disque externe ; il ira à 0.3 (Φ), pas à EGO.
Index : paires .1/.2 = 1…6 dans la table de correspondance de l'Index : supposé, à confirmer.
Composant V16 (la Charte, pas les volumes) : libellés de la Forêt à 8–11 px (.m-n, .v-n, émojis des volumes), ❤️‍🔥 en encre noire — même chose sur tous les volumes.
💧 sortie sans saut : à porter sur 0.3 Union, 0.2 PsychaTrice, 0.1 Apokalypse, l'Initiation, 2.2 AstroGlobe (leur shim appelle encore le volet mémorisé).
Les onze audits du 20/09 : arbitrages A/B par volume — d'abord AndroGynie (h1, Passeport, Carnet de la Tribu).
Le pied V16 : ajouter « Intelligences Culturelles · ConScience UniVerCelle » au composant ? (Diane, 19/09 : « c'est intelligences culturelles, conscience universelle »)
Accordage 5.3 Astro ↔ 2.2 AstroGlobe : VÉRIFIÉ, ils ne partagent RIEN aujourd'hui (aucun import, aucun export, aucune mention). Si le thème calculé doit se poser dans l'AstroGlobe, c'est à construire.
Pile translucide (#ami-pile-mini) : à vérifier sur 3.3 CosmoLogie, 4.1 Décryptage et 1.1 EGO.
Accordage 5.3 ↔ 2.2 : Diane demande « ça apporterait quelque chose vraiment ? ». Réponse donnée le 20/09 : aujourd'hui non — les deux ne parlent pas du même objet (un instant et un lieu ici, la structure du dodécaèdre là-bas) et le Thème s'exporte déjà proprement. À reprendre le jour où l'AstroGlobe saura afficher une position d'individu.
Ajouter la ligne <meta charset="utf-8"> aux anciens _WEBNODE (Astro, EGO, CosmoLogie, Décryptage, PsychaTrice, Apokalypse, Initiation) — sans effet dans Webnode, utile hors ligne.
2.1 ECO : un émoji par chapitre ? (plus tard, Diane). États d'Âme : « C'est toi qui es trop sensible » (le schéma dit « qui est ») — retouche signalée.
Règle née du Manuel (22/09) : un volume public est un document de PRÉSENTATION — la provenance (campagnes, codes, dates) centralisée dans une partie Sources. À appliquer aux autres volumes qui portent des traces de travail ?
⛲️ 5.2 LEGS — réponses de Diane (22/09) : A1 V2 ok · A2 LEGS en h1, « Corpus Re-Source » en sous-titre, Question sur la une avec ⛲️, Réponse (« Tu Connais Ta Mission de Vie… ») en conclusion · A3 oui + lien agdistys.fr/schemas · A4 oui : agdistys.fr/qui-suis-je, /prestations, /contact · B1 paragraphe en double à retirer · B2 même texte : il vit dans les deux.
Registre des Préenregistrements : rattraper F-01→F-07 et F-14→F-71 (dont l'alerte F24/F25) à partir des fiches d'Isil ; blocs pour PRÉ-053–055 ; expliquer PRÉ-038 ; confirmer le numéro PRÉ-044 (F-12, entrée de seconde main). Proposition : le Registre fait foi, une passe = un bloc.
Manuel : « à éprouver » → « Hypothèse — reste à tester » (⑲ ⑳ ㉑㉔) ? et un tableau « ce qui rejoint / redécouvert / neuf » dans Les Sources ? — Diane fait d'abord ses checks (22/09).
⛲️ LEGS : [stated] les doublons des Fables sont gardés — Diane met ses fables à jour plus tard. Poids : jusqu'à 4 Mo, donc images en 1100 px.
🔁 LA PASSE FINALE — [stated] 26/09 : « je pense qu'on va continuer sur les autres volumes, stock le dans ta mémoire pour qu'à la fin de tout le contrôle des volumes, on puisse refaire une passe avec tout ce qu'on a trouvé entre temps ». Donc : quand les 19 volumes seront passés, une passe unique sur TOUS avec tout ce qui a été trouvé depuis — au minimum la version de travail ôtée du document (elle reste dans le nom du fichier), le 💧 rendu partout, le pied hors racine, les barres qui se décalent sous la navbar de l'hôte, hyphens:manual, les onglets en grille de 3 au téléphone.
🔀 LA FUSION DES DEUX CONTRÔLES QUALITÉ — [stated] 26/09 : « mets en même temps le fait de fusionner le contrôle qualité, car j'en ai un autre avec Isil : à la fin on fusionnera les 2 ». À faire à la fin aussi.
PIED DU SITE V3 : à coller dans Webnode (pied de page de toutes les pages) à la place de la V2, puis vérifier SUR LA PAGE EN LIGNE qu'un résultat de recherche atterrit bien sous la navbarre dans un volume en cadre — non vérifié (l'onglet de contrôle était en arrière-plan). Et remplacer le lien d'avis par le lien direct https://g.page/r/xxxx/review, à copier dans la Fiche d'établissement Google → « Demander des avis » (une seule ligne : var AVIS).
PIED V4 à coller dans Webnode à la place de la V3 : il remplacera de lui-même les vieilles copies collées dans certaines pages (une V1 a été trouvée sur /la-tour-de-babel). À vérifier ensuite : la loupe paraît sur cette page, et le sommaire y montre ses niveaux.
LIVRE D'OR — [stated] Diane, 27/09 : « à un moment pour le livre d'or ça redirige vers agdistys@hotmail.fr et il faut changer pour livredor@agdistys.fr ». Adresse à localiser (volumes, widgets, pages du site) puis à remplacer partout.

🪤Les pièges rencontrés — à ne pas refaire

— les quatre de la passe 3 sur Apokalypse, 27 octobre 2026 —
Le pied n'est pas forcément sous la racine du volume. Dans la Charte, <footer class="ami-pied"> vit sous #ami-charte ; dans Apokalypse il est enfant direct de body, frère de #ami-apokalypse. Tout CSS et tout JS écrits #<racine> .ami-pied ne touchent alors rien — sans erreur, sans message : le fichier se construit, et le pied reste comme avant. Mesuré : pied_dans_apo = false, chaîne des parents FOOTER.ami-pied → BODY. On relève la chaîne des parents avant d'écrire un sélecteur ; on ne la suppose pas depuis un autre volume.
Une classe qui n'existe qu'au rendu n'est pas dans la source. Les onglets portent <span class="ami-emoji">👁️</span> au rendu — mais la source écrit l'emoji NU dans .ami-tab-icon : c'est un script qui l'enveloppe après coup. Un outil Python qui vise la classe du rendu ne trouve rien, et retire l'emoji sans le dire : mes huit titres de parties sont sortis sans leur signe. On vise la classe de la SOURCE, et on vérifie laquelle des deux on a sous les yeux.
La profondeur d'échappement d'un cadre hôte se mesure, elle ne se déduit pas. Deux conventions coexistent dans le corpus : 2.1 ECO n'échappe que les guillemets, 4.1 Décryptage échappe aussi les chevrons. Pour savoir où l'on est, on cherche un témoin déjà présent : le bandeau d'Apokalypse porte &#9662; dans la source et le rendu affiche ▾ — donc à cette profondeur l'esperluette se double aussi. Si l'on n'échappait que les guillemets, le chevron s'afficherait en clair. Et l'ordre compte : l'esperluette d'abord, le guillemet ensuite, sinon on échappe l'esperluette de ".
Un relevé à faux peut venir du relevé, pas du fichier. Après une correction juste, mes cinq indicateurs du sceau sont tous sortis false — et j'ai failli défaire la correction. Le fichier était bon : c'était mon script de mesure qui cherchait le pied sous la racine du volume, là où il n'est pas. Avant de corriger un fichier sur un mauvais relevé, vérifier que le relevé cherche au bon endroit — un indicateur à faux accuse deux choses à la fois, et l'outil de mesure est la première à contrôler.
— les quinze de la soirée du 26 octobre 2026, la Charte V39 → V46 —
Ne jamais poser position:relative sur un élément collant. La Charte déclare #ami-charte .sbar{position:sticky} ; j'ai écrit la même chose en relative pour ancrer une poignée — même poids de sélecteur, règle plus bas, règle gagnante — et la sous-rangée est partie à la dérive (y = −817,6 au lieu de collée). Elle ne servait à rien : un élément collant est déjà un repère pour ses enfants en position absolue.
Écrire transform en ligne efface celui de la feuille. Le groupe de glyphes du pied porte un translateX(--gly-dx) — les 9,7 % relevés au pixel qui le font tomber dans les boucles du « & ». Un translateY posé en ligne l'a effacé sans bruit (matrix(1,0,0,1,0,-7.03) au lieu de (-5.92,…)). On reporte toujours la transformation qui existait.
background est un RACCOURCI : il remet background-clip à sa valeur initiale. Sur un texte peint au métal (background-clip:text + text-fill-color:transparent), écrire background:… transforme les mots en rectangles dorés pleins. On n'écrit que background-image.
Une correction cumulée diverge quand la référence ne bouge pas avec l'objet. --amp-dy déplace l'ENCRE du « & », pas la boîte du sceau : en ajoutant la correction à chaque passage, la valeur partait −1 → 1,6 → 4,2 → 6,8 px. Il faut poser une valeur absolue. Vrai de tout réglage recalculé à chaque chargement.
Un poids qu'on ne charge pas n'existe pas. La Charte demandait font-weight:600!important sur ses onglets — sa consigne du 25/10, « bold en serif sinon on les lit pas sur mobile » — alors que son lien Google Fonts ne chargeait Cormorant Garamond qu'en 300 et 400. Le navigateur rendait le 400 ou un faux gras. Quand un poids ne se voit pas, lire le lien des fontes AVANT la feuille de style.
:has(+ X) ne mord que sur le frère IMMÉDIAT. La règle de la Charte qui supprimait le vide sous la rangée d'onglets ne s'appliquait donc pas (22,4 px de marge restaient). :has(~ X) la rend vraie dans tous les cas.
Quand un libellé n'existe pas comme élément, « le premier enfant » n'est pas le nom — c'est le premier venu. Le bouton 🔤 Définitions<span class="n">210</span> porte son nom en texte nu : mon repli affichait « 210 » en gras dans la ligne. On lit le texte du bouton après avoir retiré compteurs et sous-titres.
Un défilement qu'on provoque soi-même n'est pas un défilement. Un clic d'onglet fait descendre la page jusqu'à la rangée ; elle se collait, donc s'enroulait à l'instant même où on venait de l'ouvrir, et ses sous-onglets n'apparaissaient jamais. Il faut PRÉSENTER après un clic, et n'enrouler qu'au premier vrai mouvement (120 px suffisent).
Un meuble fabriqué par la page n'existe pas encore quand un bloc ajouté en fin de document s'exécute. On ne s'accroche pas à sa poignée : on délègue le clic, et on surveille la classe de la rangée (MutationObserver). Ce qui suit l'état suit alors n'importe qui.
Un fichier WEBNODE ouvert seul laisse voir le blanc de la page. html et body sont transparents et body garde sa marge de 8 px : 53 px de blanc sous le bloc, mesurés. Le remède ne doit pas repeindre le site — dans Webnode le bloc est enfoui sous .b-c / .wnd-page et n'est jamais enfant direct de body. C'est ce test qui décide, et la couleur se lit sur le bloc au lieu d'être écrite en dur.
Le croisement des boucles d'un « & » se trouve dans son DESSIN, pas au jugé. Le glyphe a deux contre-formes empilées ; entre les deux, une bande de lignes SANS trou : c'est là qu'elles se croisent. On dessine le glyphe servi dans un canevas, on compte les trous ligne par ligne, on prend le milieu de la bande. Relevé sur la fonte de repli : 38,4 % de la hauteur d'encre — bien au-dessus du milieu, parce que la boucle du haut est la plus petite.
Un scrollTo en douceur fait lire l'état précédent. Trois mesures de repli sont sorties décalées d'un cran avant que je le voie. Forcer behavior:'instant' et attendre le repos avant de lire.
Les fontes Google ne sont pas joignables depuis le conteneur (http 000) : tout ce qui dépend d'une fonte web — graisse, largeur d'encre, proportions d'un glyphe — ne peut pas y être vérifié au rendu. Le dire, au lieu de conclure.
Le plieur de chapitres emporte ce qu'il ne reconnaît pas. plie() sort de la tête tout enfant de .sechead qui n'est ni .num, ni .sec-header, ni .tag, ni un span : un <h2> posé NU part dans le corps et le chapitre perd son titre. Une tête sur 49 était dans ce cas (🙊 Les Non-Excuses).
Une colonne alignée vers le centre n'est pas centrée. Au pied, la colonne de gauche est alignée à droite et celle de droite à gauche : comme les deux mots n'ont pas la même longueur, leur milieu optique tombe 10,3 px à gauche du centre de la page. Un titre centré sur la page se lit alors décalé. Se recaler sur la PAIRE, pas sur la page.
Le composant barre/pied extrait de la Charte V5 apportait « --r:4px}*{margin:0 » : une règle * qui posait margin:0 et --nav-h:0 sur tout. Et 310 règles #tv/.tvx sans objet. Ses règles de bande et d'Emporter sont scopées main / #ami-charte : à rescoper #ami-union.
Deux hauteurs, deux noms : --nav-h = la barre du site (racine, mesurée par son JS) ; --tab-h = la barre des onglets de la page. Pile collante : barre → onglets (top: var(--nav-h)) → sous-barre (top: calc(--nav-h + --tab-h)).
Plancher 11,5 px : max(.72rem, 1em) n'est PAS un plancher. Dans un font-size, 1em vaut la taille DU PARENT : la règle gonfle tout <p> à la taille de son parent au lieu de le plancher, et écrase la hiérarchie. 104 règles de ce type mesurées dans Karma. Un plancher ne s'écrit pas en une règle générale : il se mesure au rendu, puis se nomme sélecteur par sélecteur — et on ne vide jamais le bloc du plancher sans garder son entête de non-régression. (Corrigé le 3 octobre : l'ancienne rédaction recommandait max(.72rem, 1em).)
Une sous-barre hissée dans .sub-bar-host n'est plus dans son canton : un sélecteur « .src-tri .tri-b » ne l'atteint plus.
Les fichiers copiés depuis les uploads sont en lecture seule (-r--r--r--) : un script qui écrit échoue en silence si l'erreur est cachée par « | head ». chmod u+w d'abord, et ne jamais masquer la sortie d'erreur.
Une extraction de variables :root par regex peut avaler un « } » : vérifier au rendu que la règle s'appelle bien :root.
Mesurer une barre collante avec getBoundingClientRect donne sa place à l'écran, pas dans le document. Mais offsetTop ne vaut pas mieux une fois la barre collée : mesuré 1042 à l'arrêt, 1848 après 1800 px. Les deux mentent. Le seul repère fiable est une sonde de hauteur nulle posée dans le flux, juste avant la barre. (Corrigé le 3 octobre : l'ancienne rédaction recommandait offsetTop — elle a coûté 16 volets sur 17 avec leur texte sous les barres.)
Ne rien dire fait qui n'a pas été fait : chaque geste est compté (assert) et chaque mesure est relue après.
L'ordre P3 → P4 compte : si le composant barre/pied est posé avant la palette, « une valeur, un lieu » lui retire ses déclarations et la barre rend en noir. p3_palette.py épargne maintenant :root et style#ami-composant ; p2_plancher.py prend l'id de la racine en 3e argument.
Un rapatriement de palette lit aussi les srcdoc des iframes (le texte y est déséchappé) : il hisse à la racine des variables qui n'y ont rien à faire (--n, --g, --r…). Vérifier la racine après M1 ; --r y est un rayon, pas un rouge.
Un sommaire construit par script (toc flottant) peut être vide sans qu'aucune erreur ne le dise : le script cherchait un id absent et rendait la main. Presser chaque bouton flottant dans les mutations.
Deux étages collants + la barre du site = 45 % d'un écran de téléphone : mesurer la pile collante à 390 avant de la déclarer bonne.
Un flex-basis en rem sur un enfant (flex:0 0 12rem) devient une HAUTEUR quand le parent passe en colonne sur téléphone : un trou de 12 rem. Toujours flex-basis:auto + min-width.
Le plancher ne doit jamais fixer une taille absolue (.72rem) à un élément créé par script (span.ami-emoji) : la règle s'applique à tous ses semblables et rapetisse toute la page. Toujours max(.72rem,1em) pour ce qui hérite ; vérifier la une après le plancher.
Un SVG d'illustration (Illustrator, texte en tspans crénés) ne se lit pas sur téléphone : texte à 8 px, accents éclatés, rouge sur rouge. Quand le schéma est du texte structuré, le refaire en HTML aux pierres ; garder le SVG comme source sur le Mac.
Un <main> qui se referme avant les volets : le plancher mesure 0, l'Emporter n'a rien à porter. Vérifier où </main> tombe avant tout.
Une variable employée sans déclaration ne fait pas d'erreur : la propriété est invalide et l'élément HÉRITE (color:var(--noir) sur or pâle → nacre, 1,2:1). Chercher toutes les var(--x) sans déclaration, pas seulement celles que l'audit a listées.
Une boucle requestAnimationFrame sans fin ni pause fait lagger toute la page sur téléphone, même hors écran : cadence après l'ouverture + IntersectionObserver + visibilitychange.
Un remplacement de chaîne (str.replace) qui ne trouve rien ne dit rien : toujours affirmer le compte avant/après. Et contrôler sur le fichier LIVRÉ que chaque var(--x) employée est déclarée — pas seulement celles que l'audit de départ listait.
Webnode refuse un bloc « Code HTML » EN SILENCE : le bloc garde son contenu précédent, on croit avoir publié. Toujours un marqueur data-test + une sonde JS lus dans le code servi. Et jamais deux blocs page + scripts sur la même page : Error 500.
Un ancêtre à overflow:hidden tue tout position:sticky (Webnode .b-c et .wnd-page) : une page publiée porte son script « colle » à détection comportementale — si la barre dépassée a défilé, le script prend la main.
Un cadre qui défile DEDANS ne défile pas depuis la marge : le cadre suit sa hauteur et c'est la page du site qui défile (le Pont fait le reste). Et un cadre srcdoc : & → & et " → ", sinon la page s'arrête au premier guillemet.
Un élément fixé dont on lit la position calculée n'est pas 'auto' quand il est visible : l'ancrage (haut/bas) se lit dans la feuille (top:auto + bottom posé), sinon le ☰ reste au bas du cadre.
Un widget absorbé garde ses règles de téléphone : #ami-consent .tabwrap était rendu static sous 700 px par sa propre feuille — les sous-onglets du Repère ne collaient que sur ordinateur. Vérifier à 390 px CHAQUE barre, pas la première.
La couverture d'un tableau imbriqué et un div non fermé : le volet suivant devient l'ENFANT du précédent et ne s'affiche jamais, sans erreur en console (Charte V6, tvp-t5 → tvp-t6). Compter les <div> ouverts/fermés par volet.
Mettre en plein écran la racine d'un bloc cache tout ce qui vit hors d'elle (barre V16, coins de la boîte à outils) et casse les scripts qui lisent window.pageYOffset : soit on met documentElement en plein écran (page seule, cadre), soit on fait entrer la barre et les coins dans la racine et on leur redonne le défilement (p19).
Un script qui meurt au chargement (getElementById d'un id disparu) emporte tout ce qui le suit sans autre trace qu'une ligne en console — et les « patchs » ajoutés par-dessus masquent le symptôme. Toujours 0 erreur JS AVANT de corriger la forme.
Un patch qui renvoie vers un fichier .html local (faces du dodécaèdre → COCKPIT_STABILISE.html) marche sur le Mac et meurt en ligne : chercher les href/location vers des .html locaux.
Du contenu placé APRÈS le pied (bandeau Théorie du Tout) échappe à la racine, donc au plancher et aux encres : vérifier ce qui vit hors racine avant de la fermer.
Envelopper les émojis dans des spans puis lancer le plancher : il écrit span.e{.72rem} et rapetisse tous les émojis. Toujours max(.72rem,1em) pour ce qui hérite.
Un test Playwright qui défile en « smooth » puis mesure : tout resize/reflow entre les deux (widgets qui suivent leur hauteur, sortie de plein écran) coupe le défilement et fait rater le test sans que la page ait un défaut. Défiler en instant dans les tests.
Une feuille de démo (« ⚠️ Style de démo — ne pas copier ») copiée avec le bloc : body{padding:22px;min-height:100vh} vivait dans l'Union depuis l'absorption de la tri. Chercher html/body/* dans chaque feuille absorbée.
Un document V9 utilisait des variables jamais déclarées (--txt2, --or2, --mut, --line, --mono) : le test « aucune var(--x) sans déclaration » les attrape ; sans lui, des bordures et des textes invisibles.
Les barres de sous-onglets hissées dans un hôte (#subHost) sortent de leur onglet : tout ce qui cherche un bouton « dans l'onglet » (🔍, renvois) doit aussi regarder l'hôte.
offsetTop d'un élément position:sticky suit le défilement (c'est sa place rendue, pas sa place dans le flux) : pour savoir « où commence la barre », lire l'élément qui la précède.
Un défilement doux (scroll-behavior:smooth) arrive par petits pas : un seuil « remonté de 40 px » doit cumuler les pas, pas comparer deux événements.
overflow-wrap:anywhere sur des onglets en capitales coupe les mots n'importe où (SYNCRÉTI SMES) : préférer 4 par rangée + tirets conditionnels () dans les deux mots longs.
Une police d'icônes absente laisse des glyphes de zone privée (U+F105 ×556 dans CosmoLogie) rendus en carré vide : chercher [\uE000-\uF8FF] dans chaque page d'août.
Un renvoi « à venir » peut pointer vers un chapitre qui existe déjà (CosmoLogie : le Piratage) : vérifier avant de conclure qu'il manque du texte.
Un remplacement de police dans un <script> (chaîne à guillemets simples : la feuille d'impression du Témoignage) casse le JS — « Unexpected identifier » — et tout ce qui suit : découper hors scripts, toujours.
Des émojis enveloppés .e sous une règle span{display:block;font-style:italic} deviennent des blocs italiques : #root .e{display:inline!important;font-style:normal!important}. (Les enfants d'un flex sont « blockifiés » : ce n'est pas une faute.)
Les vieilles règles ::before d'une bande maison (⚙️ 🌀 🕸️ ◈) redoublent les émojis de la bande V16 : les ôter, pas seulement la bande.
Un widget entré en bloc apporte son h1 : le passer en h2.ami-h1 (un seul h1 par page). Ses relais parent.postMessage + ResizeObserver(body) sont du code mort à ôter.
Une encre écrite en ligne avec repli — color:var(--rubis,var(--anc-…)) — échappe à une regex var\((--x)\) : prévoir la forme à deux valeurs.
Une regex [^}]*…[^{]*\{ sur 2,4 Mo = deux minutes de timeout : chercher avec des bornes courtes ({0,80}) ou par index.
Dans un cadre Webnode la visionneuse zoom s'ouvrait 38 000 px plus bas : une boîte fixed se mesure elle-même (rect via le pont), lit ses gestes en offsetTop, et entre dans FIX du pont.
Remettre le volet mémorisé en sortant de la lecture continue appelait switchTab → la page remontait à la pile : on choisit plutôt le volet sous les yeux (elementFromPoint sous la pile collée) et on rend au point lu sa hauteur d'avant.
Un gabarit d'export écrit « </head> » et « </body> » EN TOUTES LETTRES dans une chaîne JS : tout outil qui cherche la fin de la tête de la page tombe dessus et pose sa feuille au milieu du JavaScript (« Invalid or unexpected token »). Couper les littéraux en deux ('</hea'+'d>') — le document exporté est identique. À guetter sur tout volume qui exporte un document.
Une feuille posée dans <head> perd contre la feuille qu'un instrument apporte AVEC lui dans le corps (#ami-et-theme .panel a bat #ami-espacetemps a) : la feuille du doigt se pose EN DERNIER dans le corps, et tranche.
« to{ } » signalé comme sélecteur nu par l'audit statique : ce sont les images-clés des @keyframes (from{} to{}). Faux positif — ne rien corriger.
--wrap:min(1320px,94vw) : 94 % de la FENÊTRE dans un conteneur qui a des marges → 3 px de débordement à 320 px. La largeur se règle sur le conteneur (100%), jamais sur vw.
Un export qui lit document.documentElement.outerHTML emporte la page ENTIÈRE quand l'instrument devient un bloc : le limiter à sa racine.
Un ménage de blob: en beforeunload survit à la disparition des blob: et lève « urls is not defined » à chaque sortie de page.
Une ligne collée (#ami-pile-mini) que la page rend TRANSLUCIDE : « #ami-espacetemps button{background:rgba(…)} » bat un simple « #ami-pile-mini » (identifiant + élément gagne contre identifiant seul) et le texte de la page transparaît derrière. Fond opaque !important. À vérifier sur CosmoLogie, Décryptage et EGO, qui ont la même pile.
Un <script type="text/plain"> qui porte des données : le saut de ligne après la balise ouvrante ajoute une ligne vide en tête et DÉCALE toute la première liste d'un cran (Lyon tombait sur Europe/Oslo). textContent.trim() avant de découper.
Une feuille posée avant une autre dans le corps perd à spécificité égale : la feuille qui doit trancher (le doigt, une ligne collée) se pose EN DERNIER, ou monte d'un cran de spécificité.
Une une en min-height:100vh dans une page ENCADRÉE (Webnode) : 100vh = la hauteur du cadre, qui suit la page → le cadre grandit sans fin (143 950 → 1 501 709 px en 6 s). Borner : min(92vh,900px), et tester la hauteur du cadre dans un hôte d'essai pendant 6 s.
Un fichier _WEBNODE sans <meta charset="utf-8"> en première ligne : ouvert seul (Safari, aperçu), il est lu en Latin-1 — « Ã© », « ðŸ”¥ », et le ❤️‍🔥 disparaît.
Un test qui lit innerText ne voit pas les volets cachés, ni les données JS : « Conscience » passait dans ECO. Tester aussi les données des scripts.
text-transform:uppercase casse les tests sensibles à la casse (et fait disparaître le S de ConScience) : tests insensibles à la casse, et graphie gardée pour les signatures.
re.search depuis le début, répété, retombe sur la MÊME occurrence (la frise permutée deux fois) : avancer un décalage.
device_commit_files peut répondre « written » sans avoir écrit (21/09, commit forcé) : md5 relu sur le Mac à CHAQUE dépôt, sinon on ne dit pas « déposé ».
Sans CSS html/body, une page garde la marge blanche de 8 px du navigateur : bande blanche au bord.
Une regex JS écrite dans une chaîne Python r"""…\\b…""" devient /\\b/ : elle cherche une barre oblique et passe toujours. Vérifier qu'un test ÉCHOUE sur la version d'avant (fait pour le Manuel : le test « aucun code de travail » échoue bien sur l'ancienne V1).
Retirer un comportement (le souffle de la barre) sans retirer son dernier appel : « souffle is not defined » casse aussi le 💧. Chercher tous les appels, pas seulement la définition.
Le fichier CQ lui-même : il ne se met pas à jour seul. Le régénérer (page_cq.py) à chaque dépôt de page, pas seulement dans les rapports et la mémoire.
Une feuille de page peut être écrasée par la feuille du composant V16 (qui définit aussi .logo) : les tailles de la une se redisent EN DERNIER, avec !important — sinon l'émoji de la une retombe à 16 px et le décor disparaît.
Une racine scopée ne suffit pas : un </div> orphelin de la page d'origine referme la racine avant l'heure et tout le contenu tombe dehors — sans que rien ne se voie. Vérifier AU RENDU que le contenu est dedans (document.querySelectorAll('#racine h2').length), jamais au texte du fichier.
Coque V16 héritée d'un autre volume : son JS porte l'ancien identifiant de racine en dur (getElementById('ami-legs')). Chaque module sort sur son if(!R) return et ne se construit PAS — en silence. Premier contrôle après l'héritage : l'identifiant de racine, et un module absent doit faire ÉCHOUER un test.
Page à onglets convertie en coulée : son script d'init appelle switchTab('onglet par défaut') à l'ouverture. Comme switchTab saute désormais, la une est franchie avant d'être vue. Ne garder le saut que s'il y a un # dans l'adresse.
« À la charte » ne veut rien dire tant que la UNE n'a pas été mesurée contre la une de référence : on peut porter la coque V16, la coulée et les encres et laisser la une à ses proportions d'origine. Contrôler par proportion : ligne du volume ≤ 12 px, sceau ≥ 48 px, titre en dégradé, Question en Cormorant ambre ≥ 20 px.
Un nom d'onglet peut sortir de SA CASE sans faire déborder la PAGE : à 390 les six noms se chevauchaient et le test de débordement ne voyait rien. Mesurer case par case (rect du label contre rect de la case).
Le plancher écrit « #racine div.couverture p{font-size:max(.72rem,1em)!important} » — plus spécifique qu'une règle « #racine .couv-label ». Pour reprendre une taille de la une, écrire « #racine div.couverture p.couv-label ».
Une hauteur minimale de 36 px + 16 px de marge sur une ligne de 14 px fait 52 px : l'œil lit une ligne vide entre chaque entrée du ☰. Centrer dans 32-35 px garde la cible du doigt et rend la liste.
Une animation peut venir de la PAGE, pas de la coque : « .logo{animation:pulse 4s} » faisait respirer le sceau et volait la vedette au fond animé. Avant d'ajouter une animation, chercher celles qui existent déjà.
Un enfant de conteneur flex se calcule en « block » même si la règle dit « inline-block » : ne pas contrôler un style par sa valeur de display, mais par ce qui compte (cadre, fond, marge).
Des contrôles qui brassent l'état de la page (changer de mode, défiler, ouvrir le 🔍) doivent passer EN DERNIER : sinon ils font échouer les contrôles suivants pour une raison qui n'a rien à voir.
Le 💧 n'est pas inutile dans une coulée : allumé, tout d'un tenant ; éteint, une partie à la fois. Mais alors l'espion de défilement doit se taire (il repart de la première partie), et le ☰ comme le 🔍 doivent ouvrir la partie de leur cible avant de s'y rendre.
Quand on remet un élément qu'une passe précédente avait ôté, chercher ce que cette passe avait DÉPLACÉ à sa place : P9 ôtait le 💧 et poussait le ◐ à left:.5rem !important — le 💧 revenu, les deux se superposaient.
Une max-width en « ch » se calcule sur la police du PARENT : 34ch peut valoir 249 px et brider un titre même en 1280. Préférer min(Nch,94vw) et vérifier le nombre de lignes rendues contre le nombre de <br>.
Une barre qui prédit sa hauteur avant de sauter se trompe dès qu'elle tient sur deux rangées : mesurer une fois le défilement fini et corriger (sinon le titre de partie finit caché derrière la barre).
Deux @keyframes du même nom dans une page : c'est la dernière qui gagne au rendu, mais la première que lit un contrôle. Ôter l'ancienne plutôt que d'empiler.
Un contrôle qui mesure une arrivée doit attendre APRÈS le rattrapage (ici 780 ms + défilement doux), sinon il mesure au milieu du mouvement.
Le <footer class="ami-pied"> vit HORS de la racine du volume (#ami-nom se referme juste avant lui). Toute règle écrite « #ami-nom .ami-pied … » — feuille OU script — ne porte sur rien, EN SILENCE. Écrire « body .ami-pied … ».
.ap-legal span{display:block} met en bloc TOUS les span, y compris ceux qui vivent à l'intérieur d'une ligne (<span translate="no">Agdistys</span>) : le nom tombe seul au milieu d'une phrase. Écrire « > span » pour les lignes et « > span span{display:inline} » pour ce qui vit dedans.
Une transformation (scale) ne change pas la place que l'élément prend dans la page : quand on met un bloc à l'échelle, rendre au cadre la hauteur que l'échelle lui a fait perdre, sinon il reste un trou.
Verser du contenu dans un volume change les comptes que les contrôles vérifient (ici 13 → 15 tableaux) : mettre le contrôle à jour EN MÊME TEMPS que le contenu, sinon on lit un échec là où il n'y a qu'un ajout.
position:sticky cesse d'agir dès qu'un ANCÊTRE porte overflow hidden/auto/scroll : l'élément se colle à une boîte qui ne défile pas. Les habillages de site posent couramment overflow-x:hidden. Remplacer, sur les seuls ancêtres du bloc, hidden par clip — ça coupe pareil sans créer de conteneur de défilement. Et repasser après load.
Un bloc HÉRITE de la page qui l'accueille : hyphens:auto du site coupe les mots du bloc (« croi-sés ») alors que le bloc est en hyphens:manual. Tout ce qui s'hérite doit être redit par le bloc lui-même.
Un mot qui porte une définition (.df) force sa couleur : dans un TITRE, il casse la couleur du titre en deux. Dans un titre, la définition hérite de la couleur du titre — seul le pointillé la signale.
innerText rend le texte TRANSFORMÉ : un h4 en capitales renvoie « LA CONVULSION ». Un contrôle qui cherche un mot dans innerText doit être insensible à la casse.
Un bloc posé EN DIRECT dans une page dont la navbar est collante voit ses propres barres collées passer DESSOUS : top:0 est le haut de la fenêtre, pas le haut de l'espace libre. Le bloc doit mesurer ce qui occupe le haut de l'écran (elementsFromPoint, filtré sur position fixed/sticky + largeur > 60 % + hauteur ≤ 260 px) et décaler ses barres de cette hauteur.
Un bloc posé dans un CADRE (iframe) est protégé de ce défaut : dans un cadre, le haut de la fenêtre est le haut du cadre. Donc un même défaut peut apparaître sur une page et pas sur sa voisine, pour cette seule raison.
Un volume dans un CADRE perd tous ses outils flottants : ↑ ☰ 🔍 ◐ 💧 sont épinglés à la fenêtre du cadre, haute de 50 000 px, donc hors de vue dès qu'on descend. Mesuré en ligne sur /ami-rencontre/. Le pont ne règle que la hauteur. Les outils doivent vivre dans la page MÈRE, qui peut lire le document du cadre (même origine) et descendre au bon endroit.
Deux outils qui font la même chose ne se posent pas côte à côte : ils se posent AU MÊME PIXEL et l'un mange l'autre. Un pied de site qui ne veut pas doubler les outils d'un volume doit connaître TOUS leurs noms (#amiHaut, #amiSommaire, #amiRech, #ami-toc-toggle, #bTop) — un seul nom oublié suffit.
On ne prédit pas où sera la cible après avoir ouvert sa partie : la hauteur au-dessus d'elle change. On saute, puis on REMESURE (420 et 1000 ms). Sans ce rattrapage : arrivée à -243 px, au-dessus de l'écran.
Un même bouton qui dit merci ET ouvre une page de soutien mélange le geste gratuit et le geste qui coûte : le lecteur qui voulait juste remercier se retrouve devant une page de paiement. Un bouton = un geste.
Une règle sur du collant ne se vérifie pas au chargement : tant que la page n'a pas défilé, l'élément est à sa place normale et TOUT a l'air juste. Il faut descendre, puis mesurer. C'est comme ça que la V10 est passée pour bonne.
Corriger du collant par une LISTE de sélecteurs, c'est se condamner à en oublier un : prendre tout ce qui colle dans la racine, retenir la hauteur d'origine de chacun, et y ajouter celle de l'hôte. Écarter les en-têtes de tableaux et ce qui colle dans un rouleau.
Un bouton caché derrière la barre de l'hôte est signalé comme « la fonction n'existe pas » : Diane a dit « les onglets ne sont pas repliables » alors que le ❤️‍🔥 était là, couvert. Avant d'ajouter une fonction, vérifier qu'elle n'est pas seulement invisible.
Ne JAMAIS figer une valeur que la feuille de style recalcule : min(var(--nav-h),9rem) suit une barre qui se replie. On relit à chaque passe, on n'archive pas. C'est ce gel qui a creusé le trou de 81 px de la V11.
Un bloc « collé tel quel » qui se retire quand il en trouve un autre déjà installé laisse une VIEILLE copie gagner : sur /la-tour-de-babel la V1 collée dans la page faisait reculer la V3 du site, donc pas de loupe. Un bloc doit se NUMÉROTER et prendre la place d'une version plus ancienne.
textContent recolle deux blocs sans espace (« des Motset plus encore ») : pour une étiquette, prendre la PREMIÈRE LIGNE de innerText, qui suit le rendu.
« Jost, -apple-system, sans-serif » CONTIENT la chaîne « serif » : un test /serif/ sur font-family attrape TOUTES les polices sans empattement. Mesuré : 2 631 éléments mis en gras au lieu de 315. Ôter « sans-serif » de la chaîne avant de chercher « serif ».
Un <script> placé dans le <head> s'exécute AVANT que le corps existe : getElementById renvoie null et le bloc sort sur son if(!R) return, sans erreur. Différer avec DOMContentLoaded, ou poser le script en fin de corps.
On ne peut pas mélanger overflow-x:auto et overflow-y:visible : dès qu'un axe n'est pas « visible », l'autre devient « auto ». Pour interdire le défilement vertical d'un tableau, il faut rendre l'élément entièrement « visible » quand le tableau tient.
Un <td> passé en display:block peut ENCORE forcer la largeur du tableau si son contenu refuse de se couper (nowrap, un long jeton) : ajouter white-space:normal et overflow-wrap:anywhere en même temps que le dépilage.
Un min-width sur le tableau (ici 640 px sur .ec table.tbl) survit à width:100%!important : c'est le min-width qu'il faut remettre à 0 pour qu'un tableau tienne dans un téléphone.
Un tableau large se lit mieux DÉPILÉ EN FICHES au téléphone (une ligne = une carte, chaque case précédée du nom de sa colonne) que dans un rouleau horizontal : le rouleau cache la moitié du sens.
Un script qui recopie les <meta ami:*> dans les [data-ami] au chargement rend inutile toute correction du TEXTE : c'est la méta qui fait foi. Changer les deux.
La classe de contraste vit SUR la racine (#ami-charte.ami-contraste), pas sur un ancêtre : écrire « .ami-contraste #ami-charte » ne porte sur rien, en silence.
Des retraits horizontaux qui s'empilent sur six niveaux réduisent un paragraphe à 189 px sur un écran de 390 sans qu'aucune règle ne soit fausse : c'est la SOMME qui est fausse. Mesurer la largeur du texte le plus étroit, pas les règles une à une.
— ci-dessous, les pièges mesurés du 28 septembre au 3 octobre 2026. Deux entrées plus haut ont été corrigées à la même date : elles recommandaient ce que la mesure a depuis infirmé. —
Scoper un sélecteur nu avec un #id INVERSE la cascade. Un *{margin:0;padding:0} a la spécificité la plus faible (0,0,0) : c’est exactement ce qui permet à .couverture{padding:4rem} de le battre. Écrit #racine * il vaut 1,0,0 — il devient le plus fort et écrase tous les padding des classes. Mesuré sur AndroGynie : 284 814 pixels sur 351 000 changeaient. Remède : :where(), qui annule la spécificité de ce qu’il contient. Vérifié : 0 pixel d’écart.
Un * scopé ne couvre plus html ni body. Le reset d’origine les zérotait ; une fois scopé à la racine, le corps récupère sa marge de 8 px du navigateur et toute la page se décale. Remettre html,body{margin:0;padding:0} à la main.
#tv est un IDENTIFIANT. La Charte écrit ses règles sous main, #tv et .tvx : #ami-charte #tv .bande-registres pèse deux identifiants (2,1,0). Aucune règle à un seul id ne la bat, où qu’elle soit placée dans le document. Une feuille ajoutée en queue ne suffit pas — il faut préfixer chaque règle des trois contextes. Avant correction : bande en colonne, 764 px de haut, deux éléments à 9,28 px.
Un </div> orphelin referme la racine en silence. Mesuré sur AndroGynie : 776 div ouverts, 777 fermés ; la racine se refermait à 93,8 % du fichier — 8 enfants dedans, 10 au niveau de body, 1 onglet sur 4 dedans, 44 titres h2 sur 60 dehors, les Sources et le pied dehors.
Un contrôle de portée ne se fait pas sur l’image. La passe fautive ci-dessus avait été vérifiée en COMPARANT LES RENDUS avant/après : ils étaient identiques — justement parce que la racine ne portait presque rien. On demande au DOM ce que la racine CONTIENT (compter ses enfants, ses onglets, ses titres), on ne regarde pas la photo.
Une racine qui prend la typographie du corps déshabille tout ce qui reste dehors. La topbar maison de l’Éveil, laissée hors racine, est passée de Jost crème 96 px à Times noir 78 px. Faire entrer dans la racine tout ce qui appartient au volume, même ce qu’une passe suivante retirera.
Un </body> peut être écrit TROP TÔT et le navigateur répare en silence : dans l’Éveil, le pied, le ↑ et le lightbox étaient écrits après lui, et le rendu les montrait pourtant enfants de body. Toute passe qui s’appuie sur </body> comme repère travaille alors sur un faux plancher. Vérifier l’ordre dans le TEXTE.
Le piège de l’offsetTop s’est repayé le lendemain de son écriture. L’ancrage lisait getBoundingClientRect() de la barre d’onglets : collé, un élément répond toujours « je suis en haut ». L’ancrage renvoyait donc la position courante et le texte se posait sous les barres — 16 volets sur 17. Un piège écrit n’est pas un piège évité.
Le gel se repaie aussi en JavaScript. Le script d’AndroGynie écrivait bar.style.top = nav.offsetHeight + 'px' une seule fois au chargement, et ne relisait qu’au redimensionnement ; la topnav ayant été retirée, il attrapait la barre aMi dépliée (129 px). Mesuré à 1 500 px de défilement : --nav-h = 48 mais les onglets restaient à 129 — 81 px de trou, le texte défilait dedans. Remède : retirer le script et laisser la feuille suivre la variable vivante, top:min(var(--nav-h),9rem).
.bar + .sbar ne vise que la PREMIÈRE barre de feuilles. Les autres volets sont des sœurs plus loin, séparées par les barres masquées. Dès qu’on ouvrait autre chose que le premier volet, aucune règle ne portait. Passer par le conteneur, jamais par le frère adjacent.
display:flex!important sur un élément [hidden] le RALLUME : l’attribut ne pose qu’un display:none de feuille par défaut, qu’un !important d’auteur écrase. Toujours écrire :not([hidden]).
Un .tabs-wrap peut repasser en display:block au téléphone : flex-wrap y est alors inerte, et une mise en ligne demande display:flex!important.
Les scripts du donneur sont du JavaScript NU, sans balises <script>. Injectés tels quels dans du HTML ils deviennent du TEXTE : --nav-h reste à 0, les trois coins n’apparaissent pas, et rien ne lève d’erreur. Toujours les habiller.
Une coque héritée garde l’ancien identifiant EN DUR. js_barre appelle getElementById('ami-charte') : chez un autre volume il lève, et --nav-h n’est jamais posée. 10 identifiants à renommer dans AndroGynie, 23 avec la coque complète.
La barre V16 s’ouvre par DEUX chemins, pas un : le « souffle » automatique, et le fait qu’elle ouvre la porte de La Forêt en reconnaissant la page courante. Retirer le premier seul laisse 171 px au lieu de 48.
Un extracteur de coque qui ne prend que le CADRE. La Charte V16 porte quinze scripts ; n’en greffer que deux donne une coque sans module d’impression (le code sort sur if(!B) return, faute du bloc <section class="emporter"> qui porte #dlHtml et #dlPdf), sans sommaire rempli, et sans suivant/précédent — qui n’est pas du markup mais est fabriqué par poseLaNavigation() depuis .bar .ong[data-o]. Prendre la coque ENTIÈRE, n’écarter que ce qui est propre au contenu du donneur.
Quand un mécanisme existe déjà, on ne le double pas : on lui donne ce qui lui manque. Karma avait un enroulement manuel ; un second, fabriqué à côté avec sa propre poignée, se gênait avec le premier.
On ne compare pas au pixel une page qui s’anime. Sur l’Éveil (12 animations), deux captures avant/après donnaient 140 000 pixels de différence alors que toutes les mesures disaient « identique » : ce qui bougeait, c’était la lueur de l’œuf et le scintillement des étoiles, saisis à deux instants. Figer d’abord : 0 pixel sur 351 000.
Quand un nombre dit « ça a changé » et que toutes les mesures disent « identique », regarder l’IMAGE avant de toucher au code. Deux causes imaginaires cherchées, et une correction inutile écrite, avant d’avoir simplement affiché les deux captures côte à côte.
Le témoin nul avant de crier au bruit. Devant 28 000 pixels d’écart dont 67 % à un seul niveau de gris, la conclusion facile était « bruit de compositing ». Comparer d’abord le fichier d’origine AVEC LUI-MÊME en deux chargements : 0 pixel, donc le rendu est déterministe et l’écart venait bien de la passe. Puis bissecter. Trois mesures valent mieux que trois hypothèses.
Une position de défilement n’est pas une position de lecture. Quand une barre collante change de hauteur entre le moment où l’on note et celui où l’on rend (44 px avec une feuille, 105 avec cinq), le même pageYOffset montre un autre paragraphe — mesuré, 412 px d’écart. On note un repère de CONTENU et on le remet là. Corollaire plus cher encore : un contrôle qui comparait des nombres de défilement a déclaré la régression bonne.
Le md5 ne prouve plus rien pour une image : le pont ajoute une signature. Un SVG envoyé à 46 225 octets est arrivé à 53 999 sur le Mac, empreinte différente. Ce n’est pas une corruption : le pont injecte 7 774 octets de manifeste de provenance C2PA après l’attribut viewBox. Pour une image : rapatrier le fichier déposé et vérifier son CONTENU et son RENDU. Pour le HTML, l’empreinte a correspondu à chaque fois.
Un background-image sur body se propage au canevas : ses pourcentages se calculent sur la FENÊTRE. Posé sur une div racine, il se calcule dans la div (8 391 px au lieu de 900) et l’aura change complètement d’échelle. En déplaçant une règle de body vers une racine, laisser les fonds décoratifs au corps.
Un preserveAspectRatio="none" n’est pas un défaut en soi : quand les repères sont placés en POURCENTAGE de la boîte, c’est l’étirement qui les garde justes. Ne pas y toucher — donner à la BOÎTE le ratio du dessin : l’étirement devient l’identité.
Une dépendance passe avant une élégance. Avant tout réordonnancement d’onglets : chercher qui appelle qui. Le panneau 🌳 L’Arbre écrit « va dans l’onglet ⚖️ Balance et colle ce résumé » — aucune symétrie ne justifie de faire manipuler un outil qu’on n’a pas montré.
Quand une correspondance formelle et une intuition éthique se contredisent, relire le tableau avant de défendre la table. P4 a pour vice l’acrasie (= ParDonnance) et P6 la neutralité complice (= Témoignage) : la règle morale avait corrigé la lecture du tableau.
Une colonne qui se tarit est une colonne qui ne dit rien. La colonne PLAN de 🏷️ NOMENCLATURE descend P1→P8 en face de C1→C8 puis s’arrête (C9–C13 vides) : signature d’une donnée obtenue en déroulant deux listes en parallèle, pas en pensant. Devant deux feuilles qui se contredisent, chercher LAQUELLE a une raison de s’arrêter.
Avant d’appliquer une décision notée, relire le document. Une note du 29 septembre disait que l’émoji du Plan 4 devenait 💛 ; la Charte V16, écrite le 30, porte la décision inverse en toutes lettres. C’est le document qui fait foi, pas la note.
— 9 et 10 octobre 2026 · 3.2 Justice entre dans la coque — quinze pièges, dont cinq affirmations que la mesure a démenties.
Un contrôle statique qui suppose une forme ne voit pas ce qui s’écrit autrement. Cinq affirmations fausses en deux jours sur 3.2 Justice, toutes nées d’un grep, aucune d’une mesure au rendu : « 0 attribut d malformé » alors que la console en donnait 7 279 — mon contrôle ne lisait que le PREMIER caractère, or il faut compter les ARGUMENTS de chaque commande, un c en demande six ; « ≈ 5 300 textes sous le plancher » pour 471 ; « pas de métas » alors que la description existait, écrite content= avant name= ; « le Rapport Préjudice Vivant à verser dans Pratique » alors qu’il y était déjà ; « 9 SVG cassés » pour 9 TRACÉS. Quand un grep annonce une absence, c’est le plus souvent la question qui est mal posée.
position:relative posé pour ancrer un bouton écrase le position:sticky. Payé DEUX FOIS le même jour, à deux minutes d’écart — la rangée d’onglets, puis la barre des Livres. La règle a l’air innocente, et une barre qui cesse de coller ne lève aucune erreur. sticky est déjà une position non statique : elle ancre les enfants absolus toute seule. Après toute règle de positionnement : remesurer la position calculée.
Viser une barre collante pour s’y rendre est un non-geste. Collée, son getBoundingClientRect().top vaut déjà sa position collante : top + scrollY − nav-h rend le défilement courant. Mesuré : on arrivait à 10 577 px dans un volet de 2 000. Viser le VOLET, dont le haut ne ment pas.
Changer d’onglet raccourcit le document et laisse la lectrice sous la fin de la racine. Le corps de page n’ayant pas de fond, elle voit du blanc. Relevé à 390 : racine à −1 673, défilement à 1 681. Remettre la lecture en haut du volet à chaque changement.
Deux sommaires pour une partie, dont un collant. La Charte n’admet dans la pile que l’architecture, les parties et les sous-parties : le sommaire est un bloc de sa partie, jamais collant. Justice portait quatre barres collantes aux top écrits à la main, qui s’ignoraient — d’où le trou que Diane voyait. Et .part-som (les huit onglets, groupé par Livre) rendait nav.toc (un seul onglet) redondant.
Un repli hors de portée n’est pas un repli. Le sommaire d’onglet se repliait très bien — mais ouvert il faisait 3 515 px et son bouton était 3 500 px au-dessus de la lectrice. Plafonner, et laisser défiler dedans.
Greffer une coque sans retirer le meuble qu’elle remplace. Deux boutons ⛶ superposés à 4 px — (1 224, 22) et (1 228, 13) — pendant plusieurs passes, invisibles à tout test fonctionnel puisque les deux marchaient. Après toute greffe : chercher le doublon du meuble apporté.
Une passe d’arrondi peut fondre deux nombres en un. -.01 .69 .11 .99 (quatre) devenu -.1 .7 .12 (trois) : la commande n’a plus assez d’arguments, le tracé ne dessine rien. Ce n’étaient pas 9 tracés abîmés mais tout un jeu de coordonnées déprécisé, avec 9 endroits où la syntaxe cassait — 7 279 erreurs de console. Remède : réimporter depuis la source (Schemas SVG/, correspondance 1:1 par viewBox et nombre de tracés, coût 1,1×, 0,102 % de pixels différents). Jamais deviner un nombre dans un dessin.
La feuille de papier est la même feuille avec une autre palette. La Charte le dit au chapitre « La version imprimable » et donne sept remèdes : palette inversée, teintes en attribut style reprises, tableaux dégelés, thead{display:table-header-group}, volets dépliés, liens annotés, une sans 100vh. « Sur écran, la lumière vient du fond ; sur papier, la lumière EST le papier et l’encre l’en prive. Ce ne sont pas deux styles du même document : ce sont deux physiques. »
Une palette ne rattrape pas une couleur écrite en dur hors variable. Les sept remèdes posés, 497 textes restaient sous 4,5:1 : des blocs portaient #09090e ou rgba(17,17,24,.6) en clair dans la feuille. Éteindre tous les fonds, puis rendre sa teinte au petit nombre de blocs qui en ont besoin.
Une encre d’impression se calcule contre le fond le plus sombre qu’elle rencontre. Calculées contre le papier #faf9f5 alors qu’une partie se pose sur les blocs teintés #f2efe6, 47 teintes repassaient sous le seuil. Chaque équivalent sombre se CALCULE — même teinte, même saturation, clarté descendue par dichotomie — il ne se choisit pas à l’œil. Résultat : 0 texte sous 4,5:1 sur 2 461 imprimés.
Une règle écrite avant une autre, à spécificité égale et avec !important des deux côtés, perd. Mes réglages d’impression (ligne ~900) tombaient devant les règles de coins (ligne ~10 700). Passer devant par la SPÉCIFICITÉ (body #racine …), pas par l’ordre.
getComputedStyle répond pour l’élément, pas pour sa visibilité réelle. Un enfant d’un ancêtre en display:none garde son propre display : un comptage naïf déclare « visible » ce qui n’est jamais peint. Pour « est-ce rendu ? » : remonter la chaîne des ancêtres, ou lire getBoundingClientRect().
Le corpus marque déjà ses mots difficiles : la capitale intérieure. Et la bulle est une COPIE du Lexique, jamais une seconde définition — « deux définitions du même mot finissent toujours par diverger ». Une par chapitre, jamais dans un titre, un sommaire ni le Lexique lui-même, ouverte au survol ET au clavier, posée SOUS LE PARAGRAPHE (ancrée au mot, elle déborde dès que le mot est près du bord — et sur un téléphone tous les mots le sont), et finissant par son foyer 🏠, numéro ET nom du volume.
Quand une mise en page demandée ne tient pas, donner le chiffre. La rangée des Tomes en deux lignes : mesurée jusqu’à 8,78 px, « 7 — La Maîtrise » retombait toujours seul sur une troisième. Ce n’est pas la taille qui bloque, c’est la longueur — 489 px demandés contre 355 disponibles. Un chiffre tranche là où « ça ne rentre pas » laisse croire à un manque d’effort.
— 11 octobre 2026 · 3.2 Justice entre dans Webnode — onze pièges du CADRE, là où la page cesse d’être sa propre fenêtre.
Une page à gros scripts ne va pas dans Webnode telle quelle. Mesuré : le HTML passe, le JavaScript non. Les boutons écrits en dur s’affichent, ceux que le module construit manquent, et le contenu sous la couverture ne s’ouvre jamais — ce sont les scripts qui ouvrent le premier onglet. Chaque volume a son jumeau _WEBNODE : la page entière dans un cadre (iframe srcdoc) qui suit la hauteur de son contenu, et le pont qui rebranche le défilement sur la fenêtre du site. Vérifier que le jumeau existe AVANT de chercher un défaut dans la page.
Une couverture en 100vh fait fuir un cadre qui suit sa hauteur. Le cadre prend la hauteur de son contenu, et 100vh se mesure alors contre le cadre : la couverture rajoute sa propre hauteur à chaque mesure. Mesuré sur Justice : +5 640 px toutes les 600 ms, sans palier — 102 000 px en huit secondes. Témoin : CosmoLogie, couverture en 88vh, stable à 9 219 px, écart 0. Le gain vaut exactement 1 à 100 %, et une boucle de gain 1 ne converge jamais. Dans le cadre, la couverture prend la fenêtre VISIBLE du site, que le pont publie en --vue-h.
Un cadre qui se mesure lui-même ne peut pas maigrir. documentElement.scrollHeight ne descend jamais sous la hauteur de la fenêtre, donc jamais sous celle du cadre. Mesuré : après une lecture continue repliée, le cadre restait à 204 523 px et la page du site gardait deux cent mille pixels de vide. CosmoLogie a le même défaut — 256 267 px avant comme après — il n’avait jamais paru parce qu’aucune lecture continue ne marchait encore dans un cadre. Ce n’est pas à l’hôte de le deviner : c’est la page qui sait quand elle s’est repliée. Elle crie, et le pont remesure UNE fois, à vide.
Une mesure à deux règles oscille. Pour faire maigrir le cadre, j’avais donné deux règles à l’hôte : le document pour monter, la boîte du corps pour descendre. Mesuré : le cadre sautait entre 6 477 et 3 478 px trois fois par seconde, le pont se taisait un coup sur deux (sa tolérance est de 40 px) et tout ce qui dépend de lui clignotait. Une seule règle, et un événement pour le cas particulier. Deux règles qui se contredisent sur la même grandeur font un oscillateur, pas une mesure.
Dans un cadre qui ne défile pas, innerHeight vaut tout le document. La barre de progression de Justice calcule fin = bas - innerHeight : avec un innerHeight de 3 461 px au lieu de 836, la course devenait négative et le calcul retombait sur son cas dégénéré — 0 % ou 100 %, rien entre les deux. Le pont rendait déjà pageYOffset et getBoundingClientRect à la fenêtre visible ; il manquait innerHeight. Quand on déplace le référentiel, on le déplace EN ENTIER — un seul oubli suffit à rendre tout le reste faux.
Deux mains sur la même barre de progression. Le pont mesure la page entière ; un volume à onglets mesure le volet ouvert — « compter les huit mentirait à qui n’en lit qu’un ». Mesuré à défilement FIGÉ, la barre sautait entre 0 %, 47,84 % et 100 %, cinq fois par seconde. Une seule main sur une même propriété. Le pont a désormais un drapeau PROG:false : quand le volume tient sa barre, le pont se tait. Et ce qui pulse à défilement figé n’est jamais un défaut de calcul : c’est deux calculs.
Un préfixe de racine rate ce qui est sorti de la racine. Mes trois règles de coin étaient préfixées #ami-justice ; deux boutons ont bougé, le troisième est resté à 128 px et 44 px. #jxRech avait été posé sur le corps par la greffe, pour échapper à la règle du volume qui cache .ami-coin. Avant de préfixer, vérifier où vit l’élément. Un identifiant est unique : il n’a pas besoin de racine, et la racine peut l’empêcher d’atteindre sa cible.
Le pont passe les coins fixes en absolu : la racine devient leur référence. Pour les reposer sur la fenêtre visible, le pont convertit fixed en absolute. Ceux qui vivent dans #ami-justice (position:relative) s’ancrent alors sur ELLE, ceux qui vivent sur le corps s’ancrent sur la fenêtre. Mesuré : 8 px d’écart constant à 390, 1145 et 1280 px — la marge par défaut du corps. Dans le cadre, la marge du corps ne sert à rien : html.i-cadre-fil body{margin:0}, et les quatre coins s’alignent. Un écart qui ne varie pas avec la largeur n’est pas une erreur de calcul, c’est une constante — cherchez-la dans la feuille, pas dans le code.
La barre greffée apporte le bouton, pas le comportement. Le module le dit en commentaire : « La barre ne connaît pas le contenu de la page : elle bascule et crie l’événement. C’est au volume d’écouter. » J’avais greffé le cri sans écrire l’oreille. Mesuré au clic : CosmoLogie 1 volet → 33, document 16 436 → 249 614 px ; Justice aria-pressed="true" et 8 646 px avant, 8 646 px après. Zéro erreur JS — le bouton ne plante pas, il parle dans le vide. Après une greffe, essayer CHAQUE bouton et mesurer ce qui change. Un bouton muet ne lève aucune alerte.
</body> peut être écrit dans une chaîne JS. Justice en contient deux : la vraie fermeture, et celle que le bloc Emporter assemble pour l’export. L’outil du cadre vérifiait count == 1 et remplaçait le PREMIER : il aurait injecté le pont au milieu du code d’export. Viser le DERNIER (rsplit), qui est toujours la vraie fermeture. Et garder la vérification qui a levé le lièvre : un assert qui se déclenche a fait son travail.
Un commentaire voyage avec sa langue. Deux fois dans la même soirée j’ai collé un commentaire CSS /* … */ dans un script Python ; la seconde fois une apostrophe a fermé une chaîne. Et comme le fichier était écrit avant la vérification de syntaxe, l’outil partagé est resté cassé entre les deux. Le commentaire prend la langue du fichier qui l’accueille, pas celle du texte qu’il décrit. Et on vérifie la syntaxe AVANT d’écrire, jamais après.
Une image appelée par un chemin RELATIF ne voyage pas avec la page. Mesure du 12/10 sur tout le corpus : onze références dans six volumes pointent vers des dossiers locaux (MES SCHEMAS/images ressources/…, Table_Divine_V19_ressources/…, des .svg à côté du fichier). Cinq des fichiers visés n’existent nulle part dans le projet. En ligne, le navigateur affiche sa vignette d’image cassée : dans 3.2 Justice, entre « ParDon » et « Justice », à la place de la balance. Une page du corpus est un fichier unique : tout ce qu’elle montre doit être EN ELLE, en data:. Quand la source manque, le glyphe fait l’affaire — ⚖️ à la place d’une photo de banque d’images, dans la même boîte, aux mêmes coordonnées : rien à télécharger, rien à licencier.
Un glyphe posé dans un schéma hérite du noir du schéma. La balance était là — getBBox donnait 376 × 354 — et invisible : sans fill, le texte prend la couleur du groupe, noire, sur un fond noir. La police emoji couleur ignore le fill, mais celle qui retombe en monochrome, non. Poser le fill explicitement. Et ne jamais conclure d’un élément absent à l’écran qu’il n’est pas dans la page : mesurer sa boîte avant de le chercher des yeux.
Le texte d’un schéma vectorisé n’est pas du texte. J’ai cherché « ParDon » dans 3.2 Justice : zéro occurrence, et j’en ai conclu que la capture venait d’un autre volume. Le mot était bien là, dessiné en courbes de Bézier. Un grep qui ne trouve rien dans un schéma ne prouve rien. Pour savoir ce qu’un schéma montre, il faut le rendre et le regarder.
Une copie mise en scène vieillit. J’ai comparé la bande des registres d’EGO à celle de Justice et annoncé 96 px d’écart : la bande de Justice que je mesurais était une copie figée dans mon espace de travail, d’avant l’ajout du troisième groupe. Reprise à sa source, les deux bandes font 313 px, au pixel. Un témoin n’est un témoin que s’il est daté : avant toute comparaison, le reprendre où il vit.
Rejouable veut dire à l’octet. Mon outil retirait un bloc avec l’espace qui le suit et le reposait avec l’espace qui le précède : à chaque passe le fichier gagnait trois caractères. Trois passes, trois md5 différents. Le retrait et la pose doivent mordre du même côté — et la preuve n’est pas que l’outil tourne deux fois sans se plaindre, c’est que le md5 ne bouge pas.
Un témoin qui échoue pareil n’accuse pas la page. Les barres ne suivaient plus le défilement dans mon banc d’essai — et elles ne le suivaient pas davantage dans Justice, dont la version en ligne fonctionne. Le banc ne reproduisait pas le site. Avant d’écrire qu’une page est cassée, faire tourner le témoin : s’il tombe aussi, c’est l’instrument qui mesure faux, et on n’a rien mesuré.
27 octobre 2026 · Les commandes présentes mais superposées. Sur PsychaTrice V32, la surcharge #amiRech{bottom:1rem!important} place la recherche au même niveau que le sommaire, malgré la règle commune qui la place à 7.4rem. La présence des trois boutons dans le document n’établit donc ni leur visibilité ni leur accès. Le contrôle ajoute la mesure des rectangles, l’absence de coupure par le cadre et le clic réel sur chaque commande. Les retours de lecture de cette passe sont également consignés dans Les Contrôles d’Usage : repli automatique unique, barre repliée entièrement cliquable, accès aux sous-onglets, usage proportionné des déroulés et réouverture des exports. Cette trace reste dans le Contrôle Qualité ; elle ne devient pas un commentaire de fabrication dans les volumes.

📲Le registre des Applications

« La Qualité de Nos Décisions dépend de Notre Capacité à Voir Juste. » — agdistys.fr/mes-applications

Application	Nature	Statut	Ce qu’elle fait
🌕 Mon Cycle `agdistys.fr/mon-cycle-app/`	Santé holistique	accessible	Tracking PsychoBiologique & d'Intensité Relationnelle pour mieux se voir, s'ajuster, se protéger & se soigner.
🕸️ La Table Ronde `agdistys.fr/la-table-ronde/`	R&D + relations sociales saines	accessible	Création de Conseils pour mieux relationner, avec une partie de Mesure à l'aveugle pour tester ses idées.
🛡️ WikiLeaks des Agresseurs `agdistys.fr/wikileaks-des-agresseurs/`	Protection	accessible	Protocole d'accès à l'Observatoire de Responsabilité Publique pour mieux se protéger.
🪞 WidgeTÔThèque `agdistys.fr/widgetotheque/`	Widgets pour se tester	accessible	Les widgets du corpus — relèvent de la Checklist LV côté Volumes.
🔥 Agora `agdistys.fr/agora/`	Justice sociale	en développement	Rassemblement des plateformes de pétitions, avec une lecture explicite et contestable — la valeur éthique — de la construction de chacune.
🧭 OùQuandQui (DragonRoute) `agdistys.fr/dragonroute/`	Transport éthico-pratique	en développement	Comparer comment aller quelque part, quand, avec qui et à quel coût — en euros, minutes, détour, CO₂e, accessibilité, vie privée et dépendance aux plateformes. Projet pilote du pipeline.

🧿Le référentiel des Applications — machine · inspection · publication

« Contrôle Qualité aMi — Document Unique V1 » (Isil, 17 sept 2026) : le référentiel machine · inspection humaine · publication, condensé ici. Le pipeline (branches, PR, preview Cloudflare, Playwright, Lighthouse, health checks) n'est pas encore installé : il attend le connecteur GitHub sur Atlas-Conscience.

Une version n'est pas « terminée » parce qu'elle fonctionne une fois. Elle est prête à inspecter quand la machine a vérifié ce qu'elle sait vérifier ; prête à publier quand l'humain a validé ce que la machine ne doit pas décider.

Le cycle de vie canonique

Idée → Branche de chantier → Code / contenu → 🤖 Contrôles machine → 🧪 Tests d'intégration → Preview / rapport → 👁️ Inspection humaine → Validation → Merge → Production → Surveillance des sources

Aucune fonctionnalité ne passe de « je l'ai codée » à « production » : un critère d'acceptation, au moins un test automatique quand c'est testable, une inspection humaine quand il y a du sens, de l'usage ou de l'esthétique.

DONE — seulement si

fichiers présents
syntaxe valide
aucun lien local cassé
scénario nominal testé
scénario d'erreur testé
mobile testé
desktop testé
aucune erreur console bloquante
données réelles ou explicitement simulées en test
aucun faux fallback présenté comme réel
provenance des données identifiable
critères d'acceptation satisfaits
rapport automatique disponible
inspection humaine validée — sinon : N/A + justification, jamais une case laissée vide

Le socle commun, section par section

3 · Intégrité, syntaxe, démarrage 🤖🛑

Tous les fichiers référencés existent, casse exacte, aucun import local cassé, aucun marqueur de fusion
JS/JSON/manifest valides, aucun id critique dupliqué, aucun ReferenceError au démarrage
La page démarre sans interaction, atteint READY, une dépendance facultative peut tomber sans tuer l'app

4 · Tests fonctionnels 🤖🛑 / 🧪

Un scénario étalon par application (DragonRoute : Lyon → Valence, E10, 40 L, 6,2 L/100)
Cas limites : entrée vide, valeur invalide, API lente ou absente, permission refusée, réseau absent, écran très petit / large, retour arrière, rechargement
Règle anti-invention : donnée absente ≠ zéro ≠ fausse donnée — écrire « indisponible », jamais « 0 € » ou une station fictive

5 · Sources & données vivantes 🤖 + 👁️

Pour chaque donnée externe : nom, endpoint, licence, fraîcheur, nature, dépendance, comportement si la source tombe
Health check périodique (DGCCRF, OSRM, Nominatim, Impact CO₂, SNCF GTFS-RT, vélos partagés) — une panne source se distingue d'une panne du code
Fraîcheur : timestamp, seuil, alerte, test automatique de donnée ancienne

6 · Calculs & algorithmes 🤖🛑

Tests unitaires : cas simple à la main, zéro, limite, extrême, invalide, non-régression
Explicabilité : variables identifiables, formule documentée, sortie recalculable, pondérations visibles, estimation ≠ observation, aucune valeur morale cachée dans un « score objectif »
Reproductibilité : même résultat à données identiques, arrondis cohérents, locale et fuseaux contrôlés

7 · Interface & responsive 🤖🛑 / 👁️

Viewports : ~360×800, 390×844, 768×1024, 1440×900
Régression visuelle : captures de référence mobile + desktop, diff ; la machine dit « ceci a changé », l'humain dit « voulu / non voulu »
Débordements : pas de scroll horizontal involontaire, boutons visibles, modales contenues, textes non coupés

8 · Accessibilité 🤖 ⚠️ / 👁️

lang, viewport, contraste, labels, boutons nommés, alternatives d'images, ordre des titres, clavier, focus visible, ARIA sans erreur majeure
Inspection : compréhensible sans couleur seule, erreur compréhensible sans le code, zones cliquables confortables, expérience acceptable en reduced-motion

9 · Performance 🤖 ⚠️

Poids HTML/JS/CSS, requêtes, temps d'affichage, erreurs de chargement, ressources tierces, PWA
Budgets par application, ex. JS < 250 Ko · CSS < 150 Ko · LCP < 2,5 s · 0 erreur console bloquante

10 · Vie privée & sécurité 🤖 + 👁️

Aucune analytics non déclarée, aucun tracker, aucune donnée personnelle ni secret dans le dépôt
Permissions (GPS, caméra…) demandées seulement quand nécessaire, refus géré, raison expliquée
Liens externes : https, rel=noopener, aucune injection de HTML non échappé, données externes traitées comme non fiables

11 · PWA / installation 🤖 / 🧪

Manifest complet (nom, icônes, start_url, scope, thème), service worker, cache versionné, démarrage après installation
Comportement hors ligne défini ; UI hors ligne ≠ données vivantes indisponibles

12 · Qualité éditoriale 🤖 / 👁️

title, description, un seul H1, hiérarchie H2/H3, liens non cassés, encodage, aucun placeholder, version/date
Français défini et précis, fait / interprétation / hypothèse distingués, termes techniques définis, slogan ≠ précision du corps

13 · Charte aMi commune 🤖 ⚠️ / 👁️

Fond Onyx #09090e, variables de charte, polices attendues ou fallbacks documentés, accent déclaré, reduced-motion, aucun débordement, contraste minimum
On reconnaît la famille Agdistys ; l'accent différencie sans casser la lignée ; mobile ≠ desktop écrasé

14 · Boussoles, scores & recommandations 🤖 + 👁️

Formule et dimensions versionnées, valeurs manquantes explicites, entrées traçables, résultat reproductible, tests de bornes
Le score mesure bien ce qu'il prétend mesurer ; la formulation ne transforme pas une heuristique en vérité ; aucun classement moral présenté comme simple fait ; statut épistémique affiché

15 · Dépendances & fournisseurs 🤖 / 🧪

Pour chaque fournisseur : nom, fonction, criticité, licence, quota, données envoyées, alternative, fallback, dernier health check
Aucun composant essentiel prisonnier d'un fournisseur unique

16 · Fixtures & mesures aveugles 🤖 / 🧪 / 👁️

Fixtures séparées de la production, nommées, déterministes, jamais présentées comme vraies
Aveugle : noms neutralisés, ordre figé ou randomisation pré-enregistrée, règle enregistrée avant mesure, révélation séparée de la mesure

Les états officiels d'un chantier

⚫ BROUILLON — pas encore soumis aux contrôles
🟠 EN CHANTIER — branche active
🟡 TEST MACHINE — CI en cours
🔴 ÉCHEC MACHINE — au moins un bloquant
🔵 PRÊT POUR INSPECTION — machine verte, humain pas encore validé
🟣 CORRECTIONS DEMANDÉES — inspection non validée
🟢 VALIDÉ — machine + humain
🔥 PUBLIÉ — fusionné et déployé
🌱 SURVEILLÉ — production + health checks

Ce que la machine ne doit pas décider

le sens d'un texte
la beauté d'une interface
la fidélité à l'intention de départ
l'acceptabilité d'un compromis humain
la « valeur morale » d'une option
la qualité relationnelle vécue
la vérité d'une interprétation heuristique
le caractère satisfaisant d'une expérience

Les cinq questions de l'Inspectrice des Travaux Finis

Est-ce que ça fait ce que j'ai demandé ? — pas « presque », pas « techniquement »
Est-ce que je comprends immédiatement comment l'utiliser ? — sans connaître le chantier
Est-ce que ce que je vois correspond aux données réelles ? — pas de magie silencieuse
Est-ce que je reconnais la ligne aMi ? — structure, langage, densité, identité
Est-ce que je veux mettre mon nom dessus ? — sinon, retour au chantier

Gabarits

Fiche d'acceptation par fonctionnalité

# Fonction : [nom]

## Intention — ce que la fonctionnalité doit rendre possible
## Entrées · Sorties
## Scénario nominal — 1. … 2. … 3. …
## Attendus machine — [ ] …
## Cas d'erreur — [ ] …
## Données / Sources · Vie privée
## Inspection humaine — [ ] intention respectée · lisibilité · mobile · texte · esthétique
## DONE — [ ] CI verte · [ ] preview disponible · [ ] inspection validée

Procès-verbal automatique de PR

╔════════════════════════════════════════╗
║      🧿 PROCÈS-VERBAL D'INSPECTION     ║
╚════════════════════════════════════════╝
Projet · Branche · Commit · Date

INTÉGRITÉ   ✅ fichiers · ✅ références · ✅ syntaxe
TESTS       ✅ unitaires n/n · ✅ e2e desktop · ✅ e2e mobile · ✅ erreurs contrôlées
VISUEL      ✅ 390 × 844 · ✅ 1440 × 900 · ⚠️ diff volontaire à valider
ACCESSIBILITÉ ✅ contrôles automatiques · ⚠️ contraste secondaire à inspecter
SOURCES     ✅ … · ⚠️ … indisponible au health check

🤖 MACHINE : PRÊT POUR INSPECTION
👁️ HUMAIN  : EN ATTENTE

La Machine vérifie la Structure. Les Tests vérifient le Comportement. Les Sources vérifient l'Ancrage. L'Inspectrice vérifie le Sens. La Publication engage le Nom.

🪟Publier sur Webnode — le Cadre et le Pont

Une page se publie en collant le fichier entier dans un bloc « Code HTML » de Webnode. Apokalypse (3 Mo) passe ainsi. L'Initiation ne s'est jamais affichée — bloc vide, sans un message. Dix-neuf essais (17-18 sept, TEST A → S) ont établi ce que l'hébergeur fait et ne fait pas ; la cause n'a pas été identifiée, la règle n'en a pas besoin.

Ce qu'on croyait	Ce qui a été mesuré	Verdict
Un plafond d'octets	236 pages du sitemap : ami-astroglobe 3,1 Mo en ligne (un script de 1,8 Mo), Apokalypse 3,0 Mo — et un bloc de 30 Ko refusé (P5)	non
Une ligne trop longue	PsychaTrice V20 passe avec une ligne de 808 000 signes ; P5 refusé n'a que des lignes de 800	non
Un filtre de mots (API JS)	TEST K : 27 jetons écrits en deux morceaux — refusé	non
L'exécution des scripts	TEST L : scripts inertes (type=text/plain) — refusé : c'est le texte côté serveur	non
Un trait ES6	N2 accepté : 326 flèches, const, gabarits, async	non
Le refus est silencieux	le bloc garde son contenu précédent ; page + scripts en deux blocs → Error 500 ; head/body ôtés ; page + styles seuls passent, les scripts échouent en combinaison	mesuré

La règle

La page entière dans UN iframe srcdoc (& → & · " → "), scrolling=no, allowfullscreen, hauteur suivie par un dimensionneur ; le cadre suit son contenu et c'est la page du site qui défile. Le fichier source reste la Page ; la version _WEBNODE est un dérivé de p15_cadre_webnode.py, régénéré à chaque version, jamais édité à la main. Même voie pour PsychaTrice V23 et AstroGlobe 3,9 Mo.

Ce que le Pont rebranche (pont_cadre.js)

Dans la Page seule	Dans le Cadre — ce que fait le Pont
La fenêtre visible	vue() : du bas de l'en-tête fixe du site (mesuré) au bas de l'écran, en coordonnées du cadre — --vue-top / --vue-h pour la CSS (le voile 🔍 s'y pose)
position:sticky — barre, onglets, volets, sous-onglets	colle(v) : sous le haut de la vue, la barre passe en position:absolute, un fantôme garde sa place, les barres s'empilent, --pile dit où la pile s'arrête (SEL unique, le même que le script « colle » de la page)
position:fixed — ↑ ☰ 🔍, ◐ 💧, #prog, voiles	scanFixes() lit l'ancrage dans la feuille (top:auto + bottom posé = ancré en bas) ; poseFixe() les rend absolus au bord voulu de la vue ; un voile étiré suit la vue
Progression et ↑	calculés sur parent.scrollY ; le ↑ forcé en ligne !important (le script de la page le re-cache)
window.scrollTo / scrollBy	traduits en parent.scrollTo (haut du cadre + y − en-tête) : sommaire, ↑, retour où j'étais
Plein écran	vrai : allowfullscreen, scrolling=yes le temps du plein écran, le Pont se tait. Repli : le cadre prend l'écran du site (fixed inset 0, body du site overflow hidden), la page défile dedans, Échap ou ✕ restaure
Les événements scroll	redistribués à la page à chaque tick (elle croit défiler) ; tick sur scroll/resize du parent, clic, et toutes les 700 ms

Mesuré dans le simulateur

Mesure	Attendu
barre 0 · onglets 48 · volets 164 · sous-onglets 240 px sous l'en-tête (sim_cadre.html, en-tête 80 px, .b-c overflow hidden, 390 px)	trois rangées, en pile
🔍 ☰ ↑ au bas de la fenêtre, ↑ après 420 px, ↑ ramène en haut du site	coins à l'écran, pas au bas du cadre
repli de plein écran : cadre plein écran, défilement dedans, zoom 110 %, ✕ restaure	immersif, et on en sort

Vérifier en ligne — sans accès au code du bloc

Webnode ne laisse pas relire un bloc collé : on vérifie dans le code servi — marqueur data-test sur la racine, sonde data-ami-js posée par le premier script. Marqueur absent : refusé (ancien contenu gardé). Marqueur présent, sonde absente : le texte passe, les scripts ne tournent pas. Puis le rendu sur téléphone.

La page source est finie et contrôlée (mutations, débordements 320/390/768/1280, 0 var(--x) sans déclaration) avant de générer le dérivé.
p15_cadre_webnode.py régénéré à chaque version ; le fichier _WEBNODE n'est jamais édité à la main.
Le simulateur est rejoué : pile des barres, coins au bas de l'écran, ↑, plein écran et repli.
Un seul bloc « Code HTML » par page publiée : jamais la page dans l'un et des scripts dans l'autre (500).
En ligne : marqueur et sonde lus dans le code servi, puis le rendu sur téléphone.

◐Les boutons d'accessibilité — places et états

Retour de Diane, 18 sept 08h10, sur téléphone : « rester simple et pas trop voyant ». Trois familles, trois places — et une seule façon de dire « c'est actif » : la forme intérieure se remplit de sa propre couleur. Jamais un halo (le halo rouge a été lu comme une alerte).

Place	Boutons	Ce qu'ils décident	Détail
En haut à gauche	◐ contraste · 💧 lecture continue	la forme de la lecture	left:.5rem · left:2.9rem, top:.4rem
En haut à droite	⛶ plein écran · − % + zoom	le cadre de la lecture	le zoom ne paraît qu'en plein écran (V16) ; ⛶ devient ✕ une fois dedans
En bas à droite	↑ haut · ☰ sommaire · 🔍 recherche	où l'on va	de haut en bas — bottom:7rem · 4rem · 1rem, right:1rem

Bouton	Au repos	Actif	Comment
💧 lecture continue	goutte en trait	goutte pleine	#amiLecture[aria-pressed="true"] svg{fill:currentColor}
◐ contraste	demi-cercle plein (le signe du contraste)	cercle plein ●	#amiContraste[aria-pressed="true"] svg circle{fill:currentColor}
⛶ plein écran	⛶	✕	Échap sort des deux plein écrans, le vrai et le repli

Le plein écran, vrai ou replié, DÉFILE : documentElement en plein écran, pas la racine d'un widget. Défaut ouvert sur 0.1 Apokalypse (une figée) et 0.3 Union (trou des onglets) — même composant à corriger.
Le repli (API refusée dans un cadre) réduit la barre au lieu de la cacher : ⛶/✕ + zoom en haut à droite, ◐ 💧 en haut à gauche — sinon on entre sans pouvoir ni zoomer ni sortir.
Même trait, même opacité pour tous les coins ; le plein et le vide suffisent. Contrôle à la machine : verif_contraste.py (fill calculé au repos / actif) et la mutation « ordre des coins » (🔍 ☰ ↑ de bas en haut).

🧪Tests & Recherches — état du banc de mesure

La Table Ronde est le banc d'essai aveugle commun. Un orchestrateur central tient quatre files indépendantes : Mapping du Champ de ConScience, Accordage des Questions d'Introspection, Affûtage de l'Œil du Juge-Profileur et Fidélité du Tissage TR-01.

Mode	Statut	Ce que ça permet	Ce qui reste humain
Step auto immédiat	mode de secours	Préparer paquet public + PRE privé, lancer les voix, exporter les retours bruts, puis analyser le tour.	Lancement et transfert manuels lorsque le cycle adaptatif n'est pas employé.
Cycle adaptatif contrôlé	construit · pilote synthétique	Gel SHA-256, distribution aveugle, collecte, comparaison au PRE, décision structurée, registre et préparation du tour suivant.	Autorisation budgétaire, ambiguïtés de sens, publication et toute étape impliquant des personnes réelles.

Les quatre chantiers

Chantier	État au 18 septembre	Prochaine borne
Mapping du Champ de ConScience	Structure Q·N·C·S·M établie ; 36 potards et 42 observables confirmés par la carte d'adéquation.	Compléter Q·N·C·S·M observable par observable ; vérifier comment les six subdivisions vivent dans RefleXion V47-1, qui rend actuellement 36 entrées principales.
Accordage des Questions d'Introspection	Premier cycle critique clos jusqu'à F25.	Reprendre les observables sous PRE séparés.
Affûtage de l'Œil du Juge-Profileur	Besoin documenté ; fiabilité encore à démontrer.	Écrire le premier pilote sur cas synthétiques aveugles.
Fidélité du Tissage TR-01	Cas 0A1 historique à rapprocher de ses sorties.	Clore A1, préparer A2, puis seulement comparer X/Y.

Ce que mesure RefleXion

Dans le modèle aMi, le biais est l'indicateur inverse visé de la ConScience : sur une même dimension, davantage de biais validé indique moins de conscience opérationnelle de cette dimension. La chaîne de mesure reste cependant explicite : réponse brute → observable → biais validé → contribution au profil de ConScience. Q·N·C·S·M autorise chaque passage ; le nom d'un biais ou une accusation reçue ne suffit pas.

Profil avant total. Les familles restent restituées comme dimensions distinctes tant qu'une loi mathématique préenregistrée n'a pas établi leur comparabilité, leurs poids et le traitement de l'incertitude.

La machine peut accélérer la mesure. Elle ne doit pas recevoir le PRE dans le paquet public, ni décider seule du sens final.

🕸️La Table Ronde — automatiser les tests aveugles

Architecture active : La Table Ronde orchestre les voix ; le cycle adaptatif gèle, collecte, compare au PRE et prépare le tour suivant dans le même rail. Diane reçoit les décisions qui exigent un arbitrage de sens.

Cycle adaptatif contrôlé

Paquet public + PRE séparé → Gel SHA-256 → Campagne aveugle → Réponses brutes → Comparaison au PRE → Décision structurée → Nouveau paquet/PRE ou arrêt

Ce que La Table Ronde doit savoir stocker

Objet	Champs minimaux	Règle
Campagne	id, nom, paquet, version, date, statut, nombre de voix attendues	Une campagne ne change plus après lancement ; toute correction crée une nouvelle version.
Paquet public	texte envoyé, consignes, items, options de réponse, question finale	Jamais de PRE, jamais de verdict attendu, jamais de synthèse cachée.
PRE privé	hypothèses, seuils, critères de recevabilité, décisions attendues, incidents possibles	Visible seulement après clôture de la collecte.
Voix	modèle, horodatage, exposition déclarée, retour brut, statut complet/incomplet	La déclaration d'exposition est conservée, même quand elle semble erronée.
Analyse	convergences, divergences, incidents, verdict, prochaine action	L'analyse cite les retours bruts et distingue mesure, interprétation et arbitrage humain.

Step auto immédiat — mode manuel rapide

1 · PréparerCodex produit deux fichiers : Fxx_Paquet_Public.md et PRE_Fxx_Privé.md. Le paquet contient l'en-tête stabilisé : modèle, horodatage, connaissance du protocole, exposition préalable.
2 · LancerDiane colle uniquement le paquet public dans La Table Ronde, ou dans chaque voix si le connecteur n'est pas encore branché. Le PRE reste fermé.
3 · ExporterLa Table Ronde exporte un dossier campagnes/Fxx/retours/ avec un fichier brut par voix, sans correction manuelle.
4 · AnalyserCodex lit les retours, compare au PRE, marque les incidents, met à jour registre + synthèse, puis prépare le paquet suivant.
5 · ContrôlerDiane reçoit la synthèse propre, les fichiers à jour et les points qui demandent vraiment son arbitrage.

Statuts d'une campagne aveugle

⚫ BROUILLON — paquet et PRE en préparation
🟠 PRÊT À LANCER — paquet public relu, PRE séparé
🟡 COLLECTE — voix en cours de réponse
🔵 À ANALYSER — retours bruts exportés
🟣 INCIDENT — contamination, retour vide, voix exposée ou consigne non suivie
🟢 SYNTHÈSE PRÊTE — analyse + prochain paquet générés
🔥 VALIDÉ — Diane a contrôlé la décision

Campagnes distinctes, compte partagé et appels en parallèle

Des campagnes différentes restent différentes même si elles utilisent le même compte OpenRouter, les mêmes fournisseurs ou le même moteur. Chacune garde sa question, son PRE, ses entrées gelées, sa version de modèles, son plafond, son registre de coûts, ses bruts et son analyse. Un verrou partagé ne fusionne pas ces campagnes : il règle seulement qui peut envoyer une requête à cet instant.

Notion	Ce qu’elle signifie	Conséquence pratique
Campagnes séparées	Sainte Trinité ST25, Constitution adaptative et CM3IA-P414 ont des objectifs, dossiers, plafonds et registres propres.	Ne pas additionner leurs enveloppes ni leurs résultats comme s’il s’agissait d’une campagne unique.
Verrou API global	Un mécanisme commun peut sérialiser les appels payants vers le compte partagé.	Une campagne qui attend le verrou est en file; elle n’est ni fusionnée ni annulée. Le verrou ne constitue pas une autorisation d’appel.
Travail en parallèle	La préparation, la lecture et l’analyse de campagnes distinctes peuvent avancer en même temps.	Les appels externes restent séquentiels tant que le verrou commun est détenu pendant l’envoi et le règlement.
Vrai parallélisme des appels	Plusieurs requêtes simultanées partagent un crédit et une limite d’exposition.	Il faut d’abord un registre de compte atomique qui réserve chaque paquet avant l’envoi, cumule les réserves actives, règle le coût réel ou l’incertitude et bloque les reprises non autorisées.

Vérification de scripts : le runner de Constitution prend un verrou commun MESURES/.campagnes_openrouter.lock et un verrou propre à sa campagne. Le runner Sainte Trinité délègue à la base ST20; au moment de l’audit, le processus ST25 détenait le même verrou commun ainsi que son verrou local. Le runner Cartographie P385 prend un verrou exclusif de paquet et vérifie les verrous de paquets antérieurs, sans prendre ce même verrou global. Ces variantes ne garantissent donc pas uniformément qu’aucun runner ne puisse envoyer en même temps sur le compte. Le réglage prudent est de garder budgets et analyses séparés tout en sérialisant les appels payants; le vrai parallélisme attend un registre de réservation atomique partagé par tous les runners. Changer de clé ne libère pas un verrou local.

La présente mise à jour ne modifie pas l’interface ni le moteur d’exécution de La Table Ronde : elle documente la coordination des campagnes dans cette page de contrôle qualité.

P414 — pilote comparatif de méthode (24 octobre 2026)

Question : l’extrait V6 apporte-t-il quelque chose au classement justifié des mêmes dossiers, au-delà de la consigne seule (A) ou d’un contrôle générique (B) ? Les conditions C reçoivent l’extrait V6. Cinq dossiers synthétiques, un retour par bras et par modèle; aucune cotation humaine dans ce pilote.

Modèle et passe	Bras A — consigne seule	Bras B — contrôle générique	Bras C — extrait V6
GPT-5.1 · P01	Statuts 5/5; sources exactes 5/5; justifications et limites 5/5.	Statuts 5/5; sources exactes 5/5; justifications et limites 5/5.	Statuts 5/5; sources exactes 5/5; justifications et limites 5/5; deux descriptions de provenance non étayées signalées séparément.
Grok-4.3 · P02	Statuts 5/5; sources exactes 4/5; justifications et limites 5/5.	Statuts 5/5; sources exactes 4/5; justifications et limites 5/5.	Statuts 5/5; sources exactes 5/5; justifications et limites 5/5.

Chez Grok, A et B omettent tous deux P3 pour D4; C cite P1–P3. C’est un écart descriptif d’un cas dans ce tirage, pas une preuve d’effet du manuel. Chez GPT, les critères étaient déjà au plafond dans A/B/C; les deux ajouts de provenance de C ne figurent pas dans les dossiers et restent des drapeaux distincts, pas des erreurs transformées en score global. D5 reste non résolu dans les six sorties.

Limites : une seule passe de cinq scènes par bras, ordre fixe A→B→C, aucun répété, cotateur humain ou contrebalancement. Cela ne mesure ni fiabilité, ni stabilité, ni validation psychométrique, ni effet causal ou général. Coûts confirmés P414 : 0,03569805 USD sur un plafond de campagne de 2,00 USD; la réservation P02 de 0,12 USD a été libérée après analyse; zéro reprise, coût inconnu ou outil exécuté. Les bruts, empreintes et analyses restent dans [référence locale non publiée].

🧾Registre des préenregistrements

Chaque PRE fixe la règle avant réception. Il ne sert pas à avoir raison ; il sert à empêcher le test de bouger après avoir vu les réponses.

Champ	À noter avant lancement
Objet	Ce que le paquet teste exactement, et ce qu'il ne teste pas.
Hypothèse	Ce qui devrait converger si l'instrument mesure correctement.
Seuil	Nombre de voix, règle de recevabilité, traitement des retours incomplets.
Incidents	Exposition préalable, réponse vide, modèle qui infère une mémoire, consigne non suivie.
Décision	Passage, nuance, invalidation, paquet pilote, ou retour à l'accordage.

🏹Accordage — dossier central consolidé

La synthèse V5, ses compteurs, la table 36 → 42, les documents canoniques et le plan humain sont intégrés ici sans devenir un score supplémentaire.

Discipline : On cartographie avant de reparer.

1.2496045 USDPRE-057 · 43 appels sur 2.50 USD

36/36modules stabilises synthetiquement

42/42observables historiques cartographiees

0/36validation psychometrique humaine

0.6760645 USDcout F72-F86 sur 0.8 USD

0.286672 USDcout H0 sur 0.8 USD

0.32894 USDpreparation H1 : 5 paquets sur 0.8 USD

Q/C

Accordage des Questions d'Introspection

Tester et reconstruire chaque question au regard de son construit.

Etat: Kit H1-C/E/R prepare ; codebook stable ; collecte humaine non ouverte
Campagnes: 9

Prochaine etape

Controler le kit H1-C avec l'utilisatrice, definir separement H1-E et verifier la gouvernance des donnees. La collecte humaine reste fermee jusqu'a un PRE H1-C scelle et une autorisation distincte.

Mapping du Champ de ConScience

Cartographier la chaine Q, N, C, S et M sur le perimetre instrumental valide.

Etat: Reconstruction synthetique close : 36/36 ; table 42/42 materialisee
Campagnes: 105

Prochaine etape

Etat consolide : 36/36 modules candidats a deux rails stabilises synthetiquement, 42/42 observables historiques rattachees et banque A/B V0.2 calibree par H0. Prochaine porte : fixer l'usage, la population, la charge, l'ordre, les regles d'arret et la gouvernance avant un PRE H1 distinct. Aucune collecte reelle sans autorisation separee.

Affutage de l'Oeil du Juge-Profileur

Etalonner la lecture externe sur des cas aveugles.

Etat: Protocole a formaliser
Campagnes: 0

Prochaine etape

Ecrire le protocole pilote, ses cas synthetiques et son PRE.

Fidelite du Tissage / TR-01

Tester si la deliberation conserve traces, dissidences et revisions.

Etat: Cas 1A suspendu apres un incident technique persistant sur Lia
Campagnes: 13

Prochaine etape

Conserver les 22 accords descriptifs sur 24 sans validation formelle. Avant toute reprise, verifier la voix Lia puis preparer un Cas 1A2 neuf corrigeant la borne A-R-01 et la frontiere de condition B-R-01.

Dossier central integre

But et critere d'arret

Le chantier vise un vocabulaire instrumental assez stable pour que chaque Potard garde le meme construit quand changent le cas, le lecteur et la formulation. Le critere lexical est atteint lorsqu'un nom ne masque plus une inversion, un proxy, une cause, une consequence ou un changement d'acteur, et que la chaine Q, N, C, S, M reste explicite.

Etat present : 36/36 modules candidats stabilises sur donnees synthetiques, 42/42 observables historiques rattachees, 0/36 validation psychometrique humaine. Cela ferme la reconstruction synthetique ; cela ne transforme pas encore le questionnaire en instrument humain valide.

Plan previsionnel

H0 synthetique - clos : les fenetres ouvertes, les statuts, les echelles et les frontieres M24-M28 sont calibres et integres a la banque V0.2.
Preparation H1 synthetique - close : H1 est separe en H1-C comprehension, H1-E pertinence et exhaustivite, et H1-R fidelite du codage. Le kit H1-C V0.2 et son codebook sont prepares.
Porte avant H1-C : controler le kit avec l'utilisatrice, fixer la population et la gouvernance, construire H1-E, puis sceller un PRE H1-C distinct. Aucune collecte humaine n'est ouverte.
H1-C : verifier la comprehension avec des personnes seulement apres autorisation distincte.
H2 : tester la faisabilite de la passation complete.
H3 : etudier uniquement les proprietes de mesure preenregistrees.
H4 : repliquer et fixer les limites d'usage avant toute decision individuelle.

Couts consignes : F72-F86 = 0.6760645 USD sur 0.8 USD ; H0 = 0.286672 USD sur 0.8 USD ; preparation H1 = 0.32894 USD sur 0.8 USD. La preparation H1 s'est arretee apres 5 paquets sur 20 autorises parce que le codebook avait atteint ses verrous.

Table canonique 36 Potards vers 42 observables

Date : 19 septembre 2026

Statut : pont documentaire materialise apres la cloture synthetique F86.

Conclusion

- 36/36 Potards disposent d'un module candidat a deux rails stabilise sur donnees synthetiques.
- 42/42 observables historiques sont rattachees explicitement a leur Potard.
- 0/36 Potard n'est valide psychometriquement aupres de personnes reelles.
- Le statut d'un module ne valide pas retroactivement chacune de ses formulations historiques.

Cette table est un pont de provenance. Elle ne constitue pas encore la banque finale de passation. L'architecture a deux rails produit une mesure A de l'acte auto-rapporte et une mesure B de la trace recue pour chaque module ; la banque humaine devra donc etre gelee separement des 42 questions historiques.

Vue des 36 Potards

Potard	Nom	Observables historiques	Etat module	Construit operationnel stabilise
0	La Fabrique du Consentement	0	S18	Relance apres refus ou hesitation sans information nouvelle ; relance recue separee.
1	La Pathologisation de la Lucidite	1	S13	Disqualification pathologisante emise ; pathologisation recue separee.
2	Le Biais de Coercition	2	S18	Pression conditionnelle par consequence annoncee ; limite sans recherche d'accord exclue.
3	Le Biais de Deni du Corps	3	S13	Exclusion non etayee d'une hypothese corporelle ; trace institutionnelle separee.
4	Le Biais de Deni du Psychique	4	S13	Exclusion non etayee d'une hypothese psychique ou contextuelle.
5	Le Biais de Genre	5	S23	Prescription explicite liee au sexe.
6	Le Biais de Groupe	6	S23	Recours declaratif a un consensus suppose.
7	Le Biais de Normativite	7	S23	Modification declaree de son expression apres sanction sociale d'un ecart.
8	Le Biais du Monde Juste	8	S23	Attribution exprimee de responsabilite a une personne lesee.
9	Le Biais d'Autorite	9	S18	Appel non etaye a l'autorite ; probleme de preuve sans appel au statut exclu.
10	L'Effet Temoin	10	S23	Non-intervention declaree face a une atteinte observable sans danger immediat.
11	Le Clivage	11a, 11b, 11c	S28	Transformation declarative de comportements en trait personnel definitif.
12	Le Deni	12	S8	Module a deux rails et verrou de non-trait valides.
13	La Generalisation de sa Limite	13	S8	Module a deux rails et fronts voisins valides.
14	La Loyaute Toxique	14	S36	Protection maintenue apres franchissement reconnu d'une limite.
15	La Minimisation	15	S18	Minimisation declaree d'une difficulte auparavant reconnue ; variation reelle exclue.
16	La Negation du Trauma	16	S13	Negation declaree d'un effet passe ; aucun trauma n'est deduit.
17	La Projection	17	S8	Module a deux rails et faux voisins valides.
18	Le Biais de Justification	18	S28	Explication non sollicitee placee en premiere reponse a un retour problematique.
19	La Qualification Selective	19b	S28	Traitement d'un episode repete sans recherche declaree de recurrence.
20	La Question Fermee	20	S8	Question a reponse attendue.
21	La Rationalisation	21	S36	Defense exprimee apres coup d'une situation initialement non choisie.
22	La Surinterpretation	22	S36	Attribution affirmee d'une intention precise a partir d'un indice unique.
23	La Separation des Spheres	23	S28	Rejet non etaye d'un lien propose entre un domaine et ses effets dans un autre.
24	Le Biais de Confirmation	24	S28	Decision ou position sans recherche declaree d'un element contradictoire.
25	Le Biais de Purete	25a, 25b, 25c, 25d	S36	Difficulte auto-rapportee a deroger a une regle personnelle exigeante.
26	Le Biais de Resignation	26	S36	Cessation d'une demande encore voulue, sans refus explicite ni obtention.
27	Le Biais de Surconfiance	27	S8	Conclusion prematuree reconnue apres coup.
28	Le Biais d'Urgence	28	S36	Decision durable prise en moins de 24 heures sans echeance externe.
29	Le Gaslighting	29	S8	Invalidation retrospectivement reconnue ; trace recue separee.
30	L'Auto-culpabilisation	30	S18	Auto-attribution de responsabilite pour l'acte choisi d'autrui.
31	L'Espoir Compensatoire	31	S36	Attente posee comme condition du mieux-etre, sans date ni prochaine action propre.
32	L'Exemption de l'Analyste	32	S8	Module a deux rails ; differences de role exclues.
33	L'Inversion victime agresseur	33	S8	Attribution de responsabilite reconnue apres coup.
34	Le Deni de la Sensation	34a, 34b	S13	Negation declaree d'une sensation identifiee ; detection tardive separee.
35	L'Interiorisation de la Norme	35	S36	Excuse initiale suivie d'une reduction ou d'un abandon de demande sans faute signalee.

Vue detaillee des 42 observables historiques

Observable	Potard	Question historique	Relation au module final	Q	N et C	S et M
0	0	⇅ Au cours de ta vie, combien de fois as-tu dit oui à quelque chose que tu ne voulais pas, alors qu'aucune menace n'avait été formulée ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S18 : Relance apres refus ou hesitation sans information nouvelle ; relance recue separee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
1	1	Par combien de personnes différentes t'es-tu entendu répondre « tu es trop sensible », « tu délires », « va te faire soigner » — ou une phrase de même sens — alors que tu signalais un fait ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S13 : Disqualification pathologisante emise ; pathologisation recue separee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
2	2	Au cours de ta vie, combien de décisions dont les effets ont duré plus de trois mois n'aurais-tu pas prises si cette personne n'avait rien attendu de toi ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S18 : Pression conditionnelle par consequence annoncee ; limite sans recherche d'accord exclue.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
3	3	Par combien de professionnel·les de santé différent·es t'es-tu entendu donner, pour ce que tu ressentais, une autre cause que celle que tu avais avancée ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S13 : Exclusion non etayee d'une hypothese corporelle ; trace institutionnelle separee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
4	4	⇅ Combien de fois t'a-t-on dit « c'est dans ta tête » — ou une phrase de même sens : « tu te fais des films », « tu exagères », « c'est psychologique » — pour clore une discussion ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S13 : Exclusion non etayee d'une hypothese psychique ou contextuelle.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
5	5	Combien de fois t'es-tu entendu dire qu'une place, une tâche ou une attente te revenait à cause de ton sexe ? Depuis quel âge ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S23 : Prescription explicite liee au sexe.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
6	6	Combien de choses fais-tu que tu as commencées en imitant quelqu'un de ton entourage ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S23 : Recours declaratif a un consensus suppose.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
7	7	⇅ Combien d'aspects de toi modifies-tu devant les autres pour être acceptée ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S23 : Modification declaree de son expression apres sanction sociale d'un ecart.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
8	8	Quand quelqu'un subit un malheur, à quelle fréquence cherches-tu ce que la personne elle-même a fait qui l'ait amenée là ? 0 jamais · 1 une fois · 2 quelques fois · 3 régulièrement · 4 c'est mon premier réflexe	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S23 : Attribution exprimee de responsabilite a une personne lesee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
9	9	Au cours des 30 derniers jours, combien de fois as-tu découvert après coup qu'une explication reçue d'un·e médecin, d'un·e expert·e, d'un ancien ou d'un supérieur était fausse ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S18 : Appel non etaye a l'autorite ; probleme de preuve sans appel au statut exclu.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
10	10	⇅ Au cours de ta vie, devant une scène qui te choquait, combien de fois n'es-tu pas intervenue ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S23 : Non-intervention declaree face a une atteinte observable sans danger immediat.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
11a	11	Y a-t-il une partie de ton corps que tu évites de regarder, de toucher ou de nommer ? Combien ?	Sous-observable historique corporelle ; hors de la definition operationnelle S28 du module 11.	Historique conservee, non promue automatiquement	Module S28 : Transformation declarative de comportements en trait personnel definitif.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
11b	11	Y a-t-il une partie de ton corps qui t'obnubile et que tu voudrais changer ? Combien ?	Sous-observable historique corporelle ; hors de la definition operationnelle S28 du module 11.	Historique conservee, non promue automatiquement	Module S28 : Transformation declarative de comportements en trait personnel definitif.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
11c	11	Combien de champs de connaissance ou de pratique dis-tu sans intérêt ou sans sérieux, sans y avoir consacré au moins quelques heures ? Lesquels ?	Sous-observable historique de rejet sans examen ; voisine mais non equivalente au C final du module 11.	Historique conservee, non promue automatiquement	Module S28 : Transformation declarative de comportements en trait personnel definitif.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
12	12	Par combien de personnes différentes t'es-tu entendu dire que tu ne voyais pas quelque chose que les autres voyaient ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Module a deux rails et verrou de non-trait valides.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
13	13	Par combien de personnes différentes t'es-tu entendu dire « ce n'est pas parce que toi tu ne peux pas que personne ne peut » — ou une phrase de même sens ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Module a deux rails et fronts voisins valides.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
14	14	Combien de personnes protèges-tu encore alors qu'elles t'ont fait du mal ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Protection maintenue apres franchissement reconnu d'une limite.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
15	15	⇅ Combien de fois as-tu dit à voix haute « ce n'est pas si grave » — ou une phrase équivalente — à propos de quelque chose qui te faisait mal, au corps ou au moral ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S18 : Minimisation declaree d'une difficulte auparavant reconnue ; variation reelle exclue.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
16	16	Y a-t-il des périodes de ta vie POSTÉRIEURES À TES 6 ANS dont d'autres se souviennent et pas toi ? Si oui, combien d'années au total ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S13 : Negation declaree d'un effet passe ; aucun trauma n'est deduit.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
17	17	Par combien de personnes différentes t'es-tu entendu dire que tu prêtais aux autres ce qui venait de toi ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Module a deux rails et faux voisins valides.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
18	18	⇅ Au cours des 30 derniers jours, à quelle fréquence as-tu expliqué pourquoi tu avais fait quelque chose, avant qu'on ait pu te le reprocher ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S28 : Explication non sollicitee placee en premiere reponse a un retour problematique.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
19b	19	Devant un problème qui revient, à quelle fréquence traites-tu ce qui est visible sans chercher d'où ça vient ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S28 : Traitement d'un episode repete sans recherche declaree de recurrence.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
20	20	⇅ Par combien de personnes différentes t'es-tu entendu reprocher de poser des questions dont tu attends déjà la réponse ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Question a reponse attendue.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
21	21	Au cours de ta vie, combien de situations que tu n'avais pas choisies as-tu fini par défendre devant quelqu'un ? 0 aucune · 1 une · 2 quelques-unes · 3 régulièrement · 4 c'était la norme	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Defense exprimee apres coup d'une situation initialement non choisie.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
22	22	Combien de fois as-tu construit toute une intention derrière un silence ou un retard ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Attribution affirmee d'une intention precise a partir d'un indice unique.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
23	23	Dans combien de milieux différents t'empêches-tu de dire des choses que tu dis ailleurs ? 0 aucun · 1 un · 2 deux · 3 trois · 4 quatre ou plus	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S28 : Rejet non etaye d'un lien propose entre un domaine et ses effets dans un autre.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
24	24	Sur les sujets qui comptent pour toi, à quelle fréquence cherches-tu ce qui pourrait contredire une information qui t'arrange ? 0 jamais · 1 une fois · 2 quelques fois · 3 régulièrement · 4 systématiquement	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S28 : Decision ou position sans recherche declaree d'un element contradictoire.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
25a	25	Combien de règles t'imposes-tu sur ce que tu manges, ce que tu touches, ce que tu es « autorisée » à faire ?	Contexte : nombre de regles ; ne mesure pas seul la difficulte a deroger.	Historique conservee, non promue automatiquement	Module S36 : Difficulte auto-rapportee a deroger a une regle personnelle exigeante.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
25b	25	Pense à la règle qui te demande le plus d'efforts. S'il t'arrive de te retrouver à l'écart à cause d'elle : je n'y vais pas / j'y vais et on me le fait payer / ça ne m'arrive pas.	Consequence sociale possible ; ne mesure pas directement la difficulte a deroger.	Historique conservee, non promue automatiquement	Module S36 : Difficulte auto-rapportee a deroger a une regle personnelle exigeante.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
25c	25	Pour cette même règle, quand tu ne peux pas la tenir (invitation, voyage, maladie) : je m'adapte sans y penser / ça me contrarie / angoisse, honte, ou je compense après.	Observable historique la plus proche du Rail A final ; formulation candidate A/B a conserver distincte.	Historique conservee, non promue automatiquement	Module S36 : Difficulte auto-rapportee a deroger a une regle personnelle exigeante.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
25d	25	Pour cette même règle, si tu décidais demain de ne plus la suivre, est-ce que tu le pourrais ? oui, en traversant quelque chose / oui, mais je ne le veux pas / non, je ne crois pas y arriver.	Contrefactuel sur l'abandon de la regle ; ne devient pas une mesure directe.	Historique conservee, non promue automatiquement	Module S36 : Difficulte auto-rapportee a deroger a une regle personnelle exigeante.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
26	26	Au cours de ta vie, combien de choses que tu voulais as-tu cessé de demander, sans que personne te les ait refusées ? 0 aucune · 1 une · 2 quelques-unes · 3 régulièrement · 4 c'était la norme	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Cessation d'une demande encore voulue, sans refus explicite ni obtention.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
27	27	⇅ Par combien de personnes différentes t'es-tu entendu dire que tu tranchais avant d'avoir écouté ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Conclusion prematuree reconnue apres coup.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
28	28	Au cours de ta vie, combien de décisions dont les effets ont duré plus de trois mois as-tu prises en moins de 24 heures ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Decision durable prise en moins de 24 heures sans echeance externe.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
29	29	Par combien de personnes différentes t'es-tu entendu dire que tu n'étais pas dans les faits de ce qu'elles avaient vécu ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Invalidation retrospectivement reconnue ; trace recue separee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
30	30	⇅ Après un conflit où tu t'es sentie blessée, cherches-tu ce que tu as fait toi-même qui a pu y contribuer ? ☐ non, jamais · ☐ oui — et au bout de combien de temps ? ☐ après plusieurs jours · ☐ dans la journée · ☐ en quelques minutes · ☐ immédiatement, avant toute autre pensée	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S18 : Auto-attribution de responsabilite pour l'acte choisi d'autrui.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
31	31	Combien de choses attends-tu pour aller mieux, dont tu ne connais pas la date et qui ne dépendent pas de toi ? 0 aucune · 1 une · 2 deux · 3 trois · 4 quatre ou plus	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Attente posee comme condition du mieux-etre, sans date ni prochaine action propre.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
32	32	⇅ Au cours de ta vie, par combien de personnes différentes t'es-tu entendu dire que tu appliquais aux autres des règles que tu ne t'appliques pas ? 0 personne · 1 une · 2 deux ou trois · 3 quatre à six · 4 sept ou plus	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Module a deux rails ; differences de role exclues.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
33	33	Par combien de personnes différentes t'es-tu entendu dire que tu te faisais passer pour la victime ?	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S8 : Attribution de responsabilite reconnue apres coup.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
34a	34	Combien de fois t'es-tu rendu compte que tu avais faim, froid ou mal seulement quand quelqu'un te l'a fait remarquer ?	Detection tardive apres indice ; couche complementaire separee du deni declare.	Historique conservee, non promue automatiquement	Module S13 : Negation declaree d'une sensation identifiee ; detection tardive separee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
34b	34	Par combien de personnes différentes t'es-tu entendu dire que tu n'avais pas vu ce qu'elles ressentaient ?	Trace sociale portant sur les affects d'autrui ; acteur et objet differents du C final.	Historique conservee, non promue automatiquement	Module S13 : Negation declaree d'une sensation identifiee ; detection tardive separee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1
35	35	⇅ Au cours des 30 derniers jours, combien de fois t'es-tu excusée d'avoir parlé, demandé quelque chose, ou pris du temps ? 0 jamais · 1 une fois · 2 quelques fois · 3 souvent · 4 presque tous les jours	Pont historique 1:1 ; la question ancienne reste tracee mais n'est pas promue automatiquement comme item final.	Historique conservee, non promue automatiquement	Module S36 : Excuse initiale suivie d'une reduction ou d'un abandon de demande sans faute signalee.	Rails A/B stabilises synthetiquement ; unite, echelle, fenetre et regle de score a geler avant H1

Reconciliation du compte

- Le Potard 11 possede 11a, 11b, 11c, soit deux lignes supplementaires.
- Le Potard 25 possede 25a, 25b, 25c, 25d, soit trois lignes supplementaires.
- Le Potard 34 possede 34a, 34b, soit une ligne supplementaire.
- Le libelle historique 19b demeure l'unique ligne rattachee au Potard 19 ; il n'ajoute pas une unite au compte.
- Total : 36 + 2 + 3 + 1 = 42.

Regle de migration vers la banque humaine

1. Conserver l'identifiant de Potard et l'identifiant d'observable historique comme provenance.
2. Donner un identifiant autonome a chaque mesure candidate A et B.
3. Ne jamais remplacer une observable absente par zero.
4. Ne jamais additionner A et B sans regle M preenregistree et validee.
5. Tester la pertinence, l'exhaustivite et la comprehension des formulations finales aupres de la population cible avant toute revendication psychometrique.

On cartographie avant de reparer.

Etat des 36 Potards

Etat des 36 Potards - Accordage

Date : 19 septembre 2026

Etat consolide

- 36/36 Potards disposent d'un module candidat a deux rails stabilise sur donnees synthetiques.
- 0/36 Potard n'est encore valide psychometriquement aupres de personnes reelles.
- Les 42 observables historiques sont maintenant rattachees explicitement aux 36 Potards dans Table_Canonique_36_Potards_42_Observables.md.
- Cette correspondance 42/42 est documentaire : elle ne valide pas retroactivement les anciennes formulations et ne remplace pas le gel de la banque humaine A/B.

Le mot stabilise signifie ici : cible operationnelle, faux voisins, separation Rail A/Rail B, direction du score, verrou de non-trait et comprehension par trois lecteurs synthetiques ont franchi les seuils preenregistres. Il ne signifie ni validite clinique, ni fidelite statistique, ni norme populationnelle.

Legende

- S8 : premiere vague stabilisee ;
- S13 : vague F64-F67 ;
- S18 : vague F68-F71 ;
- S23 : vague F72-F77 ;
- S28 : vague F78-F81 ;
- S36 : vague F82-F86 ;
- H : validation psychometrique humaine, aucune a ce jour.

Carte des Potards

ID	Potard affiche dans RefleXion V48	Etat	Definition operationnelle stabilisee ou precision
0	La Fabrique du Consentement	S18	Relance apres refus ou hesitation sans information nouvelle ; relance recue separee.
1	La Pathologisation de la Lucidite	S13	Disqualification pathologisante emise ; pathologisation recue separee.
2	Le Biais de Coercition	S18	Pression conditionnelle par consequence annoncee ; limite sans recherche d'accord exclue.
3	Le Biais de Deni du Corps	S13	Exclusion non etayee d'une hypothese corporelle ; trace institutionnelle separee.
4	Le Biais de Deni du Psychique	S13	Exclusion non etayee d'une hypothese psychique ou contextuelle.
5	Le Biais de Genre	S23	Prescription explicite liee au sexe.
6	Le Biais de Groupe	S23	Recours declaratif a un consensus suppose.
7	Le Biais de Normativite	S23	Modification declaree de son expression apres sanction sociale d'un ecart.
8	Le Biais du Monde Juste	S23	Attribution exprimee de responsabilite a une personne lesee.
9	Le Biais d'Autorite	S18	Appel non etaye a l'autorite ; probleme de preuve sans appel au statut exclu.
10	L'Effet Temoin	S23	Non-intervention declaree face a une atteinte observable sans danger immediat.
11	Le Clivage	S28	Transformation declarative de comportements en trait personnel definitif.
12	Le Deni	S8	Module a deux rails et verrou de non-trait valides.
13	La Generalisation de sa Limite	S8	Module a deux rails et fronts voisins valides.
14	La Loyaute Toxique	S36	Protection maintenue apres franchissement reconnu d'une limite.
15	La Minimisation	S18	Minimisation declaree d'une difficulte auparavant reconnue ; variation reelle exclue.
16	La Negation du Trauma	S13	Negation declaree d'un effet passe ; aucun trauma n'est deduit.
17	La Projection	S8	Module a deux rails et faux voisins valides.
18	Le Biais de Justification	S28	Explication non sollicitee placee en premiere reponse a un retour problematique.
19	La Qualification Selective	S28	Traitement d'un episode repete sans recherche declaree de recurrence.
20	La Question Fermee	S8	Question a reponse attendue.
21	La Rationalisation	S36	Defense exprimee apres coup d'une situation initialement non choisie.
22	La Surinterpretation	S36	Attribution affirmee d'une intention precise a partir d'un indice unique.
23	La Separation des Spheres	S28	Rejet non etaye d'un lien propose entre un domaine et ses effets dans un autre.
24	Le Biais de Confirmation	S28	Decision ou position sans recherche declaree d'un element contradictoire.
25	Le Biais de Purete	S36	Difficulte auto-rapportee a deroger a une regle personnelle exigeante.
26	Le Biais de Resignation	S36	Cessation d'une demande encore voulue, sans refus explicite ni obtention.
27	Le Biais de Surconfiance	S8	Conclusion prematuree reconnue apres coup.
28	Le Biais d'Urgence	S36	Decision durable prise en moins de 24 heures sans echeance externe.
29	Le Gaslighting	S8	Invalidation retrospectivement reconnue ; trace recue separee.
30	L'Auto-culpabilisation	S18	Auto-attribution de responsabilite pour l'acte choisi d'autrui.
31	L'Espoir Compensatoire	S36	Attente posee comme condition du mieux-etre, sans date ni prochaine action propre.
32	L'Exemption de l'Analyste	S8	Module a deux rails ; differences de role exclues.
33	L'Inversion victime agresseur	S8	Attribution de responsabilite reconnue apres coup.
34	Le Deni de la Sensation	S13	Negation declaree d'une sensation identifiee ; detection tardive separee.
35	L'Interiorisation de la Norme	S36	Excuse initiale suivie d'une reduction ou d'un abandon de demande sans faute signalee.

Tranche adaptative F72 a F86

- F72 a ete rendu recevable par la relance de la seule voix Lia, sans repayer Claude ni Isil.
- F73-F77 stabilisent les IDs 5, 6, 7, 8 et 10.
- F78-F81 stabilisent les IDs 11, 18, 19, 23 et 24.
- F82-F86 stabilisent les IDs 14, 21, 22, 25, 26, 28, 31 et 35.
- F85 a detecte un verrou A5 formule a l'envers ; F86 l'a corrige et valide a 3/3 sans reecrire retrospectivement F85.

Cout reel de la tranche autorisee : 0,6760645 USD sur 0,80 USD. Reste non consomme : 0,1239355 USD. Quinze etapes externes sur vingt autorisees ont ete utilisees.

Portee du jalon

Le 36/36 autorise la cloture de la reconstruction synthetique et la preparation d'un protocole humain distinct. Il n'autorise pas encore une passation reelle. La table historique 36 vers 42 est materialisee, mais la banque finale a deux rails doit encore etre gelee avec ses identifiants, ses echelles, ses fenetres temporelles, ses regles de score, ses hypotheses de fidelite et de validite, le consentement, la protection des donnees et les criteres d'arret.

Lecture correcte des compteurs

- 36/36 reconstruction prioritaire identifiee : termine. Chaque Potard possede une cible operationnelle et des faux voisins explicites.
- 36/36 audit et reconstruction synthetiques : termine. Chaque module candidat a franchi sa chaine prospective de controles.
- 42/42 correspondance documentaire : termine. Chaque observable historique est rattachee a son Potard, avec une prudence explicite pour les subdivisions 11, 25 et 34.
- 0/36 validation psychometrique humaine : non commencee. La validation portera sur des proprietes nommees, une population, un contexte, une langue et une version.

La table 42/42 est un pont de provenance, pas une revendication selon laquelle les 42 questions historiques seraient toutes devenues des items finaux. L'architecture A/B implique une banque de passation distincte a geler avant H1.

On cartographie avant de reparer.

Protocole humain de validation

Protocole humain de validation de l Accordage V0 1

Date : 19 septembre 2026

Statut : protocole preparatoire. Aucune collecte humaine n'est autorisee par ce document.

Decision actuelle

Le jalon synthetique est clos a 36/36 modules. Le passage humain peut etre prepare, mais il reste bloque tant que la banque finale A/B, le contexte d'usage, la population cible, les echelles, les fenetres, les regles de score et le cadre ethique et reglementaire ne sont pas geles dans un PRE distinct.

La table 36 vers 42 conserve la provenance historique. Elle ne doit pas etre confondue avec la future banque de passation : une architecture a deux rails implique au minimum une mesure A et une mesure B par Potard, chacune avec sa propre source, son unite et son statut de fiabilite.

But de la validation humaine

Etablir, module par module, si les formulations finales sont pertinentes, comprehensibles et suffisamment completes pour la population et le contexte d'usage vises, puis estimer les proprietes de mesure effectivement revendiquees. La validation ne doit pas transformer un score en diagnostic, ni une trace recue en preuve d'un acte propre.

Porte H0 Preparation et gel

Avant tout recrutement :

1. definir l'usage vise : auto-observation, recherche, accompagnement ou autre ;
2. definir la population cible, les criteres d'inclusion et d'exclusion et le contexte de passation ;
3. geler la banque finale avec un identifiant pour chaque item A/B, sa version, sa fenetre, son unite et ses options de reponse ;
4. qualifier chaque Potard comme modele reflexif, formatif ou descriptif avant de choisir une analyse statistique ;
5. definir les hypotheses de validite convergente et discriminante avant les donnees ;
6. fixer la gestion de zero_declare, non_repondu, non_fiable et sans_objet ;
7. interdire tout score global, seuil ou profil non preenregistre ;
8. faire qualifier le projet sur les plans ethique, juridique et de protection des donnees ;
9. produire l'information participante, le consentement et la procedure de retrait ;
10. obtenir une autorisation utilisateur separee avant toute collecte.

Sortie H0 : PRE humain, banque versionnee, plan d'analyse, dossier de gouvernance et decision explicite OUVRIR H1 ou ARRET.

Porte H1 Validite de contenu et processus de reponse

Objectif : verifier la pertinence, l'exhaustivite et la comprehension des items avec des personnes de la population cible et, si pertinent, des professionnels independants.

Methode : entretiens cognitifs individuels, echantillonnage raisonne, reformulation a voix haute, exploration de ce que chaque terme, periode, option de reponse et exclusion fait comprendre. Les revisions se font par vagues versionnees ; une revision substantielle ouvre une nouvelle vague et un nouveau gel.

Verrous :

- le Rail A est compris comme acte ou reaction auto-rapportee ;
- le Rail B est compris comme parole ou reaction recue et ne prouve pas A ;
- les participants distinguent absence, zero, sans objet et non-reponse ;
- aucun libelle n'est compris comme diagnostic ou jugement global de la personne ;
- aucune question ne demande de deduire une intention cachee ou de compter un angle mort inaccessible.

Sortie H1 : matrice item par item conserve, reformule, retire, avec justification et nouvelle version. Aucun score psychometrique n'est revendique.

Porte H2 Pilote de faisabilite

Objectif : tester la passation complete sans etablir encore une validite psychometrique.

Mesures preenregistrees : taux de non-reponse, choix sans objet, duree, abandons, demandes d'aide, distributions par option, incidents de comprehension et signaux de detresse. Le pilote doit prevoir une sortie immediate, une ressource d'aide et l'absence de retour diagnostique automatise.

Sortie H2 : banque et procedure praticables, ou retour a H1. Toute modification de contenu apres le pilote change la version et interdit de melanger silencieusement les donnees.

Porte H3 Etude des proprietes de mesure

Le plan statistique et la taille d'echantillon sont fixes apres H1 et H2, selon le nombre d'items retenus, le modele reflexif ou formatif, la precision souhaitee et les analyses preenregistrees. Une regle generique du type dix personnes par item ne suffit pas.

Selon les revendications de l'instrument, et seulement lorsqu'elles sont pertinentes :

- structure interne pour les modules reflexifs ;
- coherence interne uniquement si les items sont supposement interchangeables ;
- fidelite test retest et erreur de mesure sur une fenetre ou le construit est suppose stable ;
- validite convergente et discriminante par hypotheses a priori ;
- invariance entre groupes et contextes si les effectifs et la finalite le permettent ;
- sensibilite au changement uniquement si l'instrument revendique de mesurer un changement.

Les Rails A et B restent analyses separement. Leur relation peut etre decrite, mais ni leur convergence ni leur divergence ne devient automatiquement une preuve, une faute ou un diagnostic.

Porte H4 Replication et limites d usage

Une premiere etude positive produit un candidat documente, pas une norme universelle. Une replication independante, une analyse des echecs et la publication des versions, transformations et exclusions sont requises avant tout usage decisionnel. Les limites d'usage doivent rester visibles dans l'interface et les exports.

Protection des personnes et des donnees

- minimiser les donnees et separer identite, reponses et journal technique ;
- chiffrer le stockage et les transferts, limiter les acces et journaliser les consultations ;
- fixer une duree de conservation et une procedure d'effacement ;
- ne jamais envoyer de donnees personnelles aux modeles utilises pour les calibrations synthetiques ;
- traiter les donnees permettant d'inferer l'etat mental ou physique comme potentiellement sensibles ;
- verifier avant collecte la formalite CNIL ou le cadre de recherche applicable en France ;
- prevoir une revue humaine pour tout incident, retrait ou signal de detresse.

Criteres d arret

Arret immediat en cas de fuite de donnees, consentement ambigu, detresse non prise en charge, usage diagnostique non autorise, modification non versionnee, depassement du perimetre approuve ou resultat rendant le plan d'analyse caduc. La collecte ne reprend qu'apres correction, nouveau gel et nouvelle decision.

Etats a afficher

- S : stabilise synthetiquement ; 36/36 actuellement.
- H1 : validite de contenu et comprehension franchies.
- H2 : faisabilite de passation franchie.
- H3 : propriete de mesure precise soutenue par une etude.
- H4 : resultat replique dans un autre echantillon ou contexte.

Un Potard ne devient pas simplement « valide humainement ». Chaque propriete, population, langue, contexte et version doit etre nommee.

References de methode et de gouvernance

- COSMIN, validite de contenu : pertinence, exhaustivite et comprehension. https://www.cosmin.nl/wp-content/uploads/COSMIN-methodology-for-content-validity-user-manual-v1.pdf
- COSMIN, taxonomie et proprietes de mesure. https://www.cosmin.nl/
- CNIL, specificites pour la recherche en sante. https://www.cnil.fr/fr/specificites-pour-la-recherche-en-sante
- CNIL, definition large des donnees de sante. https://www.cnil.fr/fr/quest-ce-ce-quune-donnee-de-sante
- Association medicale mondiale, Declaration d'Helsinki 2024. https://www.wma.net/what-we-do/medical-ethics/declaration-of-helsinki/

On cartographie avant de reparer.

Architecture H1 C E R V0.2

Architecture H1-C / H1-E / H1-R - V0.2

Statut : candidate, non ouverte.

H1-C - Comprehension

Des personnes de la population cible expliquent ce que les items leur font comprendre. Cette couche teste instructions, source, agent, operation, objet, direction, fenetre, unite, options et lectures indues. Elle ne decide pas seule si l'item est pertinent pour un construit ni si la banque est exhaustive.

H1-E - Pertinence et exhaustivite

Une revue independante, dont les competences et conflits d'interets devront etre declares, examine :

- la pertinence de chaque item pour sa definition operationnelle ;
- la pertinence pour la population et le contexte d'usage finalement choisis ;
- la couverture de chaque module par ses Rails A et B ;
- les trous, recouvrements et dimensions manquantes dans le perimetre declare des 36 Potards.

Le perimetre global doit rester exact : la banque peut viser les 36 Potards declares ; elle ne peut pas pretendre epuiser tous les biais humains, la conscience ou la psychopathologie.

H1-R - Fidelite du codage

Le codebook separe comprehension structurelle, application des options, rail et inference de preuve. Les trois premieres sessions, puis au moins 25 % des sessions tirees au sort avec un minimum de trois, sont double-codees independamment. Les deux codages bruts sont conserves avant adjudication. L'accord de codage decrit le travail des codeurs ; il n'est pas une propriete psychometrique du questionnaire.

Ordre des portes

1. Stabilisation synthetique H1P-H1Rd : achevee.
2. Controle utilisateur et qualification ethique/juridique : requis.
3. Gel separe de H1-C, H1-E et H1-R : requis.
4. Decision explicite OUVRIR_H1 : absente.

Aucune collecte humaine n'est ouverte.

Protocole H1 C V0.2

Protocole H1-C de comprehension - candidat V0.2

Date : 19 septembre 2026

Statut : CANDIDAT_NON_OUVERT. Ce document prepare une etude ; il ne l'autorise pas.

Question H1-C

Pour chaque item A ou B de la banque V0.2, une personne de la population cible comprend-elle correctement la source, l'agent, l'operation, l'objet, la direction, la fenetre de rappel et les options de reponse, sans lire l'item comme un diagnostic ou un jugement global ?

Architecture separee

H1-C ne revendique que la comprehension et la correspondance question-mesure. H1-E portera sur pertinence et exhaustivite. H1-R porte sur la fidelite du codage. Aucun resultat d'une couche ne valide automatiquement une autre couche.

Usage candidat

Developpement de l'instrument et recherche sur sa comprehension. Aucun diagnostic, conseil clinique, tri, recrutement, sanction, decision administrative, evaluation d'une relation ou profil individuel ne peut etre produit.

Population candidate

- personnes majeures ;
- lecture et conversation en francais suffisantes pour commenter une question ;
- consentement libre et eclaire possible au moment de l'entretien ;
- diversite recherchee de niveaux d'etudes et d'experiences de vie ;
- aucun diagnostic, antecedent ou vecu traumatique n'est requis pour participer.

Ne pas inclure dans cette premiere etude une personne mineure, placee sous contrainte ou dependante de l'equipe, incapable de consentir, ou manifestant une detresse aigue au moment du contact. Une exclusion de securite n'est pas une conclusion sur la personne et ne doit pas etre conservee dans les donnees H1.

Plan

La banque est partagee en quatre blocs de neuf modules, soit dix-huit items par entretien. Douze places forment une vague complete : chaque bloc est lu par trois personnes differentes et chaque item recoit donc trois lectures fraiches. Trois variantes d'ordre equilibrent l'ordre des modules et l'ordre A/B.

Table d'attribution :

- B01 : M00 · M04 · M08 · M12 · M16 · M20 · M24 · M28 · M32
- B02 : M01 · M05 · M09 · M13 · M17 · M21 · M25 · M29 · M33
- B03 : M02 · M06 · M10 · M14 · M18 · M22 · M26 · M30 · M34
- B04 : M03 · M07 · M11 · M15 · M19 · M23 · M27 · M31 · M35

- duree cible : 35 a 50 minutes ;
- pause proposee a 25 minutes ;
- arret obligatoire a 60 minutes ;
- un seul entretien par personne dans une vague ;
- pas de relance visant a obtenir un recit personnel ;
- exemples fictifs ou tiers autorises ;
- aucune captation audio ou video dans V0.2.

Procedure par item

1. Lire l'item, sa fenetre et ses options de reponse.
2. Demander : « Avec tes mots, que demande cette question ? »
3. Demander qui agit, sur quoi, et dans quel sens.
4. Demander ce qui compterait et ce qui ne compterait pas.
5. Demander comment utiliser ZERO, SANS_OBJET, NON_FIABLE et NON_REPONDU lorsqu'ils sont proposes.
6. Demander si la formulation semble diagnostiquer, accuser, excuser ou deviner une intention.
7. Coder la comprehension sans conserver de reponse personnelle a l'item.

Codebook H1-R integre

- STRUCTURE : COMPRISE, AMBIGUE, NON_COMPRISE, NON_TESTEE. Elle couvre source/rail, agent, operation, objet, direction et fenetre. Un rail confondu implique une structure non comprise.
- OPTIONS : CORRECTES, INCORRECTES, NON_TESTEES. Une option non evoquee reste non testee ; elle n'est pas inferee.
- RAIL : CORRECT, CONFONDU, NON_TESTE.
- PREUVE_AUTRE_RAIL : OUI seulement si la personne affirme explicitement qu'une parole ou trace recue prouve l'acte propre ; sinon NON.

Chaque dimension Q/N/C/S/M est cotee CORRECT, PARTIEL, INCORRECT ou NON_TESTE. Les definitions ZERO, SANS_OBJET, NON_FIABLE et NON_REPONDU restent visibles pendant le codage. Une note libre est facultative, limitee a 250 caracteres et sanitarisee : aucun nom, lieu precis, date de naissance, contact, diagnostic ou recit personnel.

Decision item par item

Une version d'item est CONSERVEE_H1C seulement si, sur trois lectures fraiches :

- le Rail A ou B, l'agent, l'operation, l'objet et la direction sont corrects a 3/3 ;
- la fenetre, l'unite et les options sont correctes a au moins 2/3, sans erreur systematique ;
- aucune lecture ne transforme l'item en diagnostic, identite ou preuve de l'autre rail ;
- aucun incident de securite n'est attribue a la formulation.

Fidelite du codage

Deux codeurs independants codent les trois premieres sessions puis au moins 25 % des sessions tirees au sort, avec un minimum de trois. Ils ne voient pas le codage de l'autre avant depot. Les matrices de desaccord sont conservees par dimension ; l'adjudication produit une troisieme couche sans ecraser les deux sources. Aucun coefficient unique n'autorise H1 ni ne prouve la validite des items.

REFORMULER des qu'un verrou critique echoue. RETIRER_OU_RECONSTRUIRE si deux lectures sur trois changent le construit ou si la formulation ne peut etre clarifiee sans demander une intention cachee. NON_TESTEE ne compte jamais comme reussite.

Toute reformulation substantielle cree une nouvelle version et exige trois nouvelles lectures. Les resultats de versions differentes ne sont pas additionnes.

Decision de vague

- zero item reformule : controle de completude puis preparation H2 ;
- un a sept items reformules : vague ciblee sur les versions nouvelles ;
- huit items ou plus reformules, ou un incident transversal : nouvelle vague complete ;
- incident de consentement, fuite, detresse non prise en charge ou usage de score : arret immediat.

Donnees

La base H1 ne contient ni nom, ni contact, ni reponse personnelle aux 72 items. Elle contient : code de session, bloc, variante, identifiant d'item, version, codes de comprehension, signal de lecture diagnostique, incident de securite et note sanitarisee facultative.

Le fichier de correspondance utilise pour le recrutement, s'il existe, reste hors du dossier de recherche, avec acces et duree de conservation propres. La duree de conservation, le responsable de traitement, la base legale, les destinataires et la procedure d'effacement restent a fixer avant ouverture.

Gouvernance

Avant recrutement : qualification du projet, avis ethique ou institutionnel pertinent, analyse de protection des donnees, responsable nomme, plan d'incident, information participante finalisee, PRE scelle et decision explicite OUVRIR_H1.

References officielles verifiees le 19 septembre 2026 : COSMIN pour pertinence, exhaustivite et comprehension ; CNIL pour donnees sensibles, minimisation et qualification des recherches ; Declaration d'Helsinki 2024 pour information, consentement, risques, confidentialite et retrait.

- COSMIN : https://www.cosmin.nl/wp-content/uploads/COSMIN-methodology-for-content-validity-user-manual-v1.pdf
- CNIL, sante : https://www.cnil.fr/fr/thematiques/sante
- CNIL, recherches en sante : https://www.cnil.fr/fr/recherche-medicale-quel-est-le-cadre-legal
- WMA, Declaration d'Helsinki 2024 : https://www.wma.net/policies-post/wma-declaration-of-helsinki/

On cartographie avant de reparer.

Audit de cloture F72 a F86

Date : 19 septembre 2026

Verdict

La cloture 36/36 modules stabilises synthetiquement est soutenue par la chaine documentaire F72 a F86. Aucun ecart critique n'a ete trouve sur le budget, l'arret adaptatif, la separation des PRE et des paquets publics, ou la conservation des incidents. Ce verdict ne couvre pas la validation psychometrique humaine.

Perimetre controle

- quinze campagnes F72 a F86 ;
- paquets publics, PRE prives, prompts envoyes, retours, analyses et metadonnees ;
- trois voix synthetiques par campagne recevable, avec reprise ciblee de Lia pour F72 ;
- plafond autorise de 0,80 USD et arret avant toute personne reelle.

Reconciliation des campagnes

Campagne	Statut	Retours complets	Cout USD	Decision
F72_Audit_Cinq_Potards_Sociaux	REPRISE_CIBLEE_PASSAGE_F73	3	0.02645875	REPRISE_CIBLEE_NECESSAIRE_PASSAGE_F73
F73_Formulations_Operationnelles_Cinq_Potards_Sociaux	VALIDE_PASSAGE_F74	3	0.05304050	FORMULATIONS_PRETES_POUR_TEST_DE_FRONTIERES
F74_Cas_Frontieres_Cinq_Potards_Sociaux	REPRISE_CIBLEE_PASSAGE_F75	3	0.04698900	REPRISE_CIBLEE_DOUBLE_ETIQUETTE_M7_M10
F75_Double_Etiquette_M7_M10	REPRISE_CIBLEE_PASSAGE_F76	3	0.04119500	REPRISE_CIBLEE_HIERARCHIE_DIRECT_TRACE_RECUE
F76_Hierarchie_DIRECT_TRACE_RECUE	VALIDE_PASSAGE_F77	3	0.04397375	HIERARCHIE_A_B_STABLE
F77_Invariance_Adversariale_Cinq_Potards_Sociaux	STABILISE_23_SUR_36	3	0.04185550	INVARIANCE_ET_RESISTANCE_CONFIRMEES
F78_Audit_Cinq_Operations_Cognitives	CARTOGRAPHIE_MAJEURE_PASSAGE_F79	3	0.05385125	CARTOGRAPHIE_MAJEURE_ID23_NOM_CONSERVE
F79_Formulations_Cinq_Operations_Cognitives	RECEVABLE_FRONTIERES	3	0.04362825	FORMULATIONS_PRETES_POUR_TEST_DE_FRONTIERES
F80_Cas_Frontieres_Cinq_Operations_Cognitives	RECEVABLE_INVARIANCE	3	0.05891275	FRONTIERES_STABLES
F81_Invariance_Adversariale_Cinq_Operations_Cognitives	STABILISE_SYNTHETIQUE	3	0.04887025	INVARIANCE_ET_RESISTANCE_CONFIRMEES
F82_Audit_Huit_Derniers_Potards	RECEVABLE_AVEC_INCIDENT_PRE	3	0.06836175	CARTOGRAPHIE_SUFFISANTE_AVEC_INCIDENT_NOMINAL_ID31
F83_Formulations_Huit_Derniers_Potards	RECEVABLE_FRONTIERES_AVEC_DISSIDENCE	3	0.03409900	FORMULATIONS_PRETES_POUR_TEST_DE_FRONTIERES_2_SUR_3
F84_Frontieres_Huit_Derniers_Potards	RECEVABLE_INVARIANCE_AVEC_DISSIDENCE	3	0.03524575	FRONTIERES_STABLES
F85_Invariance_Huit_Derniers_Potards	NON_STABILISANT_VERROU_A5_DEFECTUEUX	3	0.05299975	REPRISE_CIBLEE_DU_VERROU_A5
F86_Reprise_Verrou_ID26	STABILISE_SYNTHETIQUE_CLOTURE_36_SUR_36	3	0.02658325	VERROU_ID26_CORRIGE_ET_STABLE

Total controle : 0.6760645 USD. Reliquat : 0.1239355 USD.

Controles franchis

1. Budget et arret. Quinze etapes ont ete utilisees sur vingt autorisees. La serie s'arrete des que le critere synthetique est atteint.
2. Separation public prive. Les PRE restent dans des fichiers NE_PAS_ENVOYER. La recherche de motifs de secret, de nom de PRE et de cle API dans les prompts envoyes n'a produit aucun resultat.
3. Donnees. Les paquets utilisent des situations synthetiques et ne contiennent pas de donnees personnelles de participants.
4. Adaptation prospective. Les echecs F74 et F75 ouvrent F76 ; l'echec du verrou F85 ouvre F86. Aucun PRE echoue n'est retouche apres lecture.
5. Dissidences. Les incidents nominaux F78 et F82, la dissidence d'Isil en F83 et celle de Lia en F84 restent documentes.
6. Portee. Les resultats sont formules comme stabilisation synthetique de modules, pas comme validation clinique ou humaine.

Incidents conserves

- F72 : deux sorties Gemini vides anterieures, puis reprise de la seule voix Lia. Les cinq retours totaux ne doivent pas etre confondus avec cinq voix independantes.
- F74 et F75 : ambiguite entre une mesure directement formulee sur le Rail B et la categorie inter-rails TRACE RECUE.
- F78 : le nom Separation des Spheres est mieux reconnu que l'hypothese du PRE ne le prevoyait.
- F82 : meme type d'incident nominal pour Espoir Compensatoire.
- F83 : dissidence systematique d'Isil sur la taxonomie des rails, sans echec des verrous de non-trait.
- F84 : Lia classe les faux voisins comme DIRECT tout en reconnaissant qu'une condition du construit manque.
- F85 : verrou A5 inverse grammaticalement ; l'echec est conserve et repare prospectivement en F86.

Ecarts documentaires corriges

- atelier.json et les registres generes etaient restes a l'etat F71/F72 alors que le tableau de bord avait ete actualise jusqu'a F86.
- Les analyses F72 a F77 vivent sous analyse/, tandis que F78 a F86 possedent aussi une synthese a la racine. Ce choix de rangement est conserve mais inscrit dans le present audit.
- Le compteur 36/36 porte sur les modules. La table 42/42 nouvellement materialisee porte sur la provenance des observables historiques ; elle ne valide pas automatiquement leurs formulations.

Campagnes repertoriees

Campagne	Rail	Statut	Gelee	Retours	Controle
F24_reconstruction_pilote_items_critiques	question_construit	SYNTHESE_PRETE	Non	4	OK
F25_Rail_A_Praticable_Sans_Inversion	question_construit	VALIDE	Non	3	OK
F26_Mini_Groupe_Reconstruit_Deux_Rails	accordage	VALIDE	Non	3	OK
F27_Projection_Surconfiance	accordage	VALIDE	Non	3	OK
F28_Deni_Exemption	accordage	VALIDE	Non	3	OK
F29_Verrou_Non_Trait	accordage	VALIDE	Non	3	OK
F30_Generalisation_Question_Attendue	accordage	VALIDE	Non	3	OK
F31_Audit_Assemblage_8_Modules	accordage	VALIDE_AVEC_MICRO_REVISIONS	Non	3	OK
F32_Comprehension_Naive_Assemblage	accordage	VALIDE	Non	3	OK
F33_Restitution_Descriptive_Sans_Profil_Global	accordage	ANALYSE_TERMINEE_PASSAGE_F34	Non	3	OK
F34_Statuts_Usage_et_Nature_de_l_Ecart	accordage	ANALYSE_TERMINEE_PASSAGE_F35	Non	3	OK
F35_Frontiere_Lexical_Structurel	accordage	ANALYSE_TERMINEE_PASSAGE_F36	Non	3	OK
F36_Double_Verrou_Fidelite_Autorisation	accordage	ANALYSE_TERMINEE_PASSAGE_F37	Non	3	OK
F37_Decision_Immediate_et_Lieu_de_Correction	accordage	ANALYSE_TERMINEE_INSTRUMENTATION_INSUFFISANTE_PASSAGE_F38	Non	3	OK
F38_Politique_Active_au_Point_de_Decision	accordage	ANALYSE_TERMINEE_PASSAGE_F39	Non	3	OK
F39_Propagation_de_la_Correction	accordage	VALIDE_PASSAGE_F40	Non	3	OK
F40_Prototype_Interface_Controlee	accordage	VALIDE_PASSAGE_F41	Non	3	OK
F41_Hierarchie_Visuelle_et_Accessibilite	accordage	VALIDE_PASSAGE_F42	Non	3	OK
F42_Exports_et_Contexte_Secondaire	accordage	NON_VALIDE_PASSAGE_ADAPTATIF_F43	Non	3	OK
F43_Audit_Final_Adversarial_Bout_en_Bout	accordage	NON_VALIDE_TRANCHE_CLOSE	Non	4	OK
F44_Concordance_Temporelle_Deux_Declaratifs	accordage	A_REPRENDRE_CIBLEE_PASSAGE_F45	Non	3	OK
F45_Absence_Zero_Denominateur	accordage	VALIDE_PASSAGE_F46	Non	3	OK
F46_Changement_Temporel_Contradiction	accordage	VALIDE_AVEC_CORRECTION_LIBELLE_PASSAGE_F47	Non	3	OK
F47_Couches_Complementaires	accordage	VALIDE_PASSAGE_F48	Non	3	OK
F48_Harmonisation_Unites_Fenetres	accordage	PARTIELLEMENT_RECEVABLE_REPRISE_F49	Non	3	OK
F49_Provenance_Transformations_Revisions	accordage	A_REPRENDRE_CIBLEE_PASSAGE_F50	Non	3	OK
F50_Identite_Comparaison_Non_Agregation	accordage	VALIDE_PASSAGE_F51	Non	3	OK
F51_Restitution_Interface_Delta	accordage	VALIDE_PASSAGE_F52	Non	3	OK
F52_Pont_36_Potards_42_Observables	accordage	VALIDE_PASSAGE_F53	Non	3	OK
F53_Audit_Adversarial_Rail_Delta	accordage	REPRISE_CIBLEE_TRANCHE_CLOSE	Non	3	OK
F54_Trois_Niveaux_Decision	accordage	VALIDE_PASSAGE_F55	Non	3	OK
F55_Frontieres_Lexicales_Delta	accordage	REPRISE_CIBLEE_PASSAGE_F56	Non	3	OK
F56_Frontieres_Operatoires_Delta	accordage	VALIDE_PASSAGE_F57	Non	3	OK
F57_Invariance_Paraphrase_Delta	accordage	VALIDE_PASSAGE_F58	Non	3	OK
F58_Audit_Adversarial_Lexical_Delta	accordage	VALIDE_CLOTURE_LEXICALE_DELTA	Non	3	OK
F59_Import_MonCycle_Provenance_Appariement	accordage	VALIDE_PASSAGE_F60	Non	3	OK
F60_Consentement_Selection_Revocation_Import	accordage	VALIDE_PASSAGE_F61	Non	3	OK
F61_Audit_Adversarial_Import_MonCycle	accordage	REPRISE_CIBLEE_PASSAGE_F62	Non	3	OK
F62_Decision_Correction_Propagation_Import	accordage	REPRISE_CIBLEE_PASSAGE_F63	Non	3	OK
F63_Objets_Decision_Import	accordage	VALIDE_CLOTURE_SPECIFICATION_IMPORT_SYNTHETIQUE	Non	3	OK
F64_Audit_Cinq_Prioritaires	accordage	ARRET_COUT_INCONNU_RETOUR_GEMINI_TRONQUE	Non	3	OK
F64_Cibles_Cinq_Reconstructions_Prioritaires	accordage	REPRISE_CIBLEE_PASSAGE_F65	Non	3	OK
F65_Detection_Apres_Indice	accordage	BROUILLON_BLOQUE_RAPPROCHEMENT_COUT_F64	Non	0	OK
F65_Formulations_Cinq_Reconstructions_Prioritaires	accordage	VALIDE_PASSAGE_F66	Non	3	OK
F66_Cas_Frontieres_Cinq_Reconstructions	accordage	VALIDE_PASSAGE_F67	Non	3	OK
F67_Invariance_Adversariale_Cinq_Reconstructions	accordage	VALIDE_CINQ_MODULES_STABILISES_S13	Non	4	OK
F68_Cibles_Consentement_Autorite_Minimisation	accordage	REPRISE_NOMINALE_CIBLEE_F69_NON_LANCEE	Non	3	OK
F69_Formulations_Consentement_Autorite_Minimisation	accordage	VALIDE_PASSAGE_F70	Non	4	OK
F70_Cas_Frontieres_Consentement_Autorite_Minimisation	accordage	VALIDE_PASSAGE_F71	Non	4	OK
F71_Invariance_Adversariale_Consentement_Autorite_Minimisation	accordage	STABILISE_18_SUR_36	Non	3	OK
F72_Audit_Cinq_Potards_Sociaux	accordage	REPRISE_CIBLEE_PASSAGE_F73	Non	5	OK
F73_Formulations_Operationnelles_Cinq_Potards_Sociaux	accordage	VALIDE_PASSAGE_F74	Non	3	OK
F74_Cas_Frontieres_Cinq_Potards_Sociaux	accordage	REPRISE_CIBLEE_PASSAGE_F75	Non	3	OK
F75_Double_Etiquette_M7_M10	accordage	REPRISE_CIBLEE_PASSAGE_F76	Non	3	OK
F76_Hierarchie_DIRECT_TRACE_RECUE	accordage	VALIDE_PASSAGE_F77	Non	3	OK
F77_Invariance_Adversariale_Cinq_Potards_Sociaux	accordage	STABILISE_23_SUR_36	Non	3	OK
F78_Audit_Cinq_Operations_Cognitives	accordage	CARTOGRAPHIE_MAJEURE_PASSAGE_F79	Non	3	OK
F79_Formulations_Cinq_Operations_Cognitives	accordage	RECEVABLE_FRONTIERES	Non	3	OK
F80_Cas_Frontieres_Cinq_Operations_Cognitives	accordage	RECEVABLE_INVARIANCE	Non	3	OK
F81_Invariance_Adversariale_Cinq_Operations_Cognitives	accordage	STABILISE_SYNTHETIQUE	Non	3	OK
F82_Audit_Huit_Derniers_Potards	accordage	RECEVABLE_AVEC_INCIDENT_PRE	Non	3	OK
F83_Formulations_Huit_Derniers_Potards	accordage	RECEVABLE_FRONTIERES_AVEC_DISSIDENCE	Non	3	OK
F84_Frontieres_Huit_Derniers_Potards	accordage	RECEVABLE_INVARIANCE_AVEC_DISSIDENCE	Non	3	OK
F85_Invariance_Huit_Derniers_Potards	accordage	NON_STABILISANT_VERROU_A5_DEFECTUEUX	Non	3	OK
F86_Reprise_Verrou_ID26	accordage	STABILISE_SYNTHETIQUE_CLOTURE_36_SUR_36	Non	3	OK
H0_Echelles_Statuts_M24_M28	question_construit	H0_STATUTS_ECHELLES_ET_FRONTIERES_VALIDES	Oui	3	OK
H0_Fenetres_Banque_AB	question_construit	H0_FENETRES_RECEVABLES_13_SUR_13_INCIDENT_ARCHITECTE_CONSERVE	Oui	3	OK
H1P_Audit_Couverture_Kit_Humain	question_construit	SYNTHESE_PRETE	Non	3	OK
H1R_Calibration_Codage_Fictif	question_construit	SYNTHESE_PRETE	Non	3	OK
H1Rb_Frontieres_Options_Rails	question_construit	SYNTHESE_PRETE	Non	3	OK
H1Rc_Propagation_Rail_NonTeste	question_construit	SYNTHESE_PRETE	Non	3	OK
H1Rd_Definitions_Options_H0	question_construit	SYNTHESE_PRETE	Non	3	OK
MIR01_Nature_Questions	accordage	INCIDENT	Non	3	OK
MIR01b_Source_Nature	accordage	SYNTHESE_PRETE	Non	3	OK
MIR02_Deux_Axes	accordage	SYNTHESE_PRETE	Non	3	OK
MIR02b_Couverture_Indeterminable	accordage	SYNTHESE_PRETE	Non	3	OK
MIR03_Invariance_Familles	accordage	SYNTHESE_PRETE	Non	3	OK
MIR04_Forme_Echelle	accordage	SYNTHESE_PRETE	Non	3	OK
MIR05_Agregation_Restitution	accordage	SYNTHESE_PRETE	Non	3	OK
MIR06_Pilote_Deux_Rails_Corps	accordage	SYNTHESE_PRETE	Non	3	OK
MIR06b_Relation_Denominateur	accordage	SYNTHESE_PRETE	Non	3	OK
MIR07_Transfert_Trois_Domaines	accordage	SYNTHESE_PRETE	Non	3	OK
MIR08_Architecture_Minimale	accordage	SYNTHESE_PRETE	Non	3	OK
MIR09_Premier_Lot_Actes_Revision_Traces	accordage	SYNTHESE_PRETE	Non	3	OK
MIR09b_Reprises_et_Double_Relation	accordage	SYNTHESE_PRETE	Non	3	OK
MIR10_Declaratif_Premier_Lot	accordage	SYNTHESE_PRETE	Non	3	OK
MIR10b_Reprises_Declaratives	accordage	SYNTHESE_PRETE	Non	3	OK
MIR11_Actes_Revision_Traces_Lot_2	accordage	SYNTHESE_PRETE	Non	3	OK
MIR11b_Reprise_Animale	accordage	INCIDENT	Non	4	OK
MIR12_Declaratif_Lot_2	accordage	SYNTHESE_PRETE	Non	3	OK
MIR12b_Reprises_Devalorisation	accordage	SYNTHESE_PRETE	Non	3	OK
MIR13_Actes_Revision_Traces_Lot_3	accordage	SYNTHESE_PRETE	Non	3	OK
MIR13b_Reprises_Lot_3	accordage	INCIDENT	Non	4	OK
MIR14_Declaratif_Lot_3	accordage	SYNTHESE_PRETE	Non	3	OK
MIR14b_Reprises_Declaratives_Lot_3	accordage	SYNTHESE_PRETE	Non	3	OK
MIR15_Audit_Transversal_Cloture	accordage	SYNTHESE_PRETE	Non	3	OK
MIR16_Compression_Semantique	accordage	SYNTHESE_PRETE	Non	3	OK
MIR17_Gabarit_Compact_Sept_Positions	accordage	SYNTHESE_PRETE	Non	3	OK
MIR18_Transfert_Gabarit_Domaines	accordage	INCIDENT	Non	3	OK
MIR18b_Reprise_Lia	accordage	SYNTHESE_PRETE	Non	1	OK
MIR19_Audit_Douze_AR_Compactes	accordage	SYNTHESE_PRETE	Non	3	OK
MIR20_Audit_Couverture_Cinq_Incidents	accordage	ANALYSE_TERMINEE_REPRISE_CIBLEE_MIR21	Non	3	OK
MIR20b_Reprise_Lia	accordage	REPRISE_COMPLETE_INTEGREE_MIR20	Non	1	OK
MIR21_Reprise_H2_E4_Frontiere_E1	accordage	ANALYSE_TERMINEE_REPRISE_CIBLEE_MIR22	Non	3	OK
MIR21b_Reprise_Lia	accordage	REPRISE_COMPLETE_INTEGREE_MIR21	Non	1	OK
MIR22_Verrous_Codage_E4_Niveaux_E1	accordage	STABILISE_SYNTHETIQUEMENT_PASSAGE_CONTROLE_HUMAIN_CIBLE	Non	3	OK
MIR23_Rails_Revision_Histoire_Achat_Occasion	accordage	STABILISE_SYNTHETIQUEMENT_BANQUE_V0_3_AUTORISEE_AVEC_DISSIDENCE_M2	Non	3	OK
MIR24_Priorite_Faits_Carte_Intersectionnelle	accordage	STABILISE_SYNTHETIQUEMENT_V0_4_CONTROLE_HUMAIN_AUTORISE	Non	3	OK
MIR25_Peur_Compensation_Zones_Sensibles	accordage	STABILISE_SYNTHETIQUEMENT_RAILS_SEPARES_MIR26_AUTORISE	Non	3	OK
MIR26_Rituel_Regulation_Contrainte	accordage	STABILISE_SYNTHETIQUEMENT_BANQUE_NON_DIAGNOSTIQUE_MIR27_AUTORISE	Non	3	OK
MIR27_Echelles_Branchement_Sortie	accordage	A2_MAPPING_SORTIE_A_REPRENDRE_MIR28_AUTORISE	Non	3	OK
MIR28_Mapping_Explicite_Statuts	accordage	STABILISE_SYNTHETIQUEMENT_CONTROLE_HUMAIN_FORMULATIONS_AUTORISE	Non	3	OK
MIR29_Stress_Intention_Consommation	accordage	STABILISE_SYNTHETIQUEMENT_CONTROLE_HUMAIN_AUTORISE_SESSION_DEGRADEE	Oui	3	OK
MIR30_Occurrence_Apres_Coup_Fenetre	accordage	STABILISE_SYNTHETIQUEMENT_CONTROLE_HUMAIN_CIBLE_V0_3_AUTORISE	Oui	3	OK
TR01_Cas0A1_Extraction	table_ronde	CALIBRATION_HISTORIQUE_A_RAPPROCHER	Non	0	OK
TR01_Cas0A2b_Frontieres_Composees	table_ronde	SYNTHESE_PRETE	Oui	3	OK
TR01_Cas0B_Conservation_Aveugle_XY	table_ronde	SYNTHESE_PRETE	Oui	3	OK
TR01_Cas0B_Identifiants_Non_Collisifs	table_ronde	CAS0B_COTE_APPAREIL_NON_RECEVABLE	Oui	3	OK
TR01_Cas0B_Materiel_Verifie	table_ronde	SYNTHESE_PRETE	Oui	3	OK
TR01_CAS0B_REPRISE	table_ronde	SYNTHESE_PRETE	Oui	3	OK
TR01_Cas0D1_Calibration_Provenance_T1	table_ronde	AJUSTER_T02_VALIDEE_COHERENCE_GLOBALE_A_RESOUDRE	Non	3	OK
TR01_Cas0D1b_Reprise_T02_Provenance	table_ronde	VALIDEE_PROVENANCE_T02_D1C_PREPAREE	Non	4	OK
TR01_Cas0D1c_Coherence_Provenance	table_ronde	AJUSTER_MATRICE_VALIDEE_PROVENANCE_GLOBALE	Non	4	OK
TR01_Cas0D2_Operateur_Normalisation	table_ronde	VALIDEE_OPERATEUR	Non	3	OK
TR01_Cas0D3_Application_Controlee_Normalisation	table_ronde	AJUSTER_APPLICATION_OPERATEUR_V1_1	Non	3	OK
TR01_Cas0D4_Conservation_Apres_Normalisation	table_ronde	ARRET_METHODOLOGIQUE_CONSERVATION_46_SUR_54_MASQUAGE_COMPROMIS	Non	3	OK
TR01_Cas1A_Calibration_Echelle_Conservation	table_ronde	ARRET_TECHNIQUE_INCIDENT_PERSISTANT_GEMINI	Oui	4	OK

Jalon RC1 · Miroir et RefleXion

Etat consolide au 22 septembre 2026

Miroir aMi V23 RC1 est une candidate Moltbook scellee avant controle humain reel. Elle assemble 36 potards RefleXion, 84 positions Miroir et 61 approfondissements facultatifs, soit 181 points de reponse pour le parcours exhaustif. Ce statut ne vaut pas validation psychometrique humaine.

Empreinte de la candidate : 6553d15df998abe858683e43352c25cab9aa384a4eb796884bcbbf789ca8fec7.

Controle de conformite du moteur

Controle	Etat	Constat
Exports separes	Verifie	RefleXion, Miroir et approfondissements conservent des schemas et sorties distincts. Aucun total transversal n'est produit.
Reponse brute	Verifie	L'export RefleXion conserve explicitement `answer.raw` et son libelle ; la projection n'ecrase pas la source.
Delta descriptif	Verifie	La triangulation emploie accord, convergence ou « discordance a examiner avant de coter ». Aucun mensonge, deni ou diagnostic n'est deduit automatiquement.
Temoins caches	Sans objet actuellement	Aucun item temoin cache n'est declare parmi les 36. Tout temoin futur devra partager fenetre, unite, echelle et apparence avec les items controles.
Verrou local	Verifie avec limite	La cle locale n'est pas embarquee ; seul son condensat est integre. Un HTML autonome reste inspectable volontairement.

Prochaine porte de controle

Le controle qualite porte maintenant sur la passation complete, la reprise locale, le reset, les trois exports, le deverrouillage proprietaire et la lisibilite sur ecran mobile. Moltbook demeure un essai artificiel ; toute collecte humaine exige un PRE et un consentement distincts.

Documents RC1 actualises

Manuel de l'Accordage aMi V4

Actualise

Manuel Anti-Biais, Question Non Orientee et addendum Q·N·C·S·M / D·A·T·Delta, en presentation impersonnelle et sombre.

22 SEPTEMBRE 2026

Ouvrir le manuel

Miroir aMi V23 RC1

Candidate scellee

Candidate Moltbook ; 36 / 84 / 61 ; controle humain reel non ouvert.

RC1

Ouvrir la candidate

Registre des Preenregistrements V34

Synchronise

Versement public de MIR31 comme audit de provenance, sans requalification retrospective en preenregistrement.

AUD-012

Ouvrir le registre

Scelle Miroir V23 RC1

Disponible

Comptages, durees, mecanisme de cle locale et empreintes des artefacts.

SCELLE

Ouvrir le scelle

PRE-057 · Epreuve des huit regles residuelles

Collecte close

13 paquets publics · 43 appels · 1,2496045 USD sur 2,50 USD. Aucun PRE, matrice privee ou cle n'a ete transmis. Les sorties vides et le rejet HTTP Gemini sur M12-V0 restent des incidents de transport ; le statut de cette voix est ABSENT, jamais transforme en reponse.

Module	Resultat	Decision
19 · Indicateur / construit	34/36	Soutenu synthetiquement
20 · Acteur / source	24/24 · 6/6 refus de fusion	Soutenu synthetiquement
21 · Niveau de relation	24/36	Appareil a reprendre
24 · Refus sans cout	0/8 fausses paires dans les deux formes	Indeterminable sur ce materiel
Scanner	Un critique suffit ; plusieurs corriges peuvent passer	Seuil brut >= 3 refute
12 · Seconde passe	Fausses clotures revelees	Seconde passe requise, sans garantie automatique
13 · Temoin casse	4/4 detectes a trois et quatre defauts	Recette conservatrice, pas seuil universel
3 · Exemples	17/18 sans · 18/18 avec un · 18/18 avec deux	« Deux, jamais un » retire

Effet documentaire : Manuel V4 corrige ; Registre V34 verse les resultats ; les verdicts historiques ne sont pas reecrits.

🕰️L'historique du chantier

9 sept 2026, matinOuverture du chantier. Lecture de la Charte (prompt de contrôle §3, checklists XLVIII/LV, palette XV/XVII), des vérificateurs (scan.py/canon.py) et du dernier RECAP. Inventaire des pages du Mac : deux doublons octet pour octet (0.0/0.1, 0.1/0.2).
9 sept, 07h → 15hAudit de 0.3 V21 : statique (balises, ids, ancres, variables, hex hors palette, italiques, orthographes, doublons) + au rendu (Chromium : contrastes sur fond réel, texte < 11,5 px, émojis en italique, cibles < 24 px, tableaux sans rouleau, débordements 320/390/768/1280). Rapport : 28 A sûrs · 21 B à trancher · 3 C limites.
9 sept, 16h20Diane tranche : palette = Charte de Communication ; onglets sans chiffre ; 7 Lois Naturelles + 8 Culturelles ; Domaine ; C/Φ ; V%ler voulu ; contrats → Initiation ; « Oui, tout » pour la Phase 3 ; « lisibilité téléphone ultra important ».
9 sept, 15h → 17h16Phase 3 en cinq passes : P1 texte (62 gestes comptés) · P2 forme + plancher 11,5 px (145 règles mesurées) · P3 palette (458 couleurs rapatriées, racine repeinte aux 13 pierres, 1141 glissements tous intra-famille) · P4 anatomie (barre + pied V16 pris à la Charte V5, registres, progression, Emporter, 💧 ◐ ⛶) · P5 non-régression (42/42 commandes). V22 déposée, RECAP écrit.
9 sept, 20h → 20h36Retours de Diane : onglets en couleur et qui replient (« un rouleau à droite, c'est interdit »), un seul titre par partie (le portail, émoji au-dessus), ordre une → onglets → sommaire → titre, Les Chartes en améthyste, Emporter habillé, la page reste un widget (Webnode). Deux fautes trouvées grâce à ses remarques : une règle *{margin:0} parasite venue du composant de la Charte, et le plancher qui rapetissait tous les gras du texte. Canon des 13 Champs donné (2 émojis chacun).
9 sept, 21h24Sous-titres des onglets en gris, plus petits que le libellé. Dossier CONTROLE QUALITE créé dans 0.Protocole avec la boîte à outils (12 scripts) et le LISEZ-MOI.
16 sept 2026, 15h30Cette page (générée par page_cq.py depuis etat_chantier.json + les scripts). Départ de 0.2 PsychaTrice.
16 sept 2026, 15h37Audit de 0.2 PsychaTrice V22 (statique + rendu) livré : 23 A sûrs · 9 B à trancher · 3 C limites. audit_rendu.py prend maintenant le sélecteur des onglets en argument (.pt-tab).
17 sept 2026, 00h35L'Union du TouT V23 : le canton 🌳 Arborescence reçoit la V13 (53 paragraphes nouveaux, ☯️ Polarités, ◎ Point Zéro), ses styles, ses ancres ; filtres et infobulles rebranchés et testés (46/46) ; Raccord aux 13 Champs et infobulles au canon.
17 sept 2026, 00h38La page Contrôle Qualité prend deux univers : 📚 Les Volumes (état, référentiel de la Charte § 3 + XLVIII + LV classé 🤖/🧪/👁️, décisions, pièges) et 📲 Les Applications (registre des six applications, référentiel « Document Unique V1 » d'Isil condensé, cycle de vie, DONE, états, gabarits). Le pipeline attend le connecteur GitHub.
17 sept 2026, 01h060.2 PsychaTrice V23 livrée : P1 (41 gestes) · P2 + plancher (62 règles) · P3 palette (généralisée : toute racine, :root et feuille du composant épargnés) · P4 anatomie (ancienne barre/pied/topbar ôtés, composant V5 posé) · P5 (38/38). Piège nouveau : faire P4 avant P3 fait manger la feuille du composant — corrigé dans p3_palette.py.
17 sept 2026, 01h24Audit de 0.1 Apokalypse V41 livré (16 A · 7 B · 3 C).
17 sept 2026, 01h45RefleXion V47-1 lu pour Apokalypse : 6 pièces de la fiche « Le Déni, l'Ignorance et la Violence » proposées ; Diane valide (a) une section entière, RefleXion inchangée.
17 sept 2026, 02h150.1 Apokalypse V42 livrée : P1 texte (ids SVG ×31, ancre MIROIR, sommaire flottant réparé) · P2 deux étages qui replient + plancher (51 règles) · P3 palette (+ p3b : noms propres à la page, variables lues dans les iframes ôtées de la racine) · P4 anatomie (barre, pied, bande, Emporter, #prog, 💧 sur 15 panneaux) · P5 correctifs du rendu · P6 iframes à la charte · P7 section 2 bis (fond validé) · P8 68/68.
17 sept 2026, 02h450.1 V42 remplacée après les retours de Diane : boîte à outils harmonisée sur la Charte (🔍 Recherche générique, ☰, ↑, ? glossaire), un seul pied, une 👁️/🕯️, Manuel sans trous. Deux défauts de la Charte trouvés au passage : « Agdistys » en bloc dans le pied (span dans span) ; la règle « 3 à 7 onglets ».
17 sept 2026, 03h050.1 V42 : deuxième série de retours (émojis, triangle, plan, sous-onglets ConScience). Décisions de Diane : le Manuel Anti-Biais reste dans la Charte ET dans Apokalypse ; le Lexique est accessible de partout via l'Architecture.
17 sept 2026, 03h250.1 V42 : troisième série de retours — les deux Triangles restent des triangles sur téléphone ; la Pyramide du Patriarcat (SVG Illustrator 1427 px, texte 28 px, rouge sur rouge) refaite en HTML à partir de ses 22 textes, aux pierres, lisible à 320 px (p11_pyramide_triangles.py). Dossier « Schemas SVG » connecté.
17 sept 2026, 03h450.1 V42 : le tiroir 🌳 de la barre ne s'ouvre plus tout seul (Diane) ; triangles en une seule mise en page (p12_barre_triangles.py). Étude O'Sullivan & Ronis 2026 (JIV) proposée pour le corpus, en attente du lieu.
17 sept 2026, 04h00Union V24 : l'étude O'Sullivan & Ronis dans 📊 Les Chiffres du Réel (chiffre + note de lecture avec ses bornes) ; renvoi dans Apokalypse 2 bis (Test 2). Rapport : RAPPORT_2026-09-17_0.3_Union_V24_Etude_OSullivan.md.
17 sept 2026, 04h45Audit de L'Initiation V18 livré (17 A · 7 B · 3 C). Outil : audit_rendu_leger.py (sous-onglets ciblés — le rendu « tout pressé » ne finit pas sur une page à 249 boutons).
17 sept 2026, 05h35L'Initiation V19 déposée (sha 92672986…, V18 intacte) : chaîne complète en voie minimale, 109/109 mutations. Pièges : </main> fermé avant les volets ; :root{…} à accolade collée avalé par le rapatriement ; --noir non déclarée (boutons pressés nacre sur or) ; la boucle canvas de la une à 60 i/s pour toujours.
17 sept 2026, 14h36L'Initiation V19 remplacée après les retours de Diane. Cause racine trouvée : p3_palette.py rapatrier écrivait la racine à partir d'une recherche faite AVANT la réécriture des feuilles → remplacement silencieusement raté, palette perdue. Outil corrigé (racine re-cherchée + assertions) ; nouveau contrôle final : 0 var(--x) sans déclaration sur le fichier livré.
17 sept 2026, 15h32L'Initiation V19 : retours 2 (p7_retours2_ini.py). Prochain chantier demandé par Diane : 2.2 AstroGlobe (2.2_ASTROGLOBEDodecaedre_aMi_V21_UNIFIE_ASTRO-aMi.html, 3,9 Mo) — en parallèle du lien avec Ouroboros.
17 sept 2026, 16h → 22h30Publication de l'Initiation sur Webnode : bloc vide en ligne (V18, V19, fragment). Hypothèses testées et réfutées une à une : plafond d'octets (236 pages du sitemap lues : 3,1 Mo en ligne, 30 Ko refusé), scripts interdits (une sonde survit), window.parent/postMessage (ôtés, p8), pont iframe mort des instruments. Méthode : marqueur data-test + sonde data-ami-js lus dans le code servi — Webnode refuse EN SILENCE et garde le contenu précédent du bloc.
17-18 sept 2026, 23h → 03hTEST K (27 jetons d'API voilés, p12) refusé : pas un filtre de mots. TEST L (scripts inertes) refusé : c'est le texte côté serveur. M1 (page + styles) passe, M2 (scripts) non, les deux blocs ensemble → Error 500. Recette partielle en blocs multiples (page + scripts 1-8) ; P4/P5 refusés même à 30 Ko. Livraison V19 03h49 (p13 : 4 onglets, Dette versée, tanzanite, Emporter avant le pied, colle comportementale).
18 sept 2026, 05h20V19 (p14) : portail Culture fusionné, intro dans ⚓️ La Loi du Réel, trois rangées collées (barre 0 · onglets 48 · volets 164 · sous-onglets 240), SEL colle unique. Isil (ChatGPT) proposait « lignes découpées » : réfuté (V20 passe avec une ligne de 808 k).
18 sept 2026, 06h16 → 06h46TEST S : la page entière dans UN iframe srcdoc → s'affiche (« OURRA ça marche »). Le cadre à hauteur d'écran qui défile dedans ne marchait pas chez Diane ; retour au cadre qui suit sa hauteur + LE PONT (pont_cadre.js) : barres collées, coins, progression, ↑, scrollTo rebranchés sur la fenêtre du site.
18 sept 2026, 07h51 → 08h44Pont : ancrage lu dans la feuille (le TOC revient au bas de l'écran), repli de plein écran porté par le cadre (défile, zoom, Échap), --vue-top/--vue-h pour le voile 🔍. Boutons d'accessibilité à la règle de Diane (p16/p17) ; le halo rouge de 💧 retiré (« notification dangereuse »).
18 sept 2026, 09h21V19 sha 1eec57da… · WEBNODE sha 4cbb7e7e… : ◐ demi-plein au repos → ● actif (mesuré : verif_contraste.py) ; sous-onglets du 🪷 Repère du Consentement collés (la feuille du widget les rendait static sous 700 px ; verif_repere.py en page seule et dans le cadre simulé). 111/111.
18 sept 2026, 09h50Charte allégée V7 (p18) : § LII bis Publier sur Webnode — le Cadre et le Pont, § XXIX les places et les états des boutons ; volet ⚙️ Les Opérations refermé (🧿 Le Widget ne s'affichait jamais). Tableau de bord : onglet 🪟 Publier.
18 sept 2026, 16h180.1 V43 · 0.2 V24 · 0.3 V25 : le plein écran du composant V16 (p19). Cause mesurée : la racine du bloc passe en plein écran mais la barre V16 et ses coins vivent avant elle dans le DOM (invisibles, --nav-h creuse le trou), la racine n'a pas d'overflow (rien ne défile), body.ami-plein jamais posé (pas de zoom). Mutations 46/46 · 38/38 · 98/98.
18 sept 2026, 16h45Audit 2.2 AstroGlobe V21 (20 A · 8 B · 3 C) : page d'avant la Charte, erreur JS au chargement, onglets en rouleau, 4 874 nœuds sous le plancher, 1 833 contrastes, 3 widgets base64 (2,65 Mo) + PNG 0,96 Mo.
18 sept 2026, 17h40Arbitrages de Diane + sommaire détaillé des 7 Tomes / 19 Volumes (texte de référence : Sommaire_Detaille_7_Tomes_19_Volumes_2026-09-18.md, Mac + Projet). Cockpit intouché ; dodécaèdre = porte ; 🔮 pour 2.2 ; rotation gardée ; topnav → Forêt.
18 sept 2026, 18h18AstroGlobe V22 (sha 9a250198…, 3,10 Mo) : chaîne p1→p6 astro, 118/118. Réparé en route : #dodec null (script coupé), faces → fichier local mort (patch Isil V15.5), bandeau Théorie du Tout hors racine, bouton « Ouvrir l'AstroGlobe » qui visait la MétaMatrice.
18 sept 2026, 18h240.3 V26 · 0.2 V25 : 🔍 de la Charte + ☰ ↑ aux places du 18/09 (p20_boite_volumes.py). Pont réglable par page (window.AMI_PONT), pageYOffset/scrollY rendus à la page dans le cadre (la barre se replie) ; p15 prend le nom de la page ; 0.2 V25_WEBNODE et Initiation V19_WEBNODE régénérés.
19 sept 2026, 00h40AstroGlobe V23 (sha 8e48a3a6…) : Brouillon ôté (validé), ⛶ Cockpit plein écran + demande de paysage (p8_astro.py), « Ouvrir dans une page à part ». 126/126. Piège d'outil : le défilement doux du test coupé par le resize des widgets à la sortie du plein écran → instant.
19 sept 2026, 00h55Union V27 (sha 22918485…) : Charte Mathématique V9 + l'Instrument sous la Fractale (p21_loi_union.py), à la place de la V2 que l'Union portait déjà. 🔍 à tous les niveaux. 46/46 + 69/69 (p22_loi_mutations.py).
19 sept 2026, 11h20Audit 3.3 CosmoLogie V3 (13 A · 7 B · 3 C) : page d'avant la Charte, 10 onglets → 33 chapitres ; Diane : onglets gardés tels quels, topbar/footer/accessibilité d'abord, les pages avant tout le reste.
19 sept 2026, 12h45CosmoLogie V4 (sha c24b2385…) : chaîne p1→p6 cosmo (chaine_cosmo.sh), 90/90. La pile qui se replie (C·3) : première mise en œuvre — barre + 2 rangées d'onglets (198 px) → une ligne « où je suis » (92 px) quand on descend.
19 sept 2026, 13h30 → 17h20CosmoLogie V5 → V9 : sélecteurs nus scopés (V4 repeignait le site Webnode), pont corrigé, pile onglets + sous-onglets, contour noir, clic d'onglet sans saut en tête, visionneuse zoom, Arbre Culturel WebP 5200 px, zoom réparé dans le cadre. Bloc Site V2 (Site/Bloc_Sommaire_Recherche_Retour_aMi_V2.html) : ↑ ☰ 🔍 pour tout agdistys.fr, 26/26.
19 sept 2026, 16h → 18h204.1 Décryptage V2 → V5 : audit, phase 3 (108/108), visualiseur des folios empilé puis en tête, loupe recalée, une colorée aux pierres (109/109). 4,5 Mo → 0,82 Mo.
19 sept 2026, 19h25Audit 1.1 EGO V26 (7 doutes A-D) + check des 8 widgets face à la WidgetOthèque en ligne.
19 sept 2026, 22h25EGO V27 (sha 0d538736…) : la règle du chemin (Question sur la une, Réponse en conclusion), clause A5, Repère V6 + Stop-R + Plan + Témoignage Guidé, coque V16, 96/96, cadre testé dans un hôte.
19 sept 2026, 22h45EGO V28 (sha 8b82d663…) : un seul Réel séparé. 96/96.
19 sept 2026, 23hEGO V29 (sha c6fc0c92…) : la devise sur la une — « Savoir Se Protéger, c’est rester Souverain de Sa Dignité. » (Diane). 96/96. Tableau de bord CQ remis à jour (il datait de 13h).
19 sept 2026, 23h30💧 La sortie de la lecture continue ne saute plus en haut (Diane) : le chapitre sous les yeux devient le chapitre ouvert, le point lu garde sa hauteur (sondes à 40/55/70/85 %, sous la pile collée ; drapeau __amiSansSaut lu par switchTab/selectSub). EGO V30, Décryptage V6, CosmoLogie V10 (+ WEBNODE) — 98/98, 111/111, 98/98.
20 sept 2026, 00h40EGO V31 + Apokalypse V44 : la fiche « La Cascade des Tabous » entrée dans les deux (Diane : « les 2 c'est pas de trop »). Du Sexe au Genre : l'œuf émoji → œuf vectoriel (Schemas SVG/…V2_oeuf_vectoriel.svg).
20 sept 2026, 01h15La nuit des onze audits (outils/profil.py) : 1.3, 2.1, 2.3, 3.1, 3.2, 4.2, 4.3, 5.1, 5.2, 5.3, 6.0 — génération d'août (sans racine, rouleaux, plancher 8–11 px) vs septembre (documents collés, instruments avec leur coque). RECAP_2026-09-20_01h.
20 sept 2026, 00h57 → 01h14Onze audits déposés en une nuit (AndroGynie, ECO, EncycloPédie, Rencontre, Justice, Éveil de l'IA, CosmoGonie, Souvenir, Legs, Astro, Karma) + outils/profil.py.
20 sept 2026, 07h40 → 10h255.3 Astro V15 (md5 871e1d3f4355) : les six instruments entrent dans la page (968 Ko de base64 et quatre copies d'Astronomy Engine en moins), le doigt à 44 px partout, ASTRO en h1, Réponse en conclusion, les treize pierres. 116/116.
20 sept 2026, 10h20Check B1 demandé par Diane, fait mot à mot : le Village aMi du volume EST identique à Demi Pages/Le Village aMi.html (151 passages, 0 différence) ; Citoyenneté & Servitude est la génération SUIVANTE de « widget ou la democratie existe vraiment.html » (mêmes 8 exemples dans le même ordre + Meilleur Système, 3 Formules, Dictionnaire de capture, Tableau Comparatif, Transition). Une phrase non reprise : « une fédération de pratiques plutôt qu'un modèle unique ». La fiche Extras/Verification_Citoyennete_et_Mobilite.md (4/09) est un AUTRE dossier (inégalité de mobilité selon le pays de naissance).
20 sept 2026, 13h30 → 16h055.3 Astro V16 (md5 acd43ea6517e) : la ville s'écrit sur 33 961 villes embarquées, la Synthèse symbolique doublée d'une traduction « En clair », un seul sommaire (le ☰ de la Charte), plus aucun renvoi, la mémoire de l'onglet, la fédération de pratiques rendue à Citoyenneté. 146/146.
20 sept 2026, soir → 21 sept 00h5.3 Astro V17 → V19 : la barre V16 arrive repliée et ne s'ouvre qu'au ❤️‍🔥 ; la mini-pile se redéploie sur place ; la frise « se rapproche puis s'envole » (🐾 Mammalien, 🦅 Avial) ; Diane : le lien direct computer:// à chaque dépôt.
21 sept 2026, 00h → 02h5.3 Astro V20 → V21 : l'émoji au-dessus du nom dans les sous-onglets, titre caps ambre > sous-titre argent, fil n/N ; mes encres à 3:1 relevées à --or-gras. 214/214. RECAP « La Barre qui ne Saute Plus ».
21 sept 2026, 02h → 05h552.1 ECO V3 (onglets, 96/96) puis V4 (retour à la coulée, 81/81) sur les arbitrages de Diane. RECAP « ECO prend ses Onglets ».
21 sept 2026, 16h → 16h282.1 ECO V5 : bandeau fin sous la une, dégradé radial doré, Champs par leur émoji, États d'Âme en schéma. Découvert : les _WEBNODE n'avaient pas de <meta charset> (mojibake hors Webnode) → p15 écrit la ligne en tête. 93/93.
22 sept 2026, 13h → 15h15🏹 Manuel de l'Accordage V3 mis à la charte (chaîne p1→p9_man), 63/63.
22 sept 2026, 15h30 → 16h28Manuel : retours de Diane — sans en-tête, V1 publique, signature, onglets centrés, pied recollé (.ap-legal span imbriqué). 65/65.
22 sept 2026, 17h → 17h10Manuel : de document de recherche à document de présentation — codes de travail centralisés dans 🗂️ Les Sources (8 campagnes, TR-01), 73/73. Constaté et avoué : cette page CQ n'avait pas été régénérée depuis le 20/09 16h05 → rattrapée ici.
22 sept 2026, 17h52 → 18h02Check de la littérature en trois recherches web (règles ①–⑮, ⑯–㊳, catalogues de biais) + contrôle du Registre V31 : aucune règle entièrement neuve ; neuf = ⑫, l'asymétrie de ⑧, ⑥, le test du NOM en aveugle, le seuil ≥3 du Scanner (non étalonné). Registre : F-01→F-07 et F-14→F-71 sans entrée, PRÉ-053–055 sans bloc, PRÉ-038 absent. Trois phrases du Manuel corrigées. Message « reste à tester » écrit pour Isil.
22 sept 2026, 20h08 → 21h12⛲️ 5.2 Legs V2 : la page d'août passe à la Charte (chaîne chaine_legs.sh, p1→p7_legs). Les 4 schémas GitHub versés dans le fichier. 65/65. Piège retrouvé : une une en 92vh fait grandir le cadre Webnode sans fin ; et une grille minmax(280px,1fr) sort de l'écran à 320 px.
22 sept 2026, 21h30 → 21h40LEGS, retours de Diane : la une rendue (fontaine, globe, LEGS doré, Question ambre), bande des registres en détail, trois pages essentielles, doublon d'articles supprimé, Experte Éthique, photo de profil, et la citation « On n'hérite pas la Terre… » rendue à Wendell Berry (1971) — elle n'est pas de Saint-Exupéry.
22 sept 2026, 20h30 → 23 sept, 01h50🐾 3.1 Rencontre à la charte (V8). La chaîne a été interrompue par une panne du classifieur de sécurité, puis reprise. La reprise a mis au jour trois pannes muettes que les contrôles d'avant ne voyaient pas : (1) un </div> orphelin — la fermeture d'un conteneur que le vieux ◈ sommaire refermait sans l'avoir ouvert — refermait #ami-rencontre juste après la Boussole : 6 parties, 46 chapitres et 13 tableaux tombaient hors de la racine, et pas une règle « #ami-rencontre … » ne portait ; (2) la coque V16, reprise du LEGS, cherchait encore getElementById('ami-legs') dans trois scripts : chaque module sortait sur son if(!R) return, la pile repliable ne se construisait pas, sans une seule erreur ; (3) le vieux script appelait switchTab('consent') à l'ouverture, et dans une coulée switchTab SAUTE : on atterrissait à 3 906 px, la une n'était jamais vue. Réparés, et chacun tient maintenant dans un contrôle. 71/71.
23 sept 2026, 02h00 → 02h30Retours de Diane sur Rencontre V8 : « un vrai problème d'échelle et de mise en page sur la une ». Mesure comparée à 390 px contre LEGS : la une n'avait jamais reçu la feuille de la une — coque, coulée et encres portées, pas les proportions. V9 : une entièrement reprise au canon, onglets décollés (ils se chevauchaient à 390 : un débordement DE CASE que le test de débordement de page ne voyait pas), grille de 3 au téléphone, ☰ resserré de 52 à 35 px par chapitre, Note et Cadre épistémiques fondus en un seul encart avec contrôle de non-perte, titre en dégradé doré. 95/95. Demandé par Diane : mettre la Charte à jour avec tout ce qui a été appris ; le prochain volume est 🕉️ 6.0 Karma, pas 🐲 4.2 Éveil.
23 sept 2026, 02h50 → 03h10Seconds retours de Diane sur Rencontre → V10 (119/119). Deux découvertes : (1) le sceau PULSAIT à cause de la page elle-même (« .logo{animation:pulse 4s} »), et ce que Diane veut voir bouger c'est le FOND, pas l'émoji → pulsation d'ensemble coupée, patoune à deux temps, lit d'eau remonté ; (2) la bande des registres était à 16 px quand les onglets sont à 11,5 — c'est un détail, il doit se lire APRÈS (9,8 px), et son titre se comportait comme un bouton. Le 💧 revient dans les coulées avec un métier neuf : allumé (défaut) tout d'un tenant, éteint une partie à la fois — à porter sur ECO et LEGS.
23 sept 2026, 12h20 → 12h35Troisièmes retours de Diane sur Rencontre → V11 (126/126). Le 💧 rendu visible (le ◐ était posé dessus depuis que P9 l'avait déplacé) ; la patoune refaite en contretemps avec l'opacité qui suit la levée ; les max-width de la une ouvertes (elles bornaient à 249/303/407 px même en 1280, d'où toutes les césures) ; les six onglets centrés ; les coupes de « consen-tement » et « incorpo-ration » dites au lieu d'être devinées ; le saut vers une partie se rattrape après coup, une fois la hauteur de barre MESURÉE et non prédite.
24 sept 2026, 13h00 → 13h15Rencontre V12 (quatrièmes retours : pied recollé, serif allégé, formule du pied horizontale et à l'échelle, bandeau Théorie du Tout ôté, Réponse + « Prêt-e à Se Ronroncontrer », Cartographie du Désir de Vivre en 9 visages au chapitre 1 de l'InCorporation) — 138/138. Puis LA CHARTE V8 : tous les réglages de septembre écrits chacun à sa place, et la Charte appliquée à elle-même. Découverte du jour : le <footer> vit hors de la racine des volumes, donc toutes mes règles « #racine .ami-pied … » étaient muettes depuis le début.
24 sept 2026, 13h15 → 13h20Manuel de l'Accordage : comparaison de la V1 du 23/09 (passée par Diane) avec la mienne du 22/09. Quatre de ses six retours étaient déjà faits par elle. Restaient le serif du pied et la formule qui se repliait en colonne au téléphone — corrigés. Et « ◈ Les quatre mots du regret » versé dans 🙊 Les non-excuses, avec les étymologies vérifiées à l'Académie française : être désolé·e / s'excuser / demander pardon / se faire pardonner. La règle qui en sort : sauter « demander pardon » EST la non-excuse — le regret sans la demande.
26 sept 2026, 19h15 → 19h30Rencontre V13 (les notions de /lincorporation/ versées chacune à sa place, et le ✨ au sceau — 140/140) puis Charte V9. Deux découvertes mesurées : (1) dans un hôte qui pose overflow-x:hidden autour du bloc — ce que fait Webnode — TOUTES les barres collées cessent de coller, et on le répare en remplaçant hidden par clip sur les ancêtres ; (2) la césure « croi-sés » que Diane voyait sur son site venait du hyphens:auto du SITE, pas de la Charte : un bloc hérite de son hôte, donc il doit redire sa typographie. Les deux sont écrits dans la Charte, avec la mesure qui les a montrés.
26 sept 2026, 20h00 → 20h37Charte V10. Les trois parties « pont » reprennent une ligne de pierre comme les cinq autres (rubis · moldavite · saphir, couleurs déjà déclarées dans la page). Et le défaut vu sur agdistys.fr/ami-charte réparé : la navbar Webnode est collante, les barres du bloc passaient dessous. Le bloc mesure maintenant lui-même la hauteur de ce qui occupe le haut de l'écran et décale ses barres d'autant (--top-site) : vérifié dans un hôte qui reproduit le site, 92 px trouvés, haut de barre = bas de navbar, aucun chevauchement à 390 et 1280 ; et 0 quand la page est seule. Rencontre n'avait pas le défaut parce qu'elle est dans un cadre.
26 sept 2026, 20h40 → 21h10LE PIED DE PAGE DU SITE, V3 (Site/Bloc_Sommaire_Recherche_Retour_aMi_V3.html). Deux défauts mesurés EN DIRECT sur agdistys.fr. (1) Sur /ami-charte/ le ☰ du site et le ☰ du bloc se posaient AU MÊME PIXEL (site y=1026 · bloc y=1026 x=1704) : le pied cherchait #ami-toc-toggle, les volumes nomment leur sommaire #amiSommaire. Le ↑ et la 🔍 étaient bien reconnus (#amiHaut, #amiRech) et ne se doublaient pas — donc la crainte de Diane portait sur le seul bouton qui, lui, se doublait vraiment. (2) Sur /ami-rencontre/ (volume dans un cadre de 52 813 px) les outils DU VOLUME sont épinglés à la fenêtre DU CADRE : ↑ à y=0, 🔍 à y=52 689, ◐ et 💧 à y=13. Autrement dit, dès qu'on a descendu, le lecteur n'a plus ni sommaire, ni recherche, ni contraste, ni lecture fluide. Le pont du cadre ne règle que la HAUTEUR (setInterval 600 ms), il ne dit pas au cadre où est le lecteur. V3 : le pied reconnaît #amiSommaire, et surtout il LIT LE DOCUMENT DU CADRE (même origine, srcdoc) — son ☰ liste les vraies parties du volume (102 entrées, 49 groupes mesurés sur Rencontre V13) et sa 🔍 cherche dans tout le volume (3 passages pour « métaboli », texte qui n'existe QUE dans le cadre). Le point d'arrivée retire la hauteur de ce qui occupe le haut de l'écran, et se remesure deux fois après coup (ouvrir une partie change la hauteur au-dessus de la cible : arrivée à -243 px sans le rattrapage). Vérifié : bloc en direct 390/1280 → le site ne pose PLUS AUCUN bouton ; volume en cadre 390/1280 → ↑ ☰ 🔍 posés, sommaire et recherche du volume, 0 erreur JS. NON VÉRIFIÉ : l'atterrissage exact d'un saut sur la page en ligne — l'onglet de contrôle était en arrière-plan (visibilityState 'hidden') et Chrome n'y valide pas le défilement ; à refaire une fois la V3 collée. ET LE MERCI SE SEPARE DU SOUTIEN — [stated] « quand on clique ca dit juste merci, et ensuite quand on clique sur « un avis/témoignage sur Google · un soutien libre sur Tipeee » c'est sur ces deux que ca renvoie » : le grand « 🪞 Merci pour Nous 🌱 » n'est plus un lien mais un BOUTON qui ne va nulle part (il compte, il répond « Merci ! Ton merci est enregistré. », et au second clic « Ton merci est déjà là. »), en serif Cormorant 23 px ; la ligne du dessous porte les deux gestes qui coûtent quelque chose, chacun son lien : « un avis ou un témoignage sur Google » et « un soutien libre sur Tipeee ». Vérifié dans un hôte servi sous www.agdistys.fr (le widget refuse de paraître ailleurs) : balise BUTTON, police Cormorant Garamond 23 px, compteur lu, clic → aucune navigation, aucun onglet ouvert, 0 erreur JS, et les deux adresses justes.
27 sept 2026, 00h00 → 00h21Charte V11. Diane a essayé la V10 en ligne : la barre aMi passait toujours sous sa navbarre, le dernier bouton du bas avait un double, et les onglets ne se repliaient pas. Les trois viennent de deux causes seulement. (1) Ma vérification de la V10 mesurait AU CHARGEMENT — un élément collant ne prouve rien tant qu'il n'est pas épinglé ; mesuré après 3 000 px, la barre tombait à 0 et emportait avec elle le ❤️‍🔥 qui replie les onglets, le ◐ et le 💧. La V11 ne nomme plus les barres : elle prend tout ce qui colle en haut dans le bloc. (2) Le double bouton, c'est le pied V2 encore en ligne : il part avec la V3.
27 sept 2026, 02h00 → 03h40Charte V12 et pied du site V4. (1) Le gros trou entre la navbarre et les onglets venait de ma V11, qui figeait une hauteur que la feuille de style recalcule — on relit désormais, on n'archive pas. Trou = 0 à trois largeurs. (2) Nom des onglets en 600, Codons du Langage en tanzanite. (3) POURQUOI /la-tour-de-babel n'avait pas de loupe : la page porte AUSSI une V1 du bloc collée dans son contenu ; elle arrive la première, pose window.__amiToc, et le pied du site se retire poliment. Mesuré : deux boutons de classe amiToc-b seule, ordre ☰ puis ↑, aucun .amiRech. Le pied V4 se numérote et PREND la place d'une version plus ancienne au lieu de reculer — Diane n'a plus à retrouver où traînent de vieilles copies. (4) Le sommaire montre enfin ses niveaux : le GRAS d'un paragraphe compte comme un titre ([stated] « je me sers quasi jamais de la fonction titre »), le niveau vient de la TAILLE RÉELLE du titre dans la page, et l'étiquette est la première ligne de innerText (textContent recollait « des Motset plus encore »). Vérifié : reprise de place effective, 3 boutons, recherche posée, groupes 15,2 px / 500 contre enfants 12,48 px / 300, un gras au milieu d'une phrase reste exclu, 0 erreur JS, node --check sur les deux scripts.
27 sept 2026, 19h16 → 19h40Charte V13 : le serif italique des expressions citation passe en 600 (cherché au rendu, pas par liste de classes), les mots à définition ne changent plus de couleur (juste le pointillé, en couleur du texte), et la barre des huit parties reçoit enfin son bouton d'enroulement — le ❤️‍🔥 ne repliait que la barre d'architecture. Un piège trouvé en chemin : « sans-serif » contient « serif », et un test naïf met toute la page en gras.
27 sept 2026, 20h40 → 22h20Charte V14 — les douze retours de Diane sur téléphone. Les chiffres : tableaux qui débordent 23 → 0, défilement vertical 5 → 0, largeur du texte 326 → 366 px, barre enroulée sur une ligne de 34 px, 800 ◈ → •. Trois causes trouvées en chemin : (a) on ne peut pas mélanger overflow-x:auto et overflow-y:visible — le navigateur remet « auto » ; (b) un td en display:block peut encore forcer la largeur si son contenu refuse de se couper ; (c) .ec table.tbl portait min-width:640px, c'est lui qui tenait les deux derniers tableaux à 640 px dans un conteneur de 320. Et du fond versé : le tableau du mot de secours en trois colonnes, l'ÉcoLogie sous l'ÉcoFéminisme, l'Internet sous la MétaConScience.
27 sept 2026, 21h40 → 22h05Charte V15 — neuf retours. Les deux mesures qui commandent : les marges s'empilaient sur six niveaux (189 px de texte au plus étroit, contre 326 ailleurs — la « colonne » que Diane voyait), et le sous-titre de la barre tombait à 3,9:1 en mode contraste quand le titre était à 7,6:1. Corrigés à 279 px et 8,8:1. Plus : les pictos se colorent sans halo, la goutte en ambre, le ✕ du plein écran discret, la ligne de la une sur deux lignes sans sa version, la date au 27, et la navigation précédente/suivante d'Astro au bout de chaque partie.
9 nov 2026, 01h28 → 19h02L’harmonisation : les barèmes de Φ (8 zones), du Risque Structurel (5 paliers) et du Quotient de Sublimation accordés dans tout le corpus ; règle 7 ; le Dian, la Révélation, le Voile, le Diapason ; Legs = Φ × t ; C13 et la Pulvérisation ; la Charte Émoji ; les trois lectures et la Loi de la Cohérence Fractale ; cotes de 0 à 5 + « ? » + « ∅ » ; la navigation de la Charte V081 dans 17 volumes et des poignées de 44 × 44 px ; MétaMatrice V34 → V36 ; 158 fichiers déposés et vérifiés. Le détail est dans l’encart « 📅 9 novembre 2026 — L’harmonisation », en haut de cette page (V11).

🧰La boîte à outils

Dans l'ordre où ils se rejouent sur une page. Prérequis : python3 et pip install playwright && playwright install chromium. Chaque script est lisible ici et se copie d'un geste.

audit_statique.pyaudit_statique.py page.html251 lignes

Balises équilibrées, ids en double, ancres mortes, variables, hex hors palette (ΔE2000 vers la pierre la plus proche), italiques, capitales en Cormorant, orthographes, doublons de paragraphes, sélecteurs nus → audit_statique.txt / .json

# -*- coding: utf-8 -*-
"""Audit statique d'une page du corpus aMi contre la Charte de Communication
(prompt de contrôle §3 + checklists XLVIII / LV). Ne corrige rien : relève."""
import re, sys, json, collections, html as H
from html.parser import HTMLParser
sys.path.insert(0, '../verif/verificateur')
import canon as K, couleur as C

SRC = sys.argv[1]
raw = open(SRC, encoding='utf-8').read()
txt = re.sub(r'data:image/[a-z+]+;base64,[A-Za-z0-9+/=]+', 'data:IMG', raw)
lines = txt.split('\n')
def lno(pos): return txt.count('\n', 0, pos) + 1
R = collections.OrderedDict()
def note(fam, quoi, ou='', mesure='', grave='corriger'):
    R.setdefault(fam, []).append(dict(quoi=quoi, ou=ou, mesure=mesure, grave=grave))

# ── 0 · identité ───────────────────────────────────────────────────────
title = re.search(r'<title>(.*?)</title>', txt, re.S)
title = H.unescape(title.group(1)).strip() if title else ''
fname_num = re.search(r'(\d+\.\d+)_', SRC.split('/')[-1])
title_num = re.search(r'\b(\d\.\d)\b', title)
note('identité', 'titre <title>', title, '')
if fname_num and title_num and fname_num.group(1) != title_num.group(1):
    note('identité', 'le numéro du <title> ne suit pas le nom du fichier',
         '<title>', f'{title_num.group(1)} dans le titre · {fname_num.group(1)} dans le nom de fichier')
for k in ('ami:version', 'ami:date'):
    m = re.search(r'<meta name="%s" content="([^"]*)"' % k, txt)
    note('identité', f'meta {k}', '<head>', m.group(1) if m else 'ABSENT', 'corriger' if not m else 'ok')
# numéros de volume cités dans le corps
nums = collections.Counter(re.findall(r'Vol(?:ume|\.)\s*(\d\.\d)', txt))
note('identité', 'numéros de volume écrits dans la page', 'corps', dict(nums), 'regarder')

# ── 1 · structure ──────────────────────────────────────────────────────
VIDES = {'meta','link','br','hr','img','input','source','area','base','col','embed','param','track','wbr','path','circle','rect','line','polyline','polygon','ellipse','stop','use'}
class P(HTMLParser):
    def __init__(s):
        super().__init__(convert_charrefs=False); s.stack=[]; s.faults=[]; s.ids=collections.Counter(); s.idpos={}
        s.maxdepth=0; s.in_svg=0; s.hrefs=[]; s.tags=collections.Counter(); s.fixed=0
    def handle_starttag(s, tag, attrs):
        a=dict(attrs)
        if tag=='svg': s.in_svg+=1
        if 'id' in a: s.ids[a['id']]+=1; s.idpos.setdefault(a['id'], s.getpos()[0])
        if 'href' in a and a['href'] and a['href'].startswith('#'): s.hrefs.append((a['href'][1:], s.getpos()[0]))
        s.tags[tag]+=1
        if tag in VIDES: return
        s.stack.append((tag, s.getpos()[0])); s.maxdepth=max(s.maxdepth,len(s.stack))
    def handle_startendtag(s, tag, attrs):
        a=dict(attrs)
        if 'id' in a: s.ids[a['id']]+=1; s.idpos.setdefault(a['id'], s.getpos()[0])
        s.tags[tag]+=1
    def handle_endtag(s, tag):
        if tag=='svg': s.in_svg-=1
        if tag in VIDES: return
        if s.stack and s.stack[-1][0]==tag: s.stack.pop(); return
        # chercher plus haut
        for i in range(len(s.stack)-1,-1,-1):
            if s.stack[i][0]==tag:
                for t,l in s.stack[i+1:]: s.faults.append(f'<{t}> ouvert l.{l} jamais fermé (fermé de force par </{tag}> l.{s.getpos()[0]})')
                del s.stack[i:]; return
        s.faults.append(f'</{tag}> l.{s.getpos()[0]} sans ouvrant')
p=P(); p.feed(txt)
for t,l in p.stack: p.faults.append(f'<{t}> ouvert l.{l} jamais fermé (fin de fichier)')
note('structure', 'balises équilibrées (parcours en pile, hors SVG vides)', '', p.faults if p.faults else 'aucune faute', 'corriger' if p.faults else 'ok')
dbl = {i:n for i,n in p.ids.items() if n>1}
note('structure', 'identifiants en double', {i:f'l.{p.idpos[i]}' for i in dbl} , dbl if dbl else 'aucun', 'corriger' if dbl else 'ok')
# ancres mortes — ids posés en JS aussi
js_ids = set(re.findall(r"""id\s*[:=]\s*['"]([^'"]+)['"]""", txt)) | set(re.findall(r"""\.id\s*=\s*['"]([^'"]+)['"]""", txt))
mortes = sorted({(h,l) for h,l in p.hrefs if h and h not in p.ids and h not in js_ids})
note('structure', 'ancres mortes (href="#x" sans id="x" ni id posé en JS)', [f'#{h} l.{l}' for h,l in mortes][:40], f'{len(mortes)} sur {len(p.hrefs)} liens internes', 'regarder' if mortes else 'ok')
note('structure', 'inventaire', '', {k:p.tags[k] for k in ('div','section','table','svg','script','style','button','a','h1','h2','h3','h4','img','iframe','blockquote')})
# onglets
tabs = re.findall(r'<button[^>]*class="[^"]*\btab-btn\b[^"]*"[^>]*>(.*?)</button>', txt, re.S)
tabs_txt=[H.unescape(re.sub(r'<[^>]+>',' ',t)).split() for t in tabs]
note('structure', 'onglets .tab-btn', '', [' '.join(t)[:60] for t in tabs_txt], 'ok' if 3<=len(tabs)<=7 else 'corriger')
for cls in ('tab-bar','sub-host','sbar','som','portail','regle','bande-registres','couv','ami-topbar','ami-barre','ami-pied','ami-coin','sec-header','partie-header','cadre-epist','checklist'):
    n=len(re.findall(r'class="[^"]*\b%s\b'%re.escape(cls), txt))
    note('anatomie', f'.{cls}', '', n, 'ok' if n else 'regarder')
# sec-num / romains
secnums = [(H.unescape(m.group(1)).strip(), lno(m.start())) for m in re.finditer(r'class="sec-num"[^>]*>(.*?)<', txt, re.S)]
note('numérotation', 'numéros de section (.sec-num) dans l’ordre du fichier', '', [f'{n} l.{l}' for n,l in secnums][:80])
romains = collections.Counter(re.findall(r'>\s*((?:XC|XL|L?X{0,3})(?:IX|IV|V?I{0,3}))\s*<', txt))
romains = {k:v for k,v in romains.items() if k}
note('numérotation', 'chiffres romains isolés dans une balise', '', romains, 'regarder')
# sommaires : comptes annoncés
for m in re.finditer(r'(\d+)\s*(?:parties?|chapitres?)\s*·\s*(\d+)\s*(?:entrées?|sections?)', txt):
    note('numérotation', 'compte annoncé par un sommaire', f'l.{lno(m.start())}', m.group(0), 'regarder')

# ── 2 · couleur ────────────────────────────────────────────────────────
styles = [(m.start(), m.group(1)) for m in re.finditer(r'<style[^>]*>(.*?)</style>', txt, re.S)]
css_all = '\n'.join(s for _,s in styles)
inline = re.findall(r'style="([^"]*)"', txt)
scripts = '\n'.join(m.group(1) for m in re.finditer(r'<script[^>]*>(.*?)</script>', txt, re.S))
svgs = re.findall(r'<svg.*?</svg>', txt, re.S)
svg_all='\n'.join(svgs)
declared = collections.OrderedDict()
for m in re.finditer(r'(--[a-z][a-z0-9-]*)\s*:\s*([^;}]+)', css_all + '\n' + '\n'.join(inline)):
    declared.setdefault(m.group(1), []).append(m.group(2).strip())
used = set(re.findall(r'var\((--[a-z0-9-]+)', css_all + ' '.join(inline) + scripts))
orph = sorted(used - set(declared))
note('couleur', 'variables employées sans être déclarées', '', orph if orph else 'aucune', 'corriger' if orph else 'ok')
multi = {k:sorted(set(v)) for k,v in declared.items() if len(set(v))>1}
note('couleur', 'variables déclarées avec PLUSIEURS valeurs (redéclaration, impression, cantons)', '', multi, 'regarder')
# palette : comparer les déclarations aux pierres/neutres/standard
idx={}
for pz,trois in K.PALETTE.items():
    for niv,h in zip(K.NIVEAUX,trois): idx[h.lower()]=pz+niv
for h,n in K.NEUTRES.items(): idx[h.lower()]=n
std={h.lower():n for h,n in K.STANDARD.items()}
labs=[(n,C.hex2lab(h)) for h,n in idx.items()]
def nearest(h):
    r,g,b=C.hex2rgb(h); lab=C.rgb2lab((r,g,b))
    return min(((n,C.de2000(lab,l)) for n,l in labs), key=lambda t:t[1])
def norm_hex(h):
    h=h.lower()
    if len(h)==4: h='#'+''.join(c*2 for c in h[1:])
    return h[:7]
pal_rows=[]
for k,vals in declared.items():
    for v in sorted(set(vals)):
        m=re.match(r'#([0-9a-fA-F]{3,8})\b',v)
        if not m: continue
        h=norm_hex('#'+m.group(1))
        if h in idx: verdict=f'= {idx[h]}'
        elif h in std: verdict=f'= standard {std[h]}'
        else:
            n,d=nearest(h); verdict=f'HORS CHARTE · le plus proche {n} ΔE {d:.1f}'
        pal_rows.append(f'{k}: {h} → {verdict}')
note('couleur', 'les variables de la page, confrontées à la palette de la Charte', '', pal_rows)
# hex hors bloc de variables, par contexte
def hexes(s): return [norm_hex(x) for x in re.findall(r'#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\b', s)]
css_hors = re.sub(r'(--[a-z][a-z0-9-]*)\s*:\s*[^;}]+', '', css_all)
ctx = {'CSS (hors déclarations de variables)': hexes(css_hors),
       'style="…" en ligne': hexes(re.sub(r'(--[a-z][a-z0-9-]*)\s*:\s*[^;"]+','',' '.join(inline))),
       'SVG': hexes(svg_all), 'JavaScript': hexes(scripts)}
for c,hs in ctx.items():
    cnt=collections.Counter(hs)
    def tag(h):
        if h in idx: return idx[h]
        if h in std: return 'std:'+std[h]
        r,g,b=C.hex2rgb(h)
        if max(r,g,b)-min(r,g,b)<=6: return 'gris'
        n,d=nearest(h); return f'≈{n} ΔE{d:.0f}' if d<8 else 'HORS'
    note('couleur', f'hexadécimaux écrits en dur — {c}', '', {h:f'{n}× ({tag(h)})' for h,n in cnt.most_common(60)}, 'regarder' if cnt else 'ok')
rgba = re.findall(r'rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}', css_hors)
note('couleur', 'rgb()/rgba() écrits avec un triplet en dur dans les règles (au lieu de var(--x-rgb))', '', f'{len(rgba)} occurrences · {len(set(rgba))} triplets distincts : {sorted(set(rgba))[:20]}', 'regarder' if rgba else 'ok')
# fond de page
for k in ('--noir','--onyx','--encre','--voile','--or','--or-pale','--or-somb','--nacre','--gris','--gris-cl','--labradorite'):
    note('couleur', f'valeur de {k}', '', declared.get(k,'—'))

# ── 3 · forme ──────────────────────────────────────────────────────────
EMO = re.compile('[\U0001F300-\U0001FAFF☀-➿⬀-⯿ꦠ-ꦿ]')
ital = [(lno(m.start()), H.unescape(re.sub(r'<[^>]+>','',m.group(0)))[:60]) for m in re.finditer(r'<(i|em)\b[^>]*>(.*?)</\1>', txt, re.S) if EMO.search(m.group(2))]
note('forme', 'émoji dans une balise <i>/<em> (règle absolue : jamais en italique)', [f'l.{l} « {t} »' for l,t in ital][:30], len(ital), 'corriger' if ital else 'ok')
# classes italiques contenant emoji — approximation statique : sélecteurs avec font-style:italic
ital_sel = re.findall(r'([^{}]+)\{[^{}]*font-style\s*:\s*italic', css_all)
note('forme', 'sélecteurs en font-style:italic (à confronter au rendu : un émoji dedans est une faute)', '', [s.strip()[:80] for s in ital_sel][:40], 'regarder')
vh = [lno(m.start()) for m in re.finditer(r'min-height\s*:\s*100vh', txt)]
note('forme', 'min-height:100vh (la Charte V16 l’a retiré de la une)', [f'l.{l}' for l in vh], len(vh), 'regarder' if vh else 'ok')
kf = re.findall(r'@keyframes\s+([a-zA-Z0-9_-]+)\s*\{(.*?)\}\s*\}', css_all, re.S)
anims = re.findall(r'animation\s*:\s*([a-zA-Z0-9_-]+)\s+([\d.]+)s', css_all)
note('forme', 'animations (nom · durée) — règle : cycle ≥ 7 s, opacité seule ou échelle ≤ 1,05, jamais de translation/rotation', '', [f'{n} {d}s' + (' ⚠ < 7 s' if float(d)<7 else '') for n,d in anims], 'regarder')
tr = [n for n,b in kf if re.search(r'translate|rotate', b)]
note('forme', 'keyframes avec translate/rotate', '', tr if tr else 'aucun', 'corriger' if tr else 'ok')
prm = txt.find('prefers-reduced-motion')
first_style = styles[0][0] if styles else 0
note('forme', 'prefers-reduced-motion', f'l.{lno(prm)}' if prm>0 else 'ABSENT', ('présent' + (' — mais pas en tête de la première feuille' if prm>first_style+2000 else ' — en tête')) if prm>0 else 'ABSENT', 'corriger' if prm<0 else 'regarder')
imp = re.search(r'family=([^"]+)', txt)
note('forme', 'import Google Fonts', '<head>', imp.group(1) if imp else 'ABSENT', 'ok' if imp and 'Jost' in imp.group(1) and 'Cormorant' in imp.group(1) else 'corriger')
# uppercase + Cormorant
up_cor = [s.strip()[:70] for s in re.findall(r'([^{}]+)\{[^{}]*text-transform\s*:\s*uppercase[^{}]*font-family\s*:[^;]*Cormorant', css_all)]
up_cor += [s.strip()[:70] for s in re.findall(r'([^{}]+)\{[^{}]*font-family\s*:[^;]*Cormorant[^{}]*text-transform\s*:\s*uppercase', css_all)]
note('forme', 'règles en capitales ET Cormorant dans le même bloc (jamais de sérif sur des capitales)', '', up_cor if up_cor else 'aucune dans un même bloc — le rendu tranchera les héritages', 'regarder' if up_cor else 'ok')
tables = [(lno(m.start())) for m in re.finditer(r'<table\b', txt)]
tw = len(re.findall(r'class="[^"]*\btw\b', txt))
note('forme', 'tableaux', '', f'{len(tables)} <table> · {tw} conteneurs .tw', 'regarder' if tw < len(tables) else 'ok')
fixed = [lno(m.start()) for m in re.finditer(r'position\s*:\s*fixed', css_all)]
note('forme', 'position:fixed (permis en Page, interdit en Bloc)', [f'l.{l}' for l in fixed], len(fixed), 'regarder')
grids = re.findall(r'grid-template-columns\s*:\s*([^;}]+)', css_all)
note('forme', 'grilles déclarées (auto-fit/auto-fill produisent des orphelines : à vérifier au rendu)', '', collections.Counter(g.strip() for g in grids).most_common(15), 'regarder')

# ── 4 · langue ─────────────────────────────────────────────────────────
body = re.sub(r'<script.*?</script>|<style.*?</style>|<svg.*?</svg>', lambda m: '\n'*m.group(0).count('\n'), txt, flags=re.S)
plain = H.unescape(re.sub(r'<[^>]+>', ' ', body))
TU = re.compile(r"(?<![\w'’])(tu|toi|ton|ta|tes)(?=[\s,.;:!?'’])", re.I)
tu_hits=[]
for i,l in enumerate(body.split('\n'),1):
    if re.search(r'<blockquote|class="[^"]*(cit|axiome|devise|fable|c-dev)', l): continue
    t=H.unescape(re.sub(r'<[^>]+>',' ',l))
    for m in TU.finditer(t):
        tu_hits.append(f'l.{i} « …{t[max(0,m.start()-40):m.end()+40].strip()}… »')
note('langue', 'tutoiement hors citation (à lire : le corpus s’adresse parfois au lecteur volontairement)', tu_hits[:40], len(tu_hits), 'regarder')
MOTS = ['PsychaTrice','ParDonnance','MétaMatrice','AlgoRythme','EncycloPédie','GéoColoVoluMétrique','AstroGlobe','CosmoGonie','CosmoLogie','ConScience','CoNaissance','RéfleXion','EssenCiel','InCorporation','UniVerCelle','ThermoCognition','ReSentir','TransMission','PsychoBiologie']
ortho=collections.Counter()
for mot in MOTS:
    rx=re.compile(re.escape(mot), re.I)
    for m in rx.finditer(plain):
        if m.group(0)!=mot and m.group(0).upper()!=m.group(0): ortho[(m.group(0),mot)]+=1
note('langue', 'orthographes arrêtées écrites autrement (hors titres en capitales)', '', {f'{a} → {b}':n for (a,b),n in ortho.items()}, 'regarder' if ortho else 'ok')
bulles = len(re.findall(r'class="[^"]*\b(?:def|lx-mot|bulle|tip)\b', txt)) + len(re.findall(r'<abbr|data-def=|title="', txt))
note('langue', 'porteurs de définition au survol (abbr / title / data-def / .def)', '', bulles, 'regarder')
for pat in ('à venir','reste à faire','provisoire','à valider','TODO','XXX','lorem'):
    n=len(re.findall(pat, plain, re.I))
    if n: note('honnêteté', f'mention « {pat} »', '', n, 'regarder')
dates = collections.Counter(re.findall(r'\b\d{1,2}\s+(?:janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)\s+20\d\d', plain))
note('honnêteté', 'dates écrites dans la page', '', dict(dates.most_common(20)), 'regarder')
years = collections.Counter(re.findall(r'\b(20[12]\d)\b', plain))
note('honnêteté', 'années citées', '', dict(years.most_common(10)))
# doublons de paragraphes
paras=[H.unescape(re.sub(r'<[^>]+>','',m.group(1))).strip() for m in re.finditer(r'<p\b[^>]*>(.*?)</p>', body, re.S)]
paras=[re.sub(r'\s+',' ',x) for x in paras if len(x)>80]
dup=[(x[:110],n) for x,n in collections.Counter(paras).items() if n>1]
note('langue', f'paragraphes (>80 signes) écrits deux fois ou plus — {len(dup)} doublons sur {len(paras)} paragraphes', '', [f'{n}× « {x}… »' for x,n in dup][:30], 'regarder' if dup else 'ok')
longs=sorted(((len(x),x[:100]) for x in paras), reverse=True)[:8]
note('langue', 'les paragraphes les plus longs (candidats « collés par l’extracteur »)', '', [f'{n} signes « {x}… »' for n,x in longs], 'regarder')
# caractères de zone privée / ligatures cassées
pua=len(re.findall(r'[-]', txt))
note('langue', 'caractères de zone privée U+E000–F8FF', '', pua, 'corriger' if pua else 'ok')
# emoji sans FE0F pour les glyphes texte-par-défaut
for e,nom in (('⚡','⚡ (C1)'),('⚖','⚖ (C6)'),('☀','☀'),('⚙','⚙'),('❤','❤')):
    n=len(re.findall(e+'(?!️)', txt)); n2=len(re.findall(e+'️', txt))
    if n: note('langue', f'{nom} : {n} sans U+FE0F · {n2} avec — deux graphies du même signe', '', '', 'regarder')

# ── 6 · bloc / widget ──────────────────────────────────────────────────
racine = re.search(r'<div id="(ami-[a-z0-9-]+)"', txt)
note('bloc', 'racine', '', racine.group(1) if racine else 'aucune #ami-…')
note('bloc', 'document complet ? (<html>, <head>, <body>)', '', all(t in txt for t in ('<html','<head>','<body')))
onclick=len(re.findall(r'\sonclick=', txt))
note('bloc', 'onclick= dans le HTML (fuite : exige une fonction globale)', '', onclick, 'corriger' if onclick else 'ok')
glob = re.findall(r'^\s*function\s+([A-Za-z_$][\w$]*)\s*\(', scripts, re.M)
iife = len(re.findall(r'\(function\s*\(\)\s*\{', scripts))
note('bloc', 'scripts : IIFE · fonctions déclarées au premier niveau du texte', '', f'{iife} IIFE · fonctions nommées : {sorted(set(glob))[:30]}', 'regarder')
for k in ('localStorage','sessionStorage','fetch(','XMLHttpRequest','navigator.sendBeacon','<form','postMessage','ResizeObserver','requestFullscreen'):
    n=txt.count(k)
    note('bloc', f'présence de {k}', '', n)
nu = [s.strip()[:60] for s in re.findall(r'(?:^|\})\s*([a-z][a-z0-9]*|\*|body|html)\s*\{', css_all)]
note('bloc', 'sélecteurs nus (non préfixés par la racine) dans les feuilles', '', collections.Counter(nu).most_common(20), 'corriger' if nu else 'ok')
allrevert = len(re.findall(r'all\s*:\s*revert', css_all))
note('bloc', 'all:revert sur la racine (perd l’héritage de la taille : rappeler la formule du zoom)', '', allrevert, 'regarder')
zoom = len(re.findall(r'--zoom', txt))
note('bloc', 'formule du zoom (--zoom)', '', zoom, 'regarder' if not zoom else 'ok')
size = len(raw)/1e6
note('bloc', 'poids du fichier', '', f'{size:.2f} Mo — {len(re.findall("data:image",raw))} images base64 ({(len(raw)-len(txt))/1e6:.2f} Mo)', 'regarder' if size>3 else 'ok')

json.dump(R, open('audit_statique.json','w'), ensure_ascii=False, indent=1, default=str)
for fam,items in R.items():
    print('\n## '+fam)
    for it in items:
        g={'corriger':'✗','regarder':'?','ok':'✓'}.get(it['grave'],'·')
        print(f"{g} {it['quoi']} — {it['ou'] if it['ou'] else ''} :: {it['mesure']}")

audit_rendu.pyaudit_rendu.py page.html138 lignes

Chromium : ouvre tous les onglets et sous-onglets ; mesure les contrastes sur le fond réel composé, le texte < 11,5 px, les émojis en italique, les cibles < 24 px, les tableaux sans rouleau, les grilles à orphelines, les débordements à 320/390/768/1280 → audit_rendu.json

# -*- coding: utf-8 -*-
"""Audit au rendu (Chromium) — on mesure ce que le navigateur FAIT, tous
les onglets ouverts, à plusieurs largeurs. Ne corrige rien."""
import sys, json, collections, time
from playwright.sync_api import sync_playwright

SRC = sys.argv[1]
URL = 'file://' + __import__('os').path.abspath(SRC)
TOPS = sys.argv[2] if len(sys.argv) > 2 else '.tab-btn-full, .tab-bar .tab-btn'  # les onglets de premier niveau de la page

JS_MESURE = r"""
(opts) => {
  const seen = opts.seen; const out = {texte:[], petits:[], ital:[], cibles:[], tables:[], grilles:[], nb:0};
  const EMO = /[\u{1F300}-\u{1FAFF}\u{2600}-\u{27BF}\u{2B00}-\u{2BFF}\u{A9A0}-\u{A9FF}]/u;
  function key(el){ const p=[]; let e=el; while(e && e.nodeType===1 && e!==document.body){ let i=0,s=e; while((s=s.previousElementSibling)) i++; p.push(e.tagName+i); e=e.parentElement;} return p.join('/'); }
  function vis(el){ const r=el.getBoundingClientRect(); if(r.width<1||r.height<1) return false; const cs=getComputedStyle(el); if(cs.visibility==='hidden'||cs.display==='none'||parseFloat(cs.opacity)===0) return false; return true; }
  function parse(c){ const m=c.match(/rgba?\(([^)]+)\)/); if(!m) return null; const a=m[1].split(',').map(parseFloat); return {r:a[0],g:a[1],b:a[2],a:a.length>3?a[3]:1}; }
  function lum({r,g,b}){ const f=v=>{v/=255; return v<=0.03928? v/12.92 : Math.pow((v+0.055)/1.055,2.4)}; return 0.2126*f(r)+0.7152*f(g)+0.0722*f(b); }
  function comp(top,bot){ const a=top.a; return {r:top.r*a+bot.r*(1-a), g:top.g*a+bot.g*(1-a), b:top.b*a+bot.b*(1-a), a:1}; }
  function bgOf(el){ // compose les fonds translucides jusqu'au premier opaque
    const layers=[]; let e=el;
    while(e && e.nodeType===1){ const cs=getComputedStyle(e); const c=parse(cs.backgroundColor); const img=cs.backgroundImage;
      if(c && c.a>0){ layers.push(c); if(c.a>=1) break; }
      if(img && img!=='none' && /gradient/.test(img)){ layers.push({r:9,g:9,b:14,a:1, grad:true}); break; }
      e=e.parentElement; }
    if(!layers.length || layers[layers.length-1].a<1) layers.push({r:9,g:9,b:14,a:1, fallback:true});
    let bg=layers[layers.length-1]; for(let i=layers.length-2;i>=0;i--) bg=comp(layers[i],bg);
    return {bg, grad: layers.some(l=>l.grad), fallback: layers.some(l=>l.fallback)};
  }
  function ratio(fg,bg){ const l1=lum(fg), l2=lum(bg); return (Math.max(l1,l2)+0.05)/(Math.min(l1,l2)+0.05); }
  const walker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
  let n;
  while((n=walker.nextNode())){
    const t=n.textContent.replace(/\s+/g,' ').trim(); if(t.length<2) continue;
    const el=n.parentElement; if(!el || ['SCRIPT','STYLE','NOSCRIPT','TITLE'].includes(el.tagName)) continue;
    if(el.closest('svg')) continue;
    if(!vis(el)) continue;
    const k=key(el)+'|'+t.slice(0,40); if(seen[k]) continue; seen[k]=1; out.nb++;
    const cs=getComputedStyle(el); const fs=parseFloat(cs.fontSize); const fw=parseInt(cs.fontWeight)||400;
    const fg=parse(cs.color); const B=bgOf(el); const r=ratio(comp(fg,B.bg),B.bg);
    const large = fs>=24 || (fs>=18.66 && fw>=700);
    const seuil = large?3:4.5;
    const tag=el.tagName.toLowerCase()+(el.className&&typeof el.className==='string'?'.'+el.className.trim().split(/\s+/).slice(0,2).join('.'):'');
    if(r<seuil) out.texte.push({tag, t:t.slice(0,70), fs:+fs.toFixed(1), fw, r:+r.toFixed(2), seuil, fg:cs.color, bg:`rgb(${B.bg.r|0},${B.bg.g|0},${B.bg.b|0})`, grad:B.grad});
    if(fs<11.5) out.petits.push({tag, t:t.slice(0,50), fs:+fs.toFixed(1)});
    if(cs.fontStyle==='italic' && EMO.test(t)) out.ital.push({tag, t:t.slice(0,60)});
    if(cs.textTransform==='uppercase' && /Cormorant/i.test(cs.fontFamily)) out.texte.push({tag, t:t.slice(0,50), capsCormorant:true, fs:+fs.toFixed(1)});
  }
  document.querySelectorAll('a[href],button,[role=button],[role=tab]').forEach(el=>{
    if(!vis(el)) return; const k='c|'+key(el); if(seen[k]) return; seen[k]=1;
    const r=el.getBoundingClientRect(); if(r.width<24||r.height<24) out.cibles.push({tag:el.tagName.toLowerCase()+'.'+(el.className||'').toString().trim().split(/\s+/)[0], t:(el.textContent||'').trim().slice(0,30), w:+r.width.toFixed(1), h:+r.height.toFixed(1)});
  });
  document.querySelectorAll('table').forEach(tb=>{
    if(!vis(tb)) return; const k='t|'+key(tb); if(seen[k]) return; seen[k]=1;
    let e=tb.parentElement, roule=false; while(e && e!==document.body){ const o=getComputedStyle(e).overflowX; if(o==='auto'||o==='scroll'){roule=true;break;} e=e.parentElement; }
    const r=tb.getBoundingClientRect(); const pr=tb.parentElement.getBoundingClientRect();
    if(r.width>pr.width+1 && !roule) out.tables.push({t:(tb.textContent||'').trim().slice(0,50), w:+r.width.toFixed(0), pw:+pr.width.toFixed(0)});
  });
  document.querySelectorAll('*').forEach(el=>{
    const cs=getComputedStyle(el); if(cs.display!=='grid'||!vis(el)) return; const k='g|'+key(el); if(seen[k]) return; seen[k]=1;
    const cols=cs.gridTemplateColumns.split(' ').length; const kids=[...el.children].filter(vis).length;
    if(cols>1 && kids>cols && kids%cols!==0) out.grilles.push({cls:(el.className||'').toString().trim().slice(0,40), cols, kids, orphelines: kids%cols});
  });
  return out;
}
"""

JS_OVERFLOW = r"""
() => { const d=document.documentElement; const w=d.clientWidth; const bad=[];
  document.querySelectorAll('body *').forEach(el=>{ if(el.closest('svg')) return; const r=el.getBoundingClientRect(); if(r.width<1) return;
    if(r.right>w+1 || r.left<-1){ let e=el.parentElement, clip=false; while(e){ const o=getComputedStyle(e).overflowX; if(o==='hidden'||o==='clip'||o==='auto'||o==='scroll'){clip=true;break;} e=e.parentElement;}
      bad.push({tag:el.tagName.toLowerCase()+'.'+(el.className||'').toString().trim().split(/\s+/)[0], right:+r.right.toFixed(0), left:+r.left.toFixed(0), clip}); } });
  return {scrollW:d.scrollWidth, clientW:w, n:bad.length, ex:bad.slice(0,12)}; }
"""

def ouvre_tout(page, seen, acc):
    """Clique chaque onglet et chaque sous-onglet, mesure après chaque état."""
    def mesure():
        o = page.evaluate(JS_MESURE, {'seen': seen})
        for k in ('texte','petits','ital','cibles','tables','grilles'): acc[k].extend(o[k])
        acc['nb'] += o['nb']
    mesure()
    tops = page.query_selector_all(TOPS)
    for b in tops:
        try: b.click(timeout=2000); page.wait_for_timeout(150)
        except Exception as e: acc['clics_rates'].append(str(e)[:80])
        mesure()
        # sous-onglets visibles
        subs = page.query_selector_all('button')
        for s in subs:
            try:
                if not s.is_visible(): continue
                cls = (s.get_attribute('class') or '')
                if 'tab-btn-full' in cls or 'pt-tab' in cls or 'som' in cls: continue
                if any(x in cls for x in ('tri-b','tb','tab','onglet','nav','btn-t','sb','sp-h','pt-h','psb-')):
                    s.click(timeout=1500); page.wait_for_timeout(120); mesure()
            except Exception: pass
    # sommaires : on les ouvre
    for h in page.query_selector_all('.som-h, .som-hd, [aria-expanded]'):
        try:
            if h.is_visible(): h.click(timeout=800)
        except Exception: pass
    mesure()

with sync_playwright() as p:
    br = p.chromium.launch()
    res = {}
    for W,H in ((390,844),(1280,900)):
        ctx = br.new_context(viewport={'width':W,'height':H}, device_scale_factor=1)
        page = ctx.new_page()
        errs=[]; page.on('pageerror', lambda e: errs.append(str(e)[:200])); page.on('console', lambda m: errs.append('console.'+m.type+': '+m.text[:160]) if m.type in ('error','warning') else None)
        page.goto(URL, wait_until='load'); page.wait_for_timeout(1200)
        seen={}; acc=dict(texte=[],petits=[],ital=[],cibles=[],tables=[],grilles=[],nb=0,clics_rates=[])
        ouvre_tout(page, seen, acc)
        ov = page.evaluate(JS_OVERFLOW)
        # fonts réellement chargées ?
        fonts = page.evaluate("() => [...document.fonts].filter(f=>f.status==='loaded').map(f=>f.family+' '+f.weight+' '+f.style)")
        res[W] = dict(erreurs=errs, mesures=acc, overflow=ov, fonts=sorted(set(fonts)))
        page.screenshot(path=f'capture_{W}.png', full_page=False)
        ctx.close()
    for W in (320,768):
        ctx = br.new_context(viewport={'width':W,'height':800}); page=ctx.new_page(); page.goto(URL, wait_until='load'); page.wait_for_timeout(800)
        for b in page.query_selector_all(TOPS):
            try: b.click(timeout=1500); page.wait_for_timeout(100)
            except Exception: pass
        res[W]=dict(overflow=page.evaluate(JS_OVERFLOW)); ctx.close()
    br.close()
json.dump(res, open('audit_rendu.json','w'), ensure_ascii=False, indent=1)
for W,r in res.items():
    print(f'\n=== {W} px ===')
    if 'erreurs' in r:
        print('erreurs JS/console :', len(r['erreurs'])); [print('  ',e) for e in r['erreurs'][:10]]
        m=r['mesures']; print('nœuds texte mesurés :', m['nb'], '· clics ratés :', len(m['clics_rates']))
        print('contraste sous seuil :', len([x for x in m['texte'] if not x.get('capsCormorant')]), '· caps en Cormorant :', len([x for x in m['texte'] if x.get('capsCormorant')]))
        print('texte < 11,5 px :', len(m['petits']), '· émoji en italique :', len(m['ital']), '· cibles < 24 px :', len(m['cibles']), '· tableaux qui débordent sans rouleau :', len(m['tables']), '· grilles à orphelines :', len(m['grilles']))
        print('polices chargées :', r['fonts'])
    print('overflow :', r['overflow']['scrollW'], '/', r['overflow']['clientW'], '· éléments hors cadre :', r['overflow']['n'], r['overflow']['ex'][:5])

p1_texte.pyp1_texte.py179 lignes

Les gestes de texte d'une page, chacun compté par assert (identité, liens, libellés, redites → renvois, notation). À réécrire pour chaque page : c'est la partie qui se lit à la main.

# -*- coding: utf-8 -*-
"""P1 · Texte & structure — 0.3 L'Union du TouT V21 → V22.
Chaque remplacement dit combien de fois il doit trouver sa cible ; sinon le script s'arrête sans écrire."""
import re, sys
SRC, DST = 'v22.html', 'v22.html'
h = open(SRC, encoding='utf-8').read()
J = []
def rep(old, new, n=1, flags=0, why=''):
    global h
    if flags:
        c = len(re.findall(old, h, flags))
    else:
        c = h.count(old)
    if c != n:
        raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = re.sub(old, new, h, flags=flags) if flags else h.replace(old, new)
    J.append(f'{why or old[:60]} ×{n}')

# ── A·1 / A·2 · identité : le numéro 0.3 lu depuis une source ──────────
rep('<meta name="viewport" content="width=device-width,initial-scale=1">',
    '<meta name="viewport" content="width=device-width,initial-scale=1">\n<meta name="ami:volume" content="0.3">\n<meta name="ami:version" content="V22">\n<meta name="ami:date" content="2026-09-09">',
    why='metas ami:volume / version / date')
rep("<title>💍 0.1 L'Union du TouT", "<title>💍 0.3 L'Union du TouT", why='title 0.3')
rep('<div class="vol-label">Protocole de ConScience aMi · Volume 0.1</div>',
    '<div class="vol-label">Protocole de ConScience aMi · Volume <span data-ami="volume">0.3</span></div>', why='vol-label 0.3')
rep('aria-label="Cinq parties du Volume 0.1"', 'aria-label="Cinq parties du Volume 0.3"', why='aria-label 0.3')
rep("◈ Sommaire — Vol. 0.1 · L'Union du TouT", "◈ Sommaire — Vol. <span data-ami=\"volume\">0.3</span> · L'Union du TouT", why='sommaire 0.3')
rep("<p class=\"footer-nav\">💍 0.1 L'Union du TouT", "<p class=\"footer-nav\">💍 <span data-ami=\"volume\">0.3</span> L'Union du TouT", why='pied 0.3')

# ── A·3 / A·4 / A·5 / A·6 · coquilles et comptes ──────────────────────
rep("l'ThermoCognition le dit", "la ThermoCognition le dit", why="l'ThermoCognition")
rep('Les 11 notions du consentement', 'Les 12 notions du consentement', why='nav 11→12')
rep('Trois lectures des mêmes onze notions', 'Trois lectures des mêmes douze notions', why='h2 onze→douze')
rep('Une fois les onze notions passées en revue', 'Une fois les douze notions passées en revue', why='onze→douze')
rep('Elle est passée au volet 4, où elle scelle', 'Elle est passée au cinquième volet, où elle scelle', why='volet 4→5')
rep("la Fable ferme le troisième volet, et non le deuxième", "la Fable ferme le cinquième volet, et non le deuxième", why='troisième→cinquième volet')
rep("<b>on entre</b> (l'Apokalypse), <b>on établit sur quoi l'on se base</b> (les Lois de La Vie), <b>on dit ce que l'on veut</b> (les Chartes du Vivant), <b>puis on s'engage</b>.",
    "<b>on entre</b> (la Quintessence), <b>on établit sur quoi l'on se base</b> (les Lois de La Vie), <b>on dit ce que l'on veut</b> (les Chartes du Vivant), <b>on apprend à le dire</b> (la Communication), <b>puis on s'engage</b>.", why='ordre des cinq volets')
rep('négentropique', 'néguentropique', n=3, why='négentropique')
rep('négentropie', 'néguentropie', n=1, why='négentropie')
# ── A·7 · le caractère parasite U+030B ─────────────────────────────────
c = h.count('̋'); assert c == 2, c
h = h.replace('<h4>̋ Le Point Zéro', '<h4><span class="pz">◎</span> Le Point Zéro').replace('<span class="pz">̋</span>', '<span class="pz">◎</span>'); J.append('U+030B → ◎ (glyphe du Point Zéro, à valider) ×2')
assert '̋' not in h
# ── A·8 · les deux </b> sans ouvrant ──────────────────────────────────
rep("<b>ce qui t'est arrivé</b>. »</b></em>", "<b>ce qui t'est arrivé</b>. »</em>", why='</b> orphelin 1')
rep("<b>ce que tu as fait subir</b>. »</b></em>", "<b>ce que tu as fait subir</b>. »</em>", why='</b> orphelin 2')
# ── A·9 / B·20 · les liens et l'adresse unique des contrats ────────────
rep('<a href="../Initiation_aMi_DONNER_VIE_V17.html#pan-contrat">📜✍️ Le Contrat Tacite Explicite</a>, en toit de <b>L\'Initiation</b>, et dans <a href="../Le_Respect_La_Loi_du_Reel_aMi.html#pv-contrat">Le Respect · La Loi du Réel</a>.',
    '<a href="Initiation_aMi_DONNER_VIE_V18.html#pan-contrat">📜✍️ Le Contrat Tacite Explicite</a>, l\'onglet de <b>L\'Initiation</b> qui leur est dédié.', why='contrats : une adresse (intro)')
rep('<b>Le Contrat Tacite Explicite</b>, dans <a href="../Le_Respect_La_Loi_du_Reel_aMi.html#pv-contrat">Le Respect · La Loi du Réel</a>.',
    '<a href="Initiation_aMi_DONNER_VIE_V18.html#pan-contrat"><b>Le Contrat Tacite Explicite</b></a>, l\'onglet de <b>L\'Initiation</b> qui leur est dédié.', why='contrats : une adresse (chapitre)')
# ── B·5 · la phrase d'IA ───────────────────────────────────────────────
rep("<p style=\"margin:.7rem 0 0;color:var(--gris);font-size:.85rem\">Ces articles sont dans le texte source et méritent d'être développés ici — dis-moi si tu veux que je les reprenne intégralement depuis le PDF.</p>", '', why='phrase IA retirée')
# ── B·4 · le tutoiement adressé à l'autrice ────────────────────────────
rep("<strong>Tes polarités sont donc les trois axes du système visuel humain.</strong> Quand tu poses la Nature contre la Culture en vert contre rouge, tu utilises l'axe a*",
    "<strong>Les polarités de la Quintessence sont donc les trois axes du système visuel humain.</strong> Poser la Nature contre la Culture en vert contre rouge, c'est employer l'axe a*", why='tutoiement adressé (LabCIE)')
# ── B·15 / B·16 · celleux, déchéance ──────────────────────────────────
rep('celleux qui osent parler', 'les personnes qui osent parler'); rep('celleux qui ne font rien', 'les personnes qui ne font rien'); rep('celleux qui crachent', 'les personnes qui crachent')
rep("C'est le cas de celleux qui ont besoin des autres", "C'est le cas des personnes qui ont besoin des autres")
rep('<small>on déchéance</small>', '<small>on déchoit</small>'); rep('<b>En violence : on déchéance</b>', '<b>En violence : on déchoit</b>')
# ── B·13 · V%ler, voulu — glosé et défini au survol ───────────────────
rep('<div class="mag-nom">V%ler</div>', '<div class="mag-nom"><span class="def" title="Voler &amp; violer dans un seul mot : la transaction psychophysique se lit dans le mot lui-même.">V%ler</span> <small class="mag-glose">(voler &amp; violer)</small></div>', why='V%ler glosé (Table I)')
rep('<div class="champ-arme">V%ler : L\'Arme de La Force du Délire', '<div class="champ-arme"><span class="def" title="Voler &amp; violer dans un seul mot : la transaction psychophysique se lit dans le mot lui-même.">V%ler</span> (voler &amp; violer) : L\'Arme de La Force du Délire', why='V%ler glosé (Table III)')
# ── B·8 / B·9 / B·10 / B·21 / A·11 · Tables Magistrales : une source, des noms tranchés
rep('Création &amp; Procréation', 'Création &amp; ProCréation', n=3, why='ProCréation dans les Tables')
rep('Conscience &amp; Gnose', 'Conscience &amp; Science', n=2, why='Gnose→Science (I et II)')
rep("L'Art de Sublimer la Nutrition", "L'Art de La Nutrition", n=1, why='Nutrition')
rep("L'Arme de L'Industrie", "L'Arme de L'Obsolescence", n=1, why='Industrie→Obsolescence')
rep("L'Arme de La Destruction", "L'Arme de Destruction", n=1, why='Destruction (I)')
rep("L'Art de Faire Naître", "L'Art de ProCréation", n=1, why='Faire Naître→ProCréation (I)')
rep("L'Art de Faire</div>", "L'Art de ProCréation</div>", n=1, why='Faire→ProCréation (III)')
rep('La Langue de Bois</div>', 'La Langue de Bois / le Charabia</div>', n=2, why='Charabia (I et II)')
for a, b in (("L'Arme de l'Aliénation", "L'Arme de L'Aliénation"), ("L'Arme de l'Impunité", "L'Arme de L'Impunité"), ("L'Arme de l'Intoxication", "L'Arme de L'Intoxication"), ("L'Arme de l'Oubli", "L'Arme de L'Oubli"), ("L'Arme de la Disgrâce", "L'Arme de La Disgrâce")):
    h = h.replace(a, b)
J.append('majuscule au déterminant (Arme de L’…)')
# la numérotation de la Table I suit celle des Tables II et III (les deux extras en 17 et 18)
renum = {'06':'17','07':'06','08':'07','09':'08','10':'09','11':'10','12':'18','13':'11','14':'12','15':'13','16':'14','17':'15','18':'16'}
def renum_I(m):
    return m.group(1) + renum.get(m.group(2), m.group(2)) + m.group(3)
seg_a, seg_b = h.find('◈ I — La Table Magistrale'), h.find('◈ II — Table 16 × 8')
assert 0 < seg_a < seg_b
seg = h[seg_a:seg_b]
n_before = len(re.findall(r'(<strong>\S+ )(\d\d)(</strong>)', seg))
seg = re.sub(r'(<strong>\S+ )(\d\d)(</strong>)', renum_I, seg)
assert n_before == 18, n_before
h = h[:seg_a] + seg + h[seg_b:]; J.append('Table I renumérotée comme II et III (extras en 17-18) ×18')
# « Champ » → « Domaine » dans les Tables ; « 8 Lois du Vivant » → « 8 Lois Culturelles »
rep('<div class="mn">Champ ', '<div class="mn">Domaine ', n=16, why='Table II : Domaine')
rep(r'(<span class="champ-n"[^>]*>)Champ ', r'\1Domaine ', n=18, flags=re.S, why='Table III : Domaine')
rep('Chaque champ × chacune des 8 Lois du Vivant. Si... Alors... universel.', 'Chaque domaine × chacune des 8 Lois Culturelles — les Commandements. Si… alors… universel.', why='8 Lois Culturelles (II)')
rep('16 Champs × 8 Lois = <strong style="color:var(--or);">128 Commandements</strong>', '16 Domaines × 8 Lois Culturelles = <strong style="color:var(--or);">128 Commandements</strong>', why='16 Domaines')
rep('◈ II — Table 16 × 8 · 128 Commandements du Vivant', '◈ II — Table 16 × 8 · 128 Commandements du Vivant — les 8 Lois Culturelles', why='titre Table II')
c = h.count('Déployer les 18 Champs × 8 Lois'); assert c == 1; h = h.replace('Déployer les 18 Champs × 8 Lois', 'Déployer les 18 Domaines × 8 Lois Culturelles'); J.append('Table III : Domaines × Lois Culturelles')
rep('18 paires Arme⟺Art qui structurent les 128 Commandements du Vivant.', '18 paires Arme⟺Art qui structurent les 128 Commandements du Vivant — les 8 Lois Culturelles, face aux 7 Lois Naturelles de l\'onglet 2.', why='pont Lois Culturelles/Naturelles')
# les 7 Lois du Vivant deviennent les 7 Lois Naturelles du Vivant (titres)
rep('Les 7 Lois du Vivant', 'Les 7 Lois Naturelles du Vivant', n=5, why='7 Lois Naturelles du Vivant (sommaire, nav, h3, h2, triade)')

# ── B·11 · les redites entre cantons : on garde une fois, on renvoie ──
# (a) Diagnostic opposable / souverain : la maison est le Diagnostic ; la Charte Mathématique renvoie
old_a = h[h.find('<h4>Méthode clinique, statut souverain</h4>'):h.find("<em>On ne dit la vérité sur soi que dans un espace où cette vérité ne sera pas saisie.</em></p>")+len("<em>On ne dit la vérité sur soi que dans un espace où cette vérité ne sera pas saisie.</em></p>")]
assert old_a.count('<table>') == 1 and len(old_a) < 2000, len(old_a)
h = h.replace(old_a, '<p class="renvoi">◈ <b>Méthode clinique, statut souverain</b> — ce que cette charte refuse n\'est pas le diagnostic, c\'est son statut opposable. La distinction est posée une fois, au <a href="#diag-souverain">Diagnostic · Le statut de la lecture</a>.</p>')
rep('<details class="cm2-sec" open><summary><span class="cm2-em">👑</span><span class="cm2-t"><span class="cm2-lab2">Ⅰ · Le statut de la lecture</span>',
    '<details class="cm2-sec" open id="diag-souverain"><summary><span class="cm2-em">👑</span><span class="cm2-t"><span class="cm2-lab2">Ⅰ · Le statut de la lecture</span>', why='ancre diag-souverain')
J.append('redite (a) diagnostic opposable → renvoi')
# (b) la balance qui ne pèse rien : la maison est l'Arborescence (le Poids) ; le Jardin renvoie
rep('<h4>Et quand la balance ne pèse rien</h4>\n<p>Tout ceci suppose qu’on <em>ressente</em>.', '<h4>Et quand la balance ne pèse rien</h4>\n<p class="renvoi">Le cas est traité une fois, au <a href="#arbo-balance">Poids · le quatrième cas</a> : ne rien sentir n\'est pas une preuve d\'innocence — la balance intérieure ne sert plus, on passe par l\'extérieur.</p><p hidden>Tout ceci suppose qu’on <em>ressente</em>.', why='redite (b) balance')
# retirer le paragraphe caché (on le supprime entièrement)
i = h.find('<p hidden>Tout ceci suppose'); j = h.find('</p>', i) + 4
h = h[:i] + h[j:]
rep('<div class="note eth"><b>Le quatrième cas — quand la balance ne pèse rien.</b>', '<div class="note eth" id="arbo-balance"><b>Le quatrième cas — quand la balance ne pèse rien.</b>', why='ancre arbo-balance')
# (c) l'acrasie : la maison est le Jardin §II ; le raccord de l'Arborescence renvoie en une ligne
old_c = h[h.find('<div class="note key"><b>🌱 Le Jardin ne peut pas voir l\'acrasie tout seul.</b>'):]
old_c = old_c[:old_c.find('</div>')+6]
assert 'indice d\'acrasie' in old_c and len(old_c) < 700
h = h.replace(old_c, '<div class="note key"><b>🌱 Le Jardin ne peut pas voir l\'acrasie tout seul</b> — il mesure des dispositions déclarées, C7 · La Trace comble l\'angle mort. L\'indice et ses trois cas sont posés une fois, au <a href="#jardin-acrasie">Jardin · L\'Indice d\'Acrasie</a>.</div>')
rep('<details class="cm2-sec"><summary><span class="cm2-em">⚖️</span><span class="cm2-t"><span class="cm2-lab2">Ⅱ · L’angle mort, et son remède</span>', '<details class="cm2-sec" id="jardin-acrasie"><summary><span class="cm2-em">⚖️</span><span class="cm2-t"><span class="cm2-lab2">Ⅱ · L’angle mort, et son remède</span>', why='ancre jardin-acrasie')
J.append('redite (c) acrasie → renvoi')
# (d) jauger / juger : la maison est « Les mots à leur juste place » ; la Porte renvoie
old_d = h[h.find('<p style="font-size:.92rem"><b>Ce qui se juge, et ce qui se jauge.</b>'):]
old_d = old_d[:old_d.find('puis il refuse de se faire juger.</b></p>')+len('puis il refuse de se faire juger.</b></p>')]
assert old_d.count('<p') == 2 and len(old_d) < 1200, len(old_d)
h = h.replace(old_d, '<p style="font-size:.92rem;margin-bottom:0" class="renvoi"><b>Ce qui se juge, et ce qui se jauge.</b> On juge une seule chose — la violence ; tout le reste se jauge. Le complexe d\'infériorité échoue aux deux : il refuse d\'abord de jauger, puis de se faire juger. Les deux gestes sont posés une fois, aux <a href="#arbo-jauger">mots à leur juste place · Jauger &amp; Juger</a>.</p>')
rep('<div class="card or"><h4>⚖️ JAUGER &amp; JUGER — deux gestes, jamais le même</h4>', '<div class="card or" id="arbo-jauger"><h4>⚖️ JAUGER &amp; JUGER — deux gestes, jamais le même</h4>', why='ancre arbo-jauger')
J.append('redite (d) jauger/juger → renvoi')
# (e) les deux garde-fous : la maison est le chapitre des Pactes ; l'intro renvoie
old_e = h[h.find('<div class="alerte"><strong>Les deux garde-fous, valables pour les quatre.</strong>'):]
old_e = old_e[:old_e.find('</div>')+6]
assert 'révocable' in old_e and len(old_e) < 900
h = h.replace(old_e, '<div class="alerte"><strong>Les deux garde-fous, valables pour les quatre</strong> — un pacte doit <strong>ouvrir</strong>, et il doit être <strong>révocable</strong>. Ils sont posés une fois, en tête des <a href="#ctr-gardefous">Pactes du Respect</a>.</div>')
rep('<b>◈ Les deux garde-fous, avant tout le reste.</b>', '<b id="ctr-gardefous">◈ Les deux garde-fous, avant tout le reste.</b>', why='ancre ctr-gardefous')
J.append('redite (e) garde-fous → renvoi')
# (f) la signature écrite deux fois : elle reste à la Fable, qui scelle
rep('<blockquote><p>En Sachant Qui Je Suis Vraiment<br>🪞 Rejoins Moi pour Radicalement Prospérer 🕊️<br>⚕️ Entre Respect &amp; Vérité. ⚖️</p></blockquote>\n</div>', '</div>', why='redite (f) signature (intro) retirée')

# ── B·12 · C pour l'indice, Φ pour la constante (canton Charte Mathématique) ─
seg_a, seg_b = h.find('💫 Fractale · Charte Physique Structurelle</div><div class="bs">'), h.find('🌳 Arborescence · Charte Psychique Imaginative</div><div class="bs">')
assert 0 < seg_a < seg_b
seg = h[seg_a:seg_b]
# on ne touche qu'au texte, jamais aux scripts
parts = re.split(r'(<script.*?</script>)', seg, flags=re.S)
n = 0
for k in range(0, len(parts), 2):
    p = parts[k]
    for old, new in (
        ('Φ est un rapport : il est sans dimension. Le Dian, lui, s\'accumule dans le temps.', 'C est un rapport : il est sans dimension. Le Dian, lui, s\'accumule dans le temps.'),
        ('Φ dépend du coût du refus : il n\'est pas une propriété du système seul.', 'C dépend du coût du refus : il n\'est pas une propriété du système seul.'),
        ('Φ = ΔI / ΔE = (U × I) / (R × P) × t', 'C = ΔI / ΔE = (U × I) / (R × P) × t'),
        ('<b>Φ</b> · la Cohérence, la Superfluidité', '<b>C</b> · la Cohérence, la Superfluidité'),
        ('mêmes entrées, même Φ, à toute heure', 'mêmes entrées, même C, à toute heure'),
        ('Φ répond à une question précise', 'C répond à une question précise'),
        ('Φ · Cohérence<', 'C · Cohérence<'),
        ('Φ haut · RS haut', 'C haut · RS haut'), ('Φ bas · RS bas', 'C bas · RS bas'), ('Φ bas · QS haut', 'C bas · QS haut'), ('Φ bas · QS bas · RS haut', 'C bas · QS bas · RS haut'),
        ('Φₙ = ΔI / (ΔI + ΔE)', 'Cₙ = ΔI / (ΔI + ΔE)'),
        ('<p>Φ est un rapport : il n\'a pas d\'unité.', '<p>C est un rapport : il n\'a pas d\'unité.'),
        ('D = ∫ Φ(t) dt', 'D = ∫ C(t) dt'), ('Φ est au Dian ce que le Watt', 'C est au Dian ce que le Watt'),
        ('La Relation a trois Φ', 'La Relation a trois C'),
        ('Φ<sub>', 'C<sub>'),
        ('Φ de A', 'C de A'), ('Φ de B', 'C de B'), ('Φ du lien', 'C du lien'),
        ('deux personnes de même Φ mais de QS', 'deux personnes de même C mais de QS'),
        ('Φ · Cohérence — l\'instant', 'C · Cohérence — l\'instant'), ('Φ + RS croisés', 'C + RS croisés'),
    ):
        c = p.count(old)
        if c: p = p.replace(old, new); n += c
    parts[k] = p
seg = ''.join(parts)
h = h[:seg_a] + seg + h[seg_b:]
J.append(f'C pour l’indice, Φ pour la constante (Charte Mathématique) ×{n}')
assert n >= 28, n
# la phrase qui le dit une fois, en tête du chapitre Ⅶ
rep('Ce que la conscience fait, une équation le mesure', 'Ce que la conscience fait, une équation le mesure — C est l\'indice, Φ la constante qui lui sert d\'échelle', why='C/Φ dit une fois')

# ── les styles des nouveautés : .renvoi, .def, .mag-glose ─────────────
rep('#ami-union *{margin:0;padding:0;box-sizing:border-box}', '#ami-union *{margin:0;padding:0;box-sizing:border-box}\n#ami-union .renvoi{font-size:.92rem;color:var(--gris-cl);border-left:2px solid var(--or-somb);padding-left:.8rem;margin:.8rem 0}\n#ami-union .renvoi a,#ami-union .note a,#ami-union .alerte a{color:var(--or-pale);text-decoration:none;border-bottom:1px dotted var(--or)}\n#ami-union .def{color:var(--or);font-weight:500;border-bottom:1px dotted var(--or);cursor:help}\n#ami-union .mag-glose{display:block;font-size:.72rem;color:var(--gris-cl);font-weight:300}', why='styles renvoi/def')

open(DST, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J)); print(len(J), 'gestes')

p2_forme.pyp2_forme.py96 lignes

Forme et accessibilité : fond, 100vh, animations ≥ 7 s, reduced-motion global, or-sombre → gris quand il sert d'encre, émojis hors italique, tableaux dans .tw, role=tablist, clavier, un lien #ancre ouvre son onglet.

# -*- coding: utf-8 -*-
"""P2 · Forme & lisibilité — édits statiques. Le plancher de taille est fait par p2_plancher.py (au rendu)."""
import re
h = open('v22.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# A·12 · le fond de page est l'onyx
rep('body{margin:0;padding:22px;background:#07070c;min-height:100vh}', 'body{margin:0;padding:22px;background:#09090e;min-height:100vh}', why='body → onyx')
# A·23 · 100vh retiré de la couverture
rep('#ami-union .couverture{min-height:100vh;', '#ami-union .couverture{', why='100vh couverture')
# A·24 · animations ≥ 7 s
rep('animation:amipulse 4s ease-in-out infinite', 'animation:amipulse 11s ease-in-out infinite', why='logo 4 s → 11 s')
rep('animation:amipulse 6s ease-in-out infinite', 'animation:amipulse 11s ease-in-out infinite', why='étoile 6 s → 11 s')
rep('animation:amiPulse 3.2s ease-in-out infinite', 'animation:amiPulse 7s ease-in-out infinite', why='point zéro 3,2 s → 7 s')
# A·25 · prefers-reduced-motion global, en tête de la première feuille
rep('<style>\n#ami-union{', '<style>\n@media(prefers-reduced-motion:reduce){#ami-union *,#ami-union *::before,#ami-union *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n#ami-union{', why='reduced-motion global en tête')
# A·26 · import Google Fonts canonique
rep('family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost', 'family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost', why='import fonts 1,600')
# A·13 · --or-somb n'est pas une encre sous 22 px
for sel, old, new, *k in (
    ('.cmd-loi', "color:var(--or-somb);margin-bottom:.3rem;display:block;}", "color:var(--gris-cl);margin-bottom:.3rem;display:block;}"),
    ('.champ-n', "font-size:.58rem;letter-spacing:.2em;color:var(--or-somb);}", "font-size:.58rem;letter-spacing:.2em;color:var(--gris-cl);}"),
    ('.mn', "#ami-union .src-tri .mag-128-card .mn{font-size:.56rem;color:var(--or-somb);", "#ami-union .src-tri .mag-128-card .mn{font-size:.56rem;color:var(--gris-cl);"),
    ('.lw-n', "#ami-union .src-lois .lw-n{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--or-somb);", "#ami-union .src-lois .lw-n{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--gris-cl);"),
    ('.pk-n', "#ami-union .src-contrats .pk-n{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--or-somb);", "#ami-union .src-contrats .pk-n{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--gris-cl);"),
    ('.qs-cap', "text-transform:uppercase;color:var(--or-somb);margin-bottom:.7rem}", "text-transform:uppercase;color:var(--gris-cl);margin-bottom:.7rem}"),
    ('.tst-n', "letter-spacing:.14em;color:var(--or-somb);text-transform:uppercase}", "letter-spacing:.14em;color:var(--gris-cl);text-transform:uppercase}"),
    ('.tri-foot', "font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--or-somb)}", "font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--gris-cl)}", 2),
):
    rep(old, new, n=(k[0] if k else 1), why=f'{sel} : or-somb → gris-cl')
rep('<span style="color:var(--or-somb)">— extension</span>', '<span style="color:var(--gris-cl)">— extension</span>', n=2, why='— extension')
rep('<span style="color:var(--or-somb);font-size:.5rem;">· nouveau ·</span>', '<span style="color:var(--gris-cl);font-size:.72rem;">· nouveau ·</span>', n=2, why='· nouveau ·')
# A·14 · les polarités d'onglet se lisent
rep("font-weight:400;line-height:1.25;color:rgba(226,226,240,.26);transition:color .2s}", "font-weight:400;line-height:1.25;color:var(--gris-cl);opacity:.8;transition:color .2s}", why='tb-pol lisible')
rep('#ami-union .tab-btn-full .tb-pol{font-size:.42rem}', '#ami-union .tab-btn-full .tb-pol{font-size:.72rem}', why='tb-pol mobile')
rep('#ami-union .tab-btn-full .tb-lbl{font-size:.66rem;letter-spacing:.03em}', '#ami-union .tab-btn-full .tb-lbl{font-size:.74rem;letter-spacing:.03em}', why='tb-lbl mobile')
# B·7 · les onglets n'ont pas de chiffre dans leur libellé (le chiffre vit au sommaire et au toc)
for k in range(1, 6):
    rep(f'<span class="tb-lbl">{k} · ', '<span class="tb-lbl">', why=f'onglet {k} sans chiffre')
# A·15 · portail
rep('<h3 class="pp-pol" id="ppPol">', '<h3 class="pp-pol" id="ppPol" style="font-size:.78rem">', why='pp-pol taille')
# A·17 · olive un cran plus sombre (4,19 → ≥ 4,5:1 pour la nacre)
rep('<div style="background:#577c05"><b>🌾 L\'Olive</b>', '<div style="background:#4d6b02"><b>🌾 L\'Olive</b>', why='olive')
# A·19 · pas de capitales en Cormorant : les h4 des cantons serif retrouvent leur casse
rep("#ami-union .src-tri h4{font-size:1.1rem;font-weight:600;margin:1.4rem 0 .45rem;color:var(--or-pale)}", "#ami-union .src-tri h4{font-size:1.1rem;font-weight:600;margin:1.4rem 0 .45rem;color:var(--or-pale);text-transform:none;letter-spacing:0}", why='h4 src-tri sans capitales')
rep("#ami-union .src-contrats .pk-t{font-size:1.26rem;font-weight:600;color:var(--or-pale);line-height:1.16}", "#ami-union .src-contrats .pk-t{font-size:1.26rem;font-weight:600;color:var(--or-pale);line-height:1.16;text-transform:none;letter-spacing:0}", why='pk-t sans capitales')
# A·18 · les émojis sortent de l'italique
EMO = re.compile(r'([\U0001F300-\U0001FAFF☀-➿⬀-⯿](?:️|‍[\U0001F300-\U0001FAFF☀-➿]️?)*)')
def desital(s): return EMO.sub(r'<span class="em">\1</span>', s)
n = 0
for old in ("⚔️ L'Art Est Mon Arme 🖌️", "🪞 &nbsp;Rejoins Moi pour Radicalement Prospérer&nbsp; 🕊️", "⚕️ Entre Respect &amp; Vérité. ⚖️", "par Le Silence ❤️\u200d🔥</span>", "Demain toujours plus fort, encore &amp; encore. 🌱</p>"):
    c = h.count(old); assert c >= 1, old
    h = h.replace(old, desital(old)); n += c
J.append(f'émojis hors italique ×{n}')
rep("if(ppD){ if(d[4]){ ppD.textContent=d[4]; ppD.hidden=false; }", "if(ppD){ if(d[4]){ ppD.innerHTML=d[4].replace(/[<>&]/g,function(c){return {'<':'&lt;','>':'&gt;','&':'&amp;'}[c]}).replace(/([\\u{1F300}-\\u{1FAFF}\\u2600-\\u27BF](?:\\uFE0F|\\u200D[\\u{1F300}-\\u{1FAFF}\\u2600-\\u27BF]\\uFE0F?)*)/gu,'<span class=\"em\">$1</span>'); ppD.hidden=false; }", why='devise du portail : émojis hors italique (JS)')
rep('#ami-union *{margin:0;padding:0;box-sizing:border-box}', '#ami-union *{margin:0;padding:0;box-sizing:border-box}\n#ami-union .em{font-style:normal}', why='.em')
# A·28 · les romains orphelins du canton Lois deviennent des glyphes, comme leurs voisins (choix d'émoji à valider)
rep('<span class="num">Ⅰ</span><h2>🌱 Les 7 Lois Naturelles du Vivant</h2>', '<span class="num">🌱</span><h2>Les 7 Lois Naturelles du Vivant</h2>', why='Ⅰ → 🌱')
rep("<span class=\"num\">Ⅱ</span><h2>Leur place d'origine : la triade du Champ 7</h2>", "<span class=\"num\">📜</span><h2>Leur place d'origine : la triade du Champ 7</h2>", why='Ⅱ → 📜')
rep('<span class="num">Ⅲ</span><h2>Et les deux Lois de mesure</h2>', '<span class="num">🧮</span><h2>Et les deux Lois de mesure</h2>', why='Ⅲ → 🧮')
rep('<span class="num">Ⅺ</span><h2>Les douze notions</h2>', '<span class="num">🧩</span><h2>Les douze notions</h2>', why='Ⅺ → 🧩')
# A·22 · cibles tactiles ≥ 24 px : les boutons de mode des planches
rep("padding:.22rem .6rem;border-radius:var(--r);cursor:pointer}", "padding:.4rem .7rem;min-height:24px;border-radius:var(--r);cursor:pointer}", why='.qs-m 24 px')
# B·19 · les liens du pied grossissent
rep('#ami-union .footer-nav{font-size:.62rem;letter-spacing:.1em;color:var(--gris);text-transform:uppercase;margin-top:1.5rem;line-height:2}', '#ami-union .footer-nav{font-size:.74rem;letter-spacing:.1em;color:var(--gris-cl);text-transform:uppercase;margin-top:1.5rem;line-height:2.3}', why='footer-nav lisible')
# B·18 · grilles sans orphelines : 8 cartes → 4 colonnes, 16 → 2
rep('#ami-union .src-tri .cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;}', '#ami-union .src-tri .cmd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;}\n@media(max-width:900px){#ami-union .src-tri .cmd-grid{grid-template-columns:repeat(2,1fr)}}', why='cmd-grid 4 colonnes')
rep('#ami-union .src-tri .mag-128-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.4rem;}', '#ami-union .src-tri .mag-128-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;}\n@media(max-width:900px){#ami-union .src-tri .mag-128-grid{grid-template-columns:repeat(2,1fr)}}', why='mag-128-grid 4/2 colonnes')
# A·21 · chaque tableau dans son rouleau
tw_before = h.count('class="tw"')
def wrap_tables(html):
    out = []; i = 0; n = 0
    for m in re.finditer(r'<table\b.*?</table>', html, re.S):
        before = html[max(0, m.start()-160):m.start()]
        out.append(html[i:m.start()])
        if re.search(r'class="(?:[^"]*\s)?(?:tw|cm2-tw|tw-x|scroll)(?:\s[^"]*)?"[^>]*>\s*$', before) or 'overflow' in before[-120:]:
            out.append(m.group(0))
        else:
            out.append('<div class="tw">' + m.group(0) + '</div>'); n += 1
        i = m.end()
    out.append(html[i:]); return ''.join(out), n
h, n = wrap_tables(h); J.append(f'tableaux mis dans un .tw ×{n}')
rep('#ami-union .em{font-style:normal}', '#ami-union .em{font-style:normal}\n#ami-union .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}\n#ami-union .tw>table{min-width:100%}', why='.tw règle')
# A·27 · l'accessibilité des onglets : les six lignes
rep('<div class="tab-bar-full" aria-label="Cinq parties du Volume 0.3">', '<div class="tab-bar-full" role="tablist" aria-label="Cinq parties du Volume 0.3">', why='role=tablist')
c = len(re.findall(r'<button class="tab-btn-full( active)?" type="button" data-c="t\d">', h)); assert c == 5, c
h = re.sub(r'<button class="tab-btn-full( active)?" type="button" data-c="(t\d)">', lambda m: f'<button class="tab-btn-full{m.group(1) or ""}" type="button" role="tab" aria-selected="{"true" if m.group(1) else "false"}" data-c="{m.group(2)}">', h); J.append('role=tab + aria-selected ×5')
rep('#ami-union .em{font-style:normal}', '#ami-union .em{font-style:normal}\n#ami-union .tab-btn-full:focus-visible,#ami-union button:focus-visible,#ami-union a:focus-visible{outline:2px solid var(--or);outline-offset:-2px}', why=':focus-visible')
open('v22.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J)); print(len(J), 'gestes')

p2_plancher.pyp2_plancher.py page.html 390 · puis 1280 · puis 390 · puis 32086 lignes

Demande au navigateur qui est sous 11,5 px, écrit la règle qui le relève, remesure — jusqu'à zéro. Un élément qui hérite sa petitesse reçoit max(.72rem,1em) — 19/09 : déplie aussi .tab-section et .lect-panel (CosmoLogie).

# -*- coding: utf-8 -*-
"""Le plancher de lisibilité : plus aucun texte sous 11,5 px. On demande au navigateur QUI est sous le
plancher, on écrit la règle qui le relève, on remesure — jusqu'à ce que le FAIT soit acquis."""
import os, sys, json, re, collections
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'v22.html'
RID = sys.argv[3] if len(sys.argv) > 3 else 'ami-union'   # l'id de la racine de la page
PLANCHER = 11.5

JS_OUVRE = r"""
(rid) => { const R=document.getElementById(rid);
  R.querySelectorAll('.tab-content,.tab-panel,.tab-section,.lect-panel').forEach(p=>p.classList.add('active')); R.querySelectorAll('.reveal').forEach(p=>p.classList.add('visible'));
  R.querySelectorAll('.pane,.tri-p,.tab-pane,.pt-pane,.psb-pane,.sp,.pt-champ,[data-c]').forEach(p=>{ if(p.tagName!=='BUTTON') p.classList.add('active','on'); });
  R.querySelectorAll('details').forEach(d=>d.open=true);
  R.querySelectorAll('[hidden]').forEach(e=>{ if(!e.matches('.pp-devise')) e.hidden=false; });
  R.querySelectorAll('.som-corps,.toc-panel').forEach(e=>{e.style.display='block';e.style.maxHeight='none'});
  return R.querySelectorAll('*').length; }
"""
JS_PETITS = r"""
([plancher, rid]) => {
  const R=document.getElementById(rid); const out=[]; const seen=new Set();
  const w=document.createTreeWalker(R, NodeFilter.SHOW_TEXT); let n;
  function key(el){ // chemin de classes jusqu'au canton
    const parts=[]; let e=el; let depth=0;
    while(e && e!==R && depth<6){ const cls=(e.className&&typeof e.className==='string')?e.className.trim().split(/\s+/).filter(c=>!/^(active|on|open|ici|vide)$/.test(c)):[];
      parts.unshift(e.tagName.toLowerCase()+(cls.length?'.'+cls[0]:'')); e=e.parentElement; depth++; }
    return parts; }
  while((n=w.nextNode())){ const t=n.textContent.trim(); if(t.length<2) continue; const el=n.parentElement; if(!el||el.closest('svg,script,style')) continue;
    const cs=getComputedStyle(el); if(cs.display==='none'||cs.visibility==='hidden') continue;
    const fs=parseFloat(cs.fontSize); if(fs>=plancher) continue;
    const k=key(el); const id=k.join('>')+'|'+(el.getAttribute('style')?'S':''); if(seen.has(id)) continue; seen.add(id);
    const pfs=el.parentElement?parseFloat(getComputedStyle(el.parentElement).fontSize):fs;
    out.push({path:k, fs:+fs.toFixed(2), herite:Math.abs(pfs-fs)<0.01, inline:!!(el.getAttribute('style')&&/font-size/.test(el.getAttribute('style'))), t:t.slice(0,40)}); }
  return out; }
"""
def selecteur(path, niveau):
    # niveau 0 : dernier élément + son canton ; 1 : deux derniers ; 2 : trois derniers ; 3 : !important
    canton = next((p for p in path if p.split('.')[-1] in ('div.src-tri','div.src-lois','div.src-contrats','div.src-arbo') or '.src-' in p), None)
    tail = path[-(1+min(niveau,2)):]
    # UN ÉLÉMENT SANS CLASSE NE FAIT JAMAIS UNE RÈGLE SEUL (« #x span{.72rem} » rapetisserait toute la page — vu sur 0.1 et l'Initiation) :
    # on remonte jusqu'à un ancêtre classé, et s'il n'y en a pas dans les trois derniers, la règle reste nulle (le plancher héritera : max(.72rem,1em)).
    k = 1 + min(niveau, 2)
    while '.' not in tail[-1] and not any('.' in p for p in tail) and k < 4 and k < len(path): k += 1; tail = path[-k:]
    if not any('.' in p for p in tail): return None
    sel = '#' + RID + ' ' + ((canton.split('.')[0]+'.'+canton.split('.')[1]+' ') if canton and canton not in tail else '') + ' '.join(tail)
    return sel

html = open(SRC, encoding='utf-8').read()
W = int(sys.argv[2]) if len(sys.argv) > 2 else 390
regles = collections.OrderedDict()
ENTETE = ''
m0 = re.search(r'<style id="ami-plancher">\n(.*?)</style>\n', html, re.S)
if m0:
    corps = m0.group(1)
    i = corps.find('/* ── LE PLANCHER')
    ENTETE = corps[:i] if i >= 0 else corps   # sans marqueur, tout le bloc est l'entête de non-régression
    for l in corps.split('\n'):
        if l.endswith('}') and ('{font-size:.72rem' in l or '{font-size:max(.72rem' in l) and not os.environ.get('PLANCHER_NEUF'): regles[l[:l.index('{')]] = l
with sync_playwright() as p:
    br = p.chromium.launch(); ctx = br.new_context(viewport={'width':W,'height':844}); page = ctx.new_page()
    for passe in range(5):
        page.set_content(html, wait_until='load'); page.wait_for_timeout(300)
        page.evaluate(JS_OUVRE, RID)
        petits = page.evaluate(JS_PETITS, [PLANCHER, RID])
        print(f'passe {passe} : {len(petits)} éléments porteurs de texte sous {PLANCHER} px')
        if not petits: break
        for e in petits:
            sel = selecteur(e['path'], passe if not e['inline'] else 3)
            imp = '!important' if (e['inline'] or passe >= 3) else ''
            # un élément qui HÉRITE sa petitesse (strong dans une note) ne doit pas rapetisser ailleurs : max(.72rem,1em)
            val = 'max(.72rem,1em)' if e.get('herite') else '.72rem'
            if sel is None:   # sans ancêtre classé : une règle sur le tag seul, mais qui hérite — jamais une taille absolue
                sel = '#' + RID + ' ' + e['path'][-1]; val = 'max(.72rem,1em)'
            if '.' not in e['path'][-1] and val == '.72rem': val = 'max(.72rem,1em)'   # tag nu en bout de règle : il hérite aussi
            regles[sel] = f'{sel}{{font-size:{val}{imp}}}'
        bloc = '<style id="ami-plancher">\n' + ENTETE + '/* ── LE PLANCHER DE LISIBILITÉ — 11,5 px, mesuré au rendu à 390 puis 1280 px. Écrit par p2_plancher.py ; se rejoue. ── */\n' + '\n'.join(regles.values()) + '\n</style>\n'
        html = re.sub(r'<style id="ami-plancher">.*?</style>\n', '', html, flags=re.S)
        html = html.replace('</body>', bloc + '</body>')
    # mesure finale
    page.set_content(html, wait_until='load'); page.wait_for_timeout(300); page.evaluate(JS_OUVRE, RID)
    reste = page.evaluate(JS_PETITS, [PLANCHER, RID])
    print('reste :', len(reste), reste[:5])
    br.close()
open(SRC, 'w', encoding='utf-8').write(html)
print(len(regles), 'règles de plancher écrites')

p3_palette.pyp3_palette.py rapatrier · puis repeindre194 lignes

M1 : chaque couleur en dur devient une variable (rendu inchangé, mesuré). M2 : les redéclarations de canton s'effacent et la racine prend les 13 pierres de la Charte.

# -*- coding: utf-8 -*-
"""P3 · La palette, en deux temps.
   M1 · rapatrier : chaque couleur écrite en dur reprend le nom de sa variable — sans rien changer au rendu.
   M2 · une valeur, un lieu : les cantons cessent de redéclarer la palette.
   REPEINDRE : la racine passe aux pierres de la Charte de Communication (6 sept 2026)."""
import re, sys, collections
sys.path.insert(0, '../verif/verificateur'); import canon as K, couleur as C
ETAPE = sys.argv[1] if len(sys.argv) > 1 else 'rapatrier'
FILE = sys.argv[2] if len(sys.argv) > 2 else 'v22.html'
ROOT = sys.argv[3] if len(sys.argv) > 3 else '#ami-union'   # le sélecteur de la racine de la page
h = open(FILE, encoding='utf-8').read()
RX_ROOT = re.escape(ROOT) + r'\{\n(.*?)\n\}'

def norm_hex(x):
    x = x.lower()
    if len(x) == 4: x = '#' + ''.join(c*2 for c in x[1:])
    return x[:7]
def rgb(hx): return C.hex2rgb(norm_hex(hx))

# ── le bloc racine ────────────────────────────────────────────────────
m = re.search(RX_ROOT, h, re.S); root = m.group(1)
old_root = root
# la table ancien nom → valeur (avant), et → pierre (après)
ANCIENS = {  # nom : (valeur d'avant, cible Charte)
 '--or':'#ffc545','--or-pale':'#ffd06a','--or-somb':'#7a611a','--nacre':'#f2ede2','--gris':'#9595a2','--gris-cl':'#b0b0bd',
 '--vert':'#0b8d38','--vert-cl':'#32b15e','--rubis':'#e33232','--rubis-cl':'#fe6969','--bleu':'#0077ee','--bleu-cl':'#7697ee',
 '--fuchsia':'#cf458a','--fuch-cl':'#f56aaf','--fuchsia-cl':'#f56aaf','--violet':'#6b63ff','--violet-cl':'#9d8bff',
 '--turquoise':'#009f9d','--turquoise-cl':'#31b4b3','--turq':'#31b4b3','--amethyste':'#a04afa','--amethyste-cl':'#bb7cfe',
 '--jade':'#62a802','--jade-cl':'#80c027','--ambre':'#ff7800','--dore':'#e6ad2d','--dore-cl':'#ffd06a','--rose':'#f56aaf',
}
PIERRES = {p: v for p, v in K.PALETTE.items()}
NEUTRES = {'--noir':'#09090e','--onyx':'#09090e','--encre':'#111118','--voile':'#181826','--labradorite':'#b3b1a8','--or-gras':'#e6ad2d'}

# valeurs d'AVANT de chaque variable (première déclaration hex trouvée dans le fichier)
avant = {}
for mm in re.finditer(r'(--[a-z][a-z0-9-]*)\s*:\s*(#[0-9a-fA-F]{3,8})\b', h):
    avant.setdefault(mm.group(1), norm_hex(mm.group(2)))
val2var = {}
for k, v in avant.items():
    if k in ('--tc','--tcl','--ppc','--ppcl','--c','--rc','--vc'): continue
    val2var.setdefault(v, k)
# la palette de la Charte, pour nommer ce qui n'a pas de variable
idx = {}
for p, trois in K.PALETTE.items():
    for niv, hx in zip(K.NIVEAUX, trois): idx[hx.lower()] = '--' + p + niv
for hx, n in K.NEUTRES.items(): idx[hx.lower()] = '--' + n
for hx, n in K.STANDARD.items(): idx.setdefault(hx.lower(), '--' + n)
labs = [(n, C.hex2lab(hx)) for hx, n in idx.items()]
def nearest(hx):
    lab = C.rgb2lab(C.hex2rgb(hx)); return min(((n, C.de2000(lab, l)) for n, l in labs), key=lambda t: t[1])

# ── découpage : CSS hors SVG, attributs style hors SVG ────────────────
svg_spans = [(m.start(), m.end()) for m in re.finditer(r'<svg\b.*?</svg>', h, re.S)]
script_spans = [(m.start(), m.end()) for m in re.finditer(r'<script\b.*?</script>', h, re.S)]
def dans(pos, spans): return any(a <= pos < b for a, b in spans)

nouveaux = collections.OrderedDict()   # valeur → nom créé
journal = collections.Counter()
def nom_pour(hx):
    """le nom de variable d'une valeur écrite en dur"""
    hx = norm_hex(hx)
    if hx in val2var: return val2var[hx]
    r, g, b = C.hex2rgb(hx)
    if max(r,g,b) - min(r,g,b) <= 6: return None          # un gris : neutre technique, on laisse
    if hx in nouveaux: return nouveaux[hx]
    n, d = nearest(hx)
    base = n.lstrip('-').replace('-', '')
    nom = f'--anc-{base}'
    k = 2
    while nom in nouveaux.values(): nom = f'--anc-{base}{k}'; k += 1
    nouveaux[hx] = nom; return nom

if ETAPE == 'rapatrier':
    # 1 · les hex dans les feuilles (hors SVG, hors déclarations de variables)
    out = []; i = 0
    for m in re.finditer(r'<style[^>]*>(.*?)</style>', h, re.S):
        if dans(m.start(), svg_spans): continue
        css = m.group(1)
        def sub_hex(mm):
            hx = mm.group(0); nom = nom_pour(hx)
            if not nom: return hx
            journal['hex→var (css)'] += 1; return f'var({nom})'
        # ne pas toucher aux déclarations de variables : on masque « --x:#hex »
        parts = re.split(r'(--[a-z][a-z0-9-]*\s*:\s*#[0-9a-fA-F]{3,8}\b)', css)
        for k in range(0, len(parts), 2):
            parts[k] = re.sub(r'#(?:[0-9a-fA-F]{6}|[0-9a-fA-F]{3})\b(?![0-9a-fA-F])', sub_hex, parts[k])
            # rgba(r,g,b,a) → rgba(var(--x-rgb),a)
            def sub_rgba(mm):
                r, g, b = int(mm.group(1)), int(mm.group(2)), int(mm.group(3))
                hx = '#%02x%02x%02x' % (r, g, b); nom = nom_pour(hx)
                if not nom: return mm.group(0)
                journal['rgba→var (css)'] += 1; return f'rgba(var({nom}-rgb),{mm.group(4)})'
            parts[k] = re.sub(r'rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([0-9.]+)\s*\)', sub_rgba, parts[k])
        css2 = ''.join(parts)
        out.append(h[i:m.start(1)]); out.append(css2); i = m.end(1)
    out.append(h[i:]); h = ''.join(out)
    svg_spans = [(m.start(), m.end()) for m in re.finditer(r'<svg\b.*?</svg>', h, re.S)]
    # 2 · les attributs style="…" hors SVG
    def sub_style(mm):
        if dans(mm.start(), svg_spans): return mm.group(0)
        s = mm.group(1)
        parts = re.split(r'(--[a-z][a-z0-9-]*\s*:\s*#[0-9a-fA-F]{3,8}\b)', s)
        for k in range(0, len(parts), 2):
            def sh(m2):
                nom = nom_pour(m2.group(0))
                if not nom: return m2.group(0)
                journal['hex→var (inline)'] += 1; return f'var({nom})'
            parts[k] = re.sub(r'#(?:[0-9a-fA-F]{6}|[0-9a-fA-F]{3})\b(?![0-9a-fA-F])', sh, parts[k])
            def sr(m2):
                hx = '#%02x%02x%02x' % (int(m2.group(1)), int(m2.group(2)), int(m2.group(3))); nom = nom_pour(hx)
                if not nom: return m2.group(0)
                journal['rgba→var (inline)'] += 1; return f'rgba(var({nom}-rgb),{m2.group(4)})'
            parts[k] = re.sub(r'rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([0-9.]+)\s*\)', sr, parts[k])
        # et les déclarations inline --tc:#hex → var()
        for j in range(1, len(parts), 2):
            d = parts[j]; nm, hx = d.split(':')[0].strip(), norm_hex(d.split(':')[1].strip())
            nom = val2var.get(hx)
            if nom and nom != nm: parts[j] = f'{nm}:var({nom})'; journal['inline --x:#hex → var'] += 1
        return 'style="' + ''.join(parts) + '"'
    h = re.sub(r'style="([^"]*)"', sub_style, h)
    # 3 · la racine déclare tout : les anciennes valeurs, les triplets rgb, les nouveaux noms
    #     ⚠️ la racine est RE-cherchée ici : les étapes 1-2 ont pu la réécrire (un hex dans un commentaire, un rgba) —
    #     sur L'Initiation, le remplacement échouait en silence et la page perdait toute sa palette (17 sept).
    m = re.search(RX_ROOT, h, re.S); root = m.group(1); old_root = root
    decl = []
    for k, v in avant.items():
        if k in ('--tc','--tcl','--ppc','--ppcl','--c','--rc','--vc'): continue
        decl.append(f'{k}:{v}')
    for k, v in avant.items():
        if k in ('--tc','--tcl','--ppc','--ppcl','--c','--rc','--vc'): continue
        r, g, b = C.hex2rgb(v); decl.append(f'{k}-rgb:{r},{g},{b}')
    for hx, nom in nouveaux.items():
        r, g, b = C.hex2rgb(hx); decl.append(f'{nom}:{hx}'); decl.append(f'{nom}-rgb:{r},{g},{b}')
    # ce que la racine gardait d'autre que des couleurs (all:revert, display, font…) reste
    reste = re.sub(r'--[a-z][a-z0-9-]*\s*:\s*#[0-9a-fA-F]{3,8}\s*;?', '', root)
    reste = re.sub(r'--[a-z][a-z0-9-]*-rgb\s*:\s*\d+,\d+,\d+\s*;?', '', reste)
    reste = re.sub(r'/\*.*?\*/', '', reste, flags=re.S); reste = re.sub(r'\n\s*\n', '\n', reste).strip()
    if '--r:' not in reste: reste = '--r:4px;\n' + reste
    root_new = '  /* ── LA PALETTE — déclarée ici, et nulle part ailleurs (P3·M1) ── */\n  ' + ';'.join(decl) + ';\n  ' + reste
    assert h.count(ROOT + '{\n' + old_root + '\n}') == 1, '✗ la racine n’a pas été retrouvée : rien n’est écrit'
    h = h.replace(ROOT + '{\n' + old_root + '\n}', ROOT + '{\n' + root_new + '\n}', 1)
    assert '-rgb:' in h, '✗ la racine n’a pas été écrite'
    # 4 · M2 : les cantons ne redéclarent plus ce que la racine porte
    import os
    if os.environ.get('SANS_M2'): open(FILE.replace('.html','_m1seul.html'),'w',encoding='utf-8').write(h); raise SystemExit('M1 seul écrit')
    svg_spans = [(x.start(), x.end()) for x in re.finditer(r'<svg\b.*?</svg>', h, re.S)]
    script_spans = [(x.start(), x.end()) for x in re.finditer(r'<script\b.*?</script>', h, re.S)]
    root_spans = [(x.start(), x.end()) for x in re.finditer(r':root\s*\{[^}]*\}', h)]   # la racine du composant (barre/pied) garde ses valeurs
    root_spans += [(x.start(), x.end()) for x in re.finditer(r'<style id="ami-composant">.*?</style>', h, re.S)]   # et sa feuille entière (elle vit hors de la racine de la page)
    m = re.search(RX_ROOT, h, re.S); old_root = m.group(1)
    def sub_canton(mm):
        nm = mm.group(1)
        if nm in avant and nm not in ('--tc','--tcl','--ppc','--ppcl','--c','--rc','--vc') and not dans(mm.start(), svg_spans) and not dans(mm.start(), script_spans) and not dans(mm.start(), root_spans):
            if mm.start() > m.start() + len(old_root) + 50:   # hors racine
                journal['redéclaration de canton retirée'] += 1; return ''
        return mm.group(0)
    h = re.sub(r'(--[a-z][a-z0-9-]*)\s*:\s*#[0-9a-fA-F]{3,8}\s*;?', sub_canton, h)
    h = re.sub(r'\{\s*\}', '{}', h)
    print(dict(journal)); print('nouveaux noms :', dict(nouveaux))
elif ETAPE == 'repeindre':
    m = re.search(RX_ROOT, h, re.S); root = m.group(1)
    def peint(mm):
        k, v = mm.group(1), mm.group(2)
        if k in ANCIENS: return f'{k}:{ANCIENS[k]}'
        if k in NEUTRES: return f'{k}:{NEUTRES[k]}'
        if k.startswith('--anc-'):
            n, d = nearest(v)
            if d < 8:
                cible = n
                # le nom de la pierre ; la valeur vient de la Charte
                for hx, nm in idx.items():
                    if nm == cible: return f'{k}:{hx}'
        return mm.group(0)
    root2 = re.sub(r'(--[a-z][a-z0-9-]*):(#[0-9a-f]{6})', peint, root)
    # les triplets suivent la variable qu'ils doublent
    def triplet(mm):
        k = mm.group(1); base = k[:-4]
        mv = re.search(re.escape(base) + r':(#[0-9a-f]{6})', root2)
        if mv:
            r, g, b = C.hex2rgb(mv.group(1)); return f'{k}:{r},{g},{b}'
        return mm.group(0)
    root2 = re.sub(r'(--[a-z][a-z0-9-]*-rgb):(\d+,\d+,\d+)', triplet, root2)
    # les pierres de la Charte, déclarées par leur nom, pour la suite du corpus
    pierres = ';'.join(f'--{p}:{v[0]};--{p}-gras:{v[1]};--{p}-ct:{v[2]}' for p, v in PIERRES.items())
    pierres += ';' + ';'.join(f'--{p}-rgb:{",".join(str(x) for x in C.hex2rgb(v[0]))}' for p, v in PIERRES.items())
    root2 = re.sub(r'--r:(\d+px);', lambda mm: '/* ── les treize pierres, telles que la Charte les arrête ── */\n  ' + pierres + ';--labradorite:#b3b1a8;--or-gras:#e6ad2d;\n  --r:' + mm.group(1) + ';', root2, count=1)
    h = h.replace(root, root2, 1)
    # journal
    ch = 0
    for k in ANCIENS:
        if re.search(re.escape(k) + r':#', root): ch += 1
    print('variables repeintes :', ch)
open(FILE, 'w', encoding='utf-8').write(h)

compare_couleurs.pycompare_couleurs.py avant.html après.html30 lignes

Couleur calculée de chaque élément, apparié par son chemin dans le DOM : ce qui a bougé, et de quoi à quoi.

# -*- coding: utf-8 -*-
"""Compare la couleur calculée de chaque élément entre deux états — apparié par le chemin dans le DOM, jamais par l'index."""
import sys, os, json, collections
from playwright.sync_api import sync_playwright
A, B = sys.argv[1], sys.argv[2]
JS = r"""() => { const R=document.getElementById('ami-union'); const out={};
  R.querySelectorAll('.tab-content').forEach(p=>p.classList.add('active'));
  R.querySelectorAll('[data-c]').forEach(p=>{ if(p.tagName!=='BUTTON') p.classList.add('active','on'); });
  R.querySelectorAll('details').forEach(d=>d.open=true);
  function key(el){ const p=[]; let e=el; while(e && e!==document.body){ let i=0,s=e; while((s=s.previousElementSibling)) i++; p.push(e.tagName+i); e=e.parentElement;} return p.join('/'); }
  R.querySelectorAll('*').forEach(el=>{ if(el.closest('svg,script,style')) return; const cs=getComputedStyle(el);
    out[key(el)] = [cs.color, cs.backgroundColor, cs.borderTopColor, cs.borderLeftColor, cs.backgroundImage.slice(0,80), (el.className||'').toString().slice(0,40)]; });
  return out; }"""
with sync_playwright() as p:
    br = p.chromium.launch(); res = {}
    for f in (A, B):
        pg = br.new_page(viewport={'width':1280,'height':900}); pg.goto('file://' + os.path.abspath(f)); pg.wait_for_timeout(500)
        res[f] = pg.evaluate(JS); pg.close()
    br.close()
a, b = res[A], res[B]
print('éléments :', len(a), len(b), '· appariés :', len(set(a) & set(b)))
diff = collections.Counter(); ex = collections.defaultdict(list)
for k in set(a) & set(b):
    for i, nom in enumerate(('color', 'background', 'border-top', 'border-left', 'background-image')):
        if a[k][i] != b[k][i]:
            key = (nom, a[k][i][:40], b[k][i][:40]); diff[key] += 1
            if len(ex[key]) < 2: ex[key].append(a[k][5])
print('différences :', sum(diff.values()))
for (nom, x, y), n in diff.most_common(60): print(f'{n:5d}× {nom:16s} {x:40s} → {y:40s}  ex {ex[(nom,x,y)]}')

extrait_barre.pyextrait_barre.py67 lignes

Extrait de la Charte V5 la barre, le pied, la bande des registres, la progression, la boîte à outils — markup + CSS + JS — pour les coller dans une page.

# -*- coding: utf-8 -*-
"""Extrait de la Charte V5 (la source vivante du composant) : la barre, le pied, la bande des registres,
la barre de progression et la boîte à outils — markup + CSS + JS — pour les coller dans une Page du corpus."""
import re, json
h = open('charteV5.html', encoding='utf-8').read()
h = re.sub(r'data:image/[a-z+]+;base64,[A-Za-z0-9+/=]+', 'data:IMG', h)

def bloc(h, start_tag, end_tag):
    i = h.find(start_tag); j = h.find(end_tag, i); return h[i:j+len(end_tag)]
nav = bloc(h, '<nav class="ami-barre"', '</nav>')
pied = bloc(h, '<footer class="ami-pied"', '</footer>')
prog = re.search(r'<div[^>]*id="prog"[^>]*>(?:.*?</div>)?', h).group(0)
bande = bloc(h, '<div class="bande-registres"', '</div>\n</div>')
print('nav', len(nav), 'pied', len(pied), 'prog', prog[:80], 'bande', len(bande))

# ── la feuille : on découpe en blocs de premier niveau ────────────────
css = re.search(r'<style[^>]*>(.*?)</style>', h, re.S).group(1)
css = re.sub(r'/\*.*?\*/', '', css, flags=re.S)
blocs = []; i = 0; n = len(css)
while i < n:
    j = css.find('{', i)
    if j < 0: break
    sel = css[i:j].strip(); depth = 1; k = j + 1
    while k < n and depth:
        if css[k] == '{': depth += 1
        elif css[k] == '}': depth -= 1
        k += 1
    blocs.append((sel, css[j+1:k-1])); i = k
CIBLES = ('.ami-barre', '.ami-pied', '.emporter', '.emp-', '.ami-toc', '.tc-', 'body.ami-', 'html.ami-', '#prog', '.bande-registres', '.br-', '.r-op', '.r-heu', '.r-ana', '.r-ess', '.tb-sep', '.ami-coin', '.coin', ':root:fullscreen', ':root:-webkit-full-screen')
def garde(sel):
    return any(c in sel for c in CIBLES)
out = []
for sel, corps in blocs:
    if sel.startswith('@keyframes'):
        if re.search(r'ami(Eclot|Coeur|Respire|Pulse|Prog)', sel): out.append(f'{sel}{{{corps}}}')
    elif sel.startswith('@media'):
        # on ne garde du média que les règles ciblées
        inner = []; ii = 0
        while True:
            jj = corps.find('{', ii)
            if jj < 0: break
            s2 = corps[ii:jj].strip(); d = 1; kk = jj + 1
            while kk < len(corps) and d:
                if corps[kk] == '{': d += 1
                elif corps[kk] == '}': d -= 1
                kk += 1
            if garde(s2): inner.append(f'{s2}{{{corps[jj+1:kk-1]}}}')
            ii = kk
        if inner: out.append(f'{sel}{{' + '\n'.join(inner) + '}')
    elif garde(sel):
        out.append(f'{sel}{{{corps}}}')
css_out = '\n'.join(out)
print('règles gardées :', len(out), 'signes :', len(css_out))
# les variables que ce CSS emploie et que la racine devra porter
vars_used = sorted(set(re.findall(r'var\((--[a-z0-9-]+)', css_out)))
print('variables employées :', vars_used)
# ── les scripts : la barre (amiBarre) et la boîte à outils (BOITE) ─────
scripts = re.findall(r'<script[^>]*>(.*?)</script>', h, re.S)
js_barre = next(s for s in scripts if "getElementById('amiBarre')" in s[:200])
js_boite = next(s for s in scripts if 'BOITE' in s[:300])
print('js barre', len(js_barre), 'js boîte', len(js_boite))
# ce que la boîte attend dans la page
print('ids attendus par la boîte :', sorted(set(re.findall(r"getElementById\('([^']+)'\)", js_boite)))[:20])
print('ids attendus par la barre :', sorted(set(re.findall(r"getElementById\('([^']+)'\)", js_barre)))[:30])
print('classes hôte que la barre cherche :', sorted(set(re.findall(r"querySelector(?:All)?\('([^']+)'\)", js_barre)))[:40])
json.dump(dict(nav=nav, pied=pied, prog=prog, bande=bande, css=css_out, js_barre=js_barre, js_boite=js_boite, vars=vars_used), open('barre_extrait.json', 'w'), ensure_ascii=False)

p4_anatomie.pyp4_anatomie.py117 lignes

Pose la barre et le pied V16, la bande des registres, #prog, le bloc Emporter, le contraste élevé et la lecture continue ; version et date écrites une fois (data-ami).

# -*- coding: utf-8 -*-
"""P4 · L'anatomie de Page : la barre et le pied V16 (pris à la Charte V5, la source vivante du composant),
la bande des registres, la barre de progression, le bloc Emporter, les commandes 💧 ◐ ⛶ − % +."""
import re, json
d = json.load(open('barre_extrait.json'))
h = open('v22.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · la feuille du composant, dans le <head> ──────────────────────
rootvals = ';'.join(f'{k}:{v}' for k, v in d['rootvals'].items())
css = d['css']
feuille = ('<style id="ami-composant">\n/* ── LA BARRE, LE PIED, LES REGISTRES, L’EMPORT — pris à la Charte de Communication V5 (9 sept 2026),\n'
           '   la source vivante du composant. On ne les corrige pas ici : on les reprend à la Charte. ── */\n'
           ':root{' + rootvals + ';--nav-h:0px;--bar-h:0px}\n'
           'html{scroll-padding-top:calc(var(--nav-h) + 1rem)}\n'
           '#ami-union .ami-fs{display:none}\n'   # la barre porte le ⛶ ; celui de la page se tait
           '.emporter{max-width:900px;margin:2rem auto;padding:0 1.2rem}\n'
           '.bande-registres{max-width:1080px;margin:0 auto}\n'
           + css + '\n</style>\n')
rep('</head>', feuille + '</head>', why='feuille du composant')

# ── 2 · la barre et la progression, en tête ; le pied et l’emport, en queue ──
nav = d['nav'].replace('<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi">',
                       '<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi" data-ici="ami-union-du-tout">')
rep('<body>\n<div id="ami-union">', '<body>\n' + d['prog'] + '\n' + nav + '\n<div id="ami-union">', why='barre + #prog')

pied = d['pied']
pied = pied.replace('<div class="ap-sceau" title="🛕 Le sceau du volume">🛕</div>', '<div class="ap-sceau" title="💍 Le sceau du volume">💍</div>')
pied = pied.replace('<p class="ap-titre">Architecture</p>', "<p class=\"ap-titre\">L'Union du TouT</p>")
pied = pied.replace('<p class="ap-vol">Protocole de ConScience aMi · Le Temple — La Vie</p>', '<p class="ap-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">0.3</span> — La Vie</p>')
pied = pied.replace("<p class=\"ap-cit\">Je ne veux pas être crue sur parole au vol,\nje veux être sue sans le moindre bémol.</p>",
                    "<p class=\"ap-cit\">Une charte n’est pas une liste de règles : c’est la forme qu’on donne à ce qu’on veut devenir.\nOn n’obéit pas à une charte — on s’y tient.</p>")
assert 'title="💍 Le sceau du volume">💍' in pied and "L'Union du TouT" in pied and 'Volume <span' in pied and 'on s’y tient' in pied
emport = '''
<section class="emporter" aria-labelledby="empT">
  <h2 id="empT">◈ Emporter ce volume</h2>
  <p>Il tient en <strong>un seul fichier</strong>, sans script distant&#8239;: une fois téléchargé, <strong>il fonctionne hors ligne</strong> et reste vivant — onglets, sous-onglets, planches, lecture continue, contraste.</p>
  <div class="emp-b">
    <button id="dlHtml" type="button">⬇︎ Export HTML <span id="dlPoids"></span></button>
    <button id="dlPdf" type="button">🖶 PDF imprimable</button>
  </div>
  <p id="dlEtat" class="emp-d" aria-live="polite"></p>
  <p class="emp-d">📅 <span data-ami="version">V22</span> — arrêtée au <span data-ami="date">9 septembre 2026</span>. <em>Les renvois vers l’extérieur peuvent se briser avec le temps&#8239;: vérifie la version en ligne si celle-ci a vieilli.</em></p>
</section>
'''
# le pied vient après la racine, avant les feuilles de fin
i = h.rfind('<style id="ami-plancher">')
assert i > 0
# la fermeture de #ami-union est le dernier </div> avant les styles de fin ; on pose l'emport DEDANS (dernier enfant) et le pied DEHORS
j = h.rfind('</div>', 0, i)
h = h[:j] + emport + h[j:j+6] + '\n' + pied + '\n' + h[j+6:]; J.append('emport (dans la racine) + pied (après)')

# ── 3 · la bande des registres, entre la une et les onglets ──────────
bande = d['bande'].replace('href="#s-les-quatre-registres-de-lecture"', 'href="Charte_Communication_aMi_BLOC_13.html" title="Les quatre registres de lecture — définis une fois, dans la Charte de Communication"')
rep('<div class="tab-bar-full" role="tablist"', bande + '\n<div class="tab-bar-full" role="tablist"', why='bande des registres')

# ── 4 · les scripts du composant, adaptés à cette page ───────────────
js = d['js_barre']
js = js.replace("document.getElementById('ami-charte')||document.body", "document.getElementById('ami-union')||document.body")
# le sommaire ☰ de la barre n'est pas posé ici : la page a le sien (◈ Dans cet onglet) — le code le saute (if(BT))
# l'emport : les onglets de CETTE page, et le nom du fichier
js = js.replace("""   var ongs=d.querySelectorAll('.ong');
   ongs.forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pan').forEach(function(p,i){ p.hidden = i!==0; });
   d.querySelectorAll('.sbar').forEach(function(s,i){ s.hidden = true; });
   d.querySelectorAll('.sog').forEach(function(o,i){ o.classList.toggle('on', i===0); });
   d.querySelectorAll('#tv > .pane').forEach(function(p,i){
     p.classList.toggle('on', i===0); });""",
"""   d.querySelectorAll('.tab-btn-full').forEach(function(o,i){ o.classList.toggle('active', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.tab-content').forEach(function(p,i){ p.classList.toggle('active', i===0); });""")
assert "'.tab-content').forEach" in js
js = js.replace("a.download='Charte_Communication_aMi_'+(window.__amiV||'')+'.html';", "a.download='0.3_LUNION_DU_TOUT_aMi_'+(window.__amiV||'')+'.html';")
assert '0.3_LUNION_DU_TOUT' in js
shim = """
/* ── CE QUE LE VOLUME ÉCOUTE : la lecture continue et le contraste élevé ──
   La barre ne connaît pas le contenu : elle crie, la page répond. */
(function(){'use strict';
  var R=document.getElementById('ami-union'); if(!R) return;
  var memo=null;
  document.addEventListener('ami:lecture',function(e){
    var on=e.detail&&e.detail.actif;
    var pans=[].slice.call(R.querySelectorAll('.tab-content'));
    if(on){ memo=(R.querySelector('.tab-content.active')||{dataset:{c:'t1'}}).dataset.c;
      pans.forEach(function(p){ p.classList.add('active'); }); R.classList.add('lecture'); }
    else { R.classList.remove('lecture'); pans.forEach(function(p){ p.classList.toggle('active', p.dataset.c===memo); });
      if(window.amiOuvreOnglet&&memo) window.amiOuvreOnglet(memo,false); }
  });
})();
"""
contraste_css = """
<style id="ami-contraste">
/* ── ◐ LE CONTRASTE ÉLEVÉ : chaque encre monte à son niveau -ct, les graisses fines s'épaississent ── */
body.ami-contraste #ami-union{--or:var(--ambre-ct);--or-pale:#ffe2a3;--gris:#c0c0cf;--gris-cl:#d6d6e0;--nacre:#ffffff;
  --vert:var(--emeraude-ct);--vert-cl:#7fe0a0;--rubis:var(--rubis-ct);--rubis-cl:#ff9a9a;--bleu:var(--saphir-ct);--bleu-cl:#a9c3ff;
  --fuchsia:var(--grenat-ct);--fuch-cl:#ffa4d0;--fuchsia-cl:#ffa4d0;--violet:var(--tanzanite-ct);--violet-cl:#c3b8ff;
  --turquoise:var(--amazonite-ct);--turquoise-cl:#7fdcd6;--amethyste:var(--amethyste-ct);--amethyste-cl:#d8b8ff;
  --jade:var(--moldavite-ct);--jade-cl:#b6e27a;--dore:var(--ambre-ct);--dore-cl:#ffe2a3;--or-somb:#b09030}
body.ami-contraste #ami-union{font-weight:400}
body.ami-contraste #ami-union em,body.ami-contraste #ami-union .cit,body.ami-contraste #ami-union .couv-sub{font-style:normal}
</style>
"""
scripts = '<script id="ami-composant-js">\n' + js + '\n' + shim + '</script>\n'
rep('<style id="ami-plancher">', contraste_css + scripts + '<style id="ami-plancher">', why='scripts du composant + contraste')

# ── 5 · la date s'écrit une fois : la une et la fin la lisent ─────────
rep('<p class="sig">Agdistys · Diane Serant &amp; Claude · CC BY-SA 4.0</p>', '<p class="sig">Agdistys · Diane Serant &amp; Claude · CC BY-SA 4.0 · <span data-ami="version">V22</span> — <span data-ami="date">9 septembre 2026</span></p>', why='date sur la une')

open('v22.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p5_correctifs.pyp5_correctifs.py37 lignes

Ce que la non-régression a révélé : la portée main → #ami-union, les règles #tv/.tvx ôtées.

# -*- coding: utf-8 -*-
"""P5 · Ce que la non-régression a révélé : la bande des registres était habillée pour <main> (la Charte),
pas pour #ami-union (cette page) ; et la feuille du composant charriait les règles de l'onglet #tv/.tvx de la Charte."""
import re
h = open('v22.html', encoding='utf-8').read()
m = re.search(r'(<style id="ami-composant">)(.*?)(</style>)', h, re.S)
css = m.group(2)
avant = css.count('{')
# 1 · la portée : main → #ami-union
css = re.sub(r'(?<![\w.#-])main (\.bande-registres|\.r-heu|\.r-ana|\.r-ess)', r'#ami-union \1', css)
assert 'main .bande' not in css
# 2 · on ôte les règles dont TOUS les sélecteurs vivent dans #tv / .tvx (l'onglet de la Charte, absent ici)
out = []; i = 0; n = len(css); gardees = 0; otees = 0
while i < n:
    j = css.find('{', i)
    if j < 0: out.append(css[i:]); break
    sel = css[i:j]; depth = 1; k = j + 1
    while k < n and depth:
        if css[k] == '{': depth += 1
        elif css[k] == '}': depth -= 1
        k += 1
    parts = [p.strip() for p in sel.strip().split(',') if p.strip()]
    if parts and not sel.strip().startswith('@') and all(re.match(r'(#tv|\.tvx)\b', p) for p in parts):
        otees += 1
    else:
        # dans une liste mixte, on retire les membres #tv/.tvx
        if parts and not sel.strip().startswith('@'):
            keep = [p for p in parts if not re.match(r'(#tv|\.tvx)\b', p)]
            lead = sel[:len(sel) - len(sel.lstrip())]
            sel = lead + ',\n'.join(keep)
        out.append(sel + css[j:k]); gardees += 1
    i = k
css2 = ''.join(out)
h = h[:m.start()] + m.group(1) + css2 + m.group(3) + h[m.end():]
open('v22.html', 'w', encoding='utf-8').write(h)
print(f'✓ portée main → #ami-union · règles : {avant} avant, {gardees} gardées, {otees} ôtées (#tv/.tvx) · feuille {len(m.group(2))//1024} → {len(css2)//1024} Ko')

p5_mutations.pyp5_mutations.py page.html94 lignes

Presse chaque commande (onglets clic/clavier, renvoi, 💧, ◐, ⛶ + zoom, ☰, ↑, progression, ⬇︎ export, dates, reduced-motion, sommaire, .v.ici) et vérifie que la page a changé comme promis.

# -*- coding: utf-8 -*-
"""P5 · La mutation des contrôles : on presse chaque commande et on regarde si la page a CHANGÉ comme promis."""
import os, sys
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'v22.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(600)
        print(f'=== {W} px ===')
        E = lambda js: pg.evaluate(js)
        # onglets : clic
        E("()=>document.querySelectorAll('.tab-btn-full')[2].click()"); pg.wait_for_timeout(150)
        ok('onglet 3 par clic', E("()=>document.querySelector('.tab-content.active').dataset.c")=='t3' and E("()=>document.querySelectorAll('.tab-btn-full')[2].getAttribute('aria-selected')")=='true')
        # onglets : clavier →
        E("()=>{const b=document.querySelectorAll('.tab-btn-full')[2]; b.focus(); b.dispatchEvent(new KeyboardEvent('keydown',{key:'ArrowRight',bubbles:true}));}"); pg.wait_for_timeout(150)
        ok('onglet suivant au clavier →', E("()=>document.querySelector('.tab-content.active').dataset.c")=='t4')
        E("()=>{const b=document.activeElement; b.dispatchEvent(new KeyboardEvent('keydown',{key:'Home',bubbles:true}));}"); pg.wait_for_timeout(150)
        ok('Home → premier onglet', E("()=>document.querySelector('.tab-content.active').dataset.c")=='t1')
        # lien interne vers un autre onglet ouvre l'onglet
        E("()=>{let a=document.querySelector('a[href=\"#diag-souverain\"]'); if(!a){ a=document.createElement('a'); a.href='#diag-souverain'; a.textContent='renvoi'; document.querySelector('.tab-content.active').appendChild(a); } a.click();}"); pg.wait_for_timeout(300)  # le seul renvoi vivait dans l'ancienne Charte Mathématique (partie le 19/09) : on en pose un pour éprouver le mécanisme
        ok('renvoi #diag-souverain ouvre son onglet', E("()=>{const t=document.getElementById('diag-souverain'); return !!t && t.closest('.tab-content').classList.contains('active') && t.getBoundingClientRect().width>0;}"))
        # lecture continue 💧
        n0 = E("()=>document.querySelectorAll('.tab-content.active').length")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        n1 = E("()=>document.querySelectorAll('.tab-content.active').length")
        ok('💧 lecture continue : tous les onglets déroulés', n0 == 1 and n1 == 5, f'{n0}→{n1}')
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        ok('💧 retour : un seul onglet', E("()=>document.querySelectorAll('.tab-content.active').length") == 1)
        # contraste ◐
        c0 = E("()=>getComputedStyle(document.querySelector('#ami-union .qs-c .tx, #ami-union p')).color")
        col0 = E("()=>getComputedStyle(document.querySelector('#ami-union')).getPropertyValue('--or').trim()")
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        col1 = E("()=>getComputedStyle(document.querySelector('#ami-union')).getPropertyValue('--or').trim()")
        ok('◐ contraste : --or monte au niveau -ct', E("()=>document.body.classList.contains('ami-contraste')") and col0 != col1, f'{col0}→{col1}')
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        ok('◐ retour', not E("()=>document.body.classList.contains('ami-contraste')"))
        # zoom − / +
        E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(300)
        ok('⛶ plein écran (faux plein) posé', E("()=>document.getElementById('ami-union').classList.contains('ami-faux-fs')||!!document.fullscreenElement"))
        fs0 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-union')).zoom||1)")
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        fs1 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-union')).zoom||1)")
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(200)
        fs2 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-union')).zoom||1)")
        E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(300)
        ok('⛶ retour', not E("()=>document.getElementById('ami-union').classList.contains('ami-faux-fs')"))
        ok('+ agrandit, − rend', fs1 > fs0 and abs(fs2 - fs0) < .05, f'{fs0}→{fs1}→{fs2}')
        # sommaire ☰ de la page
        E("()=>document.getElementById('tocBtn').click()"); pg.wait_for_timeout(200)
        ok('☰ sommaire s’ouvre', E("()=>{const p=document.getElementById('tocPanel'); const cs=getComputedStyle(p); return cs.display!=='none' && p.getBoundingClientRect().height>10;}"))
        E("()=>document.getElementById('tocBtn').click()"); pg.wait_for_timeout(200)
        # ↑ haut
        E("()=>window.scrollTo(0,3000)"); pg.wait_for_timeout(200)
        E("()=>{const h=document.querySelector('.ami-top'); if(h) h.click();}"); pg.wait_for_timeout(1500)
        ok('↑ remonte', E("()=>window.scrollY") < 50, str(E("()=>window.scrollY")))
        # progression
        E("()=>window.scrollTo(0,document.body.scrollHeight/2)"); pg.wait_for_timeout(300)
        ok('#prog progresse', E("()=>{const p=document.getElementById('prog'); const w=parseFloat(getComputedStyle(p).width)||parseFloat(p.style.width)||0; return w>10;}"))
        # emport : le bouton compose un fichier
        E("()=>{window.__urls=[]; const o=URL.createObjectURL; URL.createObjectURL=function(b){window.__blob=b; return o.call(URL,b);}; HTMLAnchorElement.prototype.click=function(){window.__dl=this.download;};}")
        E("()=>document.getElementById('dlHtml').click()"); pg.wait_for_timeout(800)
        VER = E("()=>document.querySelector('meta[name=\"ami:version\"]').content"); DATE = E("()=>document.querySelector('meta[name=\"ami:date\"]').content")
        import datetime; MOIS=['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre']; d=datetime.date.fromisoformat(DATE); DATE_FR=f'{d.day} {MOIS[d.month-1]} {d.year}'
        ok('⬇︎ Export HTML : fichier composé, bien nommé', E("()=>window.__dl")==f'0.3_LUNION_DU_TOUT_aMi_{VER}.html' and E("()=>window.__blob? window.__blob.size:0")>1000000, str(E("()=>[window.__dl, window.__blob&&window.__blob.size]")))
        ok('⬇︎ poids affiché', E("()=>document.getElementById('dlPoids').textContent.trim().length")>0, E("()=>document.getElementById('dlPoids').textContent.trim()"))
        # dates lues depuis les metas
        ok('version/date = metas', E("()=>[...document.querySelectorAll('[data-ami=version]')].every(e=>e.textContent==='"+VER+"') && [...document.querySelectorAll('[data-ami=date]')].every(e=>e.textContent==='"+DATE_FR+"')"), E("()=>[...document.querySelectorAll('[data-ami=date]')].map(e=>e.textContent)"))
        # reduced motion
        pg.emulate_media(reduced_motion='reduce'); pg.wait_for_timeout(100)
        ok('prefers-reduced-motion coupe les animations', E("()=>[...document.querySelectorAll('*')].every(e=>{const cs=getComputedStyle(e); return cs.animationDuration==='0s'||cs.animationDuration==='0.001s'||cs.animationName==='none';})"))
        pg.emulate_media(reduced_motion='no-preference')
        # sommaire : 5 · 28
        ok('sommaire 5 onglets · 28 sections', E("()=>{const ch=document.querySelectorAll('#somCorps .som-partie').length; const s=document.querySelectorAll('#somCorps a[href^=\"#\"]').length; return ch+'·'+s;}") in ('5·33','5·28'), E("()=>{const ch=document.querySelectorAll('#somCorps .som-partie').length; const s=document.querySelectorAll('#somCorps a[href^=\"#\"]').length; return ch+'·'+s;}"))
        ok('ancres du sommaire toutes présentes', E("()=>[...document.querySelectorAll('#somCorps a[href^=\"#\"]')].every(a=>document.getElementById(decodeURIComponent(a.getAttribute('href').slice(1))))"))
        # le canton Arborescence : filtres et infobulles vivants
        E("()=>document.querySelector('.tab-btn-full[data-c=\"t3\"]').click()"); pg.wait_for_timeout(150)
        E("()=>document.querySelector('#ami-union .sub-bar-host button[data-c=psy]').click()"); pg.wait_for_timeout(150)
        E("()=>document.querySelectorAll('#tp-psy .sub-b')[1].click()"); pg.wait_for_timeout(150)
        f0 = E("()=>document.querySelectorAll('#tp-psy .dc-row[data-f]:not(.hid)').length")
        E("()=>document.querySelector('#tp-psy .flt button[data-flt=urgence]').click()"); pg.wait_for_timeout(200)
        f1 = E("()=>document.querySelectorAll('#tp-psy .dc-row[data-f]:not(.hid)').length")
        ok('🌳 filtre « urgence » réduit les bifurcations', 0 < f1 < f0, f'{f0}→{f1}')
        E("()=>{const e=document.querySelector('#tp-psy [data-champ]'); e.dispatchEvent(new Event('mouseenter'));}"); pg.wait_for_timeout(150)
        ok('🌳 infobulle de Champ s’affiche', E("()=>document.getElementById('chpop').classList.contains('show')"))
        ok('.v.ici marqué sur 0.3', E("()=>{const v=document.querySelector('.ami-barre .v.ici'); return v && /0\\.3/.test(v.textContent);}"))
        pg.close()
    b.close()
print('erreurs JS :', errs)
print(sum(1 for r in R if r[1]), '/', len(R), 'réussis')

p6_retours.pyp6_retours.py113 lignes

Les retours de Diane du 9 sept : onglets couleur qui replient, un seul titre, améthyste, Emporter, --tab-h, règle * ôtée.

# -*- coding: utf-8 -*-
"""P6 · Les retours de Diane du 9 sept 20h : onglets en couleur et qui replient (jamais de rouleau),
Les Chartes du Vivant en améthyste, un seul titre par partie (le portail, émoji au-dessus, glow),
l'ordre une → onglets → sommaire → titre, le bloc Emporter habillé, la devise du pied propre au volume."""
import re
h = open('v22.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · les titres en double : le portail est LE titre ; les cantons perdent le leur ─────────
# t1 · Quintessence
rep('<div class="section">\n  <div class="sec-header" id="quintessence"><span class="sec-num">꩜</span><h2>Quintessence — La Beauté de La Vie</h2></div>',
    '<div class="section" id="quintessence">', why='t1 : titre du canton')
# t2 · Les Lois (pas d\'id)
rep('<div class="section">\n  <div class="sec-header"><span class="sec-num">⚓️</span><h2>Les Lois de La Vie 🌱</h2></div>\n  <blockquote><p>Comment ça fonctionne.</p></blockquote>',
    '<div class="section">', why='t2 : titre + « Comment ça fonctionne. »')
# t3 · la une du canton + le titre
i = h.find('<div class="tri-une">'); m1 = h.find('</div>', h.find('<div class="tri-meta">', i)) + 6; j = h.find('</div>\n', m1) + len('</div>\n')
assert h[m1:j].strip() == '</div>', h[m1:j]
assert 0 < i < j and h[i:j].count('<div class="tri-une">') == 1
h = h[:i] + h[j:]; J.append('t3 : la une du canton (🕸️💍 Union du TouT … CC BY-SA) ôtée')
rep('<div class="section">\n  <div class="sec-header" id="chartes-cinq"><span class="sec-num">🔱</span><h2>Les Chartes du Vivant ✨</h2></div>\n  <blockquote><p>Notre Intention.</p></blockquote>',
    '<div class="section" id="chartes-cinq">', why='t3 : titre + « Notre Intention. »')
# t4 · Communication
rep('<div class="section">\n  <div class="sec-header" id="comm-liberte"><span class="sec-num">💃🏽</span><h2>La Communication du Vivant</h2></div>\n  <blockquote><p>Notre Attention.</p></blockquote>',
    '<div class="section" id="comm-liberte">', why='t4 : titre + « Notre Attention. »')
# t5 · Contrats
rep('<div class="section">\n  <div class="sec-header" id="contrats-quatre"><span class="sec-num">📜</span><h2>Les Contrats de ConScience ✍️</h2></div>\n  <blockquote><p>À quoi on s\'engage.</p></blockquote>',
    '<div class="section" id="contrats-quatre">', why='t5 : titre + « À quoi on s’engage. »')
# le sous-titre de la une du canton t3 rejoint le portail
rep('''"Cinq chartes : ce qui se mesure, ce qui se traverse, ce qui se lit, ce qui se protège, ce qui se sublime.",''',
    '''"Cinq chartes : ce qui se mesure, ce qui se traverse, ce qui se lit, ce qui se protège, ce qui se sublime.\\nLe rapport, la relation, la lecture, le pont, le sceau — cinq langues pour un seul objet, et un seul objet pour les tenir ensemble.",''',
    why='t3 : sous-titre de la une versé au portail')

# ── 2 · l'ordre : une → onglets → sommaire → titre (portail) → contenu ─────────────────────
i = h.find('<section class="part-portail"'); j = h.find('</section>', i) + len('</section>')
portail = h[i:j]; h = h[:i] + h[j:]
rep('</main>\n\n<div class="corps">', '</main>\n' + portail + '\n<div class="corps">', why='portail déplacé après le sommaire')

# ── 3 · la feuille des retours ────────────────────────────────────────────────────────────
css = '''
<style id="ami-retours">
/* ── RETOURS DU 9 SEPT · onglets en couleur, qui replient ; titre unique ; améthyste pour Les Chartes ── */
#ami-union .tab-bar-full{flex-wrap:wrap;overflow-x:visible;overflow:visible}
#ami-union .tab-btn-full{flex:1 1 18%;min-width:6.4rem;white-space:normal;color:var(--tc)}
#ami-union .tab-btn-full .tb-em{filter:none;opacity:.9}
#ami-union .tab-btn-full .tb-lbl{text-align:center}
#ami-union .tab-btn-full .tb-lbl{font-size:.86rem;font-weight:500}
#ami-union .tab-btn-full .tb-pol{color:var(--gris);opacity:1;font-size:.72rem;letter-spacing:.1em}
#ami-union .tab-btn-full.active .tb-pol{color:var(--gris-cl);opacity:1}
#ami-union .tab-btn-full:hover,#ami-union .tab-btn-full.active{color:var(--tcl)}
#ami-union .tab-btn-full.active{background:rgba(var(--tc-rgb,var(--or-rgb)),.12);border-bottom-color:var(--tc)}
#ami-union .tab-btn-full[data-c="t1"]{--tc-rgb:var(--or-rgb)}
#ami-union .tab-btn-full[data-c="t2"]{--tc-rgb:var(--vert-rgb)}
#ami-union .tab-btn-full[data-c="t3"]{--tc:var(--amethyste);--tcl:var(--amethyste-cl);--tc-rgb:var(--amethyste-rgb)}
#ami-union .tab-btn-full[data-c="t4"]{--tc-rgb:var(--fuchsia-rgb)}
#ami-union .tab-btn-full[data-c="t5"]{--tc-rgb:var(--bleu-rgb)}
/* les sous-onglets replient eux aussi : rien ne roule à droite */
#ami-union .sub-bar-host .in,#ami-union .sub-bar-host .tabs-in{flex-wrap:wrap!important;overflow-x:visible;justify-content:center!important}
#ami-union .sub-bar-host .tri-b,#ami-union .sub-bar-host .tb{white-space:normal}
#ami-union .chr-q{white-space:normal}
/* Les Chartes du Vivant : améthyste */
#ami-union .part-portail[data-c="t3"]{--ppc:var(--amethyste);--ppcl:var(--amethyste-cl)}
#ami-union .src-tri{border-top-color:var(--amethyste)}
#ami-union .tri-b.on,#ami-union .tri-b[data-c="intro"].on{background:rgba(var(--amethyste-rgb),.12)!important;color:var(--amethyste-cl)!important;border-bottom-color:var(--amethyste)!important}
/* le portail : l’émoji au-dessus, le glow, une seule fois */
#ami-union .part-portail{flex-direction:column;gap:.45rem;padding:1.4rem 1.2rem 1.2rem;margin:1.2rem auto .6rem;
  background:radial-gradient(ellipse at 50% 0%,rgba(var(--pp-rgb,var(--or-rgb)),.13),transparent 70%)}
#ami-union .part-portail .pp-icon{font-size:2.6rem;filter:drop-shadow(0 0 16px var(--ppc,var(--or)))}
#ami-union .part-portail .pp-mission{white-space:pre-line}
#ami-union .part-portail[data-c="t2"]{--pp-rgb:var(--vert-rgb)}
#ami-union .part-portail[data-c="t3"]{--pp-rgb:var(--amethyste-rgb)}
#ami-union .part-portail[data-c="t4"]{--pp-rgb:var(--fuchsia-rgb)}
#ami-union .part-portail[data-c="t5"]{--pp-rgb:var(--bleu-rgb)}
/* ◈ Emporter — les valeurs de la Charte, portées dans la racine */
#ami-union .emporter{max-width:44rem;margin:3rem auto 1rem;padding:1.4rem 1.6rem;background:var(--encre);
  border:1px solid var(--or-somb);border-radius:14px;text-align:center}
#ami-union .emporter h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--or-pale);margin:0 0 .6rem;letter-spacing:0;text-transform:none}
#ami-union .emporter p{color:var(--gris-cl);font-family:'Jost',sans-serif;font-size:.88rem;line-height:1.7;margin:.4rem auto;max-width:60ch}
#ami-union .emporter p strong{color:var(--nacre);font-weight:500;font-size:inherit}
#ami-union .emporter .emp-b{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .4rem}
#ami-union .emporter .emp-b button{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--or);background:rgba(255,255,255,.05);
  border:1px solid var(--or-somb);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;min-height:24px}
#ami-union .emporter .emp-b button:hover{background:rgba(255,255,255,.1);color:var(--or-pale)}
#ami-union .emporter .emp-d{font-size:.78rem;color:var(--gris)}
#ami-union .emporter .emp-d em{color:var(--gris);font-style:italic}
#ami-union .emporter [data-ami]{color:var(--or-pale);font-size:inherit}
</style>
'''
rep('<style id="ami-plancher">', css + '<style id="ami-plancher">', why='feuille des retours')

# ── 4 · le sommaire : Les Chartes en améthyste ─────────────────────────────────────────
rep('<div class="som-partie" style="border-left:3px solid var(--or);margin-top:1rem">\n      <div class="som-titre-btn open" data-som="t3" style="color:var(--or-pale)">',
    '<div class="som-partie" style="border-left:3px solid var(--amethyste);margin-top:1rem">\n      <div class="som-titre-btn open" data-som="t3" style="color:var(--amethyste-cl)">', why='sommaire t3 améthyste')

# ── 5 · la devise du pied : celle du volume, pas celle des Chartes (elle est déjà au portail t3) ──
rep("<p class=\"ap-cit\">Une charte n’est pas une liste de règles : c’est la forme qu’on donne à ce qu’on veut devenir.\nOn n’obéit pas à une charte — on s’y tient.</p>",
    "<p class=\"ap-cit\">Cinq domaines, trois langues, et Moi au carré.\nRien n’est en trop, rien ne manque : c’est à ça qu’on reconnaît le Vivant.</p>", why='pied : devise du volume')

# ── 6 · deux hauteurs, deux noms : --nav-h = la barre du site (racine), --tab-h = la barre des onglets (page) ──
rep("#ami-union{--nav-h:66px}","#ami-union{--tab-h:66px}", why='--tab-h déclaré')
rep("R.style.setProperty('--nav-h', h+'px')","R.style.setProperty('--tab-h', h+'px')", why='--tab-h mesuré')
rep("#ami-union .sub-bar-host{position:sticky;top:var(--nav-h);","#ami-union .sub-bar-host{position:sticky;top:calc(var(--nav-h) + var(--tab-h));", why='sous-barre sous les deux')
rep("#ami-union .tab-bar-full{position:sticky;top:0;","#ami-union .tab-bar-full{position:sticky;top:var(--nav-h);", why='barre des onglets sous la barre du site')
# ── 7 · la racine du composant portait « --r:4px}*{margin:0 » : une règle * qui posait --nav-h:0 et margin:0 sur tout ──
rep('--r:4px}\n*{margin:0;--rubis:', '--r:4px;--rubis:', why='règle * parasite ôtée de la racine')
open('v22.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p7_arbo_v13.pyp7_arbo_v13.py v22.html ../arbo/v13.html116 lignes

Verse l'Arborescence V13 dans le canton 🌳 de L'Union (sous-onglets psy1/2/3), rebranche ses scripts sur #tp-psy, ajoute ses styles, met les 13 Champs au canon, recorrige ce que P1 avait corrigé.

# -*- coding: utf-8 -*-
"""P7 · L'Arborescence V13 remplace le canton 🌳 de L'Union du TouT (sous-onglets psy1/psy2/psy3).
On garde l'enveloppe du canton (bandeau, sous-nav, ids des renvois), on verse le contenu de V13,
on rebranche les scripts (ils cherchaient #arbo-sante, absent : filtres et infobulles étaient morts),
on ajoute les styles que V13 apporte, et on met les 13 Champs au canon du 9 sept."""
import re, sys
U = sys.argv[1] if len(sys.argv) > 1 else 'v22.html'
V = sys.argv[2] if len(sys.argv) > 2 else '../arbo/v13.html'
h = open(U, encoding='utf-8').read(); v = open(V, encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

def inner(s, start_pat):
    """contenu d'un <div …> jusqu'à sa fermeture (compte les div)"""
    m = re.search(start_pat, s); i = m.end(); depth = 1; k = i
    while depth:
        n1 = s.find('<div', k); n2 = s.find('</div>', k)
        if n2 < 0: raise SystemExit('div non fermée')
        if 0 <= n1 < n2: depth += 1; k = n1 + 4
        else: depth -= 1; k = n2 + 6
    return m.start(), m.end(), k - 6, k   # début balise, fin balise ouvrante, début </div>, fin

# ── 1 · les trois volets de V13 ───────────────────────────────────────────────
b = v[v.find('<body'):]
panes = {}
for t in ('t0', 't1', 't2'):
    a, bo, c, d = inner(b, rf'<div class="pane-tab[^"]*" id="{t}">')
    panes[t] = b[bo:c]
print({t: len(p) for t, p in panes.items()})

# ── 2 · dans l'Union : sp-psy1/2/3 reçoivent le contenu ───────────────────────
for t, sp in (('t0', 'sp-psy1'), ('t1', 'sp-psy2'), ('t2', 'sp-psy3')):
    a, bo, c, d = inner(h, rf'<div class="sub-p[^"]*" id="{sp}">')
    h = h[:bo] + '\n' + panes[t].strip() + '\n' + h[c:]
    J.append(f'{sp} ← V13 {t}')

# ── 3 · le Point Zéro (U+030B → ◎), les ids des renvois ───────────────────────
n = h.count('̋'); h = h.replace('̋ Le Point Zéro', '<span class="pz">◎</span> Le Point Zéro').replace('<span class="pz">̋</span>', '<span class="pz">◎</span>'); J.append(f'U+030B → ◎ ×{n}')
for m in re.finditer('̋', h): print('RESTE', repr(h[m.start()-60:m.start()+30]))
assert '̋' not in h
rep('<div class="note eth"><b>Le quatrième cas — quand la balance ne pèse rien.</b>', '<div class="note eth" id="arbo-balance"><b>Le quatrième cas — quand la balance ne pèse rien.</b>', why='id arbo-balance')
i = h.find('⚖️ JAUGER &amp; JUGER — deux gestes'); assert i > 0
j = h.rfind('<div class="card or">', 0, i); assert i - j < 40, i - j
h = h[:j] + '<div class="card or" id="arbo-jauger">' + h[j + len('<div class="card or">'):]; J.append('id arbo-jauger')

# ── 4 · les scripts du canton cherchaient #arbo-sante : ils trouvent #tp-psy ───
rep('var R=document.getElementById("arbo-sante");if(!R||R.__v6)return;R.__v6=1;', 'var R=document.getElementById("tp-psy");if(!R||R.__v6)return;R.__v6=1;', why='script filtres/infobulles rebranché')
rep('var R=document.getElementById("arbo-sante");if(!R||R.__tb)return;R.__tb=1;', 'var R=document.getElementById("tp-psy");if(!R||R.__tb)return;R.__tb=1;', why='script onglets V13 (inerte ici, mais propre)')
rep('var pop=R.querySelector("#chpop");', 'var pop=document.getElementById("chpop");', why='#chpop vit hors du canton')
assert 'id="chpop"' in h

# ── 5 · les 13 Champs au canon (émoji + nom ; les descriptions restent) ───────
CANON = {'🔥 C4 · Le Feu Intérieur': '🌳 C4 · La Direction', '👑 C5 · Le Phi': '👑 C5 · La Souveraineté', '🔍 C7 · La Trace': '📜 C7 · La Trace',
         '🌈 C8 · La Lumière': '🌈 C8 · Le Spectre', '💍 C10 · Le Serment': '💍 C10 · L’Alliance', '🪬 C11 · L’Offrande': '🥚 C11 · L’Offrande',
         '🌟 C13 · L’Auto-Réalisation': '🌟 C13 · L’Absolu', "🌟 C13 · L'Auto-Réalisation": "🌟 C13 · L'Absolu", '👑 C5 · Le Phi · Souveraineté': '👑 C5 · La Souveraineté',
         "🪬 C11 · L'Offrande": "🥚 C11 · L'Offrande", '\\U0001faac C11 · L’Offrande': '🥚 C11 · L’Offrande', '👑 C5 · La Souveraineté · Souveraineté': '👑 C5 · La Souveraineté'}
for old, new in CANON.items():
    c = h.count(old)
    if c: h = h.replace(old, new); J.append(f'canon : {old} → {new} ×{c}')
# la table du Raccord : « 🔥 C4 · Le Feu Intérieur » y est écrit avec des balises ; on vérifie ce qui reste
reste = re.findall(r'C(?:4|5|7|8|10|11|13) · (?:Le Feu Intérieur|Le Phi|La Lumière|Le Serment|L’Auto-Réalisation)', h)
print('restes non canon :', reste[:6])

# ── 6 · les styles que V13 apporte (classes absentes du canton) ───────────────
css13 = re.search(r'<style[^>]*>(.*?)</style>', v, re.S).group(1)
i = h.find('#ami-union .src-tri .vert-ech{'); assert i > 0
# les classes déjà stylées dans le canton
blocs = []; k = 0
while True:
    j = css13.find('{', k)
    if j < 0: break
    sel = css13[k:j].strip(); d = 1; e = j + 1
    while e < len(css13) and d:
        if css13[e] == '{': d += 1
        elif css13[e] == '}': d -= 1
        e += 1
    blocs.append((sel, css13[j + 1:e - 1])); k = e
NEW = ('.cnd', '.glyph', '.sst', '.sub', '.chpop', '.foot', '.kicker', '.fl', '.sg')
out = []
for sel, corps in blocs:
    if sel.startswith('@') or not sel: continue
    parts = [p.strip() for p in sel.split(',')]
    keep = [p for p in parts if any(re.search(re.escape(c) + r'(?![\w-])', p) for c in NEW)]
    if not keep: continue
    keep = [p.replace('#arbo-sante', '#ami-union .src-tri') for p in keep]
    out.append(','.join(keep) + '{' + corps.strip() + '}')
css_new = '\n'.join(out)
# les triplets en dur → les variables de la racine
TRIP = {'200,168,74': 'or', '138,48,72': 'rubis', '58,122,82': 'vert', '42,95,138': 'bleu', '106,74,160': 'violet', '184,122,42': 'ambre', '144,216,168': 'vert-cl', '224,156,172': 'rubis-cl', '143,200,238': 'bleu-cl', '192,168,255': 'violet-cl'}
for t, nom in TRIP.items(): css_new = css_new.replace(f'rgba({t},', f'rgba(var(--{nom}-rgb),')
restes_rgba = re.findall(r'rgba\((\d+,\d+,\d+),', css_new)
print('règles V13 ajoutées :', len(out), '· triplets restants :', sorted(set(restes_rgba)))
h = h[:i] + '/* ── V13 · ce que l’Arborescence V13 apporte (☯️ Polarités, cnd, glyphes) ── */\n' + css_new + '\n' + h[i:]
J.append(f'{len(out)} règles V13 ajoutées au canton')

# ── 7 · identité : V23, datée ─────────────────────────────────────────────────
rep('<meta name="ami:version" content="V22">', '<meta name="ami:version" content="V23">', why='ami:version V23')
rep('<meta name="ami:date" content="2026-09-09">', '<meta name="ami:date" content="2026-09-17">', why='ami:date')
n = h.count('<span data-ami="version">V22</span>'); h = h.replace('<span data-ami="version">V22</span>', '<span data-ami="version">V23</span>'); J.append(f'data-ami version ×{n}')
n = h.count('<span data-ami="date">9 septembre 2026</span>'); h = h.replace('<span data-ami="date">9 septembre 2026</span>', '<span data-ami="date">17 septembre 2026</span>'); J.append(f'data-ami date ×{n}')
rep("a.download='0.3_LUNION_DU_TOUT_aMi_'+(window.__amiV||'')+'.html';", "a.download='0.3_LUNION_DU_TOUT_aMi_'+(window.__amiV||'')+'.html';", why='nom d’export (lit __amiV)')
# le bandeau du canton dit la version de l'Arborescence
rep('<div class="bs">Ce qui se traverse et se répare · <em>la relation</em></div>', '<div class="bs">Ce qui se traverse et se répare · <em>la relation</em> · Arborescence V13</div>', why='bandeau : V13')


# ── 8 · ce que P1 avait déjà corrigé dans ce canton, et que V13 ramène ─────────
n = h.count('on déchéance'); h = h.replace('on déchéance', 'on déchoit'); J.append(f'« on déchéance » → « on déchoit » ×{n}')
n = h.count('celleux qui'); h = h.replace('celleux qui', 'les personnes qui'); J.append(f'celleux → les personnes ×{n}')
assert 'celleux' not in h
open(U, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p1_psy.pyp1_psy.py113 lignes

0.2 PsychaTrice — texte & structure (identité, ligatures « fir »/« } », doublons, phrases adressées, 13 Champs au canon, glyphes des onglets, ordre de lecture, orthographes arrêtées dans le texte seul).

# -*- coding: utf-8 -*-
"""P1 · 0.2 PsychaTrice — texte & structure, selon l'audit du 16 sept et les arbitrages de Diane du 17 sept.
Chaque geste est compté ; un compte faux arrête tout."""
import re, collections
h = open('psy.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')
def rep_all(old, new, why='', min1=True):
    global h
    c = h.count(old)
    if min1 and c == 0: raise SystemExit(f'✗ absent : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{c}'); return c

# ── 0 · la racine, sur ses lignes (p3_palette la lit ainsi) ──────────────────
i = h.find('#ami-psychatrice{'); j = h.find('}', i)
root = h[i + len('#ami-psychatrice{'):j]
h = h[:i] + '#ami-psychatrice{\n' + root.strip() + '\n}' + h[j + 1:]; J.append('racine mise sur ses lignes')

# ── 1 · identité : 0.2, V23, datée ────────────────────────────────────────────
rep('<title>PsychaTrice · Ce que le Corps a Encaissé — Protocole aMi 0.1 · V22</title>',
    '<title>💔 0.2 PsychaTrice · Ce que le Corps a Encaissé — La Vie · Protocole de ConScience aMi</title>\n<meta name="ami:volume" content="0.2"><meta name="ami:version" content="V23"><meta name="ami:date" content="2026-09-17">', why='titre + metas')
rep('<div class="c-vol">Protocole de ConScience aMi — Vol. 0.1</div>', '<div class="c-vol">Protocole de ConScience aMi — Vol. <span data-ami="volume">0.2</span></div>', why='une : Vol. 0.2')
rep('<p class="ap-vol">Protocole de <span translate="no">ConScience</span> <span translate="no">aMi</span> · La Forêt — Vol. 0.1</p>',
    '<p class="ap-vol">Protocole de <span translate="no">ConScience</span> <span translate="no">aMi</span> · Volume <span data-ami="volume">0.2</span> — La Vie</p>', why='pied : Vol. 0.2')

# ── 2 · les ligatures perdues à l'import PDF ─────────────────────────────────
n = 0
def fir(m):
    global n
    w = m.group(0)
    if w in ('first',) or w.startswith('firBP'): return w
    n += 1
    return ('trans.' if w == 'firans' and h[m.end():m.end()+1] == '.' else 'Tr' + w[3:])
h = re.sub(r'\bfir[a-zA-ZéèàÉ]+', fir, h); J.append(f'« fir » → « Tr » ×{n}')
assert not re.search(r'\bfir(?!st|BP)[a-zé]', h)
for a, b in (('Ré}exion', 'RéfleXion'), ('ré}exion', 'réfleXion'), ('in}uence', 'influence'), ('in}ammatoire', 'inflammatoire'), ('ton souhe', 'ton souffle')):
    rep(a, b, why=f'{a} → {b}')

# ── 3 · les doublons et l'illisible ──────────────────────────────────────────
GARBLE = '<p>ddee Pénét Pénétra rant nt àà Pénét Pénétré, ré, Ap Appprend rendss àà R Resp espec ectter er ♂ ♀ Agdistys</p>'
assert h.count(GARBLE) == 2
h = h.replace(GARBLE, '<p class="pt-cit">« De Pénétrant à Pénétré, Apprends à Respecter » ♂ ♀ — Agdistys</p>', 1)
h = h.replace('\n' + GARBLE + '\n', '\n', 1); J.append('légende illisible : une fois, lisible ; le double ôté')
assert GARBLE not in h
TETRA = "<p>C'est en ré-injectant de la vérité factuelle sur chaque point de la Tétraktys"
i1 = h.find(TETRA); i2 = h.find(TETRA, i1 + 10); assert i1 > 0 and i2 > 0
e2 = h.find('</p>', i2) + 4
h = h[:i2] + h[e2:].lstrip('\n'); J.append('paragraphe Tétraktys : le double ôté')
assert h.count(TETRA) == 1

# ── 4 · ce qui s'adressait à Diane ───────────────────────────────────────────
rep('Comme développé dans ton traité Cancre &amp; Cancer,', 'Comme le développe le traité <i>Cancre &amp; Cancer</i>,', why='« ton traité »')
i = h.find("Et je te propose si tu l'as pas déjà lu d'aller lire cet article sur"); assert i > 0
e = h.find('</p>', i); seg = h[i:e]
print('   phrase adressée :', repr(seg[:200]))
h = h[:i] + 'Voir aussi l\'article sur' + h[i + len("Et je te propose si tu l'as pas déjà lu d'aller lire cet article sur"):]; J.append('« je te propose » → « Voir aussi »')

# ── 5 · les 13 Champs au canon (noms + émojis) ───────────────────────────────
for a, b in (("Le Phi / La Souveraineté", "La Souveraineté"), ("Le Phi · Souveraineté · Le Noyau", "La Souveraineté · Le Noyau"), ("Champ 5. Le Phi (Le Noyau)", "Champ 5. La Souveraineté (Le Noyau)"),
             ("Le Serment / L'Alliance", "L'Alliance"), ("Le Serment · L’Alliance · Le Réseau", "L’Alliance · Le Réseau"), ("Le Serment (L'Alliance / Le Réseau)", "L'Alliance (Le Réseau)"), ("Le Serment (L'Alliance)", "L'Alliance"),
             ("L'Auto-Réalisation / L'Absolu", "L'Absolu"), ("L'Auto-Réalisation (L'Absolu)", "L'Absolu"), ("L’Auto-Réalisation · L’Absolu", "L’Absolu"),
             ("Le Feu Aligné", "La Direction")):
    rep_all(a, b, why=f'canon : {a} → {b}')
for a, b in (("Le Phi", "La Souveraineté"), ("Le Serment", "L'Alliance"), ("L'Auto-Réalisation", "L'Absolu"), ("L’Auto-Réalisation", "L’Absolu")):
    rep_all(a, b, why=f'canon (reste) : {a} → {b}', min1=False)
CANON_EM = {1: '⚡️', 2: '🫂', 3: '🧠', 4: '🌳', 5: '👑', 6: '⚖️', 7: '📜', 8: '🌈', 9: '꩜', 10: '💍', 11: '🥚', 12: '🪞', 13: '🌟'}
cnt = collections.Counter()
def em(m):
    e, num = m.group(1), int(m.group(2))
    if CANON_EM[num] != e and CANON_EM[num].rstrip('️') != e.rstrip('️'):
        cnt[f'{e}→{CANON_EM[num]} (Champ {num})'] += 1; return CANON_EM[num] + ' Champ ' + str(num)
    return m.group(0)
h = re.sub(r'([\U0001F300-\U0001FAFF☀-➿ꦀ-꧟][️]?) Champ (\d{1,2})\b', em, h); J.append('émojis des Champs au canon : ' + ', '.join(f'{k} ×{v}' for k, v in cnt.items()))

# ── 6 · un glyphe par notion : celui de l'onglet ─────────────────────────────
for a, b in (('🫀 0 · Le Concept', '💔 0 · Le Concept'), ('🩸 6 · L\'Effondrement', '💥 6 · L\'Effondrement'), ('🌌 9 · Cartographie', '🗺️ 9 · Cartographie')):
    rep_all(a, b, why=f'glyphe : {a[:2]} → {b[:2]}')
rep('🫀 Le Concept 🔥 Les Libidos · 🩸 L\'Effondrement · 🌌 La Cartographie · 🌱 La Cicatrisation · 💦 L\'Incorporation',
    '💔 Le Concept · ❤️‍🔥 Les Libidos · 💥 L\'Effondrement · 🗺️ La Cartographie · 🌱 La Cicatrisation · 💦 L\'InCorporation', why='une : la ligne des six, aux glyphes des onglets', ) if h.count('🫀 Le Concept 🔥 Les Libidos') else None

# ── 7 · l'ordre de lecture : 11 et 10 échangent leurs numéros ────────────────
rep('☤ 11 · Méta Tableau Opératoire des 13 Champs', '☤ 10 · Méta Tableau Opératoire des 13 Champs', n=h.count('☤ 11 · Méta Tableau Opératoire des 13 Champs'), why='11 → 10 Méta Tableau')
rep('❤️‍🩹 10 · Comment Mieux Cicatriser', '❤️‍🩹 11 · Comment Mieux Cicatriser', n=h.count('❤️‍🩹 10 · Comment Mieux Cicatriser'), why='10 → 11 Cicatriser')
rep('<h2>I · L’Espace de Repérage — le Diamant</h2>', '<h2>II · L’Espace de Repérage — le Diamant</h2>', why='deux « I · » : le second devient II') if h.count('<h2>I · L’Espace de Repérage — le Diamant</h2>') else None

open('psy.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

# ── 8 · la une : les six aux glyphes des onglets ─────────────────────────────
h = open('psy.html', encoding='utf-8').read(); J = []
rep('<p class="pt-h6">🫀 Le Concept</p>\n<p>🔥 Les Libidos · 🩸 L\'Effondrement · 🌌 La Cartographie · 🌱 La Cicatrisation · 💦 L\'Incorporation</p>',
    '<p class="pt-h6">💔 Le Concept</p>\n<p>❤️‍🔥 Les Libidos · 💥 L\'Effondrement · 🗺️ La Cartographie · 🌱 La Cicatrisation · 💦 L\'InCorporation · 🧬 La Toile Hormonale</p>', why='une : les sept, aux glyphes des onglets')

# ── 9 · les orthographes arrêtées — dans le texte seulement (jamais dans les balises, scripts, styles) ──
ORTHO = [(r'\bAlgorythme\b', 'AlgoRythme'), (r'\balgorythme\b', 'AlgoRythme'), (r'\bconaissance\b', 'CoNaissance'), (r'\bCon(?:n)?aissance\b', 'CoNaissance'),
         (r'\bRéflexion\b', 'RéfleXion'), (r'\bréflexion\b', 'RéfleXion'), (r'\bIncorporation\b', 'InCorporation'), (r'\bincorporation\b', 'InCorporation'),
         (r'\bTransmission(s?)\b', r'TransMission\1'), (r'\btransmission(s?)\b', r'TransMission\1'), (r'\bConscience(s?)\b', r'ConScience\1'), (r'\bconscience(s?)\b', r'ConScience\1'),
         (r'\bpsychatrice\b', 'PsychaTrice'), (r'\bPsychatrice\b', 'PsychaTrice')]
cnt = collections.Counter()
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>|<svg\b.*?</svg>|<[^>]+>)', h, flags=re.S)
for k in range(0, len(parts), 2):
    t = parts[k]
    for rx, rp in ORTHO:
        t, c = re.subn(rx, rp, t); cnt[rp] += c
    parts[k] = t
h = ''.join(parts); J.append('orthographes : ' + ', '.join(f'{k} ×{v}' for k, v in cnt.items() if v))
open('psy.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p2_psy.pyp2_psy.py93 lignes

0.2 PsychaTrice — forme : onglets couleur qui replient, 100vh, animations, reduced-motion, tableaux .tw, tbody, variables, ⚖, rôle/clavier.

# -*- coding: utf-8 -*-
"""P2 · 0.2 PsychaTrice — forme & lisibilité téléphone : onglets en couleur qui replient (libellé visible),
100vh, animations ≥ 7 s, reduced-motion en tête, tableaux dans un rouleau, variables orphelines, tbody, ⚖,
rôle/clavier des onglets. Le plancher 11,5 px vient ensuite (p2_plancher.py)."""
import re
h = open('psy.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · la une ne force plus 100vh ; l'animation de la une à 7 s ; le ping du widget à 7 s ───
rep('#ami-psychatrice .couv{min-height:100vh;', '#ami-psychatrice .couv{', why='100vh retiré de la une')
rep('animation:ptPulse 5s ease-in-out infinite', 'animation:ptPulse 7s ease-in-out infinite', why='ptPulse 5 s → 7 s')
rep('animation:psb-ping 2.1s ease-out infinite', 'animation:psb-ping 7s ease-out infinite', why='psb-ping 2,1 s → 7 s')
# srcBat translateX(-50%) est un centrage, pas un mouvement ; scale 1.55/1.6 dépasse 1,05 → 1.05
n = h.count('scale(1.55)') + h.count('scale(1.6)'); h = h.replace('scale(1.55)', 'scale(1.05)').replace('scale(1.6)', 'scale(1.05)'); J.append(f'srcBat : échelle ≤ 1,05 ×{n}')
# reduced-motion global, en tête de la première feuille
i = h.find('<style'); i = h.find('>', i) + 1
h = h[:i] + '\n@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}\n' + h[i:]; J.append('prefers-reduced-motion global en tête')

# ── 2 · tableaux : un rouleau pour chacun ─────────────────────────────────────
out = []; k = 0; n = 0
for m in re.finditer(r'<table\b', h):
    if m.start() < k: continue
    avant = h[max(0, m.start() - 120):m.start()]
    if re.search(r'class=\\?"(tp-wrap|psb-scroll|tw|cm2-tw)\\?"\s*>\s*$', avant): continue
    e = h.find('</table>', m.start()) + 8
    out.append(h[k:m.start()]); out.append('<div class="tw">' + h[m.start():e] + '</div>'); k = e; n += 1
out.append(h[k:]); h = ''.join(out); J.append(f'tableaux nus enveloppés dans .tw ×{n}')

# ── 3 · tbody jamais fermé (l.1421) ───────────────────────────────────────────
i = h.find('<table class="pt-matrice tp-2c">'); e = h.find('</table>', i)
seg = h[i:e]
if seg.count('<tbody') > seg.count('</tbody>'):
    h = h[:e] + '</tbody>' + h[e:]; J.append('tbody fermé')

# ── 4 · variables employées sans être déclarées ───────────────────────────────
# --fa/--fb : posées en ligne par le JS du widget sur chaque flèche (style="--fa:…") ; un repli à la racine du widget
rep('.ami-psychobiologie{--psb-mute:#cdcde0;', '.ami-psychobiologie{--fa:var(--or);--fb:var(--or-pale);--psb-or-pale:var(--or-pale);--psb-mute:#cdcde0;', why='--fa --fb --psb-or-pale déclarées (repli)')

# ── 5 · ⚖ : une seule graphie ────────────────────────────────────────────────
n = len(re.findall('⚖(?!️)', h)); h = re.sub('⚖(?!️)', '⚖️', h); J.append(f'⚖ + U+FE0F ×{n}')

# ── 6 · les onglets : en couleur, qui replient, libellé toujours visible, rôle et clavier ──
rep('@media(max-width:720px){#ami-psychatrice .tt-l{display:none}#ami-psychatrice .pt-tab{padding:.7rem .4rem}}', '', why='règle qui cachait les libellés sur téléphone ôtée')
css = '''
<style id="ami-onglets">
/* ── LES ONGLETS — en couleur, qui replient (jamais de rouleau), libellé visible (Diane, 9 sept) ── */
#ami-psychatrice .pt-bar{flex-wrap:wrap;overflow:visible;overflow-x:visible;background:var(--noir)}
#ami-psychatrice .pt-tab{flex:1 1 14%;min-width:6.4rem;min-height:44px;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.55rem .4rem;color:var(--tc,var(--gris));text-transform:none;letter-spacing:.02em}
#ami-psychatrice .pt-tab .tt-e{font-size:1.3rem;line-height:1;font-style:normal}
#ami-psychatrice .pt-tab .tt-l{display:block;font-size:.86rem;font-weight:500;line-height:1.2;text-align:center}
#ami-psychatrice .pt-tab:hover,#ami-psychatrice .pt-tab.on{color:var(--tcl,var(--or-pale))}
#ami-psychatrice .pt-tab.on{background:rgba(var(--tc-rgb,var(--or-rgb)),.12);border-bottom-color:var(--tc,var(--or))}
#ami-psychatrice .pt-tab[data-t="cpt"]{--tc:var(--grenat);--tcl:var(--grenat-ct);--tc-rgb:var(--grenat-rgb)}
#ami-psychatrice .pt-tab[data-t="lib"]{--tc:var(--cornaline);--tcl:var(--cornaline-ct);--tc-rgb:var(--cornaline-rgb)}
#ami-psychatrice .pt-tab[data-t="eff"]{--tc:var(--rubis);--tcl:var(--rubis-ct);--tc-rgb:var(--rubis-rgb)}
#ami-psychatrice .pt-tab[data-t="car"]{--tc:var(--saphir);--tcl:var(--saphir-ct);--tc-rgb:var(--saphir-rgb)}
#ami-psychatrice .pt-tab[data-t="cic"]{--tc:var(--emeraude);--tcl:var(--emeraude-ct);--tc-rgb:var(--emeraude-rgb)}
#ami-psychatrice .pt-tab[data-t="inc"]{--tc:var(--amazonite);--tcl:var(--amazonite-ct);--tc-rgb:var(--amazonite-rgb)}
#ami-psychatrice .pt-tab[data-t="toile"]{--tc:var(--amethyste);--tcl:var(--amethyste-ct);--tc-rgb:var(--amethyste-rgb)}
#ami-psychatrice .pt-tab:focus-visible,#ami-psychatrice button:focus-visible,#ami-psychatrice a:focus-visible{outline:2px solid var(--or);outline-offset:-2px}
#ami-psychatrice .tp-wrap,#ami-psychatrice .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
</style>
'''
rep('</head>', css + '</head>', why='feuille des onglets')
rep('<div class="pt-bar">', '<div class="pt-bar" role="tablist" aria-label="Les sept parties">', why='role=tablist')
n = 0
def tab(m):
    global n; n += 1
    on = ' on' in m.group(1) or m.group(1).endswith('on')
    return f'<button class="pt-tab{" on" if "on" in m.group(1).split() else ""}" data-t="{m.group(2)}" type="button" role="tab" aria-selected="{"true" if "on" in m.group(1).split() else "false"}">'
h = re.sub(r'<button class="pt-tab([^"]*)" data-t="([^"]+)"(?: type="button")?>', tab, h); J.append(f'role=tab + aria-selected ×{n}')
assert n == 7, n
# le JS : aria-selected suit .on ; clavier ← → Home End
rep(""" function ouvre(k){
 R.querySelectorAll('.pt-tab').forEach(function(b){b.classList.toggle('on',b.dataset.t===k);});""",
""" function ouvre(k){
 R.querySelectorAll('.pt-tab').forEach(function(b){var on=b.dataset.t===k;b.classList.toggle('on',on);b.setAttribute('aria-selected',on?'true':'false');b.tabIndex=on?0:-1;});""", why='aria-selected suit .on')
rep(""" R.querySelectorAll('.sp-c a[data-t]').forEach(function(a){""",
""" window.amiOuvreOnglet=ouvre;
 (function(){var bar=R.querySelector('.pt-bar');if(!bar)return;bar.addEventListener('keydown',function(e){
   var tbs=[].slice.call(R.querySelectorAll('.pt-tab')),i=tbs.indexOf(document.activeElement);if(i<0)return;var j=i;
   if(e.key==='ArrowRight')j=(i+1)%tbs.length;else if(e.key==='ArrowLeft')j=(i-1+tbs.length)%tbs.length;else if(e.key==='Home')j=0;else if(e.key==='End')j=tbs.length-1;else return;
   e.preventDefault();ouvre(tbs[j].dataset.t);tbs[j].focus();});})();
 R.querySelectorAll('.sp-c a[data-t]').forEach(function(a){""", why='clavier ← → Home End, amiOuvreOnglet exposé')

open('psy.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p4_psy.pyp4_psy.py166 lignes

0.2 PsychaTrice — anatomie : l'ancienne barre/pied/topbar s'en vont, le composant V5 nettoyé arrive (barre, pied, registres, #prog, Emporter, 💧 ◐ ⛶, contraste).

# -*- coding: utf-8 -*-
"""P4 · 0.2 PsychaTrice — l'anatomie de Page : l'ancienne barre, l'ancien pied et la topbar cachée s'en vont ;
la barre et le pied V16 de la Charte V5 arrivent (mis à 0.2), avec la bande des registres, #prog, ◈ Emporter,
💧 ◐ ⛶, la feuille du composant déjà nettoyée (pas de règle *, pas de #tv, portée sur #ami-psychatrice)."""
import re, json
d = json.load(open('../spec/barre_extrait.json'))
h = open('psy.html', encoding='utf-8').read()
ROOT = '#ami-psychatrice'; RID = 'ami-psychatrice'
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')
def coupe(a, b, why):
    global h
    assert 0 <= a < b, why
    h = h[:a] + h[b:]; J.append(f'{why} ({b-a} signes ôtés)')

# ── 1 · l'ancienne anatomie s'en va ─────────────────────────────────────────
styles = [(m.start(), m.end(), m.group(1)) for m in re.finditer(r'<style[^>]*>(.*?)</style>', h, re.S)]
old = [s for s in styles if '.ami-barre{' in s[2] or '.ami-pied{' in s[2]]
assert len(old) == 2, len(old)
for a, b, _ in sorted(old, reverse=True): coupe(a, b, 'ancienne feuille barre/pied')
a = h.find('<nav class="ami-barre'); b = h.find('</nav>', a) + 6; coupe(a, b, 'ancienne barre')
m = re.search(r'<script>\s*\(function\(\)\{\s*var N=document\.getElementById\(\'amiBarre\'\).*?</script>', h, re.S); coupe(m.start(), m.end(), 'ancien script de barre')
m = re.search(r'<div class="ami-topbar" hidden style="display:none">.*?</div></div>\n?', h, re.S); coupe(m.start(), m.end(), 'topbar cachée')
a = h.find('<footer class="ami-pied'); b = h.find('</footer>', a) + 9; coupe(a, b, 'ancien pied')
m = re.search(r'<script>\s*\(function\(\)\{\s*/\* ══ LA MESURE DU SCEAU.*?</script>', h, re.S); coupe(m.start(), m.end(), 'ancien script du sceau')
assert h.count('amiBarre') == 0 and h.count('ami-pied') == 0, (h.count('amiBarre'), h.count('ami-pied'))
# l'ancienne barre de progression : celle de la Charte la remplace
rep('<div class="pt-prog" id="ptProg"></div>\n', '', why='ancien #ptProg (div)')
rep(" var pr=document.getElementById('ptProg');\n addEventListener('scroll',function(){\n var e=sc(),h=e.scrollHeight-e.clientHeight;\n pr.style.width=(h>0?(e.scrollTop/h*100):0)+'%';\n },{passive:true});\n", '', why='ancien #ptProg (script)')

# ── 2 · la feuille du composant (nettoyée comme pour 0.3 : P5) ───────────────
css = d['css']
blocs = []; k = 0; n = len(css)
while k < n:
    j = css.find('{', k)
    if j < 0: break
    sel = css[k:j]; depth = 1; e = j + 1
    while e < n and depth:
        if css[e] == '{': depth += 1
        elif css[e] == '}': depth -= 1
        e += 1
    blocs.append((sel, css[j:e])); k = e
out = []; otees = 0
for sel, corps in blocs:
    parts = [p.strip() for p in sel.strip().split(',') if p.strip()]
    if parts and not sel.strip().startswith('@') and all(re.match(r'(#tv|\.tvx)\b', p) for p in parts): otees += 1; continue
    if parts and not sel.strip().startswith('@'):
        keep = [p for p in parts if not re.match(r'(#tv|\.tvx)\b', p)]
        sel = sel[:len(sel) - len(sel.lstrip())] + ',\n'.join(keep)
    out.append(sel + corps)
css = ''.join(out)
css = re.sub(r'(?<![\w.#-])main (\.bande-registres|\.r-heu|\.r-ana|\.r-ess)', ROOT + r' \1', css)
rootvals = ';'.join(f'{k}:{v}' for k, v in d['rootvals'].items() if not v.startswith('4px}'))
feuille = ('<style id="ami-composant">\n/* ── LA BARRE, LE PIED, LES REGISTRES, L’EMPORT — pris à la Charte de Communication V5, nettoyés (P5 de 0.3) ── */\n'
           ':root{' + rootvals + ';--r:4px;--nav-h:0px;--bar-h:0px}\n'
           'html{scroll-padding-top:calc(var(--nav-h) + 1rem)}\n'
           f'{ROOT} .emporter{{max-width:44rem;margin:3rem auto 1rem;padding:1.4rem 1.6rem;background:var(--encre);border:1px solid var(--or-somb);border-radius:14px;text-align:center}}\n'
           f"{ROOT} .emporter h2{{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--or-pale);margin:0 0 .6rem;letter-spacing:0;text-transform:none}}\n"
           f"{ROOT} .emporter p{{color:var(--gris-cl);font-family:'Jost',sans-serif;font-size:.88rem;line-height:1.7;margin:.4rem auto;max-width:60ch}}\n"
           f"{ROOT} .emporter p strong{{color:var(--nacre);font-weight:500;font-size:inherit}}\n"
           f"{ROOT} .emporter .emp-b{{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .4rem}}\n"
           f"{ROOT} .emporter .emp-b button{{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--or);background:rgba(255,255,255,.05);border:1px solid var(--or-somb);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;min-height:24px}}\n"
           f"{ROOT} .emporter .emp-b button:hover{{background:rgba(255,255,255,.1);color:var(--or-pale)}}\n"
           f"{ROOT} .emporter .emp-d{{font-size:.78rem;color:var(--gris)}}\n{ROOT} .emporter [data-ami]{{color:var(--or-pale);font-size:inherit}}\n"
           f'{ROOT} .bande-registres{{margin:1.2rem auto 0}}\n'
           f'{ROOT} .pt-bar{{top:var(--nav-h)!important}}\n'
           + css + '\n</style>\n')
assert '*{margin:0' not in feuille
rep('</head>', feuille + '</head>', why=f'feuille du composant ({otees} règles #tv/.tvx écartées)')

# ── 3 · barre + #prog en tête ; bande des registres après la une ; emport dans la racine ; pied après ──
nav = d['nav'].replace('<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi">',
                       f'<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi" data-ici="{RID}">')
m = re.search(r'<body[^>]*>\n?', h); h = h[:m.end()] + d['prog'] + '\n' + nav + '\n' + h[m.end():]; J.append('barre + #prog')
bande = d['bande'].replace('href="#s-les-quatre-registres-de-lecture"', 'href="Charte_Communication_aMi_BLOC_13.html" title="Les quatre registres de lecture — définis une fois, dans la Charte de Communication"')
rep('<div class="pt-band">', bande + '\n<div class="pt-band">', why='bande des registres')
pied = d['pied']
pied = pied.replace('<div class="ap-sceau" title="🛕 Le sceau du volume">🛕</div>', '<div class="ap-sceau" title="💔 Le sceau du volume">💔</div>')
pied = pied.replace('<p class="ap-titre">Architecture</p>', '<p class="ap-titre">PsychaTrice — Ce que le Corps a Encaissé</p>')
pied = pied.replace('<p class="ap-vol">Protocole de ConScience aMi · Le Temple — La Vie</p>', '<p class="ap-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">0.2</span> — La Vie</p>')
pied = pied.replace("<p class=\"ap-cit\">Je ne veux pas être crue sur parole au vol,\nje veux être sue sans le moindre bémol.</p>",
                    "<p class=\"ap-cit\">On nomme l’état pour rendre la sortie possible,\njamais pour excuser d’y être resté.</p>")
assert '💔 Le sceau' in pied and 'PsychaTrice —' in pied and 'Volume <span' in pied and 'resté' in pied
emport = '''
<section class="emporter" aria-labelledby="empT">
  <h2 id="empT">◈ Emporter ce volume</h2>
  <p>Il tient en <strong>un seul fichier</strong>, sans script distant&#8239;: une fois téléchargé, <strong>il fonctionne hors ligne</strong> et reste vivant — onglets, planches, toile hormonale, lecture continue, contraste.</p>
  <div class="emp-b">
    <button id="dlHtml" type="button">⬇︎ Export HTML <span id="dlPoids"></span></button>
    <button id="dlPdf" type="button">🖶 PDF imprimable</button>
  </div>
  <p id="dlEtat" class="emp-d" aria-live="polite"></p>
  <p class="emp-d">📅 <span data-ami="version">V23</span> — arrêtée au <span data-ami="date">17 septembre 2026</span>. <em>Les renvois vers l’extérieur peuvent se briser avec le temps&#8239;: vérifie la version en ligne si celle-ci a vieilli.</em></p>
</section>
'''
# la fin de la racine : le dernier </div> avant le premier <script> qui suit la racine… on cherche la fermeture par comptage
i0 = h.find(f'<div id="{RID}"'); depth = 0; k = i0
while True:
    m = re.compile(r'<div\b|</div>').search(h, k)
    if not m: raise SystemExit('racine non fermée')
    depth += 1 if m.group(0) == '<div' else -1; k = m.end()
    if depth == 0: break
fin = m.start()
h = h[:fin] + emport + h[fin:fin+6] + '\n' + pied + '\n' + h[fin+6:]; J.append('emport (dans la racine) + pied (après)')

# ── 4 · les scripts du composant ─────────────────────────────────────────────
js = d['js_barre'].replace("document.getElementById('ami-charte')||document.body", f"document.getElementById('{RID}')||document.body")
js = js.replace("""   var ongs=d.querySelectorAll('.ong');
   ongs.forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pan').forEach(function(p,i){ p.hidden = i!==0; });
   d.querySelectorAll('.sbar').forEach(function(s,i){ s.hidden = true; });
   d.querySelectorAll('.sog').forEach(function(o,i){ o.classList.toggle('on', i===0); });
   d.querySelectorAll('#tv > .pane').forEach(function(p,i){
     p.classList.toggle('on', i===0); });""",
"""   d.querySelectorAll('.pt-tab').forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pt-pane').forEach(function(p,i){ p.classList.toggle('on', i===0); });""")
assert "'.pt-pane').forEach" in js
js = js.replace("a.download='Charte_Communication_aMi_'+(window.__amiV||'')+'.html';", "a.download='0.2_PSYCHATRICE_aMi_'+(window.__amiV||'')+'.html';"); assert '0.2_PSYCHATRICE' in js
js = js.replace('var pop=R.querySelector("#chpop");', 'var pop=document.getElementById("chpop");')
shim = f"""
/* ── CE QUE LE VOLUME ÉCOUTE : la lecture continue et le contraste élevé ── */
(function(){{'use strict';
  var R=document.getElementById('{RID}'); if(!R) return; var memo=null;
  document.addEventListener('ami:lecture',function(e){{
    var on=e.detail&&e.detail.actif; var pans=[].slice.call(R.querySelectorAll('.pt-pane'));
    if(on){{ var a=R.querySelector('.pt-tab.on'); memo=a?a.dataset.t:'cpt'; pans.forEach(function(p){{ p.classList.add('on'); }}); R.classList.add('lecture'); }}
    else {{ R.classList.remove('lecture'); if(window.amiOuvreOnglet&&memo) window.amiOuvreOnglet(memo); }}
  }});
}})();
/* ── LA BARRE DE PROGRESSION — elle mesure l'onglet ouvert ── */
(function(){{'use strict';
  var prog=document.getElementById('prog'), R=document.getElementById('{RID}'); if(!prog||!R) return;
  function pile(){{ var n=document.querySelector('.ami-barre'); return n?Math.min(n.getBoundingClientRect().height,144):0; }}
  function volet(){{ if(R.classList.contains('lecture')) return R; return R.querySelector('.pt-pane.on')||R; }}
  function avance(){{ var v=volet(), r=v.getBoundingClientRect(), y=window.pageYOffset, debut=r.top+y-pile(), fin=r.bottom+y-window.innerHeight, course=fin-debut,
      p=course>4 ? (y-debut)/course : (r.bottom<=window.innerHeight?1:0); prog.style.width=(Math.max(0,Math.min(1,p))*100).toFixed(2)+'%'; }}
  window.addEventListener('scroll',avance,{{passive:true}}); window.addEventListener('resize',avance);
  document.addEventListener('click',function(e){{ if(e.target.closest&&e.target.closest('.pt-tab,#amiLecture,#amiPlein')) setTimeout(avance,90); }},true);
  document.addEventListener('ami:lecture',function(){{ setTimeout(avance,90); }}); avance();
}})();
"""
contraste = f"""
<style id="ami-contraste">
/* ── ◐ LE CONTRASTE ÉLEVÉ : chaque encre monte à son niveau -ct ── */
body.ami-contraste {ROOT}{{--or:var(--ambre-ct);--or-pale:#ffe2a3;--gris:#c0c0cf;--gris-cl:#d6d6e0;--nacre:#ffffff;
  --vert:var(--emeraude-ct);--vert-cl:#7fe0a0;--rubis:var(--rubis-ct);--rubis-cl:#ff9a9a;--bleu:var(--saphir-ct);--bleu-cl:#a9c3ff;
  --fuchsia:var(--grenat-ct);--fuch-cl:#ffa4d0;--violet:var(--tanzanite-ct);--violet-cl:#c3b8ff;--ambre:var(--cornaline-ct);--or-somb:#b09030;--or-brun:#c9a36a}}
body.ami-contraste {ROOT}{{font-weight:400}}
body.ami-contraste {ROOT} em,body.ami-contraste {ROOT} .c-sous,body.ami-contraste {ROOT} .pt-cit{{font-style:normal}}
</style>
"""
rep('</body>', contraste + '<script id="ami-composant-js">\n' + js + '\n' + shim + '</script>\n</body>', why='scripts du composant + contraste')

# ── 5 · la date s'écrit une fois ─────────────────────────────────────────────
rep('<p class="c-sig">Agdistys · Diane Serant · Protocole aMi · Licence CC BY-SA 4.0</p>',
    '<p class="c-sig">Agdistys · Diane Serant &amp; Claude · CC BY-SA 4.0 · <span data-ami="version">V23</span> — <span data-ami="date">17 septembre 2026</span></p>', why='date sur la une')

open('psy.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p5_psy_mutations.pyp5_psy_mutations.py psy.html75 lignes

0.2 PsychaTrice — 19 commandes pressées à 390 et 1280 px (onglets, sommaire, cartes, widget, 💧 ◐ ⛶ ↑ #prog ⬇︎, metas, reduced-motion).

# -*- coding: utf-8 -*-
"""P5 · 0.2 PsychaTrice — la mutation des contrôles : on presse chaque commande et on regarde si la page a changé comme promis."""
import os, sys, datetime
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'psy.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
MOIS=['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre']
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(700)
        print(f'=== {W} px ==='); E = lambda js: pg.evaluate(js)
        VER = E("()=>document.querySelector('meta[name=\"ami:version\"]').content"); DATE = E("()=>document.querySelector('meta[name=\"ami:date\"]').content")
        d = datetime.date.fromisoformat(DATE); DATE_FR = f'{d.day} {MOIS[d.month-1]} {d.year}'
        E("()=>document.querySelectorAll('.pt-tab')[2].click()"); pg.wait_for_timeout(200)
        ok('onglet 3 par clic', E("()=>document.querySelector('.pt-pane.on').id")=='pane-eff' and E("()=>document.querySelectorAll('.pt-tab')[2].getAttribute('aria-selected')")=='true')
        E("()=>{const b=document.querySelectorAll('.pt-tab')[2]; b.focus(); b.dispatchEvent(new KeyboardEvent('keydown',{key:'ArrowRight',bubbles:true}));}"); pg.wait_for_timeout(150)
        ok('onglet suivant au clavier →', E("()=>document.querySelector('.pt-pane.on').id")=='pane-car')
        E("()=>{document.activeElement.dispatchEvent(new KeyboardEvent('keydown',{key:'Home',bubbles:true}));}"); pg.wait_for_timeout(150)
        ok('Home → premier onglet', E("()=>document.querySelector('.pt-pane.on').id")=='pane-cpt')
        ok('7 onglets, aucun ne roule', E("()=>{const t=document.querySelector('.pt-bar'); return t.scrollWidth<=t.clientWidth && document.querySelectorAll('.pt-tab').length===7;}"))
        ok('libellés des onglets visibles', E("()=>[...document.querySelectorAll('.pt-tab .tt-l')].every(l=>l.getBoundingClientRect().height>8)"))
        # sommaire → onglet
        E("()=>{const a=document.querySelector('.sp-c a[data-t=cic]'); if(a) a.click();}"); pg.wait_for_timeout(400)
        ok('lien du sommaire ouvre son onglet', E("()=>document.querySelector('.pt-pane.on').id")=='pane-cic')
        # accordéon des Champs
        E("()=>document.querySelector('.pt-tab[data-t=car]').click()"); pg.wait_for_timeout(200)
        h0 = E("()=>document.querySelector('#pane-car .pt-champ .pt-c').getBoundingClientRect().height")
        E("()=>document.querySelector('#pane-car .pt-h').click()"); pg.wait_for_timeout(300)
        h1 = E("()=>document.querySelector('#pane-car .pt-champ .pt-c').getBoundingClientRect().height")
        ok('carte de Champ se déplie', h1 != h0, f'{h0}→{h1}')
        # widget : une pilule change la vue
        E("()=>document.querySelector('.pt-tab[data-t=toile]').click()"); pg.wait_for_timeout(300)
        pills = E("()=>document.querySelectorAll('#psb-tabs button, .psb-tabs button').length")
        s0 = E("()=>{const p=document.querySelector('.psb-pane.on, .psb-pane:not([hidden])'); return p?p.id:'';}")
        E("()=>{const b=document.querySelectorAll('#psb-tabs button, .psb-tabs button')[1]; if(b) b.click();}"); pg.wait_for_timeout(300)
        s1 = E("()=>{const p=document.querySelector('.psb-pane.on, .psb-pane:not([hidden])'); return p?p.id:'';}")
        ok('widget PsychoBiologie : un onglet interne change la planche', pills > 1 and s0 != s1, f'{pills} boutons · {s0}→{s1}')
        # lecture continue
        E("()=>document.querySelector('.pt-tab[data-t=cpt]').click()"); pg.wait_for_timeout(150)
        n0 = E("()=>document.querySelectorAll('.pt-pane.on').length"); E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        n1 = E("()=>document.querySelectorAll('.pt-pane.on').length")
        ok('💧 lecture continue : 7 volets déroulés', n0 == 1 and n1 == 7, f'{n0}→{n1}')
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        ok('💧 retour : un seul volet', E("()=>document.querySelectorAll('.pt-pane.on').length") == 1)
        col0 = E("()=>getComputedStyle(document.getElementById('ami-psychatrice')).getPropertyValue('--or').trim()")
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        col1 = E("()=>getComputedStyle(document.getElementById('ami-psychatrice')).getPropertyValue('--or').trim()")
        ok('◐ contraste : --or monte', E("()=>document.body.classList.contains('ami-contraste')") and col0 != col1, f'{col0}→{col1}')
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(300)
        ok('⛶ plein écran posé', E("()=>document.getElementById('ami-psychatrice').classList.contains('ami-faux-fs')||!!document.fullscreenElement"))
        z0 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-psychatrice')).zoom||1)")
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        z1 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-psychatrice')).zoom||1)")
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(200); E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(300)
        ok('+ agrandit', z1 > z0, f'{z0}→{z1}')
        E("()=>window.scrollTo(0,3000)"); pg.wait_for_timeout(200); E("()=>{const h=document.querySelector('.ami-top'); if(h) h.click();}"); pg.wait_for_timeout(1500)
        ok('↑ remonte', E("()=>window.scrollY") < 50, str(E("()=>window.scrollY")))
        E("()=>window.scrollTo(0,document.body.scrollHeight/2)"); pg.wait_for_timeout(300)
        ok('#prog progresse', E("()=>parseFloat(document.getElementById('prog').style.width)>0"))
        E("()=>{const o=URL.createObjectURL; URL.createObjectURL=function(b){window.__blob=b; return o.call(URL,b);}; HTMLAnchorElement.prototype.click=function(){window.__dl=this.download;};}")
        E("()=>document.getElementById('dlHtml').click()"); pg.wait_for_timeout(1200)
        ok('⬇︎ Export HTML composé, bien nommé', E("()=>window.__dl")==f'0.2_PSYCHATRICE_aMi_{VER}.html' and E("()=>window.__blob?window.__blob.size:0")>2000000, str(E("()=>[window.__dl, window.__blob&&window.__blob.size]")))
        ok('version/date = metas', E("()=>[...document.querySelectorAll('[data-ami=version]')].every(e=>e.textContent==='"+VER+"') && [...document.querySelectorAll('[data-ami=date]')].every(e=>e.textContent==='"+DATE_FR+"') && [...document.querySelectorAll('[data-ami=volume]')].every(e=>e.textContent==='0.2')"))
        pg.emulate_media(reduced_motion='reduce'); pg.wait_for_timeout(100)
        ok('prefers-reduced-motion coupe les animations', E("()=>[...document.querySelectorAll('*')].every(e=>{const cs=getComputedStyle(e); return cs.animationDuration==='0s'||cs.animationName==='none';})"))
        pg.emulate_media(reduced_motion='no-preference')
        ok('.v.ici sur 0.2', E("()=>{const v=document.querySelector('.ami-barre .v.ici'); return v && /0\\.2/.test(v.textContent);}"))
        pg.close()
    b.close()
print('erreurs JS :', errs); print(sum(1 for r in R if r[1]), '/', len(R), 'réussis')

p1_apo.pyp1_apo.py75 lignes

0.1 Apokalypse — texte & structure : identité 0.1/V42, 31 ids courts des SVG préfixés, ancre MIROIR, sommaire flottant réparé, ⚡⚖, orthographes (texte seul).

# -*- coding: utf-8 -*-
"""P1 · 0.1 Apokalypse — texte & structure : identité (0.1 · V42 · metas · data-ami), ids en double des SVG,
ancre morte, sommaire flottant mort, orthographes arrêtées (texte seulement), ⚡/⚖ en une graphie."""
import re, collections
h = open('apo.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · identité ─────────────────────────────────────────────────────────────
rep('<title>Apokalypse / Révélation · V24 — Onglets à la Charte</title>',
    '<title>👁️ 0.1 Apokalypse · Révélation — La Vie · Protocole de ConScience aMi</title>\n'
    '<meta name="ami:volume" content="0.1"/>\n<meta name="ami:version" content="V42"/>\n<meta name="ami:date" content="2026-09-17"/>\n'
    '<meta name="description" content="Apokalypse · Révélation — le Déni, la ConScience & la Reconnaissance, le Manuel Anti-Biais. Volume 0.1 du Protocole de ConScience aMi."/>', why='titre + metas')
rep('<div data-version="V24" style="display:none">V24 · Onglets à la Charte · Déni, Dissociation &amp; Routes Miroir/EGO/Structure</div>', '', why='balise de version cachée (la version vit dans les metas)')
rep('aria-label="Trois parties du Volume 0.0"', 'aria-label="Trois parties du Volume 0.1"', why='aria-label 0.1')
rep('<span>◈ Sommaire général — Volume 0.0</span>', '<span>◈ Sommaire général — Volume <span data-ami="volume">0.1</span></span>', why='sommaire 0.1')
rep('<span>◈ Navigation du Volume 0.0</span>', '<span>◈ Navigation du Volume 0.1</span>', why='navigation 0.1')
rep('<p class="af-v">Protocole de ConScience aMi · Volume 0.0</p>', '<p class="af-v">Protocole de ConScience aMi · Volume 0.1 · <span data-ami="version">V42</span> — <span data-ami="date">17 septembre 2026</span></p>', why='pied du volume : 0.1 + version + date')
assert 'Volume 0.0' not in h
# la une : le label de volume
for m in re.finditer(r'<div class="vol-label">(.*?)</div>', h):
    print('   vol-label :', m.group(1)[:80])
rep('vol-label">PROTOCOLE DE CONSCIENCE · aMi · VOLUME 0.0 · SEUIL DU DÉNI', 'vol-label">Protocole de ConScience · aMi · Volume <span data-ami="volume">0.1</span> · Seuil du Déni', why='une : label du volume 0.1 (la feuille met en capitales)')

# ── 2 · les ids courts des SVG, préfixés par planche (un dégradé ne prend plus celui d'une autre) ──
out = []; k = 0; ns = 0; nid = 0
for i, m in enumerate(re.finditer(r'<svg\b.*?</svg>', h, re.S)):
    s = m.group(0)
    ids = set(re.findall(r'\bid="([a-z]{1,2})"', s))
    if ids:
        pre = re.search(r'\.(ap\d+)-cls', s)
        pre = pre.group(1) if pre else f'svg{i}'
        for x in sorted(ids):
            s = re.sub(r'\bid="' + x + '"', f'id="{pre}-{x}"', s)
            s = s.replace(f'url(#{x})', f'url(#{pre}-{x})').replace(f'href="#{x}"', f'href="#{pre}-{x}"')
            nid += 1
        ns += 1
    out.append(h[k:m.start()]); out.append(s); k = m.end()
out.append(h[k:]); h = ''.join(out); J.append(f'ids courts des SVG préfixés : {nid} ids dans {ns} planches')

# ── 3 · l'ancre morte : la section 8 reçoit l'id que la carte « après » attend ──
rep('<h2>8 · Le Miroir — schéma corporel, reconnaissance &amp; altérité</h2>',
    '<h2 id="viii-le-miroir-schema-corporel-reconnaissance-alterite">8 · Le Miroir — schéma corporel, reconnaissance &amp; altérité</h2>', why='ancre de la section 8 (carte MIROIR)')

# ── 4 · le sommaire flottant ◈ : son script attendait #ami-accordion-toc, absent → il se taisait, le panneau restait vide ──
rep(" const som=document.getElementById('ami-accordion-toc');\n const tocList=document.getElementById('ami-toc-current');\n if(!wrap||!som||!tocList)return;",
    " const som=document.getElementById('ami-accordion-toc');\n const tocList=document.getElementById('ami-toc-current');\n if(!wrap||!tocList)return;", why='sommaire flottant : ne dépend plus de l’accordéon absent')
rep(" som.querySelectorAll('.ami-part,.ami-part-intro').forEach(x=>x.remove());\n let chapterCount=0;", " if(som){\n som.querySelectorAll('.ami-part,.ami-part-intro').forEach(x=>x.remove());\n let chapterCount=0;", why='accordéon : sous condition (ouverture)')
rep("   d.append(s,links);\n   som.appendChild(d);\n });\n\n tocList.innerHTML='';", "   d.append(s,links);\n   som.appendChild(d);\n });\n }\n\n tocList.innerHTML='';", why='accordéon : sous condition (fermeture)')

# ── 5 · ⚡ ⚖ : une seule graphie ─────────────────────────────────────────────
for g in ('⚡', '⚖'):
    n = len(re.findall(g + '(?!️)', h)); h = re.sub(g + '(?!️)', g + '️', h); J.append(f'{g} + U+FE0F ×{n}')

# ── 6 · les orthographes arrêtées — dans le texte seulement ──────────────────
ORTHO = [(r'\bRéflexion(s?)\b', r'RéfleXion\1'), (r'\bréflexion(s?)\b', r'RéfleXion\1'),
         (r'\bTransmission(s?)\b', r'TransMission\1'), (r'\btransmission(s?)\b', r'TransMission\1'),
         (r'\bConscience(s?)\b', r'ConScience\1'), (r'\bconscience(s?)\b', r'ConScience\1'),
         (r'\bCosmologie\b', 'CosmoLogie'), (r'\bcosmologie\b', 'CosmoLogie'), (r'\bpsychaTrice\b', 'PsychaTrice'), (r'\bPsychatrice\b', 'PsychaTrice')]
cnt = collections.Counter()
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>|<svg\b.*?</svg>|<iframe\b.*?</iframe>|<[^>]+>)', h, flags=re.S)
for k in range(0, len(parts), 2):
    t = parts[k]
    for rx, rp in ORTHO:
        t, c = re.subn(rx, rp, t); cnt[rp.replace(r'\1', '')] += c
    parts[k] = t
h = ''.join(parts); J.append('orthographes : ' + ', '.join(f'{k} ×{v}' for k, v in cnt.items() if v))

open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p2_apo.pyp2_apo.py85 lignes

0.1 Apokalypse — les deux étages d'onglets replient en couleur, sans chiffre ; apparitions instantanées ; reduced-motion ; rouleaux ; clavier.

# -*- coding: utf-8 -*-
"""P2 · 0.1 Apokalypse — forme & lisibilité téléphone : les deux étages d'onglets replient, en couleur, libellés entiers,
sans chiffre sur les boutons ; sous-titres gris plus petits ; apparitions instantanées (le brouillard de la une reste,
Diane 17 sept) ; reduced-motion en tête ; tableaux dans un rouleau ; boutons de parties ≥ 24 px ; --apk-navh déclarée.
Le plancher 11,5 px vient ensuite (p2_plancher.py apo.html 390 ami-apokalypse)."""
import re
h = open('apo.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · animations : les apparitions (.18–.35 s) deviennent instantanées ; le brouillard (11 s) reste tel quel ──
for a in ('animation:ami-tab-reveal .34s ease both', 'animation:naFade .35s ease', 'animation:amiGlossaryIn .18s ease-out'):
    n = h.count(a); h = h.replace(a, 'animation:none'); J.append(f'{a.split(":")[1].split()[0]} → none ×{n}')
i = h.find('<style'); i = h.find('>', i) + 1
h = h[:i] + '\n@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}\n' + h[i:]; J.append('prefers-reduced-motion global en tête')

# ── 2 · tableaux : un rouleau pour chacun ─────────────────────────────────────
out = []; k = 0; n = 0
for m in re.finditer(r'<table\b', h):
    if m.start() < k: continue
    avant = h[max(0, m.start() - 160):m.start()]
    if re.search(r'class="(mb-wrap|tw)"\s*>\s*$', avant): continue
    e = h.find('</table>', m.start()) + 8
    out.append(h[k:m.start()]); out.append('<div class="tw">' + h[m.start():e] + '</div>'); k = e; n += 1
out.append(h[k:]); h = ''.join(out); J.append(f'tableaux nus enveloppés dans .tw ×{n}')

# ── 3 · les numéros quittent les boutons des 8 parties (ils vivent au sommaire) ──
h, n = re.subn(r'<span class="ami-tab-number">\d+</span>', '', h); J.append(f'numéros ôtés des onglets ×{n}')
# les <br> dans les libellés : le repli se fait seul
h, n = re.subn(r'(<span class="ami-tab-text">[^<]*)<br>', r'\1 ', h); J.append(f'<br> forcés ôtés des libellés ×{n}')

# ── 4 · la feuille des onglets : les deux étages, en couleur, qui replient ────
css = '''
<style id="ami-onglets">
/* ── LES DEUX ÉTAGES D’ONGLETS — en couleur, qui replient (jamais de rouleau), libellé entier, sous-titre gris (Diane, 9 & 17 sept) ── */
#ami-apokalypse{--apk-navh:64px}
#ami-apokalypse .apk-mainbar{flex-wrap:wrap!important;overflow:visible!important;overflow-x:visible!important;top:var(--nav-h,0px)!important;background:var(--noir,#09090e)!important;border-bottom-color:var(--or-somb)!important}
#ami-apokalypse .apk-tb{flex:1 1 30%!important;min-width:6.4rem!important;min-height:44px;white-space:normal!important;padding:.55rem .4rem!important;color:var(--tc,var(--gris))!important;gap:.15rem!important}
#ami-apokalypse .apk-tb .tb-em{font-size:1.3rem;line-height:1;font-style:normal;filter:none!important;opacity:.75}
#ami-apokalypse .apk-tb .tb-lbl{font-size:.86rem!important;font-weight:500;line-height:1.2;letter-spacing:.02em!important;text-align:center}
#ami-apokalypse .apk-tb .tb-pol{font-size:.72rem!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--gris)!important;line-height:1.25;text-align:center}
#ami-apokalypse .apk-tb:hover,#ami-apokalypse .apk-tb.on{color:var(--tcl,var(--or-pale))!important}
#ami-apokalypse .apk-tb.on .tb-em{opacity:1}
#ami-apokalypse .apk-tb.on{background:rgba(var(--tc-rgb,var(--or-rgb)),.12)!important;border-bottom-color:var(--tc,var(--or))!important}
#ami-apokalypse .apk-tb[data-c="k1"]{--tc:var(--rubis);--tcl:var(--rubis-ct);--tc-rgb:var(--rubis-rgb)}
#ami-apokalypse .apk-tb[data-c="k2"]{--tc:var(--ambre);--tcl:var(--ambre-ct);--tc-rgb:var(--ambre-rgb)}
#ami-apokalypse .apk-tb[data-c="k3"]{--tc:var(--emeraude);--tcl:var(--emeraude-ct);--tc-rgb:var(--emeraude-rgb)}
/* la sous-barre hissée : sous la barre du site et la barre des volets */
#ami-apokalypse .apk-subhost{top:calc(var(--nav-h,0px) + var(--apk-navh))!important;background:var(--noir,#09090e)!important;border-bottom-color:var(--or-somb)!important}
#ami-apokalypse .apk-subhost .ami-volume-tabs,#ami-apokalypse .apk-subhost .cs-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;overflow-x:visible!important;justify-content:center!important}
#ami-apokalypse .apk-subhost .ami-volume-tab{flex:1 1 22%!important;min-width:6.4rem!important;min-height:44px;padding:.45rem .3rem .5rem!important;white-space:normal!important;color:var(--gris)!important;gap:.1rem!important}
#ami-apokalypse .apk-subhost .ami-volume-tab .ami-tab-icon{font-size:1.15rem!important;line-height:1!important;filter:none!important;opacity:.75;font-style:normal}
#ami-apokalypse .apk-subhost .ami-volume-tab .ami-tab-text{font-size:.78rem!important;line-height:1.2!important;letter-spacing:.02em!important;font-weight:500!important;text-align:center;white-space:normal!important}
#ami-apokalypse .apk-subhost .ami-volume-tab:hover,#ami-apokalypse .apk-subhost .ami-volume-tab.is-active{color:var(--rubis-ct)!important}
#ami-apokalypse .apk-subhost .ami-volume-tab.is-active{border-bottom-color:var(--rubis)!important;background:rgba(var(--rubis-rgb),.12)!important}
#ami-apokalypse .apk-subhost .ami-volume-tab.is-active .ami-tab-icon{opacity:1}
#ami-apokalypse .apk-subhost .ami-volume-tabs-heading{display:flex!important;flex-wrap:wrap;gap:.2rem .8rem;padding:.3rem 1rem 0!important;font-size:.72rem!important;letter-spacing:.06em!important;text-transform:none!important;color:var(--gris)!important}
#ami-apokalypse .apk-subhost .ami-volume-tabs-heading strong{color:var(--rubis-ct)!important;font-weight:500}
#ami-apokalypse .apk-subhost .cs-tb{flex:1 1 22%!important;min-width:6.4rem!important;min-height:44px;padding:.55rem .4rem!important;font-size:.78rem!important;letter-spacing:.02em!important;text-transform:none!important;white-space:normal!important;color:var(--gris)!important;text-align:center}
#ami-apokalypse .apk-subhost .cs-tb:hover,#ami-apokalypse .apk-subhost .cs-tb.on{color:var(--ambre-ct)!important}
#ami-apokalypse .apk-subhost .cs-tb.on{border-bottom-color:var(--ambre)!important;background:rgba(var(--ambre-rgb),.12)!important}
/* sur téléphone, la sous-barre suit le texte : la barre du site et les volets suffisent à rester collés (les boutons ← → font le reste) */
@media(max-width:640px){#ami-apokalypse .apk-subhost{position:static!important}}
/* ce qui n'est pas hissé (la coquille d'origine, si elle reste dans un volet) replie aussi */
#ami-apokalypse .ami-volume-tabs,#ami-conscience .cs-tabs{flex-wrap:wrap!important;overflow:visible!important}
/* les boutons de parties (← précédente / suivante →) : cibles de 24 px au moins, texte au plancher */
#ami-apokalypse .ami-tab-step{min-height:24px;font-size:.78rem!important;letter-spacing:.04em!important}
/* les tableaux : chacun dans son rouleau */
#ami-apokalypse .mb-wrap,#ami-apokalypse .tw{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
#ami-apokalypse .apk-tb:focus-visible,#ami-apokalypse .ami-volume-tab:focus-visible,#ami-apokalypse .cs-tb:focus-visible,#ami-apokalypse button:focus-visible,#ami-apokalypse a:focus-visible{outline:2px solid var(--or);outline-offset:-2px}
</style>
'''
rep('</head>', css + '</head>', why='feuille des onglets (les deux étages)')

# ── 5 · clavier sur la barre des volets ← → Home End ─────────────────────────
rep("B.forEach(function(b){b.addEventListener('click',function(){show(this.getAttribute('data-c'));",
    "window.amiOuvreVolet=show;\n(function(){var bar=R.querySelector('.apk-mainbar');if(!bar)return;bar.addEventListener('keydown',function(e){var i=B.indexOf(document.activeElement);if(i<0)return;var j=i;if(e.key==='ArrowRight')j=(i+1)%B.length;else if(e.key==='ArrowLeft')j=(i-1+B.length)%B.length;else if(e.key==='Home')j=0;else if(e.key==='End')j=B.length-1;else return;e.preventDefault();show(B[j].getAttribute('data-c'));B[j].focus();});})();\nB.forEach(function(b){b.addEventListener('click',function(){show(this.getAttribute('data-c'));", why='clavier sur les volets, amiOuvreVolet exposé')

open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p3b_apo.pyp3b_apo.py nettoyer | repeindre28 lignes

0.1 Apokalypse — après p3_palette.py : ôte de la racine les variables lues dans les iframes ; repeint les noms propres à la page (bg, text, -pale, bordeaux → rubis, v12-*).

# -*- coding: utf-8 -*-
"""P3b · 0.1 Apokalypse — après p3_palette.py (rapatrier puis repeindre) : la racine oublie les variables que le
rapatriement avait lues dans les iframes (elles vivent dans leur srcdoc), et les noms propres à la page prennent
leur pierre : fonds → onyx/encre, encres → nacre/gris, teintes pâles → niveaux -ct, bordeaux → rubis (le volet Déni)."""
import re, sys
ETAPE = sys.argv[1]
h = open('apo.html', encoding='utf-8').read()
m = re.search(r'#ami-apokalypse\{\n(.*?)\n\}', h, re.S); root = m.group(1); r2 = root
if ETAPE == 'nettoyer':
    for v in ('--panel', '--orp', '--n', '--g', '--b', '--bp', '--v', '--r', '--bl'):
        r2 = re.sub(r'(?<![\w-])' + re.escape(v) + r'(-rgb)?:[^;]*;', '', r2)
    assert '--r:4px' in r2 or '--r:' not in r2
    if '--r:' not in r2: r2 = r2.replace('--anc-voile:', '--r:4px;--anc-voile:', 1)
    print('variables des iframes ôtées de la racine')
elif ETAPE == 'repeindre':
    CIBLES = {'--bg': '#09090e', '--bg2': '#111118', '--text': '#f2ede2', '--text-dim': '#9595a2',
              '--vert-pale': '#32b15e', '--rubis-pale': '#fe6969', '--bleu-pale': '#7697ee', '--fuchsia-pale': '#f56aaf',
              '--bordeaux': '#e33232', '--bordeaux-pale': '#fe6969', '--v12-bdx': '#e33232', '--v12-bdx-pale': '#fe6969',
              '--v12-gold': '#ffc545', '--v12-gold-pale': '#ffd06a', '--v12-green': '#32b15e', '--v12-red': '#fe6969'}
    n = 0
    for k, v in CIBLES.items():
        r2, c = re.subn(r'(?<![\w-])' + re.escape(k) + r':#[0-9a-f]{6}', f'{k}:{v}', r2); n += c
        rr, gg, bb = int(v[1:3], 16), int(v[3:5], 16), int(v[5:7], 16)
        r2 = re.sub(r'(?<![\w-])' + re.escape(k) + r'-rgb:\d+,\d+,\d+', f'{k}-rgb:{rr},{gg},{bb}', r2)
    print('noms propres à la page repeints :', n)
h = h.replace(root, r2, 1)
open('apo.html', 'w', encoding='utf-8').write(h)

p4_apo.pyp4_apo.py146 lignes

0.1 Apokalypse — anatomie : barre + pied V16, bande, Emporter (avec l'exception HATVP), #prog, 💧 sur 15 panneaux, ◐ ⛶.

# -*- coding: utf-8 -*-
"""P4 · 0.1 Apokalypse — l'anatomie de Page : la page n'avait ni barre, ni pied, ni bande. Arrivent la barre et le pied
V16 de la Charte V5 (mis à 0.1, sceau 👁️), la bande des registres après la une, ◈ Emporter avant le pied du volume,
#prog (l'ancien #apkProg s'en va), 💧 lecture continue (les trois volets, les huit parties et les quatre sous-onglets
déroulés), ◐ contraste élevé, ⛶ + zoom. La feuille du composant est celle nettoyée pour 0.3 (P5)."""
import re, json
d = json.load(open('../spec/barre_extrait.json'))
h = open('apo.html', encoding='utf-8').read()
ROOT = '#ami-apokalypse'; RID = 'ami-apokalypse'
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · l'ancienne barre de progression s'en va (celle de la Charte la remplace) ──
m = re.search(r"<script>\(function\(\)\{var p=document\.createElement\('div'\);p\.id='apkProg';.*?\}\)\(\);?</script>", h, re.S)
assert m, 'script apkProg'
h = h[:m.start()] + h[m.end():]; J.append('ancien #apkProg (script)')
h, c = re.subn(r'#apkProg\{[^}]*\}', '', h); J.append(f'ancien #apkProg (feuille) ×{c}')
m = re.search(r"<script>\(function\(\)\{var R=document\.getElementById\('ami-apokalypse'\);if\(!R\)return;\nvar p=document\.getElementById\('apkProg'\);.*?\}\)\(\);</script>", h, re.S); assert m, 'second script apkProg'
h = h[:m.start()] + h[m.end():]; J.append('ancien #apkProg (second script, doublon)')
assert 'apkProg' not in h

# ── 2 · la feuille du composant (nettoyée comme pour 0.3 : P5) ───────────────
css = d['css']
blocs = []; k = 0; n = len(css)
while k < n:
    j = css.find('{', k)
    if j < 0: break
    sel = css[k:j]; depth = 1; e = j + 1
    while e < n and depth:
        if css[e] == '{': depth += 1
        elif css[e] == '}': depth -= 1
        e += 1
    blocs.append((sel, css[j:e])); k = e
out = []; otees = 0
for sel, corps in blocs:
    parts = [p.strip() for p in sel.strip().split(',') if p.strip()]
    if parts and not sel.strip().startswith('@') and all(re.match(r'(#tv|\.tvx)\b', p) for p in parts): otees += 1; continue
    if parts and not sel.strip().startswith('@'):
        keep = [p for p in parts if not re.match(r'(#tv|\.tvx)\b', p)]
        sel = sel[:len(sel) - len(sel.lstrip())] + ',\n'.join(keep)
    out.append(sel + corps)
css = ''.join(out)
css = re.sub(r'(?<![\w.#-])main (\.bande-registres|\.r-heu|\.r-ana|\.r-ess)', ROOT + r' \1', css)
rootvals = ';'.join(f'{k}:{v}' for k, v in d['rootvals'].items() if not v.startswith('4px}'))
feuille = ('<style id="ami-composant">\n/* ── LA BARRE, LE PIED, LES REGISTRES, L’EMPORT — pris à la Charte de Communication V5, nettoyés (P5 de 0.3) ── */\n'
           ':root{' + rootvals + ';--r:4px;--nav-h:0px;--bar-h:0px}\n'
           'html{scroll-padding-top:calc(var(--nav-h) + 1rem)}\n'
           f'{ROOT} .emporter{{max-width:44rem;margin:3rem auto 1rem;padding:1.4rem 1.6rem;background:var(--encre);border:1px solid var(--or-somb);border-radius:14px;text-align:center}}\n'
           f"{ROOT} .emporter h2{{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--or-pale);margin:0 0 .6rem;letter-spacing:0;text-transform:none;border:0;padding:0}}\n"
           f"{ROOT} .emporter p{{color:var(--gris-cl);font-family:'Jost',sans-serif;font-size:.88rem;line-height:1.7;margin:.4rem auto;max-width:60ch}}\n"
           f"{ROOT} .emporter p strong{{color:var(--nacre);font-weight:500;font-size:inherit}}\n"
           f"{ROOT} .emporter .emp-b{{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .4rem}}\n"
           f"{ROOT} .emporter .emp-b button{{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--or);background:rgba(255,255,255,.05);border:1px solid var(--or-somb);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;min-height:24px}}\n"
           f"{ROOT} .emporter .emp-b button:hover{{background:rgba(255,255,255,.1);color:var(--or-pale)}}\n"
           f"{ROOT} .emporter .emp-d{{font-size:.78rem;color:var(--gris)}}\n{ROOT} .emporter [data-ami]{{color:var(--or-pale);font-size:inherit}}\n"
           f'{ROOT} .bande-registres{{margin:1.2rem auto 0}}\n'
           + css + '\n</style>\n')
assert '*{margin:0' not in feuille
rep('</head>', feuille + '</head>', why=f'feuille du composant ({otees} règles #tv/.tvx écartées)')

# ── 3 · barre + #prog en tête ; bande des registres après la une ; emport avant le pied du volume ; pied après la racine ──
nav = d['nav'].replace('<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi">',
                       f'<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi" data-ici="{RID}">')
m = re.search(r'<body[^>]*>\n?', h); h = h[:m.end()] + d['prog'] + '\n' + nav + '\n' + h[m.end():]; J.append('barre + #prog')
bande = d['bande'].replace('href="#s-les-quatre-registres-de-lecture"', 'href="Charte_Communication_aMi_BLOC_13.html" title="Les quatre registres de lecture — définis une fois, dans la Charte de Communication"')
rep('</div><div class="apk-mainbar" role="tablist"', '</div>\n' + bande + '\n<div class="apk-mainbar" role="tablist"', why='bande des registres après la une')
pied = d['pied']
pied = pied.replace('<div class="ap-sceau" title="🛕 Le sceau du volume">🛕</div>', '<div class="ap-sceau" title="👁️ Le sceau du volume">👁️</div>')
pied = pied.replace('<p class="ap-titre">Architecture</p>', '<p class="ap-titre">Apokalypse — Révélation</p>')
pied = pied.replace('<p class="ap-vol">Protocole de ConScience aMi · Le Temple — La Vie</p>', '<p class="ap-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">0.1</span> — La Vie</p>')
pied = pied.replace("<p class=\"ap-cit\">Je ne veux pas être crue sur parole au vol,\nje veux être sue sans le moindre bémol.</p>",
                    "<p class=\"ap-cit\">Vérité = Respect · Mensonge = Violence.\nLa ConScience est la Vie qui se reconnaît et protège.</p>")
assert '👁️ Le sceau' in pied and 'Apokalypse —' in pied and 'Volume <span' in pied and 'protège' in pied
emport = '''
<section class="emporter" aria-labelledby="empT">
  <h2 id="empT">◈ Emporter ce volume</h2>
  <p>Il tient en <strong>un seul fichier</strong>&#8239;: une fois téléchargé, <strong>il fonctionne hors ligne</strong> et reste vivant — volets, parties, planches, outils, glossaire, lecture continue, contraste. <em>Une seule exception&#8239;: la Phase II du WikiLeaks des Agresseurs interroge en ligne les déclarations HATVP ; hors ligne, elle attend.</em></p>
  <div class="emp-b">
    <button id="dlHtml" type="button">⬇︎ Export HTML <span id="dlPoids"></span></button>
    <button id="dlPdf" type="button">🖶 PDF imprimable</button>
  </div>
  <p id="dlEtat" class="emp-d" aria-live="polite"></p>
  <p class="emp-d">📅 <span data-ami="version">V42</span> — arrêtée au <span data-ami="date">17 septembre 2026</span>. <em>Les renvois vers l’extérieur peuvent se briser avec le temps&#8239;: vérifie la version en ligne si celle-ci a vieilli.</em></p>
</section>
'''
rep('<footer class="apk-foot">', emport + '<footer class="apk-foot">', why='◈ Emporter avant le pied du volume')
rep('</footer></div>\n', '</footer></div>\n' + pied + '\n', why='pied V16 après la racine')

# ── 4 · les scripts du composant ─────────────────────────────────────────────
js = d['js_barre'].replace("document.getElementById('ami-charte')||document.body", f"document.getElementById('{RID}')||document.body")
js = js.replace("""   var ongs=d.querySelectorAll('.ong');
   ongs.forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pan').forEach(function(p,i){ p.hidden = i!==0; });
   d.querySelectorAll('.sbar').forEach(function(s,i){ s.hidden = true; });
   d.querySelectorAll('.sog').forEach(function(o,i){ o.classList.toggle('on', i===0); });
   d.querySelectorAll('#tv > .pane').forEach(function(p,i){
     p.classList.toggle('on', i===0); });""",
"""   d.querySelectorAll('.apk-tb').forEach(function(o,i){ o.className='apk-tb'+(i===0?' on':'');
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.apk-pane').forEach(function(p,i){ p.hidden = i!==0; });""")
assert "'.apk-pane').forEach" in js
js = js.replace("a.download='Charte_Communication_aMi_'+(window.__amiV||'')+'.html';", "a.download='0.1_APOKALYPSE_aMi_'+(window.__amiV||'')+'.html';"); assert '0.1_APOKALYPSE' in js
shim = f"""
/* ── CE QUE LE VOLUME ÉCOUTE : la lecture continue et le contraste élevé ── */
(function(){{'use strict';
  var R=document.getElementById('{RID}'); if(!R) return; var memo=null;
  document.addEventListener('ami:lecture',function(e){{
    var on=e.detail&&e.detail.actif;
    if(on){{ memo={{volet:R.querySelector('.apk-tb.on'), partie:R.querySelector('.ami-volume-tab.is-active'), sous:R.querySelector('.cs-tb.on')}};
      R.querySelectorAll('.apk-pane,.ami-volume-panel,.cs-pane').forEach(function(p){{ p.hidden=false; }}); R.classList.add('lecture'); }}
    else {{ R.classList.remove('lecture'); if(memo){{ if(memo.volet&&window.amiOuvreVolet) window.amiOuvreVolet(memo.volet.getAttribute('data-c'));
      if(memo.partie) memo.partie.click(); if(memo.sous) memo.sous.click(); }} }}
  }});
}})();
/* ── LA BARRE DE PROGRESSION — elle mesure le volet ouvert ── */
(function(){{'use strict';
  var prog=document.getElementById('prog'), R=document.getElementById('{RID}'); if(!prog||!R) return;
  function pile(){{ var n=document.querySelector('.ami-barre'); return n?Math.min(n.getBoundingClientRect().height,144):0; }}
  function volet(){{ if(R.classList.contains('lecture')) return R; return R.querySelector('.apk-pane:not([hidden])')||R; }}
  function avance(){{ var v=volet(), r=v.getBoundingClientRect(), y=window.pageYOffset, debut=r.top+y-pile(), fin=r.bottom+y-window.innerHeight, course=fin-debut,
      p=course>4 ? (y-debut)/course : (r.bottom<=window.innerHeight?1:0); prog.style.width=(Math.max(0,Math.min(1,p))*100).toFixed(2)+'%'; }}
  window.addEventListener('scroll',avance,{{passive:true}}); window.addEventListener('resize',avance);
  document.addEventListener('click',function(e){{ if(e.target.closest&&e.target.closest('.apk-tb,.ami-volume-tab,.cs-tb,#amiLecture,#amiPlein')) setTimeout(avance,90); }},true);
  document.addEventListener('ami:lecture',function(){{ setTimeout(avance,90); }}); avance();
}})();
"""
contraste = f"""
<style id="ami-contraste">
/* ── ◐ LE CONTRASTE ÉLEVÉ : chaque encre monte à son niveau -ct ── */
body.ami-contraste {ROOT}{{--or:var(--ambre-ct);--or-pale:#ffe2a3;--gris:#c0c0cf;--gris-cl:#d6d6e0;--nacre:#ffffff;--text:#ffffff;--text-dim:#c0c0cf;
  --vert:var(--emeraude-ct);--vert-cl:#7fe0a0;--vert-pale:#7fe0a0;--rubis:var(--rubis-ct);--rubis-cl:#ff9a9a;--rubis-pale:#ff9a9a;--bleu:var(--saphir-ct);--bleu-cl:#a9c3ff;--bleu-pale:#a9c3ff;
  --bordeaux:var(--rubis-ct);--bordeaux-pale:#ff9a9a;--fuchsia-pale:#ffa4d0;--or-somb:#b09030}}
body.ami-contraste {ROOT}{{font-weight:400}}
body.ami-contraste {ROOT} em,body.ami-contraste {ROOT} .apok-subline{{font-style:normal}}
</style>
"""
rep('</body>', contraste + '<script id="ami-composant-js">\n' + js + '\n' + shim + '</script>\n</body>', why='scripts du composant + contraste')

open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p5_apo.pyp5_apo.py36 lignes

0.1 Apokalypse — correctifs du rendu : Échelle du Déni, étiquettes nowrap, encres à 32 %, liens bleus, cibles 24 px, attributions en Jost.

# -*- coding: utf-8 -*-
"""P5 · 0.1 Apokalypse — les correctifs que le rendu a demandés (après P4, avant le plancher) :
l'Échelle du Déni et l'étiquette « Par niveau » débordaient à 390 ; les encres à 32 % d'opacité (.sc-k, sous-titre du Seuil)
et les signatures en or-sombre passaient sous 4,5:1 ; deux liens sans encre restaient en bleu navigateur ;
les boutons de filtre du Manuel faisaient 23,9 px."""
import re
h = open('apo.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')
n = h.count('rgba(var(--anc-grisfroidcl4-rgb),.32)'); h = h.replace('rgba(var(--anc-grisfroidcl4-rgb),.32)', 'var(--gris)'); J.append(f'encre à 32 % → gris ×{n}')
n = h.count('text-transform:uppercase;color:var(--or-somb);margin-top:2.8rem}'); h = h.replace('text-transform:uppercase;color:var(--or-somb);margin-top:2.8rem}', 'text-transform:uppercase;color:var(--gris-cl);margin-top:2.8rem}'); J.append(f'.sig or-sombre → gris-clair (ConScience) ×{n}')
rep('text-transform:uppercase;\n color:var(--or-somb);margin-top:2.6rem}', 'text-transform:uppercase;\n color:var(--gris-cl);margin-top:2.6rem}', why='.sig or-sombre → gris-clair (Manuel)')
css = '''
<style id="ami-correctifs">
/* ── CE QUE LE RENDU A DEMANDÉ (P5) ── */
#ami-apokalypse .v12-denial-track{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:640px){#ami-apokalypse .v12-denial-track{grid-template-columns:1fr}}
#ami-apokalypse .v12-denial-step b{overflow-wrap:anywhere}
#ami-antibiais .mb-dl{white-space:normal!important;flex:0 1 auto!important;max-width:100%}
#ami-apokalypse .asom-m{flex-wrap:wrap}
#ami-apokalypse .asom-n{white-space:normal!important;margin-left:0}
#ami-conscience a:not([class]){color:var(--or)}
#ami-conscience a:not([class]):hover{color:var(--or-pale)}
#ami-antibiais .mb-f button,#ami-antibiais .ms-b{min-height:24px}
/* les attributions de citation en capitales : jamais en sérif (Charte) */
#ami-antibiais .mb-cit span,#ami-conscience .cs-cit span{font-family:'Jost',sans-serif}
</style>
'''
rep('</head>', css + '</head>', why='feuille des correctifs')
open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p6_iframes.pyp6_iframes.py37 lignes

0.1 Apokalypse — les 4 widgets srcdoc à la charte sans toucher au moteur (aller-retour d'échappement vérifié).

# -*- coding: utf-8 -*-
"""P6 · 0.1 Apokalypse — les 4 widgets en iframes (srcdoc) passent à la charte SANS toucher à leur moteur (Diane, B·3) :
leur racine prend les pierres de la Charte (or, nacre, gris, vert, rubis, bleu, onyx/encre/voile), le 100vh s'en va,
prefers-reduced-motion en tête. Le srcdoc est déséchappé, corrigé, rééchappé à l'identique (aller-retour vérifié)."""
import re, html as H
h = open('apo.html', encoding='utf-8').read()
def esc(s): return H.escape(s, quote=False).replace('"', '&quot;')
PIERRES = {'--noir': '#09090e', '--encre': '#111118', '--voile': '#181826', '--or': '#ffc545', '--or-pale': '#ffd06a', '--or-somb': '#7a611a',
           '--nacre': '#f2ede2', '--gris': '#9595a2', '--gris-cl': '#b0b0bd', '--vert': '#0b8d38', '--vert-cl': '#32b15e',
           '--rubis': '#e33232', '--rubis-cl': '#fe6969', '--bleu': '#0077ee', '--bleu-cl': '#7697ee',
           # le widget HATVP nomme autrement
           '--bg': '#09090e', '--panel': '#111118', '--orp': '#ffd06a', '--n': '#f2ede2', '--g': '#9595a2', '--b': '#e33232', '--bp': '#fe6969', '--v': '#0b8d38', '--r': '#e33232', '--bl': '#7697ee'}
J = []
out = []; k = 0
for i, m in enumerate(re.finditer(r'srcdoc="(.*?)"', h, re.S)):
    raw = m.group(1); doc = H.unescape(raw); assert esc(doc) == raw, f'aller-retour iframe {i}'
    mr = re.search(r':root\{[^}]*\}', doc); assert mr, f'iframe {i} sans :root'
    root = mr.group(1) if False else mr.group(0); n = 0
    def peint(mm):
        global n
        k_, v = mm.group(1), mm.group(2)
        if k_ in PIERRES and (k_ != '--r' or not v.endswith('px')):
            if PIERRES[k_] != v.lower(): n += 1
            return f'{k_}:{PIERRES[k_]}'
        return mm.group(0)
    root2 = re.sub(r'(--[a-z][a-z0-9-]*)\s*:\s*(#[0-9a-fA-F]{6})\b', peint, root)
    # les triplets rgba en dur de la couleur d'or (200,168,74) suivent
    doc2 = doc.replace(root, root2, 1)
    c = doc2.count('200,168,74'); doc2 = doc2.replace('200,168,74', '255,197,69')
    c2 = doc2.count('min-height:100vh'); doc2 = doc2.replace('min-height:100vh;', '').replace('min-height:100vh', '')
    doc2 = re.sub(r'(<style[^>]*>)', r'\1@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}', doc2, count=1)
    J.append(f'iframe {i} : {n} variables repeintes, {c} triplets d’or, {c2} × 100vh ôtés, reduced-motion en tête')
    out.append(h[k:m.start(1)]); out.append(esc(doc2)); k = m.end(1)
out.append(h[k:]); h = ''.join(out)
open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p7_deni_alterite.pyp7_deni_alterite.py (+ section_deni_alterite.html)35 lignes

0.1 Apokalypse — la section « 2 bis · Le Déni d'Altérité » versée (fond validé le 17 sept), sommaire et comptes suivis.

# -*- coding: utf-8 -*-
"""P7 · 0.1 Apokalypse — le fond que Diane a validé le 17 sept : la fiche « Le Déni, l'Ignorance et la Violence »
(RefleXion V47-1, 9 sept) versée en section « 2 bis · Le Déni d'Altérité » de la partie 01, dans la voix du volume
(sans le journal de l'échange). RefleXion ne bouge pas. Le sommaire et ses comptes suivent."""
import re, collections
h = open('apo.html', encoding='utf-8').read()
sec = open('section_deni_alterite.html', encoding='utf-8').read().strip()
sec = sec.replace('<p class="cs-dev" style="margin-top:1.2rem">', '<p style="margin-top:1.2rem;font-family:\'Cormorant Garamond\',serif;font-style:italic;font-size:1.05rem;color:var(--or-pale)">')
# les orthographes arrêtées, dans le texte seulement
cnt = collections.Counter()
parts = re.split(r'(<[^>]+>)', sec)
for k in range(0, len(parts), 2):
    parts[k], c = re.subn(r'\b([Cc])onscience\b', 'ConScience', parts[k]); cnt['ConScience'] += c
sec = ''.join(parts)
CSS_T3 = '''/* les tableaux de la section 2 bis (volet Déni) : la grammaire cs-t3 de ConScience, portée sur toute la page */
#ami-apokalypse .cs-t3{width:100%;border-collapse:collapse;font-size:.8rem;table-layout:auto;font-family:'Jost',sans-serif}
#ami-apokalypse .cs-t3 th{font-family:'Jost',sans-serif;font-weight:400;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--or-pale);text-align:left;padding:.5rem .65rem;border-bottom:1px solid rgba(var(--or-rgb),.3);line-height:1.4}
#ami-apokalypse .cs-t3 td{padding:.72rem .8rem;line-height:1.5;color:var(--gris-cl);vertical-align:top;border-bottom:1px solid rgba(var(--or-rgb),.11);overflow-wrap:break-word;hyphens:auto}
#ami-apokalypse .cs-t3 td b{color:var(--nacre)}
'''
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')
assert 'deni-d-alterite' not in h
rep("<h2>3 · La douleur physique comme cage", sec + "\n<h2>3 · La douleur physique comme cage", why='section 2 bis versée avant la section 3')
rep("<li>2 · L'Emprise — le monde qui rétrécit</li>", "<li>2 · L'Emprise — le monde qui rétrécit</li><li>2 bis · Le Déni d'Altérité — la thèse mise à l'épreuve</li>", why='sommaire : 2 bis')
rep('VIII parties · 44 chapitres', 'VIII parties · 45 chapitres', why='compte du volet Déni')
rep('3 onglets · 78 chapitres', '3 onglets · 79 chapitres', why='compte général')
rep('#ami-antibiais .mb-f button,#ami-antibiais .ms-b{min-height:24px}\n', '#ami-antibiais .mb-f button,#ami-antibiais .ms-b{min-height:24px}\n' + CSS_T3, why='grammaire cs-t3 portée sur la page (feuille des correctifs)')
open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J)); print('   orthographes dans la section :', dict(cnt))

p8_apo_mutations.pyp8_apo_mutations.py apo.html124 lignes

0.1 Apokalypse — 34 commandes pressées à 390 et 1280 px (volets, parties, ← →, sommaires, glossaire, voile, filtres, iframes, 💧 ◐ ⛶ #prog ⬇︎, metas, reduced-motion, pile collante).

# -*- coding: utf-8 -*-
"""P8 · 0.1 Apokalypse — la mutation des contrôles : on presse chaque commande et on regarde si la page a changé comme promis.
Trois volets, huit parties, quatre sous-onglets ConScience, sommaire général, sommaire flottant ◈ (réparé), glossaire,
boutons ← →, rejouer le voile, filtres du Manuel, 💧 ◐ ⛶ + ↑ #prog, export, metas, reduced-motion, barre .ici."""
import os, sys, datetime
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'apo.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
MOIS=['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre']
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(900)
        print(f'=== {W} px ==='); E = lambda js: pg.evaluate(js)
        VER = E("()=>document.querySelector('meta[name=\"ami:version\"]').content"); DATE = E("()=>document.querySelector('meta[name=\"ami:date\"]').content")
        d = datetime.date.fromisoformat(DATE); DATE_FR = f'{d.day} {MOIS[d.month-1]} {d.year}'
        # ── les volets
        E("()=>document.querySelectorAll('.apk-tb')[1].click()"); pg.wait_for_timeout(250)
        ok('volet 2 par clic', E("()=>document.querySelector('.apk-pane:not([hidden])').getAttribute('data-c')")=='k2' and E("()=>document.querySelectorAll('.apk-tb')[1].getAttribute('aria-selected')")=='true')
        ok('la sous-barre hissée montre les 4 sous-onglets ConScience', E("()=>document.querySelectorAll('#apkSubHost .apk-slot.on .cs-tb').length")==4)
        E("()=>{const b=document.querySelectorAll('.apk-tb')[1]; b.focus(); b.dispatchEvent(new KeyboardEvent('keydown',{key:'ArrowRight',bubbles:true}));}"); pg.wait_for_timeout(150)
        ok('volet suivant au clavier →', E("()=>document.querySelector('.apk-pane:not([hidden])').getAttribute('data-c')")=='k3')
        E("()=>{document.activeElement.dispatchEvent(new KeyboardEvent('keydown',{key:'Home',bubbles:true}));}"); pg.wait_for_timeout(150)
        ok('Home → premier volet', E("()=>document.querySelector('.apk-pane:not([hidden])').getAttribute('data-c')")=='k1')
        ok('3 volets, aucun ne roule, libellés et sous-titres visibles', E("()=>{const t=document.querySelector('.apk-mainbar'); return t.scrollWidth<=t.clientWidth && [...t.querySelectorAll('.tb-lbl,.tb-pol')].every(l=>l.getBoundingClientRect().height>8);}"))
        ok('sous-titres des volets en gris, plus petits que le libellé', E("()=>{const l=document.querySelector('.apk-tb .tb-lbl'), p=document.querySelector('.apk-tb .tb-pol'); return parseFloat(getComputedStyle(p).fontSize)<parseFloat(getComputedStyle(l).fontSize) && getComputedStyle(p).color==='rgb(149, 149, 162)';}"))
        # ── les 8 parties (hissées)
        ok('8 parties hissées, aucune ne roule, sans chiffre', E("()=>{const t=document.querySelector('#apkSubHost .ami-volume-tabs'); return t && t.scrollWidth<=t.clientWidth && t.querySelectorAll('.ami-volume-tab').length===8 && t.querySelectorAll('.ami-tab-number').length===0;}"))
        ok('libellés des parties entiers (pas de mot coupé)', E("()=>[...document.querySelectorAll('#apkSubHost .ami-tab-text')].every(l=>{const r=document.createRange(); r.selectNodeContents(l); const w=r.getBoundingClientRect().width; return l.textContent.split(/\\s+/).every(m=>{const s=document.createElement('span'); s.style.cssText='position:absolute;visibility:hidden;white-space:nowrap;font:'+getComputedStyle(l).font; s.textContent=m; document.body.appendChild(s); const ww=s.getBoundingClientRect().width; s.remove(); return ww<=l.getBoundingClientRect().width+1;});})"))
        E("()=>document.querySelectorAll('#apkSubHost .ami-volume-tab')[3].click()"); pg.wait_for_timeout(300)
        ok('partie IV par clic', E("()=>document.querySelector('.ami-volume-panel:not([hidden])').id")=='ami-volume-panel-4')
        E("()=>{const b=document.querySelector('.ami-volume-panel:not([hidden]) .ami-tab-step.next'); if(b) b.click();}"); pg.wait_for_timeout(300)
        ok('« Partie suivante → » ouvre la partie V', E("()=>document.querySelector('.ami-volume-panel:not([hidden])').id")=='ami-volume-panel-5')
        E("()=>{const b=document.querySelector('.ami-volume-panel:not([hidden]) .ami-tab-step.prev'); if(b) b.click();}"); pg.wait_for_timeout(300)
        ok('« ← Partie précédente » revient à IV', E("()=>document.querySelector('.ami-volume-panel:not([hidden])').id")=='ami-volume-panel-4')
        ok('boutons de parties ≥ 24 px', E("()=>[...document.querySelectorAll('.ami-tab-step')].filter(b=>b.offsetParent).every(b=>b.getBoundingClientRect().height>=24)"))
        # ── la section 2 bis et la carte MIROIR (ancre réparée)
        E("()=>document.querySelectorAll('#apkSubHost .ami-volume-tab')[0].click()"); pg.wait_for_timeout(200)
        ok('section 2 bis · Le Déni d’Altérité présente, avec ses 5 tableaux et le renvoi à l’étude', E("()=>!![...document.querySelectorAll('#deni-d-alterite ~ .callout')].find(c=>/95,1/.test(c.textContent))") and E("()=>{const h=document.getElementById('deni-d-alterite'); if(!h) return false; let n=0,e=h.nextElementSibling; while(e&&e.tagName!=='H2'){ if(!e.classList.contains('ami-fiche')) n+=e.querySelectorAll('table').length; e=e.nextElementSibling;} return n===5;}"))
        ok('🪜 la fiche « La Cascade des Tabous » à la fin de 2 bis, avant « 3 · La douleur physique »', E("()=>{const f=document.getElementById('fiche-cascade-tabous');if(!f) return false;let e=f.nextElementSibling;while(e&&e.tagName!=='H2') e=e.nextElementSibling;return f.querySelectorAll('.fc-marche').length===3 && /3 · La douleur/.test(e.textContent) && f.closest('#ami-apokalypse')!==null}"))
        ok('ancre de la carte MIROIR vivante', E("()=>!!document.getElementById('viii-le-miroir-schema-corporel-reconnaissance-alterite')"))
        # ── sommaire général et sommaire flottant
        E("()=>document.getElementById('asomM').click()"); pg.wait_for_timeout(400)
        ok('◈ Sommaire général s’ouvre, 79 chapitres', E("()=>document.getElementById('asomM').classList.contains('open') && document.querySelectorAll('.asom-ol li').length===79"))
        E("()=>document.getElementById('asomM').click()"); pg.wait_for_timeout(200)
        E("()=>document.getElementById('ami-toc-toggle').click()"); pg.wait_for_timeout(400)
        ok('◈ sommaire flottant rempli (il était vide : script réparé)', E("()=>document.getElementById('ami-toc-panel').classList.contains('open') && document.querySelectorAll('#ami-toc-current a').length>30"))
        E("()=>document.getElementById('ami-toc-close').click()"); pg.wait_for_timeout(200)
        # ── glossaire
        E("()=>{const g=document.getElementById('ami-glossary-toggle'); if(g) g.click();}"); pg.wait_for_timeout(400)
        ok('glossaire flottant s’ouvre', E("()=>{const p=document.getElementById('ami-glossary-panel'); return p && p.classList.contains('open');}"))
        E("()=>{const g=document.getElementById('ami-glossary-toggle'); if(g) g.click();}"); pg.wait_for_timeout(200)
        # ── la une : rejouer le voile
        ok('↻ Rejouer le lever du voile relance l’animation', E("()=>{const c=document.getElementById('apok-cover'); const b=document.getElementById('apok-replay'); if(!b) return false; const before=c.className; b.click(); return true;}"))
        # ── Manuel : un filtre change le compte
        E("()=>document.querySelectorAll('.apk-tb')[2].click()"); pg.wait_for_timeout(300)
        n0 = E("()=>[...document.querySelectorAll('#ami-antibiais .mb-card, #ami-antibiais [data-n]')].filter(e=>e.offsetParent).length")
        E("()=>{const b=document.querySelector('#mbF1 button[data-f=n1]'); if(b) b.click();}"); pg.wait_for_timeout(300)
        n1 = E("()=>[...document.querySelectorAll('#ami-antibiais .mb-card, #ami-antibiais [data-n]')].filter(e=>e.offsetParent).length")
        ok('Manuel : le filtre « Fondateurs » change la liste', n0 != n1 and n1 > 0, f'{n0}→{n1}')
        ok('boutons de filtre ≥ 24 px', E("()=>[...document.querySelectorAll('#ami-antibiais .mb-f button')].filter(b=>b.offsetParent).every(b=>b.getBoundingClientRect().height>=24)"))
        # ── widgets en iframes : à la charte, moteur vivant
        E("()=>document.querySelectorAll('.apk-tb')[0].click()"); pg.wait_for_timeout(200)
        E("()=>document.querySelectorAll('#apkSubHost .ami-volume-tab')[1].click()"); pg.wait_for_timeout(600)
        ok('iframe Consentement Réel : or de la Charte dans sa racine', E("()=>{const f=[...document.querySelectorAll('iframe')].find(f=>/Consentement/.test(f.getAttribute('srcdoc')||'')); if(!f||!f.contentDocument) return false; return getComputedStyle(f.contentDocument.documentElement).getPropertyValue('--or').trim()==='#ffc545';}"))
        ok('iframe Consentement Réel : un bouton répond', E("()=>{const f=[...document.querySelectorAll('iframe')].find(f=>/Consentement/.test(f.getAttribute('srcdoc')||'')); const d=f&&f.contentDocument; if(!d) return false; const b=d.querySelector('button'); if(!b) return false; const h0=d.body.innerHTML.length; b.click(); return d.body.innerHTML.length!==h0 || d.querySelector('.on,.active,[aria-pressed=true]')!==null;}"))
        # ── lecture continue
        E("()=>document.querySelectorAll('#apkSubHost .ami-volume-tab')[0].click()"); pg.wait_for_timeout(200)
        n0 = E("()=>document.querySelectorAll('.apk-pane:not([hidden]), .ami-volume-panel:not([hidden]), .cs-pane:not([hidden])').length")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(400)
        n1 = E("()=>document.querySelectorAll('.apk-pane:not([hidden]), .ami-volume-panel:not([hidden]), .cs-pane:not([hidden])').length")
        ok('💧 lecture continue : 3 volets + 8 parties + 4 sous-onglets déroulés', n1 == 15, f'{n0}→{n1}')
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(400)
        ok('💧 retour : un volet, une partie, un sous-onglet', E("()=>document.querySelectorAll('.apk-pane:not([hidden])').length")==1 and E("()=>document.querySelectorAll('.ami-volume-panel:not([hidden])').length")==1 and E("()=>document.querySelectorAll('.cs-pane:not([hidden])').length")==1)
        col0 = E("()=>getComputedStyle(document.getElementById('ami-apokalypse')).getPropertyValue('--or').trim()")
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        col1 = E("()=>getComputedStyle(document.getElementById('ami-apokalypse')).getPropertyValue('--or').trim()")
        ok('◐ contraste : --or monte', E("()=>document.body.classList.contains('ami-contraste')") and col0 != col1, f'{col0}→{col1}')
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(300)
        ok('⛶ plein écran posé', E("()=>document.getElementById('ami-apokalypse').classList.contains('ami-faux-fs')||!!document.fullscreenElement"))
        z0 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-apokalypse')).zoom||1)")
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        z1 = E("()=>parseFloat(getComputedStyle(document.getElementById('ami-apokalypse')).zoom||1)")
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(200); E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(1200)   # la sortie du plein écran (pontOff) prend son temps en headless
        ok('+ agrandit', z1 > z0, f'{z0}→{z1}')
        E("()=>window.scrollTo(0,document.body.scrollHeight/2)"); pg.wait_for_timeout(300)
        ok('#prog progresse', E("()=>parseFloat(document.getElementById('prog').style.width)>0"))
        E("()=>{const o=URL.createObjectURL; URL.createObjectURL=function(b){window.__blob=b; return o.call(URL,b);}; HTMLAnchorElement.prototype.click=function(){window.__dl=this.download;};}")
        E("()=>document.getElementById('dlHtml').click()"); pg.wait_for_timeout(1500)
        ok('⬇︎ Export HTML composé, bien nommé', E("()=>window.__dl")==f'0.1_APOKALYPSE_aMi_{VER}.html' and E("()=>window.__blob?window.__blob.size:0")>2500000, str(E("()=>[window.__dl, window.__blob&&window.__blob.size]")))
        ok('version/date/volume = metas', E("()=>[...document.querySelectorAll('[data-ami=version]')].every(e=>e.textContent==='"+VER+"') && [...document.querySelectorAll('[data-ami=date]')].every(e=>e.textContent==='"+DATE_FR+"') && [...document.querySelectorAll('[data-ami=volume]')].every(e=>e.textContent==='0.1')"))
        ok('nulle part « Volume 0.0 » ni « V24 »', E("()=>!/Volume 0\\.0|V24\\b/.test(document.getElementById('ami-apokalypse').innerText)"))
        # ── la boîte à outils : 🔍 ☰ ↑ ?
        E("()=>window.scrollTo(0,2500)"); pg.wait_for_timeout(300)
        ok('↑ apparaît après 600 px, remonte', not E("()=>document.getElementById('amiHaut').hidden") and (E("()=>{document.getElementById('amiHaut').click(); return true;}") and (pg.wait_for_timeout(1500) or True)) and E("()=>window.scrollY") < 50)
        E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(200); pg.fill('#rc-q', 'tortionnaire'); pg.wait_for_timeout(500)
        ok('🔍 la recherche trouve « tortionnaire » et dit où', E("()=>document.querySelectorAll('#rc-l button.rc-r').length")>=2 and '2 bis' in E("()=>document.querySelector('#rc-l .rc-c').textContent"))
        E("()=>document.querySelectorAll('.apk-tb')[2].click()"); pg.wait_for_timeout(200)
        E("()=>document.querySelector('#rc-l button.rc-r').click()"); pg.wait_for_timeout(1500)
        ok('🔍 un résultat ouvre le bon volet et y va', E("()=>document.querySelector('.apk-pane:not([hidden])').getAttribute('data-c')")=='k1' and not E("()=>document.getElementById('ami-rech').classList.contains('on')") and E("()=>window.scrollY")>1000)
        ok('coins alignés à droite, cachés sur la une', E("()=>{const c=['ami-toc-toggle','amiHaut','amiRech','ami-glossary-toggle'].map(i=>document.getElementById(i)); return c.every(b=>b && getComputedStyle(b).position==='fixed'); }"))
        ok('un seul bas de page (pas de apk-foot), citation du volume dans le pied', E("()=>!document.querySelector('.apk-foot') && /Le Déni, la Folie/.test(document.querySelector('.ami-pied .ap-cit').textContent)"))
        ok('« Agdistys » en ligne dans le pied', E("()=>getComputedStyle(document.querySelector('.ami-pied .ap-legal span span')).display==='inline'"))
        ok('une : 👁️ en haut, 🕯️ en bas', E("()=>document.querySelector('.couv-logo').textContent.trim()==='👁️' && document.querySelector('.apk-une-em').textContent.trim()==='🕯️'"))
        ok('émojis de la une à leur taille (le plancher ne les rapetisse plus)', E("()=>{const r=document.createRange(); r.selectNodeContents(document.querySelector('.couv-logo')); return r.getBoundingClientRect().height>40;}"))
        ok('sous-onglets ConScience : émoji au-dessus du libellé', E("()=>{const b=document.querySelector('.cs-tb'); const e=b.querySelector('.cs-em'), l=b.querySelector('.cs-lbl'); return e&&l&&e.getBoundingClientRect().bottom<=l.getBoundingClientRect().top+1;}"))
        ok('Plan du Complexe : losange par les bouts des axes', E("()=>!!document.querySelector('path[d=\"M-190,0 L0,-104 L190,0 L0,104 Z\"]')"))
        ok('Double Triangle : les nœuds ne débordent pas de leur carte', E("()=>[...document.querySelectorAll('.v12-triad')].every(t=>{const m=t.querySelector('.v12-triad-map').getBoundingClientRect(); return [...t.querySelectorAll('.v12-triad-node')].every(n=>n.getBoundingClientRect().bottom<=m.bottom+1);})"))
        ok('Double Triangle : un triangle aussi sur téléphone (svg visible, 3 nœuds aux sommets)', E("()=>{const t=document.querySelector('.v12-triad'); const s=t.querySelector('svg'); const ns=[...t.querySelectorAll('.v12-triad-node')].map(n=>n.getBoundingClientRect()); return getComputedStyle(s).display!=='none' && ns.length===3 && Math.abs(ns[0].top-ns[1].top)<8 && ns[2].top>ns[0].bottom-4;}"))
        ok('Pyramide du Patriarcat en HTML : 8 niveaux, plus de SVG', E("()=>document.querySelectorAll('#ami-antibiais .pyr-lv').length===8 && !document.getElementById('pyr_Calque_2')"))
        ok('barre du site : page marquée .ici, tiroir fermé au chargement', E("()=>!!document.querySelector('.ami-barre .v.ici') && !document.querySelector('.ami-barre .tiroir.on')"))
        ok('entête « Navigation du Volume » absent', E("()=>!document.querySelector('.ami-volume-tabs-heading')"))
        pg.emulate_media(reduced_motion='reduce'); pg.wait_for_timeout(100)
        ok('prefers-reduced-motion coupe les animations', E("()=>[...document.querySelectorAll('*')].every(e=>{const cs=getComputedStyle(e); return cs.animationDuration==='0s'||cs.animationName==='none';})"))
        pg.emulate_media(reduced_motion='no-preference')
        ok('.v.ici sur 0.1', E("()=>{const v=document.querySelector('.ami-barre .v.ici'); return v && /0\\.1/.test(v.textContent);}"))
        ok('pile collante : barre du site → volets → sous-barre (sous-barre libre sur téléphone)', E("()=>{const m=document.querySelector('.apk-mainbar'), s=document.querySelector('#apkSubHost'); const nh=parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--nav-h')); const ok1=getComputedStyle(m).position==='sticky' && parseFloat(getComputedStyle(m).top)===nh; return innerWidth<=640 ? ok1 && getComputedStyle(s).position==='static' : ok1 && parseFloat(getComputedStyle(s).top)>nh;}"))
        pg.close()
    b.close()
print('erreurs JS :', errs); print(sum(1 for r in R if r[1]), '/', len(R), 'réussis')

sonde_overflow.pysonde_overflow.py page.html 39018 lignes

Qui déborde ? Presse chaque onglet et nomme l'élément non rogné qui dépasse le cadre.

import sys,os
from playwright.sync_api import sync_playwright
SRC=sys.argv[1]; W=int(sys.argv[2]) if len(sys.argv)>2 else 390
JS=r"""() => { const w=document.documentElement.clientWidth; const out=[];
 document.querySelectorAll('body *').forEach(el=>{ if(el.closest('svg')) return; const r=el.getBoundingClientRect(); if(r.width<1) return;
  if(r.right>w+1 || r.left<-1){ let e=el.parentElement, clip=false; while(e){ const o=getComputedStyle(e).overflowX; if(o==='hidden'||o==='clip'||o==='auto'||o==='scroll'){clip=true;break;} e=e.parentElement;}
   if(!clip){ const cs=getComputedStyle(el); out.push({tag:el.tagName.toLowerCase()+(el.className&&typeof el.className==='string'?'.'+el.className.trim().split(/\s+/).slice(0,2).join('.'):''), right:Math.round(r.right), left:Math.round(r.left), w:Math.round(r.width), pos:cs.position, txt:(el.textContent||'').trim().slice(0,40)}); } } });
 return {sw:document.documentElement.scrollWidth, cw:w, n:out.length, ex:out.slice(0,25)}; }"""
with sync_playwright() as p:
    br=p.chromium.launch(); pg=br.new_page(viewport={'width':W,'height':844}); pg.goto('file://'+os.path.abspath(SRC)); pg.wait_for_timeout(800)
    for sel in ('.apk-tb','.ami-volume-tab','.cs-tb'):
        for b in pg.query_selector_all(sel):
            try: b.click(timeout=1000); pg.wait_for_timeout(60)
            except Exception: pass
            r=pg.evaluate(JS)
            if r['sw']>r['cw']: print(sel, (b.text_content() or '')[:30].strip(), r['sw'], r['cw'], [ (e['tag'],e['right'],e['w'],e['txt']) for e in r['ex'][:6]])
    br.close()

p9_retours_apo.pyp9_retours_apo.py (+ boite_css.txt)156 lignes

0.1 Apokalypse — retours du 17 sept : une 👁️/🕯️, entête ôté, Manuel sans trous, un seul pied, boîte à outils de la Charte (🔍 recherche générique, ☰, ↑, ?).

# -*- coding: utf-8 -*-
"""P9 · 0.1 Apokalypse — les retours de Diane du 17 sept (02h30) :
lien RefleXion → agdistys.fr/ami-miroir · une : 👁️ en haut, 🕯️ en bas, grands · l'entête « ◈ Navigation du Volume » ôté ·
les cartes du Manuel ne creusent plus de trou (flex-basis 12rem en colonne) · un seul bas de page (le pied du volume s'en va,
sa citation passe dans le pied V16) · « Agdistys » ne saute plus de ligne dans le pied (span dans span) ·
la boîte à outils de la Charte : 🔍 Recherche · ☰ Sommaire · ↑ Haut (+ ? Glossaire, propre à la page) ·
les 8 parties sur un rang dès 1100 px."""
import re
h = open('apo.html', encoding='utf-8').read()
BOITE_CSS = open('../spec/boite_css.txt', encoding='utf-8').read().replace('#ami-rech{display:none!important}\n', '')
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · le lien vers RefleXion (elle vivra dans Miroir) ──────────────────────
rep('est dans <strong>🧠 RefleXion</strong>, volet 📖 La Théorie, « Le Déni d\'Altérité ».',
    'est dans <a href="https://agdistys.fr/ami-miroir"><strong>🧠 RefleXion</strong></a>, volet 📖 La Théorie, « Le Déni d\'Altérité ».', why='lien RefleXion → ami-miroir')

# ── 2 · la une : 👁️ en haut, 🕯️ en bas ─────────────────────────────────────
rep('<div class="couv-logo">🕯️</div>', '<div class="couv-logo">👁️</div>', why='une : 👁️ en haut')
assert h.count('<p class="apk-une-em">🕯️</p>') == 1

# ── 3 · l'entête de la sous-barre s'en va ────────────────────────────────────
h, n = re.subn(r'<div class="ami-volume-tabs-heading">.*?</div>', '', h, count=1, flags=re.S); J.append(f'entête « ◈ Navigation du Volume » ôté ×{n}')
assert n == 1

# ── 4 · un seul bas de page : le pied du volume s'en va, sa citation passe dans le pied V16 ──
m = re.search(r'<footer class="apk-foot">.*?</footer>', h, re.S); assert m
h = h[:m.start()] + h[m.end():]; J.append('pied du volume (apk-foot) ôté : il doublait le pied V16')
rep('<p class="ap-cit">Vérité = Respect · Mensonge = Violence.\nLa ConScience est la Vie qui se reconnaît et protège.</p>',
    '<p class="ap-cit">« Le Déni, la Folie, est de tellement <i>détester</i> avoir tort à en perdre la raison ;\nêtre tellement lâche pour <i>avoir peur</i> de l’éducation qui ferait gagner en maturation,\npréférant ses privilèges, sa prétention et son agression plutôt que l’éthique et sa sublimation quantique ;\navoir tellement peur de comprendre celles que l’on abandonne en les traitant de <i>folles</i>. »</p>', why='citation du volume dans le pied V16')

# ── 5 · la feuille des retours ───────────────────────────────────────────────
css = '''
<style id="ami-retours">
/* ── RETOURS DE DIANE, 17 SEPT ── */
#ami-apokalypse .couv-logo{font-size:3.6rem;opacity:1;line-height:1}
#ami-apokalypse .apk-une-em{font-size:3rem}
/* les cartes du Manuel : en colonne, flex-basis 12rem creusait un trou de 12 rem sous le titre (Safari) */
#ami-antibiais .mb-n b{flex:0 0 auto!important;min-width:min(12rem,100%)}
/* le pied : « Agdistys » est un span dans un span de bloc — il reste en ligne */
.ami-pied .ap-legal span span{display:inline}
.ami-pied .ap-cit{max-width:min(72ch,100%)}
/* les 8 parties : un seul rang dès 1100 px */
@media(min-width:1100px){#ami-apokalypse .apk-subhost .ami-volume-tab{flex:1 1 11%!important}}
/* ── LA BOÎTE À OUTILS DE LA CHARTE : 🔍 ☰ ↑ (+ ? glossaire, propre à la page) ── */
''' + BOITE_CSS + '''
#ami-apokalypse .ami-coin,#ami-apokalypse #ami-toc-toggle,#ami-apokalypse #ami-glossary-toggle{position:fixed!important;right:1rem!important;left:auto!important;width:2.1rem!important;height:2.1rem!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--or-somb)!important;background:rgba(9,9,14,.92)!important;color:var(--or)!important;font-size:.92rem!important;font-family:'Jost',sans-serif!important;line-height:1!important;box-shadow:none!important;transform:none!important;z-index:60!important;display:flex!important;align-items:center;justify-content:center}
#ami-apokalypse #ami-toc-toggle{bottom:1rem!important}
#ami-apokalypse #amiHaut{bottom:3.9rem!important}
#ami-apokalypse #amiRech{bottom:7.4rem!important}
#ami-apokalypse #ami-glossary-toggle{bottom:10.9rem!important}
#ami-apokalypse #amiHaut[hidden]{display:none!important}
#ami-apokalypse .ami-coin:hover,#ami-apokalypse #ami-toc-toggle:hover,#ami-apokalypse #ami-glossary-toggle:hover{background:rgba(255,255,255,.09)!important;color:var(--or-pale)!important}
#ami-apokalypse #ami-toc-toggle[aria-expanded="true"],#ami-apokalypse #ami-glossary-toggle[aria-expanded="true"],#ami-apokalypse #amiRech[aria-pressed="true"]{border-color:var(--or)!important;background:rgba(255,255,255,.12)!important;color:var(--or-pale)!important}
#ami-apokalypse #ami-toc-toggle.cover-hidden,#ami-apokalypse #ami-glossary-toggle.cover-hidden,#ami-apokalypse #amiHaut.cover-hidden,#ami-apokalypse #amiRech.cover-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#ami-apokalypse #ami-toc-panel{right:1rem;bottom:3.6rem}
#ami-apokalypse #ami-glossary-panel{right:1rem}
#ami-rech .rc-n,#ami-rech .rc-g,#ami-rech .rc-c{font-size:.72rem}
#ami-rech .rc-b{font-family:'Jost',sans-serif}
</style>
'''
rep('</head>', css + '</head>', why='feuille des retours + boîte à outils')

# ── 6 · les coins : ☰ et ? existent (rebaptisés), ↑ et 🔍 arrivent ; la recherche est générique ──
rep('<button aria-controls="ami-toc-panel" aria-expanded="false" id="ami-toc-toggle" title="Sommaire" type="button">◈</button>',
    '<button aria-controls="ami-toc-panel" aria-expanded="false" id="ami-toc-toggle" class="ami-coin d3" title="☰ Le sommaire de la page" aria-label="Sommaire de la page" type="button">☰</button>', why='☰ sommaire (coin)')
rep('<button aria-controls="ami-glossary-panel" aria-expanded="false" id="ami-glossary-toggle" title="Glossaire" type="button">❓</button>',
    '<button aria-controls="ami-glossary-panel" aria-expanded="false" id="ami-glossary-toggle" class="ami-coin g" title="? Le glossaire de la page" aria-label="Glossaire" type="button">?</button>', why='? glossaire (coin)')
coins = '''
<button class="ami-coin h" id="amiHaut" type="button" hidden aria-label="Revenir en haut" title="↑ Revenir en haut">↑</button>
<button class="ami-coin r" id="amiRech" type="button" aria-label="Rechercher" title="Chercher dans le volume (Ctrl+F)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></button>
<div id="ami-rech" role="dialog" aria-modal="true" aria-label="Rechercher dans le volume">
  <div class="rc-b">
    <div class="rc-h"><span class="rc-loupe"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" style="width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></span>
      <input type="search" id="rc-q" placeholder="Chercher dans les 79 chapitres…" autocomplete="off" spellcheck="false" aria-label="Chercher">
      <span class="rc-n" id="rc-n"></span>
      <button class="rc-x" type="button" id="rc-x" aria-label="Fermer">✕</button></div>
    <div class="rc-l" id="rc-l" role="listbox"></div>
  </div>
</div>
'''
js = r'''
<script id="ami-boite-js">
/* ── LA BOÎTE À OUTILS : ↑ Haut, 🔍 Recherche (générique : elle indexe le texte de la racine, dit où il est, et ouvre ce qu'il faut) ── */
(function(){'use strict';
 var R=document.getElementById('ami-apokalypse'); if(!R) return;
 var H=document.getElementById('amiHaut');
 if(H){ function suit(){ H.hidden = window.pageYOffset < 600; } window.addEventListener('scroll',suit,{passive:true}); suit();
   H.addEventListener('click',function(){ window.scrollTo({top:0,behavior:'smooth'}); }); }
 var B=document.getElementById('amiRech'), D=document.getElementById('ami-rech'), Q=document.getElementById('rc-q'), L=document.getElementById('rc-l'), N=document.getElementById('rc-n'), X=document.getElementById('rc-x');
 if(!B||!D) return;
 var IDX=null, RES=[], SEL=-1;
 function nomVolet(c){ var b=R.querySelector('.apk-tb[data-c="'+c+'"] .tb-lbl'); return b?b.textContent.trim():c; }
 function bati(){
   IDX=[];
   var w=document.createTreeWalker(R,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT), n, chap='', sous='';
   while((n=w.nextNode())){
     if(n.nodeType===1){ if(n.tagName==='H2'){chap=n.textContent.trim();sous='';} else if(n.tagName==='H3'){sous=n.textContent.trim();} continue; }
     var s=n.textContent.replace(/\s+/g,' ').trim(); if(s.length<3) continue;
     var p=n.parentElement; if(!p||p.closest('script,style,svg,#ami-rech,#ami-toc-panel,#ami-glossary-panel,.asom,.ami-barre,.ami-pied,.apk-mainbar,.apk-subhost')) continue;
     var pane=p.closest('.apk-pane'), part=p.closest('.ami-volume-panel'), cs=p.closest('.cs-pane');
     IDX.push({t:s, tl:s.toLowerCase(), el:p, volet:pane?pane.getAttribute('data-c'):null, part:part?part.id:null, cs:cs?cs.getAttribute('data-cs'):null, chap:chap, sous:sous});
   }
 }
 function esc(s){ return s.replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];}); }
 function cherche(q){
   q=q.trim().toLowerCase(); L.innerHTML=''; RES=[]; SEL=-1;
   if(q.length<2){ N.textContent=''; return; }
   if(!IDX) bati();
   var vus={}, par={}, ordre=[];
   IDX.forEach(function(e){ var i=e.tl.indexOf(q); if(i<0) return; var k=(e.volet||'')+'|'+e.chap+'|'+e.t.slice(0,60); if(vus[k]) return; vus[k]=1;
     var g=e.volet?nomVolet(e.volet):'—'; if(!par[g]){par[g]=[];ordre.push(g);} if(par[g].length<40) par[g].push({e:e,i:i}); });
   var tot=0; ordre.forEach(function(g){ tot+=par[g].length; });
   N.textContent = tot? tot+(tot>1?' passages':' passage') : 'rien';
   if(!tot){ L.innerHTML='<div class="rc-v">Rien pour « '+esc(q)+' ».</div>'; return; }
   ordre.forEach(function(g){ var d=document.createElement('div'); d.className='rc-g'; d.textContent=g; L.appendChild(d);
     par[g].forEach(function(r){ var e=r.e, a=Math.max(0,r.i-50), z=Math.min(e.t.length,r.i+q.length+70);
       var ext=(a>0?'…':'')+esc(e.t.slice(a,r.i))+'<mark>'+esc(e.t.slice(r.i,r.i+q.length))+'</mark>'+esc(e.t.slice(r.i+q.length,z))+(z<e.t.length?'…':'');
       var b=document.createElement('button'); b.type='button'; b.className='rc-r'; b.innerHTML=ext+'<span class="rc-c">'+esc(e.chap)+(e.sous?' · '+esc(e.sous):'')+'</span>';
       b.addEventListener('click',function(){ va(e); }); L.appendChild(b); RES.push(b); }); });
 }
 function va(e){
   ferme();
   if(e.volet&&window.amiOuvreVolet) window.amiOuvreVolet(e.volet);
   if(e.part){ var i=[].map.call(R.querySelectorAll('.ami-volume-panel'),function(p){return p.id;}).indexOf(e.part); var t=R.querySelectorAll('.ami-volume-tab')[i]; if(t) t.click(); }
   if(e.cs){ var c=R.querySelector('.cs-tb[data-cs="'+e.cs+'"]'); if(c) c.click(); }
   setTimeout(function(){ var pile=0; ['.ami-barre','.apk-mainbar','.apk-subhost'].forEach(function(s){ var x=document.querySelector(s); if(x&&getComputedStyle(x).position==='sticky') pile+=x.getBoundingClientRect().height; });
     var y=e.el.getBoundingClientRect().top+window.pageYOffset-pile-16; window.scrollTo({top:Math.max(0,y),behavior:'smooth'});
     e.el.style.transition='background .6s'; var bg=e.el.style.background; e.el.style.background='rgba(255,197,69,.18)'; setTimeout(function(){ e.el.style.background=bg; },1800); }, 250);
 }
 function ouvre(){ D.classList.add('on'); B.setAttribute('aria-pressed','true'); Q.value=''; L.innerHTML=''; N.textContent=''; setTimeout(function(){Q.focus();},30); }
 function ferme(){ D.classList.remove('on'); B.setAttribute('aria-pressed','false'); }
 B.addEventListener('click',function(){ D.classList.contains('on')?ferme():ouvre(); });
 X.addEventListener('click',ferme);
 D.addEventListener('click',function(ev){ if(ev.target===D) ferme(); });
 var tm; Q.addEventListener('input',function(){ clearTimeout(tm); tm=setTimeout(function(){ cherche(Q.value); },120); });
 Q.addEventListener('keydown',function(ev){ if(ev.key==='ArrowDown'||ev.key==='ArrowUp'){ ev.preventDefault(); if(!RES.length) return; SEL=(SEL+(ev.key==='ArrowDown'?1:-1)+RES.length)%RES.length; RES.forEach(function(b,i){b.classList.toggle('sel',i===SEL);}); RES[SEL].scrollIntoView({block:'nearest'}); }
   else if(ev.key==='Enter'&&SEL>=0){ RES[SEL].click(); } });
 document.addEventListener('keydown',function(ev){ if(ev.key==='Escape'&&D.classList.contains('on')){ ferme(); }
   if((ev.ctrlKey||ev.metaKey)&&ev.key.toLowerCase()==='f'&&!ev.shiftKey){ var a=document.activeElement; if(a&&(a.tagName==='INPUT'||a.tagName==='TEXTAREA')&&a!==Q) return; ev.preventDefault(); ouvre(); } });
 /* les coins se cachent sur la une, comme ☰ et ? le font déjà */
 var cover=document.getElementById('apok-cover');
 if(cover){ function surUne(){ var hid=cover.getBoundingClientRect().bottom>120; [B,H].forEach(function(c){ if(c) c.classList.toggle('cover-hidden',hid); }); }
   surUne(); window.addEventListener('scroll',surUne,{passive:true}); window.addEventListener('resize',surUne); }
})();
</script>
'''
rep('<style id="ami-contraste">', coins + js + '<style id="ami-contraste">', why='↑ et 🔍 + recherche générique')

open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p10_retours2_apo.pyp10_retours2_apo.py (après p2_plancher.py)53 lignes

0.1 Apokalypse — retours 2 : span.ami-emoji hérite, Double Triangle libre sur téléphone, losange du Plan, sous-onglets ConScience émoji au-dessus.

# -*- coding: utf-8 -*-
"""P10 · 0.1 Apokalypse — retours de Diane du 17 sept (03h) :
· l'échelle des émojis : le plancher avait écrit `span.ami-emoji{font-size:.72rem}` — la page enveloppe chaque émoji dans un
  span par script, la règle les ramenait TOUS à 11,5 px (une, onglets, titres). Ils héritent à nouveau : max(.72rem,1em).
· le Double Triangle sur téléphone : en liste (≤ 720 px) la carte gardait sa hauteur fixe de 245 px → les nœuds débordaient
  sur la légende. Hauteur libre.
· le Plan du Complexe d'Infériorité : le losange partait de (-190,-104) au lieu de (-190,0) ; les quatre sommets sont
  maintenant les quatre bouts des axes. Ses couleurs passent aux pierres.
· les sous-onglets ConScience : émoji au-dessus du libellé, comme les 8 parties.
À rejouer APRÈS p2_plancher.py (il réécrit le bloc plancher)."""
import re
h = open('apo.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# 1 · les émojis héritent leur taille
n = len(re.findall(r'span\.ami-emoji\{font-size:\.72rem\}', h)); h = re.sub(r'span\.ami-emoji\{font-size:\.72rem\}', 'span.ami-emoji{font-size:max(.72rem,1em)}', h); J.append(f'plancher : span.ami-emoji hérite ×{n}')
assert n >= 1

# 2 · le Plan : le losange
rep('<path d="M-190,-104 L0,-104 L190,0 L0,104 Z" fill="none" stroke="rgba(200,168,74,.22)"/>', '<path d="M-190,0 L0,-104 L190,0 L0,104 Z" fill="none" stroke="rgba(255,197,69,.22)"/>', why='Plan : losange par les quatre bouts des axes')
i = h.find('aria-label="Le plan du complexe d’infériorité'); j = h.find('</svg>', i)
svg = h[i:j]
for a, b in (('#3a7a52', '#0b8d38'), ('#90d8a8', '#32b15e'), ('#8a3030', '#e33232'), ('#2a4870', '#7697ee'), ('#c8a84a', '#ffc545'), ('#b2b2c8', '#b0b0bd'), ('#888898', '#9595a2')):
    svg = svg.replace(a, b)
h = h[:i] + svg + h[j:]; J.append('Plan : couleurs aux pierres')

# 3 · les sous-onglets ConScience : émoji au-dessus
n = 0
def cs(m):
    global n; n += 1
    return f'{m.group(1)}<span class="cs-em">{m.group(2)}</span><span class="cs-lbl">{m.group(3).strip()}</span></button>'
h = re.sub(r'(<button type="button" class="cs-tb(?: on)?" data-cs="[a-d]">)([\U0001F300-\U0001FAFF☀-➿][️]?)\s*([^<]+)</button>', cs, h); J.append(f'sous-onglets ConScience : émoji au-dessus ×{n}')
assert n == 4, n

css = '''
<style id="ami-retours2">
/* ── RETOURS DE DIANE, 17 SEPT, 03h ── */
@media(max-width:720px){#ami-apokalypse .v12-triad-map{height:auto!important}#ami-apokalypse .v12-triad{min-height:0!important}#ami-apokalypse .v12-triad-node{width:100%!important;max-width:none!important;text-align:left!important}}
#ami-apokalypse .apk-subhost .cs-tb{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.1rem!important;padding:.45rem .3rem .5rem!important}
#ami-apokalypse .cs-tb .cs-em{font-size:1.15rem!important;line-height:1;font-style:normal;opacity:.75}
#ami-apokalypse .cs-tb.on .cs-em{opacity:1}
#ami-apokalypse .cs-tb .cs-lbl{font-size:.78rem!important;line-height:1.2;font-weight:500;text-align:center}
</style>
'''
rep('</head>', css + '</head>', why='feuille des retours 2')
open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p11_pyramide_triangles.pyp11_pyramide_triangles.py100 lignes

0.1 Apokalypse — retours 3 : triangles en triangles sur téléphone ; Pyramide du Patriarcat SVG → HTML (8 niveaux, fracture, 3 biais).

# -*- coding: utf-8 -*-
"""P11 · 0.1 Apokalypse — retours de Diane du 17 sept (03h15) :
· les deux Triangles restent des triangles sur téléphone (la liste ≤ 720 px est ôtée : carte en proportion, nœuds aux trois
  sommets, flèches visibles) ;
· la Pyramide du Patriarcat : le SVG Illustrator (rouge sur rouge, 28 px de texte dans 1427 de large, illisible sur téléphone,
  glyphes accentués éclatés par le crénage) est remplacé par la même pyramide en HTML — huit niveaux, la zone de fracture,
  les trois biais, les trois phrases — d'après `Schemas SVG/pyramide du patriarcat.svg` (27 juin), aux pierres, lisible à 320 px."""
import re
h = open('apo.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# ── 1 · la pyramide en HTML ──────────────────────────────────────────────────
i = h.find('<h3>🔺 Pyramide du Patriarcat'); assert i > 0
a = h.find('<svg', i); b = h.find('</svg>', a) + 6
assert 'id="pyr_Calque_2"' in h[a:a+400]
NIV = [
 ('rubis', 'Élite des hommes riches', 'Millionnaires, PDG, politiciens, « philanthropes »',
  ['Contrôle les médias, l’économie et la loi : gang puissant & fortuné', 'Imposition du récit dominant : contrôle des médias, de la loi, de l’économie', 'Imposition du récit personnel comme vérité absolue : « je suis la réincarnation de… »'], 'Biais d’Autorité Totale'),
 ('rubis', 'Classe moyenne masculine', 'Managers, superviseurs, diplômés',
  ['Bénéficie du privilège masculin', 'Garde l’accès aux ressources & aux emplois'], ''),
 ('cornaline', 'Classe laborieuse masculine', 'Travailleurs, arnaqueurs, bas revenus',
  ['Compensation par violence domestique / symbolique — violence émotionnelle passive : « je reste calme pendant que je t’annule »', 'Violent chez lui s’il manque de domination à l’extérieur'], ''),
 ('grenat', 'Femmes « pick-me »', 'Clan de la misogynie intériorisée : matriarcat',
  ['Complice du patriarcat sur les minorités : intériorisation du discours dominant pour plaire ; répétition du modèle de validation externe — « je suis aimée si je m’éteins »', 'Défend la suprématie masculine pour avoir des miettes de validation masculine'], 'Biais de Validation Masculine'),
 ('grenat', 'Femmes « idéales » / qui travaillent', 'Surtout ethniques — tradwives, jolies, soumises — « girl boss »',
  ['Récompensées pour se conformer aux normes de genre', 'Toujours disponibles & dépendantes des faveurs masculines', 'Charge mentale, culpabilité d’exister', 'Tentative de se justifier face au mépris : « je dois prouver que mon travail existe »', 'Sous-payées, surchargées, souvent méprisées', 'Aménagement entre travail payé & travail domestique'], ''),
 ('sugilite', 'Femmes pauvres', 'Travailleuses domestiques, mères célibataires',
  ['Colonne vertébrale de la société par le travail gratuit', 'Exploitées, censurées, vulnérables'], 'Biais de Honte Intériorisée'),
 ('tanzanite', 'Femmes marginalisées', 'Trans · queer · grosses · handicapées · sans domicile · prostituées · bénévoles — invisibilisation systémique, exclues & attaquées',
  ['Effacement algorithmique : leur parole est disqualifiée comme « non crédible »', 'Droits à la sécurité et à la reconnaissance niés', 'Utilisées comme bouc émissaire pour distraire du pouvoir en place'], ''),
 ('emeraude', 'Vies non humaines', '', [], ''),
]
parts = ['<div class="pyr" role="img" aria-label="Pyramide du Patriarcat — hiérarchie des privilèges et discriminations">',
         '<p class="pyr-titre">Hiérarchie des privilèges & discriminations<br><b>Pyramide du Patriarcat · Culture sacrificielle</b><br><i>La structure du mensonge collectif : domination du verbe, effacement du vivant.</i></p>',
         '<p class="pyr-ax"><span>🔺 <b>Pouvoir social</b> — vers le haut</span><span>🔻 <b>Pouvoir narratif</b> — vers le bas</span></p>']
for k, (c, titre, sous, puces, biais) in enumerate(NIV):
    w = 46 + k * (54 / (len(NIV) - 1))
    parts.append(f'<div class="pyr-lv" style="--w:{w:.0f}%;--c:var(--{c});--c-ct:var(--{c}-ct);--c-rgb:var(--{c}-rgb)">'
                 + (f'<span class="pyr-biais">{biais}</span>' if biais else '')
                 + f'<b>{titre}</b>' + (f'<em>{sous}</em>' if sous else '')
                 + ('<ul>' + ''.join(f'<li>{p}</li>' for p in puces) + '</ul>' if puces else '') + '</div>')
    if k == 2:
        parts.append('<div class="pyr-fract"><b>🩸 Zone de fracture — la double charge : physique & psychique</b><span>Patriarcat social & patriarcat cognitif : contrainte sociale et effacement mental.</span></div>')
parts.append('<div class="pyr-fin"><p>« La domination est virale : elle se transmet par le verbe, se répare par la ConScience. »</p><p>« Luttons pour toutes les personnes qui n’ont pas de voix, qui ne sont pas écoutées. »</p><p><b>Dans la pyramide de ConScience : les dernières sont les premières, les premiers sont les derniers. Les Oubliées sont les Sources.</b></p></div></div>')
h = h[:a] + '\n'.join(parts) + h[b:]; J.append('Pyramide : SVG → HTML (8 niveaux, fracture, 3 biais, 3 phrases)')
rep('<div class="v12-schema-body always-open pyr-fix">', '<div class="v12-schema-body always-open pyr-html">', why='corps de la carte')

css = '''
<style id="ami-retours3">
/* ── LA PYRAMIDE DU PATRIARCAT, EN HTML (d'après Schemas SVG/pyramide du patriarcat.svg) ── */
#ami-antibiais .pyr-html{display:block!important;padding:.6rem .4rem}
#ami-antibiais .pyr{display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:860px;margin:0 auto}
#ami-antibiais .pyr-titre{text-align:center;font-family:'Jost',sans-serif;font-size:.86rem;line-height:1.5;color:var(--gris-cl);margin:0 0 .4rem}
#ami-antibiais .pyr-titre b{color:var(--rubis-ct);font-size:1.02rem;letter-spacing:.04em}
#ami-antibiais .pyr-titre i{color:var(--gris)}
#ami-antibiais .pyr-ax{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.4rem;font-size:.78rem;color:var(--gris);margin:0 0 .5rem}
#ami-antibiais .pyr-ax b{color:var(--nacre);font-weight:500}
#ami-antibiais .pyr-lv{position:relative;width:var(--w);min-width:min(100%,22rem);box-sizing:border-box;padding:.65rem 1rem .7rem;border:1px solid rgba(var(--c-rgb),.45);border-top:3px solid var(--c);border-radius:6px;background:linear-gradient(180deg,rgba(var(--c-rgb),.18),rgba(var(--c-rgb),.06));text-align:center}
#ami-antibiais .pyr-lv b{display:block;font-family:'Jost',sans-serif;font-size:.86rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ct)}
#ami-antibiais .pyr-lv em{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.98rem;color:var(--nacre);margin:.15rem 0 .3rem}
#ami-antibiais .pyr-lv ul{list-style:none;margin:0;padding:0;text-align:left;font-size:.8rem;line-height:1.5;color:var(--gris-cl)}
#ami-antibiais .pyr-lv li{padding-left:1rem;position:relative;margin:.15rem 0}
#ami-antibiais .pyr-lv li::before{content:'•';position:absolute;left:.2rem;color:var(--c)}
#ami-antibiais .pyr-biais{position:absolute;right:-.5rem;top:-.7rem;transform:translateX(100%);white-space:nowrap;font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.06em;color:var(--rubis-ct);border:1px solid rgba(var(--rubis-rgb),.5);border-radius:999px;padding:.2rem .6rem;background:var(--encre)}
#ami-antibiais .pyr-fract{width:100%;text-align:center;padding:.5rem .8rem;margin:.2rem 0;border-top:1px dashed var(--rubis);border-bottom:1px dashed var(--rubis);color:var(--rubis-ct);font-size:.82rem;line-height:1.45}
#ami-antibiais .pyr-fract b{display:block;font-weight:600}
#ami-antibiais .pyr-fract span{color:var(--gris-cl);font-size:.78rem}
#ami-antibiais .pyr-fin{margin-top:.6rem;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.02rem;line-height:1.5;color:var(--or-pale)}
#ami-antibiais .pyr-fin p{margin:.3rem 0}
#ami-antibiais .pyr-fin b{font-style:normal;color:var(--or);font-weight:500}
@media(max-width:1100px){#ami-antibiais .pyr-biais{position:static;transform:none;display:inline-block;margin-bottom:.35rem;white-space:normal}}
@media(max-width:640px){#ami-antibiais .pyr-lv{width:max(var(--w),86%);min-width:0}}
/* ── LES DEUX TRIANGLES RESTENT DES TRIANGLES SUR TÉLÉPHONE ── */
@media(max-width:720px){
#ami-apokalypse .v12-diptych .v12-triad-map{display:block!important;position:relative!important;height:auto!important;min-height:0!important;aspect-ratio:320/250;max-width:390px;margin:.4rem auto 1rem;padding:0!important}
#ami-apokalypse .v12-diptych .v12-triad-map svg{display:block!important;position:absolute;inset:16% 24% 18%;width:52%;height:66%;overflow:visible}
#ami-apokalypse .v12-diptych .v12-triad-node{position:absolute!important;width:31%!important;max-width:none!important;padding:0!important;border:0!important;background:none!important;text-align:center!important;font-size:.72rem!important;line-height:1.25!important;transform:none!important}
#ami-apokalypse .v12-diptych .v12-triad-node b{font-size:.88rem!important;line-height:1.15!important}
#ami-apokalypse .v12-diptych .v12-triad-node span:not(.ico){font-size:.72rem!important;line-height:1.25!important}
#ami-apokalypse .v12-diptych .v12-triad-node .ico{display:block!important;font-size:1.2rem!important;margin:0 0 .1rem!important}
#ami-apokalypse .v12-diptych .v12-triad-node.top-left{left:0!important;top:0!important;right:auto!important;bottom:auto!important}
#ami-apokalypse .v12-diptych .v12-triad-node.top-right{right:0!important;top:0!important;left:auto!important;bottom:auto!important}
#ami-apokalypse .v12-diptych .v12-triad-node.bottom{left:50%!important;bottom:0!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}
#ami-apokalypse .v12-diptych .v12-triad-node.top{left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important}
#ami-apokalypse .v12-diptych .v12-triad-node.left{left:0!important;bottom:0!important;top:auto!important;right:auto!important}
#ami-apokalypse .v12-diptych .v12-triad-node.right{right:0!important;bottom:0!important;top:auto!important;left:auto!important}
#ami-apokalypse .v12-diptych .v12-triad-center{display:grid!important;left:50%;top:52%;transform:translate(-50%,-50%);width:44px;height:44px;font-size:1.1rem}
#ami-apokalypse .v12-diptych .v12-triad{min-height:0!important}
}
</style>
'''
rep('</head>', css + '</head>', why='feuille des retours 3')
open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p12_barre_triangles.pyp12_barre_triangles.py37 lignes

0.1 Apokalypse — retours 4 : la barre n'ouvre plus son tiroir toute seule ; triangles, une seule mise en page.

# -*- coding: utf-8 -*-
"""P12 · 0.1 Apokalypse — retours de Diane du 17 sept (03h40) :
· la barre du site n'ouvre plus son tiroir (Tomes + Volumes) toute seule : la page courante reste marquée (.ici), le tiroir
  s'ouvre d'un clic sur 🌳 la Forêt, comme les deux autres ;
· les deux Triangles : une seule mise en page à toutes les largeurs (carte en proportion, nœuds aux sommets) — sur grand
  écran la carte de 245 px laissait les sommets loin du dessin."""
import re
h = open('apo.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

rep("""    if(a){ a.classList.add('ici');
      deplie(true,false);
      var p=N.querySelector('.porte[data-c="foret"]'); if(p) pose(p,true);
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }""",
"""    if(a){ a.classList.add('ici');
      /* la page se marque, mais n'ouvre plus le tiroir toute seule (Diane, 17 sept) : un clic sur 🌳 la Forêt l'ouvre, à la bonne rangée */
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }""", why='barre : le tiroir ne s’ouvre plus tout seul')

# les triangles : la règle ≤ 720 px devient la règle de toutes les largeurs
a = h.find('/* ── LES DEUX TRIANGLES RESTENT DES TRIANGLES SUR TÉLÉPHONE ── */'); assert a > 0
b = h.find('@media(max-width:720px){', a); assert b > 0 and b - a < 200
h = h[:b] + h[b + len('@media(max-width:720px){'):]
e = h.find('</style>', a); seg = h[a:e]
k = seg.rfind('}\n'); assert seg.rstrip().endswith('}')
h = h[:a] + seg.rstrip()[:-1] + '\n' + h[e:]; J.append('triangles : une seule mise en page, toutes largeurs')
open('apo.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p8_etude_osullivan.pyp8_etude_osullivan.py (dans le dossier de v23.html)30 lignes

0.3 Union V23 → V24 : l'étude O'Sullivan & Ronis dans les Chiffres du Réel, 33 → 34, lien de source en or.

# -*- coding: utf-8 -*-
"""0.3 L'Union du TouT V23 → V24 — l'étude O'Sullivan & Ronis (JIV, 2 avril 2026) versée dans 📊 Les Chiffres du Réel,
« Dans le monde » (Diane, 17 sept 04h) : un chiffre large + une note de lecture. 33 → 34 chiffres sourcés."""
h = open('v23.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

bloc = '''<div class="ch rouge wide"><span class="v">95 % &nbsp;→&nbsp; 65 %</span> <span class="l"><b>95,1 % de 2 689 hommes de 18 à 34 ans</b> (États-Unis, Canada), interrogés <b>anonymement</b>, déclarent avoir récemment usé d'au moins une stratégie pour obtenir un rapport sexuel d'une femme <b>dont ils savaient qu'elle ne le voulait pas et n'avait pas consenti</b> — sans lien antérieur avec elle. <b>65 % de ces occasions ont « abouti ».</b> 8,94 stratégies employées en moyenne sur les 36 recensées ; pression physique répétée et coercition verbale les plus fréquentes, contrainte physique et douleur « moins fréquentes mais pas rares ». <b>70 % n'y voient aucune conséquence négative.</b></span> <span class="s">✓ O'Sullivan &amp; Ronis, <i>Journal of Interpersonal Violence</i>, en ligne le 2 avril 2026 — <a href="https://doi.org/10.1177/08862605261432630">doi 10.1177/08862605261432630</a> (résumé recoupé ; l'article complet est sous accès éditeur)</span></div>
'''
note = '''<div class="note key"><p><b>◈ Ce que l'anonymat révèle — le chiffre qui ferme la boucle.</b></p>
<p>Presque toutes les enquêtes interrogent <b>les femmes</b> qui ont subi, ou des hommes qui acceptent d'être identifiés. Celle-ci ôte le nom : <b>et les hommes disent ce que les femmes disaient déjà.</b> L'écart entre les deux comptes — le « 1 sur 3 » des victimes contre le « presque jamais » des auteurs — n'était pas dans les faits : il était dans le déni. Les auteurs les plus violents sont ceux qui se jugent <em>meilleurs que leurs pairs « pour obtenir ce qu'ils veulent des femmes »</em> ; les motifs déclarés sont l'envie (38 %) et l'occasion (28 %).</p>
<p style="margin-bottom:0"><b>Les bornes du chiffre.</b> Échantillon recruté en ligne (Qualtrics), autodéclaration, « récemment » sans durée dans le résumé ; il ne dit pas la prévalence dans la population, il dit ce qu'un homme raconte <em>quand il ne risque rien</em>. C'est exactement le <b>Test 2</b> d'<a href="https://agdistys.fr/ami-apokalypse">Apokalypse</a> (« le même récit, dit par un autre, aurait-il été cru ? ») mesuré en grand : le même fait, cru dès qu'il est dit par l'auteur.</p></div>
'''
anchor = '<span class="s">✓ PNUD · Indice des normes sociales relatif à l\'égalité des sexes, 5 mars 2020 — confirmé par l\'édition 2023 (80 pays, 85 % de la population)</span></div>'
rep(anchor, anchor + '\n' + bloc, why='chiffre O’Sullivan & Ronis après le PNUD')
# la note après la grille .chf de « Dans le monde »
i = h.find('<section id="chiffres-monde"'); j = h.find('<div class="cit" style="margin-top:1.6rem">« L\'Homme est la seule espèce', i); assert i > 0 and j > i
h = h[:j] + note + h[j:]; J.append('note de lecture avant la citation d’Héritier')
rep('Trente-trois chiffres sourcés.', 'Trente-quatre chiffres sourcés.', why='carte : 34 chiffres')
# identité V24
rep('<meta name="ami:version" content="V23"', '<meta name="ami:version" content="V24"', why='meta version')
rep('data-ami="version">V23', 'data-ami="version">V24', n=2, why='data-ami version')
rep('</head>', '<style id="ami-retours-v24">#ami-union .ch .s a{color:var(--or);text-decoration:none;border-bottom:1px solid rgba(var(--or-rgb),.4);word-break:break-all}</style>\n</head>', why='lien de source en or')
open('v24.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

audit_rendu_leger.pyaudit_rendu_leger.py page.html ".ong" ".sog, .x-tb"136 lignes

Audit au rendu avec les sous-onglets ciblés par sélecteur (pages à instruments : le rendu « tout pressé » ne finit pas).

# -*- coding: utf-8 -*-
"""Audit au rendu (Chromium) — on mesure ce que le navigateur FAIT, tous
les onglets ouverts, à plusieurs largeurs. Ne corrige rien."""
import sys, json, collections, time
from playwright.sync_api import sync_playwright

SRC = sys.argv[1]
URL = 'file://' + __import__('os').path.abspath(SRC)
TOPS = sys.argv[2] if len(sys.argv) > 2 else '.tab-btn-full, .tab-bar .tab-btn'  # les onglets de premier niveau de la page
SUBS = sys.argv[3] if len(sys.argv) > 3 else 'button'  # les sous-onglets à presser (sélecteur)

JS_MESURE = r"""
(opts) => {
  const seen = opts.seen; const out = {texte:[], petits:[], ital:[], cibles:[], tables:[], grilles:[], nb:0};
  const EMO = /[\u{1F300}-\u{1FAFF}\u{2600}-\u{27BF}\u{2B00}-\u{2BFF}\u{A9A0}-\u{A9FF}]/u;
  function key(el){ const p=[]; let e=el; while(e && e.nodeType===1 && e!==document.body){ let i=0,s=e; while((s=s.previousElementSibling)) i++; p.push(e.tagName+i); e=e.parentElement;} return p.join('/'); }
  function vis(el){ const r=el.getBoundingClientRect(); if(r.width<1||r.height<1) return false; const cs=getComputedStyle(el); if(cs.visibility==='hidden'||cs.display==='none'||parseFloat(cs.opacity)===0) return false; return true; }
  function parse(c){ const m=c.match(/rgba?\(([^)]+)\)/); if(!m) return null; const a=m[1].split(',').map(parseFloat); return {r:a[0],g:a[1],b:a[2],a:a.length>3?a[3]:1}; }
  function lum({r,g,b}){ const f=v=>{v/=255; return v<=0.03928? v/12.92 : Math.pow((v+0.055)/1.055,2.4)}; return 0.2126*f(r)+0.7152*f(g)+0.0722*f(b); }
  function comp(top,bot){ const a=top.a; return {r:top.r*a+bot.r*(1-a), g:top.g*a+bot.g*(1-a), b:top.b*a+bot.b*(1-a), a:1}; }
  function bgOf(el){ // compose les fonds translucides jusqu'au premier opaque
    const layers=[]; let e=el;
    while(e && e.nodeType===1){ const cs=getComputedStyle(e); const c=parse(cs.backgroundColor); const img=cs.backgroundImage;
      if(c && c.a>0){ layers.push(c); if(c.a>=1) break; }
      if(img && img!=='none' && /gradient/.test(img)){ layers.push({r:9,g:9,b:14,a:1, grad:true}); break; }
      e=e.parentElement; }
    if(!layers.length || layers[layers.length-1].a<1) layers.push({r:9,g:9,b:14,a:1, fallback:true});
    let bg=layers[layers.length-1]; for(let i=layers.length-2;i>=0;i--) bg=comp(layers[i],bg);
    return {bg, grad: layers.some(l=>l.grad), fallback: layers.some(l=>l.fallback)};
  }
  function ratio(fg,bg){ const l1=lum(fg), l2=lum(bg); return (Math.max(l1,l2)+0.05)/(Math.min(l1,l2)+0.05); }
  const walker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
  let n;
  while((n=walker.nextNode())){
    const t=n.textContent.replace(/\s+/g,' ').trim(); if(t.length<2) continue;
    const el=n.parentElement; if(!el || ['SCRIPT','STYLE','NOSCRIPT','TITLE'].includes(el.tagName)) continue;
    if(el.closest('svg')) continue;
    if(!vis(el)) continue;
    const k=key(el)+'|'+t.slice(0,40); if(seen[k]) continue; seen[k]=1; out.nb++;
    const cs=getComputedStyle(el); const fs=parseFloat(cs.fontSize); const fw=parseInt(cs.fontWeight)||400;
    const fg=parse(cs.color); const B=bgOf(el); const r=ratio(comp(fg,B.bg),B.bg);
    const large = fs>=24 || (fs>=18.66 && fw>=700);
    const seuil = large?3:4.5;
    const tag=el.tagName.toLowerCase()+(el.className&&typeof el.className==='string'?'.'+el.className.trim().split(/\s+/).slice(0,2).join('.'):'');
    if(r<seuil) out.texte.push({tag, t:t.slice(0,70), fs:+fs.toFixed(1), fw, r:+r.toFixed(2), seuil, fg:cs.color, bg:`rgb(${B.bg.r|0},${B.bg.g|0},${B.bg.b|0})`, grad:B.grad});
    if(fs<11.5) out.petits.push({tag, t:t.slice(0,50), fs:+fs.toFixed(1)});
    if(cs.fontStyle==='italic' && EMO.test(t)) out.ital.push({tag, t:t.slice(0,60)});
    if(cs.textTransform==='uppercase' && /Cormorant/i.test(cs.fontFamily)) out.texte.push({tag, t:t.slice(0,50), capsCormorant:true, fs:+fs.toFixed(1)});
  }
  document.querySelectorAll('a[href],button,[role=button],[role=tab]').forEach(el=>{
    if(!vis(el)) return; const k='c|'+key(el); if(seen[k]) return; seen[k]=1;
    const r=el.getBoundingClientRect(); if(r.width<24||r.height<24) out.cibles.push({tag:el.tagName.toLowerCase()+'.'+(el.className||'').toString().trim().split(/\s+/)[0], t:(el.textContent||'').trim().slice(0,30), w:+r.width.toFixed(1), h:+r.height.toFixed(1)});
  });
  document.querySelectorAll('table').forEach(tb=>{
    if(!vis(tb)) return; const k='t|'+key(tb); if(seen[k]) return; seen[k]=1;
    let e=tb.parentElement, roule=false; while(e && e!==document.body){ const o=getComputedStyle(e).overflowX; if(o==='auto'||o==='scroll'){roule=true;break;} e=e.parentElement; }
    const r=tb.getBoundingClientRect(); const pr=tb.parentElement.getBoundingClientRect();
    if(r.width>pr.width+1 && !roule) out.tables.push({t:(tb.textContent||'').trim().slice(0,50), w:+r.width.toFixed(0), pw:+pr.width.toFixed(0)});
  });
  document.querySelectorAll('*').forEach(el=>{
    const cs=getComputedStyle(el); if(cs.display!=='grid'||!vis(el)) return; const k='g|'+key(el); if(seen[k]) return; seen[k]=1;
    const cols=cs.gridTemplateColumns.split(' ').length; const kids=[...el.children].filter(vis).length;
    if(cols>1 && kids>cols && kids%cols!==0) out.grilles.push({cls:(el.className||'').toString().trim().slice(0,40), cols, kids, orphelines: kids%cols});
  });
  return out;
}
"""

JS_OVERFLOW = r"""
() => { const d=document.documentElement; const w=d.clientWidth; const bad=[];
  document.querySelectorAll('body *').forEach(el=>{ if(el.closest('svg')) return; const r=el.getBoundingClientRect(); if(r.width<1) return;
    if(r.right>w+1 || r.left<-1){ let e=el.parentElement, clip=false; while(e){ const o=getComputedStyle(e).overflowX; if(o==='hidden'||o==='clip'||o==='auto'||o==='scroll'){clip=true;break;} e=e.parentElement;}
      bad.push({tag:el.tagName.toLowerCase()+'.'+(el.className||'').toString().trim().split(/\s+/)[0], right:+r.right.toFixed(0), left:+r.left.toFixed(0), clip}); } });
  return {scrollW:d.scrollWidth, clientW:w, n:bad.length, ex:bad.slice(0,12)}; }
"""

def ouvre_tout(page, seen, acc):
    """Clique chaque onglet et chaque sous-onglet, mesure après chaque état."""
    def mesure():
        o = page.evaluate(JS_MESURE, {'seen': seen})
        for k in ('texte','petits','ital','cibles','tables','grilles'): acc[k].extend(o[k])
        acc['nb'] += o['nb']
    mesure()
    tops = page.query_selector_all(TOPS)
    for b in tops:
        try: b.click(timeout=2000); page.wait_for_timeout(150)
        except Exception as e: acc['clics_rates'].append(str(e)[:80])
        mesure()
        # sous-onglets visibles
        subs = page.query_selector_all(SUBS)
        for s in subs:
            try:
                if not s.is_visible(): continue
                s.click(timeout=1500); page.wait_for_timeout(120); mesure()
            except Exception: pass
    # sommaires : on les ouvre
    for h in page.query_selector_all('.som-h, .som-hd, [aria-expanded]'):
        try:
            if h.is_visible(): h.click(timeout=800)
        except Exception: pass
    mesure()

with sync_playwright() as p:
    br = p.chromium.launch()
    res = {}
    for W,H in ((390,844),(1280,900)):
        ctx = br.new_context(viewport={'width':W,'height':H}, device_scale_factor=1)
        page = ctx.new_page()
        errs=[]; page.on('pageerror', lambda e: errs.append(str(e)[:200])); page.on('console', lambda m: errs.append('console.'+m.type+': '+m.text[:160]) if m.type in ('error','warning') else None)
        page.goto(URL, wait_until='load'); page.wait_for_timeout(1200)
        seen={}; acc=dict(texte=[],petits=[],ital=[],cibles=[],tables=[],grilles=[],nb=0,clics_rates=[])
        ouvre_tout(page, seen, acc)
        ov = page.evaluate(JS_OVERFLOW)
        # fonts réellement chargées ?
        fonts = page.evaluate("() => [...document.fonts].filter(f=>f.status==='loaded').map(f=>f.family+' '+f.weight+' '+f.style)")
        res[W] = dict(erreurs=errs, mesures=acc, overflow=ov, fonts=sorted(set(fonts)))
        page.screenshot(path=f'capture_{W}.png', full_page=False)
        ctx.close()
    for W in (320,768):
        ctx = br.new_context(viewport={'width':W,'height':800}); page=ctx.new_page(); page.goto(URL, wait_until='load'); page.wait_for_timeout(800)
        for b in page.query_selector_all(TOPS):
            try: b.click(timeout=1500); page.wait_for_timeout(100)
            except Exception: pass
        res[W]=dict(overflow=page.evaluate(JS_OVERFLOW)); ctx.close()
    br.close()
json.dump(res, open('audit_rendu.json','w'), ensure_ascii=False, indent=1)
for W,r in res.items():
    print(f'\n=== {W} px ===')
    if 'erreurs' in r:
        print('erreurs JS/console :', len(r['erreurs'])); [print('  ',e) for e in r['erreurs'][:10]]
        m=r['mesures']; print('nœuds texte mesurés :', m['nb'], '· clics ratés :', len(m['clics_rates']))
        print('contraste sous seuil :', len([x for x in m['texte'] if not x.get('capsCormorant')]), '· caps en Cormorant :', len([x for x in m['texte'] if x.get('capsCormorant')]))
        print('texte < 11,5 px :', len(m['petits']), '· émoji en italique :', len(m['ital']), '· cibles < 24 px :', len(m['cibles']), '· tableaux qui débordent sans rouleau :', len(m['tables']), '· grilles à orphelines :', len(m['grilles']))
        print('polices chargées :', r['fonts'])
    print('overflow :', r['overflow']['scrollW'], '/', r['overflow']['clientW'], '· éléments hors cadre :', r['overflow']['n'], r['overflow']['ex'][:5])

p1_ini.py · p1b_ini.py · p2_ini.py · p4_ini.py · p4b_ini.py · p4c_ini.py · p5_ini_mutations.pypython3 pX_ini.py (dans le dossier de ini.html)1 lignes

L'Initiation V18 → V19 : texte + cadence de la une · ConScience dans les données des instruments · forme · anatomie (voie minimale) · zoom + plancher une/pied · contraste/-ct · mutations (109).

(script absent du dossier outils/)

p6_retours_ini.pypython3 p6_retours_ini.py63 lignes

L'Initiation, retours du 17/09 14h : liens en ligne, cartes à leur pierre, colonne du Croisement, voiles .035, ▼ sur les plis, Donner Vie radial.

# -*- coding: utf-8 -*-
"""P6 · L'Initiation — les retours de Diane du 17 sept 14h, après la palette réparée (p3_palette.py : la racine est re-cherchée
avant d'être écrite — la V19 livrée à 05h avait perdu ~130 variables, d'où les figures noires, LE/À LA VIE en gris, la une sans
ses lueurs).
  1. les trois liens locaux → adresses en ligne (le-respect, ami-karma, larborescence-psychique) ;
  2. les cartes C1…C13 des Géométries prennent la couleur de leur pierre (bord + voile) ;
  3. le Croisement : les paragraphes 5 et 6 (.x-chap) et les plis (.x-plie) partagent la même colonne ;
  4. le fond : les voiles d'or des cantons descendent de .07 à .035 (le fond lit onyx, la lueur reste) ;
  5. chaque <details> visible porte un ▼ à droite, qui se retourne quand il est ouvert ;
  6. la une : « Donner Vie » en dégradé radial ; LE · À LA VIE retrouvent l'or pâle (variable revenue)."""
import re
h = open('ini.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

# 1 · liens
rep('href="Le_Respect_La_Loi_du_Reel_aMi.html#pv-loi"', 'href="https://agdistys.fr/le-respect#pv-loi"', why='lien Le Respect (#pv-loi)')
rep('href="Le_Respect_La_Loi_du_Reel_aMi.html"', 'href="https://agdistys.fr/le-respect"', n=2, why='lien Le Respect')
rep('href="6.0_KARMA_MapMonde_aMi.html"', 'href="https://agdistys.fr/ami-karma"', why='lien Karma')
rep('href="Arborescence_Sante_Mentale_aMi_V10.html"', 'href="https://agdistys.fr/larborescence-psychique"', why='lien Arborescence')
assert not re.search(r'href="[^"#h][^"]*\.html', h), 'il reste un lien local'

# 4 · les voiles d'or
n = 0
for a, b in (('rgba(var(--ambre-rgb),.07),transparent 46%)', 'rgba(var(--ambre-rgb),.035),transparent 46%)'),
             ('rgba(var(--ambre-rgb),.07),transparent 70%)', 'rgba(var(--ambre-rgb),.035),transparent 70%)'),
             ('rgba(var(--ambre-rgb),.07),transparent 62%)', 'rgba(var(--ambre-rgb),.035),transparent 62%)')):
    c = h.count(a); h = h.replace(a, b); n += c
J.append(f'voiles d’or des cantons .07 → .035 ×{n}')

# 6 · Donner Vie en radial
old = 'background:linear-gradient(180deg,var(--nacre) 0%,var(--ambre-ct) 30%,var(--ambre) 60%,var(--ambre-gras) 100%);\n  -webkit-background-clip:text'
assert h.count(old) == 1, h.count(old)
h = h.replace(old, 'background:radial-gradient(ellipse 70% 120% at 50% 35%,var(--nacre) 0%,var(--ambre-ct) 32%,var(--ambre) 64%,var(--ambre-gras) 100%);\n  -webkit-background-clip:text'); J.append('« Donner Vie » : dégradé radial')

css = '''
<style id="ami-retours-1">
/* ── RETOURS DU 17 SEPT (14h) ── */
/* 2 · les cartes C1…C13 : la couleur de leur pierre (color = --pierre-txt, posée en ligne par le script) */
#i-contenu #ami-geometries .g-carte{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 70%,transparent);background:color-mix(in srgb,currentColor 12%,var(--onyx))}
#ami-geometries .g-carte .g-c-n,#ami-geometries .g-carte em{color:currentColor;opacity:1}
#i-contenu #ami-geometries .g-carte:hover{background:color-mix(in srgb,currentColor 20%,var(--onyx));box-shadow:inset 0 0 0 1px currentColor}
@supports not (background:color-mix(in srgb,red 9%,blue)){#ami-geometries .g-carte{background:rgba(var(--onyx-rgb),.55)}}
/* 3 · le Croisement : une seule colonne de lecture pour les paragraphes et les plis */
#i-contenu #ami-croisement .x-plie{max-width:calc(760px + 2rem)}
/* 5 · un pli se voit : ▼ à droite, retourné quand c'est ouvert */
#i-contenu details > summary{position:relative;padding-right:2.2rem!important;list-style:none}
#i-contenu details > summary::-webkit-details-marker{display:none}
#i-contenu details > summary::after{content:'▼';position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:.8em;opacity:.85;transition:transform .18s;color:currentColor}
#i-contenu details[open] > summary::after{transform:translateY(-50%) rotate(180deg)}
#ami-metamatrice .mm-d summary:before{content:''}
#ami-metamatrice .mm-d[open] summary:before{content:''}
@media(prefers-reduced-motion:reduce){#i-contenu details > summary::after{transition:none}}
</style>
'''
rep('</head>', css + '</head>', why='feuille des retours')
open('ini.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p7_retours2_ini.pypython3 p7_retours2_ini.py53 lignes

L'Initiation, retours du 17/09 15h : toit sur 2 lignes, sous-onglets colorés et collés sous la barre, C12, Déflagration/Miroir.

# -*- coding: utf-8 -*-
"""P7 · L'Initiation — retours de Diane du 17 sept 15h.
  1. C12 Le Miroir : « sugilite · quartz rose » (la pierre de la Charte, et le voile de la page) ;
  2. l'onglet-toit sur deux lignes : le sous-titre sous le titre, toujours ;
  3. les sous-onglets : sous-titre à la couleur de l'onglet principal (--tc/--tcl posés sur chaque .sbar par volet),
     sans capitales, plus petit que le titre ; le titre de sous-onglet ne dépasse plus celui de l'onglet ;
  4. la sous-barre collait sous la barre du site et passait DERRIÈRE la barre des onglets (top:--nav-h seul) → sous les onglets ;
  5. la Spirale : « Déflagration » sortait du mode Miroir seulement si la forme changeait ; il en sort toujours (une ligne du moteur,
     à la demande de Diane : le bouton Miroir se comportait comme une case à cocher)."""
h = open('ini.html', encoding='utf-8').read()
J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    if c != n: raise SystemExit(f'✗ attendu {n}, trouvé {c} : {why or old[:70]!r}')
    h = h.replace(old, new); J.append(f'{why or old[:60]} ×{n}')

rep("p:'quartz-rose', pn:'quartz rose',", "p:'quartz-rose', pn:'sugilite · quartz rose',", why='C12 : sugilite · quartz rose')

rep("""    if(S.cible!=='tore'){ S.prec = S.cible; S.cible = 'tore'; S.morph = 0; S.miroir=false;
      RACINE.classList.remove('miroir'); majBarre(); }
    S.cVise = 0.09;""",
"""    if(S.cible!=='tore'){ S.prec = S.cible; S.cible = 'tore'; S.morph = 0; }
    /* la Déflagration sort TOUJOURS du Miroir — pas seulement quand la forme change (Diane, 17 sept) */
    S.miroir=false; RACINE.classList.remove('miroir'); majBarre();
    S.cVise = 0.09;""", why='Spirale : Déflagration sort du Miroir dans tous les cas')

# les couleurs des cinq volets, telles que les onglets les portent
VOL = {'contrat': ('cornaline', '255,120,0'), 'nature': ('emeraude', '11,141,56'), 'croisement': ('amethyste', '160,74,250'),
       'culture': ('rubis', '227,50,50'), 'formule': ('ambre', '255,197,69')}
sbars = '\n'.join(f'#pan-{k} .sbar{{--tc:var(--{p});--tcl:var(--{p}-ct);--tc-rgb:{rgb}}}' for k, (p, rgb) in VOL.items())
css = '''
<style id="ami-retours-2">
/* ── RETOURS DU 17 SEPT (15h) ── */
/* 2 · l'onglet-toit : titre, puis sous-titre dessous */
#i-tl .ong.ong-toit{flex-wrap:wrap;row-gap:.1rem}
#i-tl .ong.ong-toit .os{flex:1 0 100%;text-align:center}
/* 3 · les sous-onglets : la couleur de leur volet, et pas plus gros que les onglets */
''' + sbars + '''
#i-contenu .sbar .sng{color:var(--gris-cl)}
#i-contenu .sbar .sng .sot{font-size:.84rem;color:var(--tcl)}
#i-contenu .sbar .sng .sos{font-size:.72rem;text-transform:none;letter-spacing:.03em;color:var(--tcl);opacity:.82}
#i-contenu .sbar .sng[aria-selected="true"] .sos{opacity:1}
#i-tl .ong .ot{font-size:.9rem}
@media(max-width:720px){#i-tl .ong .ot{font-size:.8rem}#i-contenu .sbar .sng .sot{font-size:.78rem}}
/* 4 · la sous-barre colle SOUS la barre des onglets, pas derrière */
#i-contenu .sbar{top:calc(min(var(--nav-h,0px),9rem) + var(--bar-h,0px))!important;z-index:19}
</style>
'''
rep('</head>', css + '</head>', why='feuille des retours 2')
open('ini.html', 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p8_sans_pont_iframe.pypython3 p8_sans_pont_iframe.py ini.html18 lignes

L'Initiation, 17/09 20h53 : ôte le pont iframe mort des 5 instruments (window.parent/postMessage) — hypothèse « mots filtrés », réfutée ensuite.

# -*- coding: utf-8 -*-
"""P8 · L'Initiation — le pont iframe s'en va. Cinq instruments gardaient un « mesure() » qui envoyait leur hauteur à
window.parent par postMessage (héritage du temps où ils vivaient dans des iframes). Ici la page est collée en ligne :
window.parent === window, le code ne faisait rien — mais « window.parent » et « postMessage » sont exactement les mots
qu'un hébergeur filtre « par mesure de sécurité », et l'Initiation est LA SEULE page du corpus à les porter (Apokalypse,
PsychaTrice, l'Union : 0). Hypothèse pour le bloc Webnode qui reste vide (Diane, 17 sept 20h50)."""
import re
h = open('ini.html', encoding='utf-8').read()
n0 = h.count('postMessage') + h.count('window.parent')
h2, a = re.subn(r"try\{ if\(window\.parent && window\.parent!==window\)\s*window\.parent\.postMessage\(\{type:'astroHeight',\s*height:[^}]*\}, '\*'\); \}catch\(_\)\{\}",
                "/* pont iframe ôté (P8, 17 sept) : la page est collée en ligne, rien à mesurer pour un parent */", h)
h2, b = re.subn(r"try\{var h=document\.documentElement\.scrollHeight;\s*parent\.postMessage\(\{type:'astroHeight',height:h\},'\*'\);\s*parent\.postMessage\(\{type:'ami-widget-resize',height:h\},'\*'\);\}catch\(e\)\{\}",
                "/* pont iframe ôté (P8, 17 sept) */", h2)
h = h2
assert 'postMessage' not in h and 'window.parent' not in h and 'parent.postMessage' not in h, (h.count('postMessage'), h.count('window.parent'))
open('ini.html', 'w', encoding='utf-8').write(h)
print(f'✓ pont iframe ôté : {a} mesure() + {b} sendH() — {n0} mots window.parent/postMessage → 0')

p9_bom_dans_le_texte.pypython3 p9_bom_dans_le_texte.py11 lignes

17/09 : un BOM (U+FEFF) copié dans le texte — cherché, ôté.

# -*- coding: utf-8 -*-
"""P9 · L'Initiation — un caractère U+FEFF (marque d'ordre d'octets, invisible) vivait EN CLAIR au milieu d'un script
(l'export CSV d'un instrument : new Blob([''+csv]) pour qu'Excel lise l'UTF-8). Aucune des trois pages qui passent
sur Webnode n'en porte ; l'Initiation (V18 comme V19) en a un — deuxième candidat pour le bloc vide (17 sept 21h10).
Remplacé par son échappement JS '\\uFEFF' : même octets dans le fichier CSV produit, plus de caractère invisible dans la page."""
h = open('ini.html', encoding='utf-8').read()
n = h.count(''); assert n == 1 and "[''+csv]" in h, n
h = h.replace("[''+csv]", "['\\uFEFF'+csv]")
assert '' not in h
open('ini.html', 'w', encoding='utf-8').write(h); print('✓ U+FEFF en clair → \\uFEFF échappé ×1')

p10_moins_de_lignes.pypython3 p10_moins_de_lignes.py (lit et réécrit ini.html)51 lignes

Compacte sans changer le sens : terser sur les blancs/commentaires des scripts, une règle CSS par ligne (24 531 → 7 668 lignes, rendu identique).

# -*- coding: utf-8 -*-
"""P10 · L'Initiation — MOINS DE LIGNES. Les quatre tests Webnode (17 sept 21h30) montrent : chaque morceau passe, le fichier
entier ne passe pas — ce n'est donc pas un contenu, c'est un seuil. Pas les octets (Apokalypse 3,0 Mo passe, l'Initiation
2,78 Mo non) : les LIGNES. Apokalypse 6 640 lignes, PsychaTrice 7 189, l'Union 11 239, le test D (passe) 16 995 —
l'Initiation 24 771. Hypothèse : un plafond entre 17 000 et 24 700 lignes dans le bloc « Code HTML ».
Remède sans rien changer au rendu : les scripts passent par terser (blancs et commentaires seulement — ni compress ni
mangle, le code reste lisible mot à mot), les feuilles perdent leurs commentaires et leurs retours à la ligne,
les lignes vides du HTML s'en vont. Le HTML lui-même n'est pas touché (un retour à la ligne y est un espace)."""
import re, subprocess, tempfile, os
h = open('ini.html', encoding='utf-8').read()
L0 = h.count('\n')
# un commentaire HTML qui cite « <script> » trompe tout découpage (le mien, et peut-être celui de l'hébergeur) : on le neutralise
h = re.sub(r'<!--(.*?)-->', lambda m: '<!--' + m.group(1).replace('<script', '‹script').replace('</script', '‹/script') + '-->', h, flags=re.S)

def js_min(code):
    with tempfile.NamedTemporaryFile('w', suffix='.js', delete=False, encoding='utf-8') as f: f.write(code); p = f.name
    try:
        r = subprocess.run(['terser', p, '--format', 'beautify=false,comments=false,max_line_len=800'], capture_output=True, text=True, encoding='utf-8')
        if r.returncode != 0: raise SystemExit('✗ terser : ' + r.stderr[:400])
        return r.stdout
    finally: os.unlink(p)

n_js = 0
def sub_script(m):
    global n_js
    ouv, code, ferm = m.group(1), m.group(2), m.group(3)
    if 'src=' in ouv or 'type="application' in ouv or 'type="text/template' in ouv: return m.group(0)
    n_js += 1
    return ouv + '\n' + js_min(code).replace('</script', '<\\/script') + '\n' + ferm
h = re.sub(r'(<script\b[^>]*>)(.*?)(</script>)', sub_script, h, flags=re.S)

n_css = 0
def sub_style(m):
    global n_css; n_css += 1
    css = m.group(2)
    css = re.sub(r'/\*.*?\*/', '', css, flags=re.S)          # commentaires
    css = re.sub(r'\s*\n\s*', ' ', css)                         # retours à la ligne → espace
    css = re.sub(r'\}', '}\n', css)                             # une règle par ligne (lisible, et très en-dessous du seuil)
    return m.group(1) + '\n' + css.strip() + '\n' + m.group(3)
# les feuilles, hors des scripts (un script écrit parfois « <style> » dans une chaîne : on ne le découpe pas)
parts = re.split(r'(<script\b[^>]*>.*?</script>)', h, flags=re.S)
for k in range(0, len(parts), 2):
    parts[k] = re.sub(r'(<style\b[^>]*>)(.*?)(</style>)', sub_style, parts[k], flags=re.S)
h = ''.join(parts)

# les lignes vides du HTML (hors <pre>/<textarea> : la page n'en a pas qui comptent sur des vides)
h = re.sub(r'\n[ \t]*\n(?:[ \t]*\n)+', '\n', h)
L1 = h.count('\n')
open('ini.html', 'w', encoding='utf-8').write(h)
print(f'✓ {n_js} scripts par terser (blancs/commentaires), {n_css} feuilles compactées · lignes {L0:,} → {L1:,} · {len(h.encode())/1e6:.2f} Mo')

p12_test_k_jetons.pypython3 p12_test_k_jetons.py J.html K.html33 lignes

TEST K : les 27 jetons d'API JS propres à l'Initiation écrits en deux morceaux — même code, aucune signature textuelle. Refusé par Webnode : pas un filtre de mots.

# -*- coding: utf-8 -*-
"""TEST K · 17 sept 23h. Mesuré sur les 236 pages du sitemap agdistys.fr : l'hébergeur accepte 3,1 Mo (ami-astroglobe, un
script de 1,8 Mo), donc ni les octets ni les lignes. Les seuls jetons d'API JS de l'Initiation qu'AUCUNE page en ligne
ne contient : AudioContext (+ createGain/createOscillator/frequency/currentTime/…RampToValueAtTime/setValueAtTime),
Float32Array, RegExp, acceptNode/nodeValue, createImageData/putImageData/drawImage, insertAdjacentHTML, onerror,
pointerId/setPointerCapture, roundRect, scrollBehavior, removeProperty, shadowBlur/shadowColor, zIndex, cancelable.
K = J avec chacun de ces jetons écrit en deux morceaux (x["insert"+"AdjacentHTML"]) : même code, mêmes appels,
mais aucune signature textuelle. Si K passe → c'est un filtre de mots ; on cherche lequel. Si K ne passe pas → autre chose."""
import re, sys
SRC = sys.argv[1]; OUT = sys.argv[2]
h = open(SRC, encoding='utf-8').read()
TOK = ['AudioContext','webkitAudioContext','createGain','createOscillator','frequency','currentTime','setValueAtTime',
       'exponentialRampToValueAtTime','linearRampToValueAtTime','Float32Array','RegExp','acceptNode','nodeValue',
       'createImageData','putImageData','drawImage','insertAdjacentHTML','onerror','pointerId','setPointerCapture',
       'roundRect','scrollBehavior','removeProperty','shadowBlur','shadowColor','zIndex','cancelable']
def deux(t): k = len(t)//2; return '"' + t[:k] + '"+"' + t[k:] + '"'
n = {}
def sub_script(m):
    ouv, code, ferm = m.group(1), m.group(2), m.group(3)
    for t in TOK:
        c0 = code
        code = re.sub(r'\.' + t + r'\b', '[' + deux(t) + ']', code)                       # x.tok → x["t"+"ok"]
        code = re.sub(r'\bnew\s+' + t + r'\s*\(', 'new (window[' + deux(t) + '])(', code)  # new Tok( → new (window["T"+"ok"])(
        code = re.sub(r'(?<![\w$.\'"])' + t + r'\s*\(', '[' + deux(t) + '](', code) if t == 'acceptNode' else code  # méthode d'objet littéral
        code = re.sub(r'(?<=[{,])\s*' + t + r'\s*:', '[' + deux(t) + ']:', code)           # {tok: → {["t"+"ok"]:
        if code != c0: n[t] = n.get(t, 0) + 1
    return ouv + code + ferm
h = re.sub(r'(<script\b[^>]*>)(.*?)(</script>)', sub_script, h, flags=re.S)
h = h.replace('data-test="J"', 'data-test="K"')
reste = [t for t in TOK if re.search(r'(?<!["\w])' + t + r'(?!["\w])', ' '.join(re.findall(r'<script\b[^>]*>(.*?)</script>', h, re.S)))]
open(OUT, 'w', encoding='utf-8').write(h)
print('✓ K :', ', '.join(f'{k}×{v}' for k, v in n.items()), '\n  jetons encore nus :', reste or 'aucun', f'\n  {len(h.encode())/1e6:.2f} Mo')

p13_retours3_ini.pypython3 p13_retours3_ini.py ini_p10_avant.html ini_p13_lisible.html127 lignes

18/09 03h : 4 onglets (Formule Magique ôtée, la Dette versée dans le widget Respect), Emporter avant le pied, tanzanite/émeraude, Contrat ouvert au chargement, script « colle » (sticky mort sous overflow hidden).

# -*- coding: utf-8 -*-
"""P13 · L'Initiation — retours de Diane du 18 sept (01h50-03h20), sur la source LISIBLE (ini_p10_avant → ini.html ; p10 rejoue ensuite).
1. L'onglet 🌬️ Formule Magique s'en va : vérifié phrase à phrase, son contenu est celui du volet 🌬️ du widget Le Respect
   (📕 la Culture) — seule la table « La Dette, en Quatre Langages » manquait : elle est versée dans le widget, à sa place.
   4 onglets de base : 📜 le toit des Contrats · 🌳 la Nature · 🌱 le Croisement · 📕 la Culture.
2. ◈ Emporter cette page sort du volet et revient avant le pied (toujours visible), comme dans 0.1/0.2/0.3.
3. Couleurs : une pierre par volet qui descend partout (onglet → sous-barre → halo du portail). Croisement = TANZANITE
   (l'Alliance : Nature + Culture — dit par Diane) ; MétaMatrice → émeraude (son volet) ; Vibration → halo émeraude, le rubis
   reste sur la ligne « la pierre » ; le portail Culture perd le fond noir plat (#ami-respect → transparent).
4. Onglets collés sur Webnode : mesuré en ligne, .b-c et .wnd-page ont overflow:hidden → position:sticky ne colle jamais.
   Script « colle » : si un ancêtre coupe le sticky, les barres (primaire, secondaires, tertiaires) sont fixées par script
   sous l'en-tête fixe du site, en pile, avec un fantôme de même hauteur. Sur le fichier autonome, sticky natif + tertiaires collants."""
import re, sys
SRC = sys.argv[1] if len(sys.argv) > 1 else 'ini_p10_avant.html'
OUT = sys.argv[2] if len(sys.argv) > 2 else 'ini.html'
h = open(SRC, encoding='utf-8').read()
n = 0
def rep(old, new, k=1, label=''):
    global h, n
    c = h.count(old)
    assert c == k, f'✗ {label or old[:60]!r} : {c} occurrence(s), {k} attendue(s)'
    h = h.replace(old, new); n += 1

# ── 1. l'onglet Formule Magique ─────────────────────────────────────────────────────────────
# le bouton de la barre
m = re.search(r'<button class="ong n-b" type="button" role="tab" data-p="formule".*?</button>', h, re.S)
assert m and h.count('data-p="formule"') >= 1
h = h[:m.start()] + h[m.end():]; n += 1
rep(', et la Formule Magique"', '"', 1, 'aria-label barre')
rep('🌬️ La Formule Magique tient le tout ensemble, et ferme le volume.',
    '🌬️ La Formule Magique tient le tout ensemble — elle vit dans 📕 la Culture, avec Le Respect.', 1, 'règle')
rep('<b>Ici, les plans sont les quatre onglets de cette page</b> — 🌳 la Nature, 🌱 le Croisement, 📕 la Culture et 🌬️ La Formule Magique.',
    '<b>Ici, les plans sont les trois onglets de cette page</b> — 🌳 la Nature, 🌱 le Croisement, 📕 la Culture (où vit 🌬️ La Formule Magique, avec Le Respect).', 1, 'contrat')
rep('#pan-formule .sbar{--tc:var(--ambre);--tcl:var(--ambre-ct);--tc-rgb:255,197,69}\n', '', 1, 'css sbar formule')
# le volet entier, l'Emporter extrait
i = h.find('<div class="i-panneau" id="pan-formule"'); e = h.find('</main>', i); assert i > 0 and e > i
F = h[i:e]
emp = re.search(r'<section class="emporter".*?</section>', F, re.S); assert emp
# la table de la Dette, versée dans le widget Le Respect (fmq du volet Formule), après l'huissier
dette = ('<h5 class="fm-h3 fm-centre">La Dette, en Quatre Langages</h5>\n<div class="fmq">'
         '<b>1 ·</b> «&#8239;La dette est strictement proportionnelle aux dégâts infligés, et ne devient mesurable qu\'une fois la ConScience restaurée.&#8239;» <i>— la plus directe et juridique</i><br>'
         '<b>2 ·</b> «&#8239;Le coût de la Dette équivaut aux violences infligées sur autrui&#8239;; elle ne peut se solder qu\'à ConScience restaurée.&#8239;» <i>— version «&#8239;Axiome aMi&#8239;» pour le lexique</i><br>'
         '<b>3 ·</b> «&#8239;L\'Agresseur accumule une dette proportionnelle aux dégâts qu\'il inflige&#8239;; une dette que seule la restauration de la Vérité (la ConScience) peut solder.&#8239;» <i>— plus percutante, façon punchline</i><br>'
         '<b>4 ·</b> «&#8239;La Dette Karmique est la somme exacte des dégâts infligés sous couvert de déni. Son seul mode de remboursement est la restauration de la ConScience.&#8239;» <i>— équation complète</i></div>\n')
h = h[:i] + emp.group(0) + '\n' + h[e:]; n += 1
anc = 'La ConScience est La Vie qui Se ReConnait &amp; Protège.</b></div>\n'
assert h.count(anc) == 1, 'ancre huissier'
h = h.replace(anc, anc + dette); n += 1
assert h.count('id="pan-formule"') == 0 and h.count('data-p="formule"') == 0

# ── 3. couleurs ────────────────────────────────────────────────────────────────────────────
TZ = '--tc:var(--tanzanite);--tcl:var(--tanzanite-ct);--tc-rgb:107,99,255'
rep('--tc:var(--amethyste);--tcl:var(--amethyste-ct);--tc-rgb:160,74,250;--tcx:var(--amethyste-ct)', TZ + ';--tcx:var(--tanzanite-ct)', 1, 'onglet croisement')
rep('#pan-croisement .sbar{--tc:var(--amethyste);--tcl:var(--amethyste-ct);--tc-rgb:160,74,250}', '#pan-croisement .sbar{' + TZ + '}', 1, 'sbar croisement')
rep('<div class="portail" style="--tc:var(--emeraude);--tcl:var(--emeraude);--tc-rgb:11,141,56">', '<div class="portail" style="' + TZ + '">', 1, 'portail croisement')
rep('<div class="portail" style="--tc:var(--amazonite);--tcl:var(--amazonite);--tc-rgb:0,159,157">', '<div class="portail" style="' + TZ + '">', 1, 'portail justifications')
rep('<div class="portail" style="--tc:var(--saphir);--tcl:var(--saphir);--tc-rgb:0,119,238">', '<div class="portail" style="--tc:var(--emeraude);--tcl:var(--emeraude-ct);--tc-rgb:11,141,56">', 1, 'portail métamatrice')
rep('<div class="portail" style="--tc:var(--rubis);--tcl:var(--rubis);--tc-rgb:227,50,50">', '<div class="portail" style="--tc:var(--emeraude);--tcl:var(--emeraude-ct);--tc-rgb:11,141,56">', 1, 'portail vibration')

# ── 4. la colle + les tertiaires + le fond de Culture ─────────────────────────────────────
CSS = '''
<style id="ami-retours-3">
/* 18 sept — retours de Diane : tertiaires collants ; le fond noir plat sous le portail Culture s'en va ;
   fantôme et barres fixées par le script « colle » quand l'hébergeur coupe le sticky (overflow:hidden). */
#i-contenu #ami-respect{background:transparent}
#i-contenu .bande,#i-contenu .tabs,#i-contenu .rc-tabs{position:sticky;top:var(--pile,0px);z-index:17;background:var(--onyx)}
.i-colle-ph{display:block;width:100%}
.i-colle-fixe{box-shadow:0 8px 20px rgba(0,0,0,.45);background:var(--onyx,#09090e)}
</style>
'''
JS = r'''
<script id="ami-colle-js">
(function(){"use strict";
  var R=document.documentElement,C=document.getElementById("i-contenu");if(!C)return;
  function coupe(el){for(var e=el.parentElement;e&&e!==document.body;e=e.parentElement){var o=getComputedStyle(e).overflowY;if(o==="hidden"||o==="clip"||o==="auto"||o==="scroll")return true}return false}
  var TL=document.getElementById("i-tl");if(!TL||!coupe(TL))return;  /* sticky natif : rien à faire */
  R.classList.add("i-colle-js");
  var SEL="#i-tl,.i-panneau .sbar,.i-panneau .bande,.i-panneau .tabs,.i-panneau .rc-tabs,.i-panneau .x-vues";
  function hote(){var m=0,ls=document.querySelectorAll("header,nav,div");for(var i=0;i<ls.length&&i<400;i++){var el=ls[i];if(C.contains(el))continue;var s=getComputedStyle(el);if(s.position!=="fixed")continue;var r=el.getBoundingClientRect();if(r.top<=1&&r.height>24&&r.height<320&&r.width>innerWidth*.6)m=Math.max(m,r.bottom)}return m}
  function cont(el){if(el===TL)return C;return el.closest(".svolet,#ami-respect,#ami-croisement,.i-panneau")||C}
  var E=new Map();
  /* un ancêtre avec backdrop-filter / transform / filter devient le repère d'un fixed : on le neutralise le temps du collage */
  var PROPS=["backdrop-filter","-webkit-backdrop-filter","transform","filter","perspective"];
  function libere(el,st){st.anc=[];for(var e=el.parentElement;e&&e!==document.body;e=e.parentElement){var s=getComputedStyle(e);if(s.backdropFilter!=="none"||s.webkitBackdropFilter!=="none"||s.transform!=="none"||s.filter!=="none"||s.perspective!=="none"){st.anc.push(e);PROPS.forEach(function(p){e.style.setProperty(p,"none","important")})}}}
  function rend(st){(st.anc||[]).forEach(function(e){PROPS.forEach(function(p){e.style.removeProperty(p)})});st.anc=[]}
  function defixe(el,st){if(!st.fixe)return;["position","top","left","width","z-index"].forEach(function(p){el.style.removeProperty(p)});el.classList.remove("i-colle-fixe");rend(st);if(st.ph&&st.ph.parentNode)st.ph.parentNode.removeChild(st.ph);st.fixe=false}
  function maj(){
    var top=hote(),z=60,bars=[].slice.call(document.querySelectorAll(SEL));
    bars.forEach(function(el){
      var st=E.get(el);if(!st){st={ph:null,fixe:false};E.set(el,st)}
      var ref=st.fixe?st.ph:el;
      if(ref.offsetParent===null||(!st.fixe&&el.getBoundingClientRect().height<8)){defixe(el,st);return}
      var r=ref.getBoundingClientRect(),cr=cont(el).getBoundingClientRect(),hh=st.fixe?st.ph.offsetHeight:r.height;
      if(r.top<=top&&cr.bottom>top+hh){
        if(!st.fixe){st.ph=st.ph||document.createElement("div");st.ph.className="i-colle-ph";st.ph.style.height=r.height+"px";el.parentNode.insertBefore(st.ph,el);st.fixe=true;el.classList.add("i-colle-fixe");libere(el,st)}
        var pr=st.ph.getBoundingClientRect();
        el.style.setProperty("position","fixed","important");el.style.setProperty("top",top+"px","important");
        el.style.setProperty("left",pr.left+"px","important");el.style.setProperty("width",pr.width+"px","important");
        el.style.setProperty("z-index",String(z--),"important");
        top+=el.offsetHeight;
      }else defixe(el,st);
    });
    R.style.setProperty("--pile",top+"px");
  }
  addEventListener("scroll",maj,{passive:true});addEventListener("resize",maj);document.addEventListener("click",function(){setTimeout(maj,60);setTimeout(maj,400)});
  setInterval(maj,700);maj();
})();
</script>
'''
rep('</body></html>', CSS + JS + '</body></html>', 1, 'fin de fichier')
open(OUT, 'w', encoding='utf-8').write(h)
print(f'✓ p13 : {n} gestes · {len(h.encode())/1e6:.2f} Mo → {OUT}')

# ── 5. le Contrat (le toit) ouvert au chargement — dit par Diane le 18/09 (01h50) ────────────
h = open(OUT, encoding='utf-8').read(); n = 0
rep('id="tab-contrat" aria-controls="pan-contrat" aria-selected="false" tabindex="-1"', 'id="tab-contrat" aria-controls="pan-contrat" aria-selected="true" tabindex="0"', 1, 'tab contrat')
rep('id="tab-nature" aria-controls="pan-nature" aria-selected="true" tabindex="0"', 'id="tab-nature" aria-controls="pan-nature" aria-selected="false" tabindex="-1"', 1, 'tab nature')
rep('aria-labelledby="tab-contrat" tabindex="0" hidden>', 'aria-labelledby="tab-contrat" tabindex="0">', 1, 'pan contrat')
rep('aria-labelledby="tab-nature" tabindex="0">', 'aria-labelledby="tab-nature" tabindex="0" hidden>', 1, 'pan nature')
rep("o.dataset.p==='nature'", "o.dataset.p==='contrat'", 1, 'export : onglet premier')
rep("p.dataset.p!=='nature'", "p.dataset.p!=='contrat'", 1, 'export : volet premier')
rep("    majNavH();\n    try { if((location.hash || '').slice(1) !== k) history.replaceState",
    "    majNavH();\n    /* 18/09 — un volet qui n'était pas ouvert au chargement a des toiles mesurées à 0 (les Quatre Constances) : on leur redonne une mesure */\n    requestAnimationFrame(function(){ try { window.dispatchEvent(new Event('resize')); } catch(e){} });\n    try { if((location.hash || '').slice(1) !== k) history.replaceState", 1, 'resize après ouverture')
rep("length) dep = 'vibration';", "length) dep = 'contrat';", 1, 'volet par défaut au chargement')
open(OUT, 'w', encoding='utf-8').write(h)
print(f'✓ p13 (5) : {n} gestes — le toit ouvert au chargement')

p14_retours4_ini.pypython3 p14_retours4_ini.py ini_p13_lisible.html ini_p14_lisible.html56 lignes

18/09 05h : portail Culture fusionné, intro dans ⚓️ La Loi du Réel, trois rangées collées, SEL colle unique, détection comportementale du sticky mort.

# -*- coding: utf-8 -*-
"""P14 · L'Initiation — retours de Diane du 18 sept 04h, sur la source lisible (après p13, avant p10).
1. 📕 Culture : un seul portail — « La Culture Respectueuse / l'Acquis · le Pourquoi · ce qui se transmet / La Fierté à Honorer /
   Vérité · Liberté · Coût du Non · Mémoire » ; la une du widget (« Le Respect Culturel ») fusionnée dedans.
2. L'intro générale (Si la Nature est le champ… / ◈ La Mitose / La même planche existe en page autonome…) descend dans le volet
   ⚓️ La Loi du Réel, après son en-tête : après le portail viennent directement les volets et leurs sous-onglets.
3. Trois rangées collées l'une sous l'autre : onglets · volets (.pbar du widget) · sous-onglets (.sbar) — et une détection
   COMPORTEMENTALE : si, une fois la barre dépassée, elle a défilé avec le contenu (sticky mort, quelle qu'en soit la cause :
   overflow d'un conteneur, aperçu dans un cadre…), le script « colle » prend la main."""
import re, sys
SRC = sys.argv[1]; OUT = sys.argv[2]
h = open(SRC, encoding='utf-8').read(); n = 0
def rep(old, new, k=1, label=''):
    global h, n
    c = h.count(old); assert c == k, f'✗ {label or old[:60]!r} : {c} occurrence(s), {k} attendue(s)'
    h = h.replace(old, new); n += 1

# ── 1. le portail unique ─────────────────────────────────────────────────────────────────
old_por = ('<div class="portail" style="--tc:var(--rubis);--tcl:var(--rubis-ct);--tc-rgb:227,50,50"><span class="po-em">📕</span><p class="po-t">Culture</p><p class="po-s">l’Acquis · le Pourquoi · ce qui se transmet</p></div>'
           '<div class="une cu-une"><h1>Le Respect Culturel</h1><p class="sub">La Fierté à Honorer<br><span class="q1">Vérité</span> · <span class="q2">Liberté</span> · <span class="q3">Coût du Non</span> · <span class="q4">Mémoire</span></p></div>')
new_por = ('<div class="portail" style="--tc:var(--rubis);--tcl:var(--rubis-ct);--tc-rgb:227,50,50"><span class="po-em">📕</span><p class="po-t">La Culture Respectueuse</p>'
           '<p class="po-s">l’Acquis · le Pourquoi · ce qui se transmet<br><span class="po-s2">La Fierté à Honorer</span></p>'
           '<p class="po-q"><span class="q1">Vérité</span> · <span class="q2">Liberté</span> · <span class="q3">Coût du Non</span> · <span class="q4">Mémoire</span></p></div>')
rep(old_por, new_por, 1, 'portail Culture fusionné')

# ── 2. l'intro descend dans ⚓️ La Loi du Réel ────────────────────────────────────────────
m = re.search(r'<div class="cu-wrap">.*?</div>(?=\s*<div class="pwrap">)', h, re.S); assert m, 'cu-wrap'
intro = m.group(0).replace('au-dessus des quatre onglets', 'au-dessus des trois onglets')
h = h[:m.start()] + h[m.end():]; n += 1
anc = "<em>L'article complet, Les Lois de la Vie, en donne la démonstration pas à pas.</em></p></div>"
assert h.count(anc) == 1, 'ancre en-tête Loi du Réel'
h = h.replace(anc, anc + intro); n += 1

# ── 3. la colle : trois rangées, et la détection comportementale ─────────────────────────
rep('#i-contenu .bande,#i-contenu .tabs,#i-contenu .rc-tabs{position:sticky;top:var(--pile,0px);z-index:17;background:var(--onyx)}',
    '#i-contenu .rc-tabs{position:sticky;top:var(--pile,0px);z-index:17;background:var(--onyx)}\n'
    '#i-contenu #ami-respect .pvolet .sbar{top:var(--pile,0px)!important}\n'
    '#i-contenu .portail .po-q{margin:.5rem 0 0;font-family:\'Cormorant Garamond\',serif;font-style:italic;font-size:1.05rem}\n'
    '#i-contenu .portail .po-q .q1{color:var(--amazonite-ct)}#i-contenu .portail .po-q .q2{color:var(--sugilite-ct)}#i-contenu .portail .po-q .q3{color:var(--tanzanite-ct)}#i-contenu .portail .po-q .q4{color:var(--emeraude-ct)}',
    1, 'css tertiaires')
rep('var SEL="#i-tl,.i-panneau .sbar,.i-panneau .bande,.i-panneau .tabs,.i-panneau .rc-tabs,.i-panneau .x-vues";',
    'var SEL="#i-tl,.i-panneau .sbar,.i-panneau .pbar,.i-panneau .rc-tabs,.i-panneau .x-vues";', 1, 'SEL colle')
old_dem = '  var TL=document.getElementById("i-tl");if(!TL||!coupe(TL))return;  /* sticky natif : rien à faire */\n  R.classList.add("i-colle-js");'
new_dem = '''  var TL=document.getElementById("i-tl");if(!TL)return;
  var actif=false;
  function demarre(){if(actif)return;actif=true;R.classList.add("i-colle-js");document.addEventListener("scroll",maj,{passive:true,capture:true});addEventListener("resize",maj);document.addEventListener("click",function(){setTimeout(maj,60);setTimeout(maj,400)});setInterval(maj,700);maj()}
  /* détection comportementale : la barre dépassée a-t-elle collé ? sinon le script prend la main (cause indifférente) */
  function verif(){if(actif)return;var r=TL.getBoundingClientRect();var att=parseFloat(getComputedStyle(TL).top)||0;if(r.top<att-6&&r.top<0)demarre()}
  if(coupe(TL))demarre();else document.addEventListener("scroll",verif,{passive:true,capture:true});'''
rep(old_dem, new_dem, 1, 'démarrage colle')
rep('''  addEventListener("scroll",maj,{passive:true});addEventListener("resize",maj);document.addEventListener("click",function(){setTimeout(maj,60);setTimeout(maj,400)});
  setInterval(maj,700);maj();
})();''', '})();', 1, 'ancien démarrage')
open(OUT, 'w', encoding='utf-8').write(h)
print(f'✓ p14 : {n} gestes · {len(h.encode())/1e6:.2f} Mo → {OUT}')

p15_cadre_webnode.pypython3 p15_cadre_webnode.py Page_Vn.html Page_Vn_WEBNODE.html50 lignes

LA VOIE WEBNODE : la page entière dans un iframe srcdoc (échappée), le Pont injecté, dimensionneur de hauteur (se tait en plein écran / repli). Dérivé à régénérer à chaque version — réglages cosmo, decr (FIX + #ami-zoom), ego (19/09) — réglage 'et' pour 5.3 Astro · Espace-Temps (20/09 : #et-toc-btn et #et-toc-panel dans FIX).

# -*- coding: utf-8 -*-
"""P15 · LA VOIE DE PUBLICATION WEBNODE — la page entière dans un cadre (iframe srcdoc) : la seule forme que Webnode accepte
pour une page à gros scripts (TEST S, 18/09/2026). Le cadre suit la hauteur de son contenu — c'est la page du site qui défile,
naturellement, en-tête et pied du site compris — et LE PONT (pont_cadre.js, injecté dans le cadre) rebranche sur la fenêtre
du site tout ce qui comptait sur un défilement propre : barres collées (3 rangées), coins 🔍 ☰ ↑ au bas de l'écran, barre de
progression, bouton ↑, scrollTo, plein écran autorisé (allowfullscreen : là, le cadre a sa fenêtre et le pont se tait).
Usage : python3 p15_cadre_webnode.py source.html sortie.html   (pont_cadre.js à côté du script)"""
import sys, os
SRC, OUT = sys.argv[1], sys.argv[2]
PAGE = sys.argv[3] if len(sys.argv) > 3 else 'initiation'    # initiation | psy | union | apo | astro (2.2 AstroGlobe) | et (5.3 Espace-Temps) | cosmo | decr | ego | eco | man
REGLAGES = {   # 18/09 18h30 — le pont se règle par page (voir pont_cadre.js : window.AMI_PONT)
 'initiation': dict(titre="L'Initiation aMi", cadre='ami-ini', pont=None),
 'psy':   dict(titre='0.2 PsychaTrice aMi', cadre='ami-psy-cadre', pont="{SEL:'.ami-barre,.pt-bar,.sbar,.pt-pane .sbar',FIX:'.ami-coin,.coin,.ami-top,.ami-toc,#ami-rech,#prog',HAUT:'.ami-top',FAUX:'ami-faux-fs'}"),
 'union': dict(titre="0.3 L'Union du TouT aMi", cadre='ami-union-cadre', pont="{SEL:'.ami-barre,.tab-bar-full,.sbar,.tab-content .sbar',FIX:'.ami-coin,.coin,.ami-top,.toc-btn,.toc-panel,#ami-rech,#prog',HAUT:'.ami-top',FAUX:'ami-faux-fs'}"),
 'apo':   dict(titre='0.1 Apokalypse aMi', cadre='ami-apo-cadre', pont="{SEL:'.ami-barre,.apk-mainbar,.apk-subhost',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-glossary-toggle,#ami-glossary-panel,#ami-rech,#prog',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'astro': dict(titre='2.2 AstroGlobe aMi', cadre='ami-astro-cadre', pont="{SEL:'.ami-barre,.tab-nav',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'cosmo': dict(titre='3.3 CosmoLogie aMi', cadre='ami-cosmo-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini,#ami-zoom',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'decr': dict(titre='4.1 Décryptage aMi', cadre='ami-decr-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini,#ami-zoom',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'et':   dict(titre='5.3 Astro · Espace-Temps aMi', cadre='ami-et-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini,#ami-zoom,#et-toc-btn,#et-toc-panel',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'eco':  dict(titre='2.1 ECO · Bonus Plaisir aMi', cadre='ami-eco-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'man':  dict(titre="🏹 Manuel de l'Accordage aMi", cadre='ami-man-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'legs': dict(titre='5.2 Legs · Corpus Re-Source aMi', cadre='ami-legs-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'renc': dict(titre='3.1 Rencontre · Tu Sais Apprivoiser aMi', cadre='ami-renc-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
 'ego':  dict(titre='1.1 EGO aMi', cadre='ami-ego-cadre', pont="{SEL:'.ami-barre,#amiPile',FIX:'.ami-coin,.coin,#ami-toc-toggle,#ami-toc-panel,#ami-rech,#prog,#ami-pile-mini',HAUT:'#amiHaut',FAUX:'ami-faux-fs'}"),
}[PAGE]
h = open(SRC, encoding='utf-8').read()
pont = open(os.path.join(os.path.dirname(os.path.abspath(__file__)), 'pont_cadre.js'), encoding='utf-8').read()
assert h.count('</body>') == 1
CSS = ('<style id="ami-pont-cadre-css">'
       '/* le cadre suit sa hauteur : les voiles plein écran (recherche) se posent sur la fenêtre visible, connue du pont */'
       'html.i-cadre-fil #ami-rech{position:absolute!important;top:var(--vue-top,0px)!important;height:var(--vue-h,100vh)!important;bottom:auto!important}'
       'html.i-cadre-fil #ami-rech .rc-b{top:1rem;max-height:calc(100% - 2rem)}'
       '</style>')
reglage = ('<script id="ami-pont-reglage">window.AMI_PONT=' + REGLAGES['pont'] + ';</script>\n') if REGLAGES['pont'] else ''
h = h.replace('</body>', CSS + reglage + '<script id="ami-pont-cadre">\n' + pont + '\n</script>\n</body>')
esc = h.replace('&', '&amp;').replace('"', '&quot;')
CID = REGLAGES['cadre']; TITRE = REGLAGES['titre']
# 21/09 : le fichier se déclare en UTF-8 dès son premier octet. Ouvert tel quel (aperçu, Safari), un fichier sans
# déclaration est lu en Latin-1 : tous les accents et les émojis deviennent « Ã© », « ðŸ”¥ »… et le ❤️‍🔥 disparaît.
# Dans Webnode la balise est sans effet (la page du site est déjà en UTF-8) : elle ne coûte rien.
out = ('<meta charset="utf-8">\n<!-- ' + TITRE + ' — version WEBNODE : la page entière dans un cadre qui suit sa hauteur, le pont rebranche le défilement (p15_cadre_webnode.py) -->\n'
 '<div id="' + CID + '-hote" style="width:100%;margin:0;padding:0;line-height:0">\n'
 '<iframe id="' + CID + '" title="' + TITRE.replace('"','') + '" allowfullscreen allow="fullscreen" scrolling="no" style="display:block;width:100%;height:100vh;border:0;overflow:hidden;background:#09090e" srcdoc="' + esc + '"></iframe>\n'
 '</div>\n'
 '<script>(function(){var f=document.getElementById("' + CID + '");if(!f)return;document.documentElement.setAttribute("data-ami-cadre","fil");'
 'function h(){try{var d=f.contentDocument;if(!d||!d.documentElement)return;if(d.fullscreenElement||(d.body&&d.body.classList.contains("i-faux-fs")||d.querySelector(".ami-faux-fs")))return;var n=d.documentElement.scrollHeight;if(n>200&&Math.abs(n-f.offsetHeight)>4)f.style.height=n+"px"}catch(e){}}'
 'f.addEventListener("load",function(){h();setTimeout(h,800)});setInterval(h,600);addEventListener("resize",h)})();</script>\n')
open(OUT, 'w', encoding='utf-8').write(out)
print(f'✓ cadre : {len(out.encode())/1e6:.2f} Mo → {OUT}')

pont_cadre.js(injecté dans le srcdoc par p15_cadre_webnode.py)126 lignes

Le Pont : dans un cadre qui suit sa hauteur, rebranche sur la fenêtre du site les barres collées (position:absolute + fantôme + --pile), les coins fixés (ancrage lu dans la feuille), la progression, le ↑, scrollTo, le plein écran vrai et le repli (le cadre prend l'écran du site).

/* ══ LE PONT DU CADRE — 18 sept 2026 ═══════════════════════════════════════════════════════════
   La page vit dans un iframe srcdoc à la hauteur de son contenu (la seule forme que Webnode accepte, TEST S) :
   rien ne défile DEDANS, c'est la page du site qui défile. Tout ce qui comptait sur un défilement propre
   (barres collées, coins 🔍 ☰ ↑ fixés à l'écran, barre de progression, bouton ↑, scrollTo) est rebranché sur
   la fenêtre du parent — même origine, donc lisible. En plein écran, le cadre a sa propre fenêtre : le pont se tait. */
(function(){"use strict";
  var F = window.frameElement; if(!F) return;
  /* 18/09 18h30 — le pont se règle par page : window.AMI_PONT = {SEL: barres collées, FIX: éléments fixés, HAUT: le bouton ↑, FAUX: classe du repli} ; sans réglage, l'Initiation */
  var CFG = window.AMI_PONT || {};
  var CFG_SEL = CFG.SEL || '.ami-barre,#i-tl,.i-panneau .sbar,.i-panneau .pbar,.i-panneau #ami-consent .tabwrap,.i-panneau .rc-tabs,.i-panneau .x-vues';
  var CFG_FIX = CFG.FIX || '.ami-coin, .i-coin, .coin, #i-rech, #prog, #i-haut-b, #i-toc, .i-sommaire, .ami-boite, .life-topzone, [data-cadre-fixe]';
  var CFG_HAUT = CFG.HAUT || '#i-haut-b', CFG_FAUX = CFG.FAUX || 'i-faux-fs';
  var P; try { P = window.parent; if(!P || !P.document || !P.document.body) return; } catch(e){ return; }
  var R = document.documentElement, B = document.body;
  /* le cadre suit-il la hauteur du contenu ? sinon (cadre à hauteur d'écran, qui défile dedans) : rien à faire */
  function suit(){ return Math.abs(F.getBoundingClientRect().height - R.scrollHeight) < 40 || innerHeight >= R.scrollHeight - 2; }
  R.classList.add('i-cadre-fil');
  /* 18/09 18h40 — les scripts de la page lisent window.pageYOffset (la barre qui se replie, le ↑, les sommaires) : dans un cadre qui ne défile pas,
     ils liraient 0 pour toujours. On leur donne le haut de la fenêtre visible, en coordonnées du cadre. */
  try{
    var _pyo = Object.getOwnPropertyDescriptor(window,'pageYOffset'), _sy = Object.getOwnPropertyDescriptor(window,'scrollY');
    function yo(){ if(plein||faux||!suit()) return (_pyo&&_pyo.get)?_pyo.get.call(window):R.scrollTop; return vue().top; }
    Object.defineProperty(window,'pageYOffset',{configurable:true,get:yo}); Object.defineProperty(window,'scrollY',{configurable:true,get:yo});
  }catch(e){}
  /* 19/09 13h30 — les scripts de la page lisent aussi getBoundingClientRect().top comme « distance au haut de la fenêtre » (sommaires, 🔍, pile qui se replie,
     renvois) : dans un cadre qui ne défile pas, top est une coordonnée de document → rect.top + pageYOffset comptait deux fois le défilement
     (les sauts du ☰ et du 🔍 tombaient 2 000 px trop bas). On leur rend la fenêtre visible : top/bottom mesurés depuis son haut. Le pont, lui, lit les rects bruts. */
  var _gbcr = Element.prototype.getBoundingClientRect, VT = 0;
  function raw(el){ return _gbcr.call(el); }
  try{ Element.prototype.getBoundingClientRect = function(){ var r=_gbcr.call(this); if(plein||faux||!VT||!suit()) return r;
      return {top:r.top-VT, bottom:r.bottom-VT, y:r.y-VT, left:r.left, right:r.right, x:r.x, width:r.width, height:r.height, toJSON:function(){ return {top:this.top,bottom:this.bottom,left:this.left,right:this.right,width:this.width,height:this.height,x:this.x,y:this.y}; }}; }; }catch(e){}
  function hote(){ var m=0, ls=P.document.querySelectorAll('header,nav,div'); for(var i=0;i<ls.length&&i<400;i++){ var el=ls[i]; if(el===F||el.contains(F)) continue; var s=P.getComputedStyle(el); if(s.position!=='fixed'&&s.position!=='sticky') continue; var r=raw(el); if(r.top<=1&&r.height>24&&r.height<320&&r.width>P.innerWidth*.6) m=Math.max(m,r.bottom); } return m; }
  /* la fenêtre visible, en coordonnées du document du cadre (qui ne défile pas : doc = viewport du cadre) */
  function vue(){ var ft=F.getBoundingClientRect().top; var h=hote(); var top=Math.max(0, h-ft); var bas=Math.min(F.offsetHeight, P.innerHeight-ft); return {top:top, bas:bas, h:Math.max(0, bas-top), ft:ft, hote:h}; }
  var plein = false, faux = false, memo = null;
  document.addEventListener('fullscreenchange', function(){ plein = !!document.fullscreenElement; if(plein){ tout_rendre(); F.setAttribute('scrolling','yes'); F.style.setProperty('overflow','auto','important'); R.style.overflowY='auto'; } else { F.setAttribute('scrolling','no'); F.style.setProperty('overflow','hidden','important'); R.style.overflowY=''; } tick(); });
  /* le faux plein écran (API refusée) : le CADRE prend tout l'écran du site, la page défile dedans, le pont se tait */
  function fauxPlein(on){
    if(on===faux) return; faux=on;
    try{
      if(on){ memo={f:F.getAttribute('style')||'', b:P.document.body.style.overflow||''}; tout_rendre();
        F.style.setProperty('position','fixed','important'); F.style.setProperty('inset','0','important'); F.style.setProperty('top','0','important'); F.style.setProperty('left','0','important');
        F.style.setProperty('width','100%','important'); F.style.setProperty('height','100%','important'); F.style.setProperty('z-index','2147483000','important'); F.style.setProperty('overflow','auto','important');
        F.setAttribute('scrolling','yes'); P.document.body.style.overflow='hidden'; R.style.overflowY='auto'; window.scrollTo(0,0); }
      else { F.setAttribute('style', memo?memo.f:''); F.setAttribute('scrolling','no'); P.document.body.style.overflow = memo?memo.b:''; R.style.overflowY=''; memo=null; tick(); }
    }catch(e){}
  }
  function estFaux(){ return B.classList.contains(CFG_FAUX) || !!document.querySelector('.'+CFG_FAUX); }
  new MutationObserver(function(){ fauxPlein(estFaux()); }).observe(B, {attributes:true, attributeFilter:['class'], subtree:true});
  document.addEventListener('keydown', function(e){ if(e.key==='Escape' && faux){ var b=document.getElementById('amiPlein'); if(b) b.click(); } });

  /* ── 1. ce qui était fixé à l'écran ── */
  var FIX = [];   /* {el, top, bottom, left, right, ph?} */
  function scanFixes(){
    var ls = document.querySelectorAll(CFG_FIX);
    for(var i=0;i<ls.length;i++){ var el=ls[i]; if(FIX.some(function(x){return x.el===el})) continue;
      var s=getComputedStyle(el); if(s.position!=='fixed') continue;
      /* ancré en bas ou en haut ? la feuille le dit (top:auto + bottom posé = ancré en bas) ; sinon sa place réelle */
      var bas, off, etire=false;
      if(s.top!=='auto' && s.bottom!=='auto' && s.display==='none'){ etire=true; bas=false; off=0; }
      else if(s.top==='auto' && s.bottom!=='auto'){ bas=true; off=parseFloat(s.bottom)||0; }
      else if(s.display==='none'){ bas=false; off=parseFloat(s.top)||0; }
      else { var r=raw(el), H=innerHeight; var duBas=H-r.bottom, duHaut=r.top; bas = duBas<duHaut; off = Math.round(bas?duBas:duHaut); }
      FIX.push({el:el, bas:bas, off:off, etire:etire}); }
  }
  function poseFixe(x, v){
    var el=x.el, s=getComputedStyle(el); if(s.display==='none') return;
    var op = el.offsetParent || B; var oy = op===B ? 0 : raw(op).top;
    var h = el.offsetHeight; var y = x.bas ? (v.bas - h - x.off) : (v.top + x.off);
    /* 19/09 : data-ami-sous-pile — se pose juste sous les barres collées, quelle que soit leur hauteur du moment (la ligne « où je suis ») */
    if(el.hasAttribute('data-ami-sous-pile')) y = v.top + (parseFloat(getComputedStyle(R).getPropertyValue('--pile'))||0);
    y = Math.max(0, Math.min(y, F.offsetHeight - h));
    el.style.setProperty('position','absolute','important');
    if(x.etire){ el.style.setProperty('top', Math.round(v.top - oy)+'px','important'); el.style.setProperty('height', Math.round(v.h)+'px','important'); el.style.setProperty('bottom','auto','important'); return; }
    el.style.setProperty('top', Math.round(y - oy)+'px','important');
    el.style.setProperty('bottom','auto','important');
  }
  /* ── 2. les barres collées ── */
  var SEL = CFG_SEL;
  var E = new Map();
  function cont(el){ var C=document.getElementById('i-contenu')||B; if(el.id==='i-tl'||el.classList.contains('ami-barre')||el.matches('.pt-bar,.tab-bar-full,.tab-nav,.apk-mainbar')) return B; return el.closest('.svolet,#ami-respect,#ami-croisement,.i-panneau,.pt-pane,.tab-content,.tab-panel,.apk-pane')||C; }
  function defixe(el, st){ if(!st.fixe) return; ['position','top','left','width','z-index'].forEach(function(p){ el.style.removeProperty(p); }); el.classList.remove('i-colle-fixe'); if(st.ph&&st.ph.parentNode) st.ph.parentNode.removeChild(st.ph); st.fixe=false; }
  function colle(v){
    var top = v.top, z = 60, bars = [].slice.call(document.querySelectorAll(SEL));
    bars.forEach(function(el){
      var st=E.get(el); if(!st){ st={ph:null,fixe:false}; E.set(el,st); }
      var ref = st.fixe ? st.ph : el;
      /* 19/09 : une barre qui se déclare repliée (data-ami-decolle — la pile qui se replie) reprend sa place dans le flux */
      if(ref.offsetParent===null || el.hasAttribute('data-ami-decolle') || (!st.fixe && raw(el).height<8)){ defixe(el,st); return; }
      var r=raw(ref), cr=raw(cont(el)), hh=st.fixe?st.ph.offsetHeight:r.height;
      if(r.top<=top && cr.bottom>top+hh){
        if(!st.fixe){ st.ph=st.ph||document.createElement('div'); st.ph.className='i-colle-ph'; st.ph.style.height=r.height+'px'; el.parentNode.insertBefore(st.ph,el); st.fixe=true; el.classList.add('i-colle-fixe'); }
        var pr=raw(st.ph); var op=el.offsetParent||B; var opr = op===B ? {top:0,left:0} : raw(op);
        el.style.setProperty('position','absolute','important'); el.style.setProperty('top',Math.round(top-opr.top)+'px','important');
        el.style.setProperty('left',Math.round(pr.left-opr.left)+'px','important'); el.style.setProperty('width',pr.width+'px','important');
        el.style.setProperty('z-index',String(z--),'important');
        top += el.offsetHeight;
      } else defixe(el,st);
    });
    R.style.setProperty('--pile', top - v.top + 'px');
  }
  function tout_rendre(){ E.forEach(function(st,el){ defixe(el,st); }); FIX.forEach(function(x){ ['position','top','bottom','height','opacity','pointer-events'].forEach(function(p){ x.el.style.removeProperty(p); }); }); }
  /* ── 3. progression et ↑ ── */
  function progression(v){
    var prog=document.getElementById('prog'); var total=F.offsetHeight - v.h; var p = total>0 ? v.top/total : 0;
    if(prog) prog.style.width = (Math.max(0,Math.min(1,p))*100).toFixed(2)+'%';
    var haut=document.querySelector(CFG_HAUT); if(haut){ var vu = v.top > 420; haut.classList.toggle('vu', vu); haut.classList.toggle('on', vu); if(haut.hidden!==undefined && haut.hasAttribute('hidden')===vu) { if(vu) haut.removeAttribute('hidden'); else haut.setAttribute('hidden',''); } haut.style.setProperty('opacity', vu?'1':'0', 'important'); haut.style.setProperty('pointer-events', vu?'auto':'none', 'important'); }
  }
  /* ── 4. scrollTo : vers la page du site ── */
  var _st = window.scrollTo.bind(window);
  window.scrollTo = function(a,b){ if(plein||faux||!suit()) return _st.apply(window, arguments); var y = (typeof a==='object' && a) ? (a.top||0) : (b||0); var ft = F.getBoundingClientRect().top + P.scrollY; P.scrollTo({top: ft + y - hote(), behavior: (a&&a.behavior)||'auto'}); };
  window.scrollBy = function(a,b){ var y=(typeof a==='object'&&a)?(a.top||0):(b||0); P.scrollBy(0,y); };
  R.scrollTo = window.scrollTo;
  /* ── la boucle ── */
  var attente=false;
  function tick(){ if(attente) return; attente=true; requestAnimationFrame(function(){ attente=false;
    if(plein || faux || !suit()){ return; }
    /* les scripts de la page écoutent « scroll » : on le leur redonne, puis on corrige ce qu'ils ne peuvent pas savoir */
    try { window.dispatchEvent(new Event('scroll')); } catch(e){}
    var v=vue(); VT=v.top; R.style.setProperty('--vue-top', v.top+'px'); R.style.setProperty('--vue-h', v.h+'px'); colle(v); scanFixes(); FIX.forEach(function(x){ poseFixe(x,v); }); progression(v);
  }); }
  P.addEventListener('scroll', tick, {passive:true}); P.addEventListener('resize', tick);
  document.addEventListener('click', function(){ setTimeout(tick,60); setTimeout(tick,400); });
  setInterval(tick, 700); tick(); setTimeout(tick, 800); setTimeout(tick, 2500);
})();

p16_retours5_ini.pypython3 p16_retours5_ini.py ini_p14_lisible.html ini_p16_lisible.html25 lignes

18/09 07h : 💧 remplie quand active ; le repli de plein écran garde ⛶/✕ + zoom visibles.

# -*- coding: utf-8 -*-
"""P16 · L'Initiation — retours de Diane du 18/09 07h (sur la source lisible, après p14, avant p10).
1. 💧 Lecture continue : quand elle est active, la goutte est REMPLIE et porte un halo rouge autour (dit par Diane).
2. Le faux plein écran (quand l'API est refusée, ex. dans un cadre sans allowfullscreen) cachait TOUTE la barre — donc le
   zoom et le bouton ✕ pour en sortir. Désormais la barre ne garde que ⛶/✕ et le zoom, fixés en haut à droite."""
import sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read()
CSS = '''
<style id="ami-retours-5">
/* 18 sept — 💧 lecture continue active : goutte remplie + halo rouge ; faux plein écran : ⛶/✕ et le zoom restent visibles */
.ami-barre #amiLecture[aria-pressed="true"]{color:var(--rubis-ct);border-color:var(--rubis);
  box-shadow:0 0 0 3px rgba(227,50,50,.28),0 0 16px 4px rgba(227,50,50,.65)}
.ami-barre #amiLecture[aria-pressed="true"] svg{fill:var(--rubis);stroke:var(--rubis-ct)}
body.i-faux-fs .ami-barre{display:flex!important;position:fixed;top:.4rem;right:.5rem;left:auto;bottom:auto;width:auto;height:auto;
  padding:0;margin:0;background:none;border:0;box-shadow:none;gap:.4rem;align-items:center;z-index:80}
body.i-faux-fs .ami-barre > *:not(.coin-zoom):not(#amiPlein){display:none!important}
body.i-faux-fs .ami-barre .coin-zoom,body.i-faux-fs .ami-barre #amiPlein{position:static;display:flex}
</style>
'''
assert h.count('</body></html>') == 1
h = h.replace('</body></html>', CSS + '</body></html>')
open(OUT, 'w', encoding='utf-8').write(h)
print('✓ p16 : 2 gestes')

p17_retours6_ini.pypython3 p17_retours6_ini.py ini_p16_lisible.html ini_p17_lisible.html40 lignes

18/09 08h-09h : la règle des boutons d'accessibilité (places, formes pleines, sans halo) ; sous-onglets du 🪷 Repère collés (SEL + CSS forcée).

# -*- coding: utf-8 -*-
"""P17 · L'Initiation — retours de Diane du 18/09 08h10 (source lisible, après p16, avant p10) : les boutons d'accessibilité.
1. 💧 lecture continue active = goutte REMPLIE de sa couleur, sans halo (le halo rouge faisait « alerte »). ◐ contraste : DEMI-cercle
   plein au repos (le pictogramme du contraste), cercle PLEIN quand le contraste est actif (même retour UX que la goutte).
   (09h : Diane — « je voulais le demi cercle plein et le cercle plein » ; le cercle vide de 08h était une erreur.)
3. 09h — les sous-onglets du 🪷 Repère du Consentement (#ami-consent .tabwrap, 5 vues) collent sous la pile comme les .sbar
   des autres volets : la feuille du widget les rendait « static » sous 700 px ; forcé, et ajouté au SEL des scripts colle.
2. Places : en haut à gauche ◐ contraste + 💧 lecture ; en haut à droite ⛶ plein écran + zoom −/+ (plein écran) ;
   en bas à droite, de haut en bas : ↑ TOP · ☰ TOC · 🔍 recherche."""
import sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read()
demi = '<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 3a9 9 0 0 1 0 18Z" fill="currentColor" stroke="none"/></svg>'
assert h.count(demi) == 2, 'svg contraste ◐ (barre + widget Respect) : le demi-cercle reste'
old_sel = 'var SEL="#i-tl,.i-panneau .sbar,.i-panneau .pbar,.i-panneau .rc-tabs,.i-panneau .x-vues";'
assert h.count(old_sel) == 1, 'SEL colle'
h = h.replace(old_sel, 'var SEL="#i-tl,.i-panneau .sbar,.i-panneau .pbar,.i-panneau #ami-consent .tabwrap,.i-panneau .rc-tabs,.i-panneau .x-vues";')
a = h.find('<style id="ami-retours-5">'); b = h.find('</style>', a) + len('</style>'); assert a > 0
CSS = '''<style id="ami-retours-5">
/* 18 sept — boutons d'accessibilité (retours de Diane) : formes pleines quand c'est actif, sans halo ;
   ◐ à gauche avec 💧 ; ⛶ + zoom à droite ; en bas à droite ↑ ☰ 🔍 ; faux plein écran : ⛶/✕ et zoom restent visibles */
.ami-barre #amiLecture[aria-pressed="true"] svg{fill:currentColor}
.ami-barre #amiContraste[aria-pressed="true"] svg circle,#ami-respect #rContraste[aria-pressed="true"] svg circle,#ami-respect .coin.actif svg circle{fill:currentColor}
.ami-barre .coin.d2#amiContraste{left:2.9rem;right:auto}
.ami-barre .coin.g#amiLecture{left:.5rem}
#i-haut-b{right:1rem!important;bottom:7rem!important}
.i-coin.d3#iSommaire{right:1rem!important;bottom:4rem!important}
.ami-coin.r#amiRech{right:1rem!important;bottom:1rem!important}
body.i-faux-fs .ami-barre{display:flex!important;position:fixed;top:.4rem;right:.5rem;left:auto;bottom:auto;width:auto;height:auto;
  padding:0;margin:0;background:none;border:0;box-shadow:none;gap:.4rem;align-items:center;z-index:80}
body.i-faux-fs .ami-barre > *:not(.coin-zoom):not(#amiPlein):not(#amiLecture):not(#amiContraste){display:none!important}
body.i-faux-fs .ami-barre .coin-zoom,body.i-faux-fs .ami-barre #amiPlein{position:static;display:flex}
body.i-faux-fs .ami-barre #amiLecture,body.i-faux-fs .ami-barre #amiContraste{position:fixed;top:.4rem;display:flex}
body.i-faux-fs .ami-barre #amiLecture{left:.5rem}body.i-faux-fs .ami-barre #amiContraste{left:2.9rem}
#i-contenu #ami-respect #ami-consent .tabwrap{position:sticky!important;top:var(--pile,0px)!important;z-index:13;background:linear-gradient(180deg,rgba(var(--onyx-rgb),.97),rgba(var(--onyx-rgb),.92))!important}
</style>'''
h = h[:a] + CSS + h[b:]
open(OUT, 'w', encoding='utf-8').write(h)
print('✓ p17 : boutons d\'accessibilité')

verif_contraste.pypython3 verif_contraste.py (ini.html à côté)11 lignes

Playwright : fill calculé du cercle ◐ et du demi-disque au repos puis après le clic — ◐ → ●.

import asyncio, os
from playwright.async_api import async_playwright
D=os.path.abspath('.')
async def main():
    async with async_playwright() as p:
        b=await p.chromium.launch(); pg=await b.new_page(viewport={'width':390,'height':800})
        await pg.goto('file://'+D+'/ini.html'); await pg.wait_for_timeout(1000)
        js='''()=>{const c=document.querySelector('#amiContraste svg circle'),p=document.querySelector('#amiContraste svg path');return {pressed:document.getElementById('amiContraste').getAttribute('aria-pressed'),circle:getComputedStyle(c).fill,demi:!!p&&getComputedStyle(p).fill}}'''
        print('repos', await pg.evaluate(js)); await pg.click('#amiContraste'); await pg.wait_for_timeout(300); print('actif', await pg.evaluate(js)); await b.close()
asyncio.run(main())

verif_repere.pypython3 verif_repere.py (ini.html + sim_cadre.html à côté)27 lignes

Playwright : les sous-onglets du Repère du Consentement collent exactement sous la rangée des volets, en page seule (390/1280) et dans le cadre simulé (colle du Pont).

import asyncio, os
from playwright.async_api import async_playwright
D=os.path.abspath('.')
async def main():
    async with async_playwright() as p:
        b=await p.chromium.launch()
        for w in (390,1280):
            pg=await b.new_page(viewport={'width':w,'height':800})
            await pg.goto('file://'+D+'/ini.html'); await pg.wait_for_timeout(1200)
            await pg.click('#i-tl [data-k="culture"], #i-tl button:has-text("Culture")'); await pg.wait_for_timeout(500)
            await pg.click('#pt-repere'); await pg.wait_for_timeout(700)
            r=await pg.evaluate('''()=>{const t=document.querySelector('#ami-consent .tabwrap');t.scrollIntoView();window.scrollBy(0,900);return new Promise(r=>setTimeout(()=>{const b=t.getBoundingClientRect();const pile=parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--pile'));const tl=document.getElementById('i-tl').getBoundingClientRect();const pb=document.querySelector('#ami-respect .pbar').getBoundingClientRect();r({top:Math.round(b.top),pile,tlBottom:Math.round(tl.bottom),pbarBottom:Math.round(pb.bottom),pos:getComputedStyle(t).position,vis:b.height>0})},500))}''')
            print('seule',w,r)
            await pg.close()
        # cadre simulé
        pg=await b.new_page(viewport={'width':390,'height':800})
        await pg.goto('file://'+D+'/sim_cadre.html'); await pg.wait_for_timeout(1500)
        fr=pg.frame(name='ami-ini') or [f for f in pg.frames if f!=pg.main_frame][0]
        await fr.click('#i-tl [data-k="culture"], #i-tl button:has-text("Culture")'); await pg.wait_for_timeout(500)
        await fr.click('#pt-repere'); await pg.wait_for_timeout(700)
        await fr.evaluate('''()=>{document.querySelector('#ami-consent .tabwrap').scrollIntoView();window.scrollBy(0,900)}''')
        await pg.wait_for_timeout(1200)
        r=await fr.evaluate('''()=>{const t=document.querySelector('#ami-consent .tabwrap');const b=t.getBoundingClientRect();const F=window.frameElement.getBoundingClientRect();const tl=document.getElementById('i-tl').getBoundingClientRect();const pb=document.querySelector('#ami-respect .pbar').getBoundingClientRect();return {topEcran:Math.round(b.top+F.top),tlBottomEcran:Math.round(tl.bottom+F.top),pbarBottomEcran:Math.round(pb.bottom+F.top),fixe:t.classList.contains('i-colle-fixe'),pos:getComputedStyle(t).position}}''')
        print('cadre 390',r)
        await b.close()
asyncio.run(main())

p18_charte_webnode.pypython3 p18_charte_webnode.py Charte_V6.html Charte_V7.html145 lignes

La Charte allégée V6 → V7 : § LII bis Publier sur Webnode (le Cadre et le Pont), § XXIX places et états des boutons, volet ⚙️ refermé, entrées de sommaire.

# -*- coding: utf-8 -*-
"""P18 · La Charte de Communication (BLOC_13 allégée) V6 → V7, 18 sept 2026.
Deux règles trouvées à l'usage (+ un volet non fermé, C) pendant le contrôle qualité de l'Initiation (17-18 sept), rendues transmissibles :
  A. dans « La Boîte à Outils de page » : les places et les états des boutons d'accessibilité (retour de Diane, 08h10) ;
  B. une section nouvelle après « Le protocole de hauteur » : publier sur Webnode — le Cadre (iframe srcdoc) et le Pont.
Usage : python3 p18_charte_webnode.py source_V6.html sortie_V7.html"""
import sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); n = 0
def ins_after(anchor, block, label):
    global h, n
    i = h.find(anchor); assert i > 0, '✗ ancre absente : ' + label
    assert h.count(anchor) == 1, '✗ ancre non unique : ' + label
    i += len(anchor); h = h[:i] + block + h[i:]; n += 1
def ins_before(anchor, block, label):
    global h, n
    i = h.find(anchor); assert i > 0 and h.count(anchor) == 1, '✗ ancre : ' + label
    h = h[:i] + block + h[i:]; n += 1

# ── A · les boutons d'accessibilité — après le tableau V16 « Bouton · Position · Rôle » ────────────────
i = h.find('Contraste élevé'); assert i > 0; j = h.find('</table></div>', i) + len('</table></div>')
A = '''

  <h3 class="sub" id="s-boite-places-etats">◈ Les places et les états — la règle du 18 septembre</h3>
  <p>Le tableau V16 ci-dessus reste le point de départ&#8239;; <strong>ce qui suit le remplace là où ils diffèrent.</strong> Trouvé sur l’Initiation, avec Diane qui regarde sur téléphone&#8239;: <em>«&#8239;rester simple et pas trop voyant&#8239;»</em>. Trois familles, trois places — et une seule façon de dire «&#8239;c’est actif&#8239;».</p>

  <div class="tw"><table>
    <thead><tr><th>Place</th><th>Boutons</th><th>Ce qu’ils décident</th><th>Détail</th></tr></thead>
    <tbody>
      <tr><td class="acc">En haut à gauche</td><td class="mono">◐ contraste · 💧 lecture continue</td><td>la <em>forme</em> de la lecture</td><td class="mono">left:.5rem · left:2.9rem, top:.4rem</td></tr>
      <tr><td class="acc">En haut à droite</td><td class="mono">⛶ plein écran · − % + zoom</td><td>le <em>cadre</em> de la lecture</td><td>le zoom ne paraît qu’en plein écran (règle V16)&#8239;; ⛶ devient ✕ une fois dedans</td></tr>
      <tr><td class="acc">En bas à droite</td><td class="mono">↑ haut · ☰ sommaire · 🔍 recherche</td><td>où l’on <em>va</em></td><td class="mono">de haut en bas — bottom:7rem · 4rem · 1rem, right:1rem</td></tr>
    </tbody>
  </table></div>

  <div class="or-box"><strong>L’état actif se dit par la forme, jamais par un halo.</strong> La forme intérieure du pictogramme <em>se remplit</em> de sa propre couleur&#8239;: la goutte 💧 pleine quand la lecture continue est en marche, le cercle ◐ — demi-plein au repos, c’est le signe du contraste — devient un cercle plein ● quand le contraste est actif. <em>Un halo rouge autour d’un bouton a été lu comme une alerte («&#8239;notification dangereuse&#8239;»)&#8239;: on l’a retiré.</em> Même trait, même opacité pour tous les coins&#8239;; le plein et le vide suffisent.</div>

  <div class="tw"><table>
    <thead><tr><th>Bouton</th><th>Au repos</th><th>Actif</th><th>Comment</th></tr></thead>
    <tbody>
      <tr><td class="acc">💧 lecture continue</td><td>goutte en trait</td><td class="sain">goutte pleine</td><td class="mono">#amiLecture[aria-pressed="true"] svg{fill:currentColor}</td></tr>
      <tr><td class="acc">◐ contraste</td><td>demi-cercle plein</td><td class="sain">cercle plein</td><td class="mono">#amiContraste[aria-pressed="true"] svg circle{fill:currentColor}</td></tr>
      <tr><td class="acc">⛶ plein écran</td><td>⛶</td><td class="sain">✕</td><td>et <code translate="no">Échap</code> sort des deux plein écrans, le vrai et le repli</td></tr>
    </tbody>
  </table></div>

  <div class="alerte"><strong>Le repli de plein écran ne cache pas la barre&#8239;: il la réduit.</strong> Quand l’API est refusée (page servie dans un cadre), <code translate="no">body.i-faux-fs</code> garde visibles ⛶/✕ et le zoom en haut à droite, ◐ et 💧 en haut à gauche, et cache le reste de la barre — <em>avant, on entrait sans pouvoir ni zoomer ni sortir.</em> Et le plein écran, vrai ou replié, <strong>défile</strong>&#8239;: c’est <code translate="no">documentElement</code> qu’on met en plein écran, pas la racine d’un widget («&#8239;je veux ma page immersive comme si c’était un jeu&#8239;»). Un widget qui met sa propre racine en plein écran fige sa une et ne montre rien derrière — défaut relevé le 18 sept sur Apokalypse et l’Union, à corriger avec le composant.</div>

  <div class="note"><b>Le contrôle se fait à la machine.</b> Un script Playwright lit, au repos puis après le clic, le <code translate="no">fill</code> calculé du cercle et de la goutte (<code translate="no">verif_contraste.py</code>), et vérifie l’ordre des coins de bas en haut 🔍 ☰ ↑ (mutation «&#8239;ordre des coins&#8239;» de <code translate="no">p5_ini_mutations.py</code>). <em>Un bouton se mesure, il ne se regarde pas.</em></div>
'''
h = h[:j] + A + h[j:]; n += 1

# ── B · publier sur Webnode — le Cadre et le Pont — avant « 36 · LA COULEUR D'UN WIDGET » ───────────────
B = '''<!-- ── 35 bis · PUBLIER SUR WEBNODE — LE CADRE ET LE PONT (18 sept 2026) ─────────── -->
<div class="section" id="wg-cadre">
  <div class="sec-header"><span class="sec-num">LII bis</span><span class="sec-em">🪟</span>
    <h2 id="s-publier-sur-webnode-le-cadre-et-le-pont">Publier sur Webnode — le Cadre et le Pont</h2></div>

  <p>Une page se publie en collant <strong>le fichier entier</strong> dans un bloc «&#8239;Code HTML&#8239;» de Webnode. Apokalypse (3 Mo) passe ainsi, en ligne, sans cadre. <strong>L’Initiation, elle, ne s’est jamais affichée</strong> — V18, V19, fragments, moitiés&#8239;: bloc vide en version publiée, sans un message. Dix-neuf essais sur deux nuits (17-18 sept, TEST A → S) ont établi ce que l’hébergeur fait, et ce qu’il ne fait pas. <em>On écrit ici le résultat, pas les hypothèses&#8239;: chacune a été réfutée par une mesure.</em></p>

  <div class="tw"><table>
    <thead><tr><th>Ce qu’on croyait</th><th>Ce qui a été mesuré</th><th>Verdict</th></tr></thead>
    <tbody>
      <tr><td class="acc">Un plafond d’octets</td><td>236 pages du sitemap lues&#8239;: <span translate="no">ami-astroglobe</span> 3,1 Mo en ligne (un script de 1,8 Mo), Apokalypse 3,0 Mo — et un bloc de 30 Ko refusé (TEST P5)</td><td class="alert">non</td></tr>
      <tr><td class="acc">Une ligne trop longue</td><td>PsychaTrice V20 passe avec une ligne de 808 000 signes&#8239;; P5 refusé n’a que des lignes de 800</td><td class="alert">non</td></tr>
      <tr><td class="acc">Un filtre de mots (API JS)</td><td>TEST K&#8239;: les 27 jetons que l’Initiation est seule à contenir écrits en deux morceaux — refusé</td><td class="alert">non</td></tr>
      <tr><td class="acc">L’exécution des scripts</td><td>TEST L&#8239;: scripts rendus inertes (<code translate="no">type=text/plain</code>) — refusé&#8239;: c’est le <em>texte</em> côté serveur qui est jugé</td><td class="alert">non</td></tr>
      <tr><td class="acc">Un trait ES6</td><td>N2 accepté a 326 flèches, <code translate="no">const</code>, gabarits, <code translate="no">async</code></td><td class="alert">non</td></tr>
      <tr><td class="acc">Le refus est silencieux</td><td>le bloc garde son contenu précédent&#8239;; deux blocs page + scripts sur la même page → <strong>Error 500</strong>&#8239;; <code translate="no">&lt;head&gt;</code>/<code translate="no">&lt;body&gt;</code> ôtés&#8239;; page + styles seuls passent, les scripts échouent en combinaison</td><td class="sain">mesuré</td></tr>
    </tbody>
  </table></div>

  <div class="or-box"><strong>La cause n’a pas été identifiée, et la règle n’en a pas besoin&#8239;:</strong> <em>la page entière dans <u>un</u> <code translate="no">&lt;iframe srcdoc&gt;</code></em>. Le serveur ne voit ni scripts ni HTML — une chaîne échappée dans un attribut — et le navigateur rend la page complète, même origine que le site. <strong>TEST S s’est affiché du premier coup («&#8239;OURRA ça marche&#8239;»).</strong> C’est la voie pour toute grosse page à scripts que le bloc refuse&#8239;: l’Initiation, PsychaTrice V23, AstroGlobe 3,9 Mo. Le fichier source reste la Page (§ L)&#8239;; la version <code translate="no">_WEBNODE</code> est un <em>dérivé</em>, régénéré à chaque version.</div>

<pre translate="no"><code translate="no">python3 p15_cadre_webnode.py Page_Vn.html Page_Vn_WEBNODE.html
&lt;div id="ami-ini-hote"&gt;&lt;iframe id="ami-ini" allowfullscreen allow="fullscreen" scrolling="no"
  style="display:block;width:100%;height:100vh;border:0;overflow:hidden;background:#09090e"
  srcdoc="…la page, &amp; → &amp;amp; et " → &amp;quot; …"&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;script&gt;/* le dimensionneur : height = document du cadre .scrollHeight, toutes les 600 ms —
   sauf en plein écran ou en repli (body.i-faux-fs) */&lt;/script&gt;</code></pre>

  <p><strong>Le cadre suit la hauteur de son contenu et c’est la page du site qui défile</strong> — jamais un cadre à hauteur d’écran qui défile <em>dedans</em>&#8239;: chez Diane il s’arrêtait aux onglets (le défilement pris depuis la marge n’atteint pas le cadre). Mais un document qui ne défile pas perd tout ce qui comptait sur son propre défilement&#8239;: barres collées, coins fixés à l’écran, progression, ↑, <code translate="no">scrollTo</code>. <strong>Le Pont</strong> (<code translate="no">outils/pont_cadre.js</code>, injecté dans le srcdoc par p15) rebranche chacun sur la fenêtre du parent.</p>

  <div class="tw"><table>
    <thead><tr><th>Dans la Page seule</th><th>Dans le Cadre — ce que fait le Pont</th></tr></thead>
    <tbody>
      <tr><td class="acc">La fenêtre visible</td><td><code translate="no">vue()</code> = de <code translate="no">hote()</code> (bas de l’en-tête fixe du site, mesuré) au bas de l’écran, en coordonnées du cadre — écrite en <code translate="no">--vue-top</code>/<code translate="no">--vue-h</code> pour la CSS (le voile 🔍 s’y pose)</td></tr>
      <tr><td class="acc"><code translate="no">position:sticky</code> — barre, onglets, volets, sous-onglets</td><td><code translate="no">colle(v)</code>&#8239;: dès qu’une barre passe sous le haut de la vue, elle est posée en <code translate="no">position:absolute</code> à cette hauteur, un fantôme de même taille garde sa place, les barres s’empilent et <code translate="no">--pile</code> dit où la pile s’arrête. Sélecteur unique <code translate="no">SEL</code>, le même que le script «&#8239;colle&#8239;» de la page</td></tr>
      <tr><td class="acc"><code translate="no">position:fixed</code> — coins ↑ ☰ 🔍, ◐ 💧, #prog, voiles</td><td><code translate="no">scanFixes()</code> lit l’ancrage <em>dans la feuille</em> (<code translate="no">top:auto</code> + <code translate="no">bottom</code> posé = ancré en bas)&#8239;; <code translate="no">poseFixe()</code> les rend absolus au bord voulu de la vue&#8239;; un voile étiré suit la vue en hauteur</td></tr>
      <tr><td class="acc">Progression et ↑</td><td>calculés sur <code translate="no">parent.scrollY</code>&#8239;; le ↑ est forcé en ligne <code translate="no">!important</code> parce que le script de la page le re-cache</td></tr>
      <tr><td class="acc"><code translate="no">window.scrollTo</code> / <code translate="no">scrollBy</code></td><td>traduits en <code translate="no">parent.scrollTo</code> (haut du cadre + y − en-tête)&#8239;: sommaire, ↑, «&#8239;retour où j’étais&#8239;»</td></tr>
      <tr><td class="acc">Plein écran</td><td>vrai&#8239;: <code translate="no">allowfullscreen</code>, <code translate="no">scrolling=yes</code> le temps du plein écran, le Pont se tait. Repli&#8239;: le <em>cadre</em> prend l’écran du site (<code translate="no">position:fixed;inset:0</code>, body du site <code translate="no">overflow:hidden</code>), la page défile dedans, Échap ou ✕ restaure</td></tr>
      <tr><td class="acc">Les événements <code translate="no">scroll</code></td><td>redistribués à la page à chaque tick (elle croit défiler)&#8239;; tick sur scroll/resize du parent, clic, et toutes les 700 ms</td></tr>
    </tbody>
  </table></div>

  <div class="alerte"><strong>Le sticky meurt sous Webnode même sans cadre.</strong> <code translate="no">.b-c</code> et <code translate="no">.wnd-page</code> portent <code translate="no">overflow:hidden</code>, et un ancêtre à <code translate="no">overflow:hidden</code> tue tout <code translate="no">position:sticky</code> dessous. Une page publiée porte donc son script «&#8239;colle&#8239;» (<code translate="no">ami-colle-js</code>) à <strong>détection comportementale</strong>&#8239;: si la barre dépassée a défilé avec le contenu — quelle qu’en soit la cause — le script prend la main. <em>On ne devine pas l’hôte, on constate.</em></div>

  <div class="tw"><table>
    <thead><tr><th>Mesuré dans le simulateur (<code translate="no">sim_cadre.html</code>, en-tête fixe 80 px, <code translate="no">.b-c</code> overflow hidden, 390 px)</th><th>Attendu</th></tr></thead>
    <tbody>
      <tr><td>barre 0 · onglets 48 · volets 164 · sous-onglets 240 px sous l’en-tête</td><td class="sain">trois rangées, en pile</td></tr>
      <tr><td>🔍 ☰ ↑ au bas de la fenêtre, ↑ après 420 px, ↑ ramène en haut du site</td><td class="sain">coins à l’écran, pas au bas du cadre</td></tr>
      <tr><td>repli de plein écran&#8239;: cadre plein écran, défilement dedans, zoom 110 %, ✕ restaure</td><td class="sain">immersif, et on en sort</td></tr>
    </tbody>
  </table></div>

  <h3 class="sub" id="s-cadre-verifier-en-ligne">◈ Vérifier en ligne — sans accès au code du bloc</h3>
  <p>Webnode ne laisse pas relire un bloc collé. On vérifie <em>dans le code servi</em>&#8239;: un marqueur <code translate="no">data-test="S"</code> sur la racine et une sonde <code translate="no">data-ami-js</code> posée par le premier script&#8239;; l’adresse publiée est lue au navigateur, et l’on cherche les deux. <strong>Marqueur absent&#8239;: refusé (le bloc a gardé l’ancien contenu). Marqueur présent, sonde absente&#8239;: le texte passe mais les scripts ne tournent pas.</strong> Le rendu se vérifie ensuite à l’œil et au script, sur téléphone d’abord.</p>

  <div class="check-liste">
    <div class="check-item"><div class="check-box"></div><span>La page source est finie et contrôlée (mutations, débordements 320/390/768/1280, 0 <code translate="no">var(--x)</code> sans déclaration) <b>avant</b> de générer le dérivé.</span></div>
    <div class="check-item"><div class="check-box"></div><span><code translate="no">p15_cadre_webnode.py</code> régénéré à chaque version&#8239;; le fichier <code translate="no">_WEBNODE</code> n’est jamais édité à la main.</span></div>
    <div class="check-item"><div class="check-box"></div><span>Le simulateur est rejoué&#8239;: pile des barres, coins au bas de l’écran, ↑, plein écran et repli.</span></div>
    <div class="check-item"><div class="check-box"></div><span>Un seul bloc «&#8239;Code HTML&#8239;» par page publiée&#8239;: jamais la page dans l’un et des scripts dans l’autre (500).</span></div>
    <div class="check-item"><div class="check-box"></div><span>En ligne&#8239;: marqueur et sonde lus dans le code servi, puis le rendu sur téléphone.</span></div>
  </div>
</div>

'''
ins_before('<!-- ── 36 · LA COULEUR D\'UN WIDGET', B, 'section 36')

# ── C · défaut trouvé au contrôle : le volet ⚙️ « Les Opérations » (tvp-t5) du Tableau Vivant n'était pas fermé ─────
#    → 🧿 « Le Widget » (tvp-t6) devenait son ENFANT dans le DOM : caché avec lui, la face Widget ne s'affichait jamais
#    (mesuré sur V6 : #s-la-couleur-d-un-widget hauteur 0 après navigation). Un </div> avant tvp-t6.
import re
a = h.find('<div class="pane" id="tvp-t5"'); b = h.find('<div class="pane" id="tvp-t6"'); assert a > 0 and b > a
st = 0
for m in re.finditer(r'<div\b[^>]*>|</div>', h[a:b]): st += -1 if m.group(0).startswith('</') else 1
assert st == 1, f'✗ t5 : {st} div non fermé(s), 1 attendu'
h = h[:b] + '</div>\n' + h[b:]; n += 1

# ── D · les deux entrées de sommaire (le sommaire des faces est écrit, pas construit) ─────────────────────
som6 = '<div class="som-p"><button class="som-pt" type="button" aria-expanded="false"><span class="som-pe">📐</span><span class="som-pn">LII</span><a href="#s-le-protocole-de-hauteur-astroheight">Le protocole de hauteur — astroHeight</a></button></div>'
ins_after(som6, '<div class="som-p"><button class="som-pt" type="button" aria-expanded="false"><span class="som-pe">🪟</span><span class="som-pn">LII bis</span><a href="#s-publier-sur-webnode-le-cadre-et-le-pont">Publier sur Webnode — le Cadre et le Pont</a><span class="som-px">＋</span></button><div class="som-d"><ol><li><a href="#s-cadre-verifier-en-ligne">Vérifier en ligne — sans accès au code du bloc</a></li></ol></div></div>', 'sommaire t6')
som5 = '<span class="som-pn">XXIX</span><a href="#s-la-boite-a-outils-de-page">La Boîte à Outils de page — ⛶ ↑ ☰ − % +</a></button></div>'
assert h.count(som5) == 1, 'sommaire : la boîte à outils'
h = h.replace(som5, '<span class="som-pn">XXIX</span><a href="#s-la-boite-a-outils-de-page">La Boîte à Outils de page — ⛶ ↑ ☰ − % +</a><span class="som-px">＋</span></button><div class="som-d"><ol><li><a href="#s-boite-places-etats">Les places et les états — la règle du 18 septembre</a></li></ol></div></div>'); n += 1

# ── le titre ────────────────────────────────────────────────────────────────────────────────────────────
old_t = '<title>La Charte de Communication aMi — V6 allégée</title>'
assert h.count(old_t) == 1; h = h.replace(old_t, '<title>La Charte de Communication aMi — V7 allégée</title>'); n += 1
open(OUT, 'w', encoding='utf-8').write(h)
print(f'✓ p18 : {n} gestes · {len(h.encode())/1e6:.2f} Mo → {OUT}')

p19_plein_ecran_v16.pypython3 p19_plein_ecran_v16.py entree.html sortie.html id-racine71 lignes

Le plein écran du composant V16 : la barre et les coins entrent dans la racine, la racine défile, body.ami-plein (zoom), repli fixed, petit pont pageYOffset/scrollTo, boutons à la règle du 18/09.

# -*- coding: utf-8 -*-
"""P19 · le composant V16 (barre + coins), sur 0.1 Apokalypse · 0.2 PsychaTrice · 0.3 L'Union du TouT — 18 sept 2026.
Retours de Diane du 18/09 (06h20 : « le plein écran fige la une », « les onglets font un gros trou » ; 08h10 : la règle des boutons).
Mesuré (Chromium, plein écran réel) : le composant met en plein écran LA RACINE DU BLOC (#ami-x) — la barre V16 et ses coins
(◐ 💧 ⛶ zoom) vivent AVANT la racine, donc hors du plein écran : invisibles, --nav-h (204 px déployée) reste posé → le trou ;
la racine n'a pas overflow → rien ne défile (Apokalypse, PsychaTrice) ; `body.ami-plein .coin-zoom{display:flex}` mais la
classe était posée sur la racine → le zoom n'a jamais paru.
Ce que fait P19, sans toucher au moteur :
  1. en plein écran (vrai ou repli), la barre V16 ENTRE dans la racine (avec les coins ↑ ☰ 🔍 ? et le voile 🔍 d'Apokalypse, qui vivent hors racine aussi ; un commentaire garde chaque place) :
     coins visibles, ⛶→✕ atteignable, --nav-h juste ; la racine défile (overflow-y:auto) ; la classe ami-plein va aussi sur body → zoom ;
  2. le repli (API refusée) : la racine prend l'écran (position:fixed inset 0, défile dedans) — même règle sur les trois volumes ;
  3. la règle des boutons : 💧 lecture à gauche (.5rem) puis ◐ contraste (2.9rem), comme l'Initiation ; actif = forme PLEINE
     (goutte pleine, ◐ → ●), pas de halo.
Usage : python3 p19_plein_ecran_v16.py entree.html sortie.html id-racine"""
import sys
SRC, OUT, ROOT = sys.argv[1], sys.argv[2], sys.argv[3]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(why or old[:50])

# ── 1 · la barre entre dans la racine en plein écran ; ami-plein aussi sur body ──────────────────────────
rep("  function majPlein(){\n    var on=pleinActif();\n    RAC.classList.toggle('ami-plein',on);",
    "  /* 18/09 — en plein écran, la barre V16 (qui vit AVANT la racine) entre dans la racine, sinon ni coins ni ✕, et --nav-h\n"
    "     creuse un trou de sa hauteur au-dessus des onglets. Un commentaire garde sa place ; elle y revient en sortant. */\n"
    "  var DEDANS=[];   /* la barre, et les coins de la boîte à outils (↑ ☰ 🔍 ?, le voile 🔍) qui vivent hors de la racine */\n"
    "  function rentre(){ if(DEDANS.length) return; var ls=document.querySelectorAll('#amiBarre,.ami-coin,#ami-rech');\n"
    "    for(var i=0;i<ls.length;i++){ var el=ls[i]; if(RAC.contains(el)) continue; var ph=document.createComment('ami-place'); el.parentNode.insertBefore(ph,el);\n"
    "      if(el.id==='amiBarre') RAC.insertBefore(el,RAC.firstChild); else RAC.appendChild(el); DEDANS.push({el:el,ph:ph}); } }\n"
    "  function sort(){ DEDANS.forEach(function(x){ if(x.ph.parentNode) x.ph.parentNode.replaceChild(x.el,x.ph); }); DEDANS=[]; pontOff(); }\n"
    "  /* le petit pont : en plein écran c'est la racine qui défile, mais les scripts de la page lisent window.pageYOffset et\n"
    "     écoutent window scroll (↑ après 600 px, coins cachés sur la une, sommaire qui suit). On leur redonne les deux. */\n"
    "  var DESC=null, ST0=null;\n"
    "  function relai(){ try{ window.dispatchEvent(new Event('scroll')); }catch(x){} }\n"
    "  function pontOn(){ if(DESC) return; DESC={y:Object.getOwnPropertyDescriptor(window,'pageYOffset'), s:Object.getOwnPropertyDescriptor(window,'scrollY')}; ST0=window.scrollTo;\n"
    "    try{ Object.defineProperty(window,'pageYOffset',{configurable:true,get:function(){return RAC.scrollTop;}}); Object.defineProperty(window,'scrollY',{configurable:true,get:function(){return RAC.scrollTop;}}); }catch(x){}\n"
    "    window.scrollTo=function(a,b){ if(typeof a==='object'&&a) RAC.scrollTo(a); else RAC.scrollTo(a||0,b||0); };\n"
    "    RAC.addEventListener('scroll',relai,{passive:true}); relai(); }\n"
    "  function pontOff(){ if(!DESC) return; try{ if(DESC.y) Object.defineProperty(window,'pageYOffset',DESC.y); if(DESC.s) Object.defineProperty(window,'scrollY',DESC.s); }catch(x){}\n"
    "    window.scrollTo=ST0; RAC.removeEventListener('scroll',relai); DESC=null; relai(); }\n"
    "  function majPlein(){\n    var on=pleinActif();\n    RAC.classList.toggle('ami-plein',on);\n    document.body.classList.toggle('ami-plein',on);\n"
    "    if(on){ rentre(); pontOn(); } else sort();\n    try{ dispatchEvent(new Event('resize')); }catch(x){}",
    1, 'majPlein : barre dans la racine + body.ami-plein')

# ── 1 bis · Échap : un volume absorbé (Union) ôte la classe avant nous → majPlein ne partait pas, la barre restait dedans, ✕ restait
rep("    if(e.key==='Escape'&&RAC.classList.contains('ami-faux-fs')){\n      RAC.classList.remove('ami-faux-fs');\n      document.documentElement.style.overflow=''; majPlein();\n    }",
    "    if(e.key==='Escape'){\n      if(RAC.classList.contains('ami-faux-fs')){ RAC.classList.remove('ami-faux-fs'); document.documentElement.style.overflow=''; }\n      setTimeout(majPlein,0);\n    }", 1, 'Échap : majPlein toujours')

# ── 2 · la feuille ────────────────────────────────────────────────────────────────────────────────────────
CSS = f'''
<style id="ami-acces-18-09">
/* 18 sept 2026 — plein écran qui DÉFILE, barre dedans, repli qui prend l'écran ; boutons d'accessibilité à la règle du 18/09 */
#{ROOT}:fullscreen,#{ROOT}:-webkit-full-screen{{overflow-y:auto!important;overflow-x:hidden!important;background:var(--onyx)}}
#{ROOT}.ami-faux-fs{{position:fixed!important;inset:0!important;z-index:99998!important;margin:0!important;max-width:none!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--onyx)}}
#{ROOT}.ami-plein > .ami-barre{{position:sticky;top:0;z-index:130}}
body.ami-plein .ami-pied{{display:none}}
.ami-barre .coin.g2#amiLecture{{left:.5rem}}
.ami-barre .coin.g#amiContraste{{left:2.9rem}}
.ami-barre #amiLecture[aria-pressed="true"] svg{{fill:currentColor}}
.ami-barre #amiContraste[aria-pressed="true"] svg circle{{fill:currentColor}}
.ami-barre .coin.actif,.ami-barre .coin[aria-pressed="true"]{{box-shadow:none}}
</style>
'''
if 'id="amiRech"' in h and 'id="ami-toc-toggle"' in h and 'id="amiHaut"' in h:   # 0.1 Apokalypse : les coins de bas en haut ↑ ☰ 🔍 (+ ? au-dessus)
    CSS = CSS.replace('</style>', f'#amiRech,#{ROOT} #amiRech{{bottom:1rem!important}}#{ROOT} #ami-toc-toggle{{bottom:4rem!important}}#amiHaut,#{ROOT} #amiHaut{{bottom:7rem!important}}#{ROOT} #ami-glossary-toggle{{bottom:10rem!important}}\n</style>')
    J.append('coins ↑ ☰ 🔍 dans l\'ordre du 18/09')
rep('</head>', CSS + '</head>', 1, 'feuille ami-acces-18-09')
open(OUT, 'w', encoding='utf-8').write(h)
print('✓ p19 :', ' · '.join(J), f'· {len(h.encode())/1e6:.2f} Mo → {OUT}')

verif_plein_ecran.pypython3 verif_plein_ecran.py page.html…27 lignes

Playwright, plein écran réel : racine qui défile, barre dedans, --nav-h = hauteur de barre (pas de trou), zoom, ✕.

import asyncio, os, sys
from playwright.async_api import async_playwright
D=os.path.abspath('.')
async def main():
    async with async_playwright() as p:
        b=await p.chromium.launch()
        for f in sys.argv[1:]:
            pg=await b.new_page(viewport={'width':1280,'height':800}); errs=[]
            pg.on('pageerror', lambda e: errs.append(str(e)))
            await pg.goto('file://'+D+'/'+f); await pg.wait_for_timeout(1500)
            await pg.click('#amiPlein'); await pg.wait_for_timeout(900)
            J='''()=>{const fe=document.fullscreenElement;const RAC=fe||document.getElementById('amiBarre').parentNode;const barre=document.getElementById('amiBarre');
              const nav=parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'));const zb=document.querySelector('.coin-zoom');const pl=document.getElementById('amiPlein');
              const sticky=[...RAC.querySelectorAll('*')].filter(e=>getComputedStyle(e).position==='sticky'&&e!==barre&&e.getBoundingClientRect().height>10&&e.getBoundingClientRect().width>600).slice(0,3).map(e=>(e.className+'').slice(0,25)+'@'+Math.round(e.getBoundingClientRect().top)+' top:'+getComputedStyle(e).top);
              return {fe:fe?fe.id:null, barreDedans:RAC.contains(barre), barreTop:Math.round(barre.getBoundingClientRect().top), barreH:Math.round(barre.getBoundingClientRect().height), navH:nav, overflowY:getComputedStyle(RAC).overflowY, zoom:getComputedStyle(zb).display, bouton:pl.textContent, bodyPlein:document.body.classList.contains('ami-plein'), sticky, racScroll:RAC.scrollTop}}'''
            r=await pg.evaluate(J); print(f, 'PLEIN', r)
            await pg.mouse.move(640,500); await pg.mouse.wheel(0,1500); await pg.wait_for_timeout(600)
            r=await pg.evaluate(J); print('   après molette : racScroll', r['racScroll'], 'barreTop', r['barreTop'], 'sticky', r['sticky'])
            await pg.screenshot(path=f.replace('.html','_fs.png'))
            await pg.click('#amiZoomP'); await pg.wait_for_timeout(300)
            z=await pg.evaluate("()=>({zv:document.getElementById('amiZoomV').textContent, zoom:(document.fullscreenElement||document.body).style.zoom})"); print('   zoom +', z)
            await pg.click('#amiPlein'); await pg.wait_for_timeout(800)
            r=await pg.evaluate(J); print('   SORTIE', {k:r[k] for k in ('fe','barreDedans','bouton','bodyPlein','zoom')}, 'JS', errs[:2])
            await pg.close()
        await b.close()
asyncio.run(main())

verif_repli_coins.pypython3 verif_repli_coins.py page.html…32 lignes

Playwright, API refusée : le repli prend l'écran et défile, Échap ; positions et états des coins ◐ 💧 ⛶.

import asyncio, os, sys
from playwright.async_api import async_playwright
D=os.path.abspath('.')
async def main():
    async with async_playwright() as p:
        b=await p.chromium.launch()
        for f in sys.argv[1:]:
            pg=await b.new_page(viewport={'width':390,'height':800}); errs=[]
            pg.on('pageerror', lambda e: errs.append(str(e)))
            await pg.add_init_script("Element.prototype.requestFullscreen=function(){return Promise.reject(new Error('refus'))};")
            await pg.goto('file://'+D+'/'+f); await pg.wait_for_timeout(1500)
            parent0=await pg.evaluate("()=>document.getElementById('amiBarre').parentNode.tagName+'#'+document.getElementById('amiBarre').parentNode.id")
            await pg.click('#amiPlein'); await pg.wait_for_timeout(700)
            J='''()=>{const RAC=document.getElementById('amiBarre').closest('.ami-faux-fs')||document.getElementById('amiBarre').parentNode;const barre=document.getElementById('amiBarre');
              return {faux:RAC.classList.contains('ami-faux-fs'), pos:getComputedStyle(RAC).position, ov:getComputedStyle(RAC).overflowY, bouton:document.getElementById('amiPlein').textContent, zoom:getComputedStyle(document.querySelector('.coin-zoom')).display, racScroll:RAC.scrollTop, sw:document.documentElement.scrollWidth}}'''
            r=await pg.evaluate(J); print(f,'REPLI',r)
            await pg.mouse.move(200,500); await pg.mouse.wheel(0,1200); await pg.wait_for_timeout(500)
            r=await pg.evaluate(J); print('   molette racScroll', r['racScroll'])
            await pg.screenshot(path=f.replace('.html','_faux390.png'))
            await pg.keyboard.press('Escape'); await pg.wait_for_timeout(600)
            r=await pg.evaluate(J); parent1=await pg.evaluate("()=>document.getElementById('amiBarre').parentNode.tagName+'#'+document.getElementById('amiBarre').parentNode.id")
            print('   Échap → faux', r['faux'], 'bouton', r['bouton'], '| barre parent avant/après', parent0, parent1)
            # boutons : positions et états
            await pg.evaluate("()=>document.getElementById('amiCoeur').click()"); await pg.wait_for_timeout(400)
            await pg.click('#amiContraste'); await pg.wait_for_timeout(300)
            s=await pg.evaluate('''()=>{const q=id=>document.getElementById(id);const g=e=>{const r=e.getBoundingClientRect();return {l:Math.round(r.left),t:Math.round(r.top),op:getComputedStyle(e).opacity}};
              return {lecture:g(q('amiLecture')), contraste:g(q('amiContraste')), plein:g(q('amiPlein')), pressed:q('amiContraste').getAttribute('aria-pressed'), circle:getComputedStyle(q('amiContraste').querySelector('circle')).fill, shadow:getComputedStyle(q('amiContraste')).boxShadow}}''')
            print('   coins', s, 'JS', errs[:2])
            await pg.click('#amiContraste'); await pg.close()
        await b.close()
asyncio.run(main())

verif_coins_plein.pypython3 verif_coins_plein.py page.html…23 lignes

Playwright : coins ↑ ☰ 🔍 visibles et placés en plein écran, pageYOffset ponté puis restauré.

import asyncio, os, sys
from playwright.async_api import async_playwright
D=os.path.abspath('.')
async def main():
    async with async_playwright() as p:
        b=await p.chromium.launch()
        for f in sys.argv[1:]:
            pg=await b.new_page(viewport={'width':390,'height':800}); errs=[]
            pg.on('pageerror', lambda e: errs.append(str(e)))
            await pg.goto('file://'+D+'/'+f); await pg.wait_for_timeout(1500)
            J='''()=>[...document.querySelectorAll('.ami-coin,#ami-toc-toggle,.ami-top,[id^=amiHaut]')].filter(e=>e.getBoundingClientRect().width>0||e.id).slice(0,6).map(e=>{const b=e.getBoundingClientRect();const cs=getComputedStyle(e);return (e.id||e.className.slice(0,14))+' bas:'+Math.round(innerHeight-b.bottom)+' vis:'+(cs.visibility!=='hidden'&&cs.opacity!=='0'&&!e.hidden&&cs.display!=='none')})'''
            await pg.click('#amiPlein'); await pg.wait_for_timeout(800)
            await pg.evaluate("()=>document.fullscreenElement.scrollTo(0,3000)"); await pg.wait_for_timeout(700)
            print(f, 'plein+3000', await pg.evaluate(J), 'pageYOffset', await pg.evaluate('window.pageYOffset'))
            await pg.screenshot(path=f.replace('.html','_fs390.png'))
            await pg.click('#amiPlein'); await pg.wait_for_timeout(800)
            print('   sortie pageYOffset', await pg.evaluate('window.pageYOffset'), 'fe', await pg.evaluate('document.fullscreenElement'), 'JS', errs[:2])
            await pg.evaluate("window.scrollTo(0,2000)"); await pg.wait_for_timeout(500)
            print('   page+2000', await pg.evaluate(J), await pg.evaluate('window.pageYOffset'))
            await pg.close()
        await b.close()
asyncio.run(main())

p1_astro.pypython3 p1_astro.py entree.html sortie.html89 lignes

AstroGlobe P1 : #dodec réparé, faces → Cockpit ici, onclick → data-act + écouteur délégué, title/meta, 🔮, casse mixte, orthographes.

# -*- coding: utf-8 -*-
"""P1 · 2.2 AstroGlobe V21 → V22 — le vivant, l'identité, le texte (audit du 18/09, A·1 A·4 A·5 A·17 ; arbitrages de Diane 17h40).
1. L'erreur JS au chargement : getElementById('dodec') → l'élément s'appelle dodec2 depuis une version ; garde-fou + bon id.
   Le bouton « 🌌 Ouvrir l'AstroGlobe → » visait .tab-btn[2] (= la MétaMatrice) : il vise l'onglet astro.
2. 36 onclick= → data-act= et UN écouteur délégué (règle du Bloc § LI) ; les deux onclick construits par script restent.
3. Identité : <title>, meta ami:volume/version/date, 🔮 pour 2.2 (💫 est 5.3 Astro — sommaire détaillé de Diane), casse mixte « Dodécaèdre ».
4. Orthographes arrêtées dans le TEXTE seulement (ConScience, TransMission, CosmoLogie) ; ⚡ et ☀ à une graphie (avec U+FE0F)."""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · le vivant ─────────────────────────────────────────────────────────────────────────────────────────
rep("const dodec = document.getElementById('dodec');\ndodec.addEventListener('mouseenter', () => dodec.style.animationPlayState = 'paused');\ndodec.addEventListener('mouseleave', () => dodec.style.animationPlayState = 'running');",
    "const dodec = document.getElementById('dodec2') || document.getElementById('dodec');\n"
    "if (dodec) {\n  dodec.addEventListener('mouseenter', () => dodec.style.animationPlayState = 'paused');\n  dodec.addEventListener('mouseleave', () => dodec.style.animationPlayState = 'running');\n"
    "  /* pause au toucher (téléphone) — la rotation est le geste de la page, elle se laisse arrêter */\n"
    "  dodec.addEventListener('touchstart', () => { dodec.style.animationPlayState = dodec.style.animationPlayState === 'paused' ? 'running' : 'paused'; }, {passive:true});\n}",
    1, "#dodec null → dodec2, garde-fou, pause au toucher")
rep('''onclick="switchDodTab('astro',document.querySelectorAll('.tab-btn')[2])"''',
    '''onclick="switchDodTab('astro',document.querySelector('.tab-btn[data-tab=&quot;astro&quot;]'))"''', 1, "« Ouvrir l'AstroGlobe » visait la MétaMatrice")

# ── 1 ter · le patch Isil V15.5 envoyait chaque face vers « 2.2_AstroGlobe_aMi_V75_COCKPIT_STABILISE.html#champ-n » — un fichier local qui n'existe pas en ligne (page morte).
#   Les faces ouvrent le Cockpit ICI, sur le champ n (amiOuvreCockpit, défini en P2).
rep("const url='2.2_AstroGlobe_aMi_V75_COCKPIT_STABILISE.html#champ-'+n;\n    window.location.href=url;",
    "if(window.amiOuvreCockpit){ amiOuvreCockpit('ici', n); return; }\n    const url='2.2_AstroGlobe_aMi_V75_COCKPIT_STABILISE.html#champ-'+n;\n    window.location.href=url;", 1, 'faces → Cockpit ici (patch Isil : lien local mort)')
J.append('note : le patch Isil V15.5 reste (rôle/tabindex des faces), seule sa destination change')

# ── 2 · onclick → data-act + écouteur délégué ─────────────────────────────────────────────────────────────
n_before = len(re.findall(r'\sonclick="', h))
h, n_act = re.subn(r'\sonclick="((?:switchDodTab|navDod|switchMMView|buildMMCerveaux|loadUnifiedFrame|openUnifiedFrame|clearMMTableFilter)\([^"]*)"', r' data-act="\1"', h)
J.append(f'onclick → data-act ×{n_act} (restent {n_before - n_act} construits par script)')
assert n_act == 34, n_act
h, n_kd = re.subn(r'\sonkeydown="[^"]*switchDodTab[^"]*"', '', h); J.append(f'onkeydown de la une ôté ×{n_kd} (le délégué écoute Entrée/Espace)')
DELEGUE = r'''
<script id="ami-delegue">
/* ── UN SEUL ÉCOUTEUR : data-act="fn('a',this)" — plus de fonction globale exigée par l'attribut (Charte § LI) ── */
(function(){'use strict';
  function arg(s, el){ s=s.trim();
    if(s==='this') return el; if(s==='null') return null; if(/^'.*'$/.test(s)||/^".*"$/.test(s)) return s.slice(1,-1);
    var m=s.match(/^document\.querySelectorAll\(\s*'([^']*)'\s*\)\s*\[(\d+)\]$/); if(m) return document.querySelectorAll(m[1])[+m[2]]||null;
    m=s.match(/^document\.querySelector\(\s*'([^']*)'\s*\)$/); if(m) return document.querySelector(m[1]);
    if(/^-?\d+(\.\d+)?$/.test(s)) return +s; return s; }
  function args(txt, el){ var out=[], cur='', q=null, d=0; for(var i=0;i<txt.length;i++){ var c=txt[i];
      if(q){ cur+=c; if(c===q) q=null; continue; } if(c==="'"||c==='"'){ q=c; cur+=c; continue; }
      if(c==='('||c==='[') d++; if(c===')'||c===']') d--; if(c===','&&d===0){ out.push(cur); cur=''; continue; } cur+=c; }
    if(cur.trim()) out.push(cur); return out.map(function(a){ return arg(a, el); }); }
  function agit(el, e){ var m=(el.getAttribute('data-act')||'').match(/^(\w+)\((.*)\)\s*;?\s*(return false;?)?\s*$/); if(!m) return;
    var fn=window[m[1]]; if(typeof fn!=='function') return; if(m[3]||el.tagName==='A') e.preventDefault(); fn.apply(el, args(m[2], el)); }
  document.addEventListener('click', function(e){ var el=e.target.closest&&e.target.closest('[data-act]'); if(el) agit(el, e); });
  document.addEventListener('keydown', function(e){ if(e.key!=='Enter'&&e.key!==' ') return; var el=e.target.closest&&e.target.closest('[data-act][role=button],[data-act][tabindex]'); if(el&&el.tagName!=='BUTTON'&&el.tagName!=='A'){ e.preventDefault(); agit(el, e); } });
})();
</script>
'''
rep('</body>', DELEGUE + '</body>', 1, 'écouteur délégué')
rep('''return (b.getAttribute('onclick')||'').indexOf("switchDodTab('"+tabId+"'") !== -1;''',
    '''return (b.getAttribute('data-act')||b.getAttribute('onclick')||'').indexOf("switchDodTab('"+tabId+"'") !== -1;''', 1, 'navDod lit data-act')

# ── 3 · identité ──────────────────────────────────────────────────────────────────────────────────────────
rep('<title>Dodécaèdre · AstroGlobe · Astro-aMi — Volume unifié · Protocole aMi · Vol. 2.2</title>',
    '<title>2.2 AstroGlobe · Dodécaèdre — Tu Sais Introspecter · Protocole de ConScience aMi</title>\n'
    '<meta name="ami:volume" content="2.2"><meta name="ami:version" content="V22"><meta name="ami:date" content="18 septembre 2026">', 1, 'title + meta ami:*')
rep('<h1 class="hero-h1" style="margin-bottom:.4rem;line-height:1.2;">💫<br/>DODÉCAÈDRE<br/><em style="font-size:.7em;letter-spacing:.15em;">· AstroGlobe ·</em></h1>',
    '<h1 class="hero-h1" style="margin-bottom:.4rem;line-height:1.2;"><span class="e" aria-hidden="true">🔮</span><br/>Dodécaèdre<br/><em style="font-size:.7em;letter-spacing:.15em;">· AstroGlobe ·</em></h1>', 1, 'une : 🔮, casse mixte')
rep('<p class="hero-vol">Protocole de ConScience aMi — Volume 2.2 · Tu Sais Introspecter · Portail &amp; Cockpit</p>',
    '<p class="hero-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">2.2</span> · Tu Sais Introspecter</p>', 1, 'kicker')
# la topnav et le pied propre disent 💫 pour 2.2 : ils s'en vont en P4 ; les 💫 restants sont des ornements de section (💫 l.1890) et le manifeste
h, n = re.subn(r'"emoji"\s*:\s*"💫"', '"emoji":"🔮"', h); J.append(f'manifeste emoji 💫 → 🔮 ×{n}')

# ── 4 · orthographes, dans le texte seulement ────────────────────────────────────────────────────────────
def texte_seulement(fn):
    """applique fn aux nœuds texte hors <script>/<style>/attributs/SVG"""
    global h
    parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>|<svg\b.*?</svg>|<[^>]+>)', h, flags=re.S)
    for i in range(0, len(parts), 2): parts[i] = fn(parts[i])
    h = ''.join(parts)
cnt = {}
def ortho(t):
    for a, b in (('Conscience','ConScience'),('conscience','ConScience'),('Cosmologie','CosmoLogie'),('Transmission','TransMission'),('transmission','TransMission')):
        n = len(re.findall(r'\b' + a + r'\b', t)); t = re.sub(r'\b' + a + r'\b', b, t); cnt[b] = cnt.get(b, 0) + n
    t = t.replace('⚡️', '⚡').replace('⚡', '⚡️').replace('☀️', '☀').replace('☀', '☀️')
    return t
texte_seulement(ortho); J.append('orthographes ' + ' · '.join(f'{k} +{v}' for k, v in cnt.items()) + ' · ⚡ ☀ à une graphie')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p2_astro.pypython3 p2_astro.py entree.html sortie.html117 lignes

AstroGlobe P2 : six onglets qui replient, la porte (dodécaèdre cliquable), reduced-motion, pulsations ≥ 7 s, émojis droits, tableaux .tw, grilles, cibles.

# -*- coding: utf-8 -*-
"""P2 · 2.2 AstroGlobe — la forme (audit A·2 A·3 A·10 A·11 A·12 A·14 A·15 A·16 ; arbitrages B·2 B·3).
- Six onglets qui REPLIENT (plus de rouleau horizontal : « interdit car on voit pas »), libellé en couleur, sous-titre gris .72 rem.
- La une : « Dodécaèdre » en casse mixte (plus d'uppercase en Cormorant), l'aperçu PNG (0,96 Mo) s'en va, LE DODÉCAÈDRE 3D devient
  la porte : il monte de l'onglet Architecture dans la une, cliquable → charge le Cockpit sur place ; à côté « 🔭 Charger le cockpit ici »
  et « ↗ Ouvrir en plein écran » (les mots déjà employés par la page). 320 px : la une ne déborde plus.
- reduced-motion en tête ; pulsations ≥ 7 s en opacité seule ; rotation du dodécaèdre gardée (B·3), pause au survol/toucher (P1).
- Émojis jamais en italique ; tableaux en rouleau ; grilles sans orpheline (auto-fit + dernier en pleine colonne) ; cibles ≥ 24 px ;
  min-height:100vh ôté de la une."""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · la une : le dodécaèdre monte, l'image descend ────────────────────────────────────────────────────
m = re.search(r'<div aria-label="Ouvrir le cockpit AstroGlobe" class="hero-live-preview"[^>]*>.*?</div></div>', h, re.S); assert m, 'hero-live-preview'
assert 'data:image/png' in m.group(0)
h = h[:m.start()] + '<!--ami:porte-->' + h[m.end():]; J.append("l'aperçu PNG de la une ôté (0,96 Mo)")
m = re.search(r'<div style="display:flex;justify-content:center;margin:2rem 0">\n<div class="dodec-wrapper" style="transform:scale\(\.8\)">.*?<div class="face-13-core">.*?</div>\n</div>\n</div>\n', h, re.S); assert m, 'dodec-wrapper'
dodec = m.group(0)
h = h[:m.start()] + '<p class="ami-renvoi-une">Le dodécaèdre tourne en tête de page — il ouvre le Cockpit.</p>\n' + h[m.end():]; J.append('le dodécaèdre 3D quitte l’onglet Architecture')
porte = ('<div class="ami-porte" id="ami-porte">\n'
         '  <div class="ami-porte-dodec" role="button" tabindex="0" aria-label="Ouvrir le Cockpit AstroGlobe ici" data-act="amiOuvreCockpit(\'ici\')">\n'
         + dodec.replace('style="transform:scale(.8)"', '') +
         '  </div>\n'
         '  <div class="ami-porte-b">\n'
         '    <button type="button" class="btn btn-or" data-act="amiOuvreCockpit(\'ici\')">🔭 Charger le cockpit ici</button>\n'
         '    <button type="button" class="btn" data-act="openUnifiedFrame(\'cockpit\')">↗ Ouvrir en plein écran</button>\n'
         '  </div>\n'
         '  <p class="ami-porte-l">12 faces + 1 centre = les 13 Champs. Touche le dodécaèdre pour l’arrêter, clique pour entrer.</p>\n'
         '</div>')
rep('<!--ami:porte-->', porte, 1, 'la porte : dodécaèdre cliquable + Charger ici / Ouvrir en plein écran')
OUVRE = '''
<script id="ami-porte-js">
window.amiOuvreCockpit=function(mode, n){ var b=document.querySelector('.tab-btn[data-tab="astro"]'); if(b&&window.switchDodTab) switchDodTab('astro',b);
  if(window.loadUnifiedFrame) loadUnifiedFrame('cockpit', document.querySelector('[data-act="loadUnifiedFrame(\\'cockpit\\',this)"]'));
  if(n){ var f=document.getElementById('unified-cockpit-frame'); if(f&&f.src){ var base=f.src.split('#')[0]; f.src=base+'#champ-'+n; } } };
</script>
'''
rep('<script id="ami-delegue">', OUVRE + '<script id="ami-delegue">', 1, 'amiOuvreCockpit')

# ── 2 · animations et reduced-motion ─────────────────────────────────────────────────────────────────────
assert '@keyframes pulseCenter' in h
h, n = re.subn(r'animation:\s*pulseCenter\s+3s', 'animation: pulseCenter 8s', h); J.append(f'pulseCenter 3 s → 8 s ×{n}')
h, n = re.subn(r'animation:\s*glowPulse\s+4s', 'animation: glowPulse 9s', h); J.append(f'glowPulse 4 s → 9 s ×{n}')
h, n = re.subn(r'animation:\s*c13Pulse\s+4s', 'animation: c13Pulse 9s', h); J.append(f'c13Pulse 4 s → 9 s ×{n}')
m = re.search(r'@keyframes c13Pulse \{.*?\n\}', h, re.S); assert m
k = m.group(0); k2 = re.sub(r'transform:\s*translate\(-50%, -50%\) scale\([\d.]+\)', 'transform: translate(-50%, -50%)', k)
h = h.replace(k, k2); J.append('c13Pulse : plus d’échelle (translate seul = centrage, pas un mouvement)')
m = re.search(r'@keyframes glowPulse \{.*?\n\}', h, re.S); assert m
k = m.group(0); k2 = re.sub(r'\s*transform:\s*scale\([\d.]+\);', '', k); h = h.replace(k, k2); J.append('glowPulse : opacité seule')

# ── 3 · la feuille de forme ──────────────────────────────────────────────────────────────────────────────
CSS = '''
<style id="ami-forme-p2">
/* ── P2 · 18 sept 2026 — la forme à la Charte ── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* les six onglets replient : jamais de rouleau horizontal sur téléphone */
.tab-nav{flex-wrap:wrap;overflow:visible;gap:0}
.tab-btn{flex:1 1 33.33%;min-width:0;padding:.7rem .5rem .55rem;font-size:.86rem;letter-spacing:0;text-transform:none;line-height:1.2;color:var(--tb,var(--or-pale));opacity:.78;min-height:44px}
.tab-btn>span:first-child{display:block;font-size:1.15rem;line-height:1.1;margin-bottom:.15rem;font-style:normal}
.tab-btn .tb-step{font-size:.72rem;color:var(--gris);letter-spacing:0;text-transform:none;opacity:1;margin-top:2px}
.tab-btn{display:block}.tab-btn,.tab-btn>span{white-space:normal;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}.tab-btn>span:nth-child(2){display:block}
.tab-btn.active{opacity:1;border-bottom-color:var(--tb,var(--or));background:rgba(255,255,255,.04)}
.tab-btn:hover{opacity:1;color:var(--tb,var(--or-pale))}
.tab-btn[data-tab="overview"]{--tb:var(--or-pale)}.tab-btn[data-tab="geo"]{--tb:var(--saphir-ct)}.tab-btn[data-tab="matrice"]{--tb:var(--emeraude-ct)}
.tab-btn[data-tab="arbo"]{--tb:var(--moldavite-ct)}.tab-btn[data-tab="astro"]{--tb:var(--amethyste-ct)}.tab-btn[data-tab="vibrations"]{--tb:var(--tanzanite-ct)}
@media(min-width:900px){.tab-btn{flex:1 1 16%}}
/* la une : casse mixte, pas de 100vh, la porte */
.hero{min-height:0}
.hero-h1{text-transform:none;letter-spacing:.02em;font-weight:400}
.hero-h1 .e{font-style:normal;font-size:.7em}
.hero-vol{font-size:.72rem;letter-spacing:.28em;color:var(--or)}
.hero .ami-porte{width:100%;max-width:34rem;margin:1.2rem auto 2rem;text-align:center;padding:0;box-sizing:border-box;overflow:hidden}
.ami-porte-dodec{display:flex;justify-content:center;cursor:pointer;border-radius:50%;outline:none}
.ami-porte-dodec:focus-visible{box-shadow:0 0 0 2px var(--or)}
.ami-porte .dodec-wrapper{margin:0 auto 1rem;transform:scale(.9)}
.ami-porte-b{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:.6rem 0 .4rem}
.ami-porte-b .btn{min-height:44px;font-family:'Jost',sans-serif;font-size:.9rem;letter-spacing:0;text-transform:none;border-radius:999px;padding:.6rem 1.2rem}
.ami-porte-l{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--gris-cl);margin:.4rem 0 0}
.ami-renvoi-une{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--gris-cl);text-align:center;margin:1rem 0 2rem}
@media(max-width:360px){.ami-porte .dodec-wrapper{transform:scale(.72);margin-bottom:-1rem}}
/* émojis droits, jamais en italique */
.hero-sub .e,.hero-axiome .e,.teaser-note .e,.mm-phrase .e,.reveal em .e,em .e,i .e,.e{font-style:normal}
/* tableaux : rouleau par règle */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* grilles : le dernier prend la colonne pleine s'il est seul sur son rang */
.mm-grid-13,.champs-grille,.geo-grid,.cosmo-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.geo-grid>*:last-child:nth-child(3n+1),.cosmo-row>*:last-child:nth-child(3n+1){grid-column:1/-1}
.mm-grid-13>*:last-child:nth-child(4n+1),.champs-grille>*:last-child:nth-child(4n+1){grid-column:1/-1}
/* cibles ≥ 24 px */
.mm-view-btn{min-height:32px;font-size:.78rem}
.tab-btn,.btn,button{min-height:32px}
</style>
'''
rep('</head>', CSS + '</head>', 1, 'feuille ami-forme-p2')

# ── 4 · émojis en italique : on les enveloppe (texte seulement, hors scripts/styles/svg) ─────────────────
EMO = re.compile('([\U0001F300-\U0001FAFF☀-➿⬀-⯿\U0001F900-\U0001F9FFꦠ-꧿]️?)')
def enveloppe(t):
    return EMO.sub(r'<span class="e">\1</span>', t)
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>|<svg\b.*?</svg>|<[^>]+>)', h, flags=re.S)
n = 0
for i in range(0, len(parts), 2):
    t2 = enveloppe(parts[i]); n += t2.count('<span class="e">'); parts[i] = t2
h = ''.join(parts); J.append(f'émojis enveloppés .e ×{n}')
# les tableaux en .tw
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>)', h, flags=re.S); n = 0
for i in range(0, len(parts), 2):
    t2, a = re.subn(r'(<table\b)', r'<div class="tw">\1', parts[i]); t2, b = re.subn(r'(</table>)', r'\1</div>', t2); assert a == b; n += a; parts[i] = t2
h = ''.join(parts); J.append(f'tableaux en .tw ×{n} (hors scripts)')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p4_astro.pypython3 p4_astro.py entree.html sortie.html274 lignes

AstroGlobe P4 : racine, barre/pied V16, bande, Emporter, boîte 🔍 ☰ ↑, contraste, cadres des widgets en srcdoc à hauteur suivie.

# -*- coding: utf-8 -*-
"""P4 · 2.2 AstroGlobe — l'anatomie de Page (audit A·6 A·7 A·16 A·19 ; arbitrages B·1 B·7).
Racine #ami-astroglobe posée autour de la page ; barre + #prog en tête ; bande des registres après la une ; ◈ Emporter avant le
pied ; pied V16 après la racine (devise et maxime de l'ancien pied gardées) ; l'ancienne topnav et l'ancien pied s'en vont
(les 19 liens vivent dans la Forêt de la barre — et ils pointaient vers des fichiers locaux morts) ; scripts du composant
(💧 ◐ ⛶ zoom Emporter), progression ; la boîte à outils 🔍 ☰ ↑ (recherche générique, sommaire bâti depuis les onglets) ;
contraste élevé ; les cadres des widgets : Arborescence et Géométries en srcdoc, hauteur qui suit le contenu ; le Cockpit
garde sa lucarne (B·1 : intouché)."""
import re, sys, json
SRC, OUT = sys.argv[1], sys.argv[2]
d = json.load(open('../spec/barre_extrait.json'))
BOITE_CSS = open('../spec/boite_css.txt', encoding='utf-8').read().replace('#ami-rech{display:none!important}\n', '')
h = open(SRC, encoding='utf-8').read(); J = []
ROOT = '#ami-astroglobe'; RID = 'ami-astroglobe'
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · l'ancienne topnav et l'ancien pied s'en vont ─────────────────────────────────────────────────────
m = re.search(r'<nav class="topnav">.*?</nav>\s*', h, re.S); assert m; h = h[:m.start()] + h[m.end():]; J.append('topnav d’août ôtée (19 liens locaux morts ; la Forêt de la barre les porte)')
m = re.search(r'<footer>\s*<div class="footer-inner">.*?</footer>', h, re.S); assert m and 'nav-footer' in m.group(0)
h = h[:m.start()] + '<!--ami:emport-->' + h[m.end():]; J.append('ancien pied ôté (devise + maxime passent dans le pied V16)')

# ── 2 · la racine, la barre, #prog, la bande, le pied ─────────────────────────────────────────────────────
mb = re.search(r'<body[^>]*>\n?', h)
nav = d['nav'].replace('<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi">',
                       f'<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi" data-ici="{RID}">')
assert nav.count('data-ici') == 1
h = h[:mb.end()] + d['prog'] + '\n' + nav + '\n<div id="' + RID + '">\n' + h[mb.end():]; J.append('barre V16 + #prog + racine ouverte')
bande = d['bande'].replace('href="#s-les-quatre-registres-de-lecture"', 'href="https://agdistys.fr/ami-charte" title="Les quatre registres de lecture — définis une fois, dans la Charte de Communication"')
rep('</section>\n<!-- ══ 4 ONGLETS INITIATIQUES ══ -->', '</section>\n' + bande + '\n<!-- ══ 4 ONGLETS INITIATIQUES ══ -->', 1, 'bande des registres après la une')
pied = d['pied']
pied = pied.replace('<div class="ap-sceau" title="🛕 Le sceau du volume">🛕</div>', '<div class="ap-sceau" title="🔮 Le sceau du volume">🔮</div>')
pied = pied.replace('<p class="ap-titre">Architecture</p>', '<p class="ap-titre">AstroGlobe — Dodécaèdre</p>')
pied = pied.replace('<p class="ap-vol">Protocole de ConScience aMi · Le Temple — La Vie</p>', '<p class="ap-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">2.2</span> — Tu Sais Introspecter</p>')
pied = pied.replace("<p class=\"ap-cit\">Je ne veux pas être crue sur parole au vol,\nje veux être sue sans le moindre bémol.</p>",
                    "<p class=\"ap-cit\">C = ΔI / ΔE — Quand l’Entropie monte, la Cohérence s’effondre.\nLe Sol d’abord — toujours.</p>")
assert '🔮 Le sceau' in pied and 'AstroGlobe —' in pied and 'Volume <span' in pied and 'Le Sol' in pied
emport = '''
<section class="emporter" aria-labelledby="empT">
  <h2 id="empT">◈ Emporter ce volume</h2>
  <p>Il tient en <strong>un seul fichier</strong>&#8239;: une fois téléchargé, <strong>il fonctionne hors ligne</strong> et reste vivant — six onglets, la MétaMatrice, le dodécaèdre, lecture continue, contraste, recherche. <em>Les trois widgets (Cockpit, Arborescence, Géométries) sont embarqués et se chargent au clic&#8239;; le Cockpit demande une connexion pour ses vues 3D.</em></p>
  <div class="emp-b">
    <button id="dlHtml" type="button">⬇︎ Export HTML <span id="dlPoids"></span></button>
    <button id="dlPdf" type="button">🖶 PDF imprimable</button>
  </div>
  <p id="dlEtat" class="emp-d" aria-live="polite"></p>
  <p class="emp-d">📅 <span data-ami="version">V22</span> — arrêtée au <span data-ami="date">18 septembre 2026</span>. <em>Les renvois vers l’extérieur peuvent se briser avec le temps&#8239;: vérifie la version en ligne si celle-ci a vieilli.</em></p>
</section>
'''
mt = re.search(r'<!-- ✦ FORMULE-THEORIE-DU-TOUT.*?<!-- ✦ /FORMULE-THEORIE-DU-TOUT ✦ -->\s*<div style="[^"]*">\s*La Donnée = Le Sens × Le Temps\s*\xa0·\xa0\s*D = S × T\s*</div>', h, re.S); assert mt, 'bandeau Théorie du Tout'
theorie = mt.group(0); h = h[:mt.start()] + h[mt.end():]
rep('<!--ami:emport-->', '<div class="ami-theorie">' + theorie + '</div>\n' + emport + '\n</div><!-- /#' + RID + ' -->\n' + pied + '\n', 1, 'bandeau Théorie du Tout rentré dans la racine · ◈ Emporter · racine fermée · pied V16')

# ── 3 · la feuille du composant (nettoyée comme pour 0.3/0.1) ────────────────────────────────────────────
css = d['css']
blocs = []; k = 0; n = len(css)
while k < n:
    j = css.find('{', k)
    if j < 0: break
    sel = css[k:j]; depth = 1; e = j + 1
    while e < n and depth:
        if css[e] == '{': depth += 1
        elif css[e] == '}': depth -= 1
        e += 1
    blocs.append((sel, css[j:e])); k = e
out = []; otees = 0
for sel, corps in blocs:
    parts = [p.strip() for p in sel.strip().split(',') if p.strip()]
    if parts and not sel.strip().startswith('@') and all(re.match(r'(#tv|\.tvx)\b', p) for p in parts): otees += 1; continue
    if parts and not sel.strip().startswith('@'):
        keep = [p for p in parts if not re.match(r'(#tv|\.tvx)\b', p)]
        sel = sel[:len(sel) - len(sel.lstrip())] + ',\n'.join(keep)
    out.append(sel + corps)
css = ''.join(out)
css = re.sub(r'(?<![\w.#-])main (\.bande-registres|\.r-heu|\.r-ana|\.r-ess)', ROOT + r' \1', css)
rootvals = ';'.join(f'{k}:{v}' for k, v in d['rootvals'].items() if not v.startswith('4px}'))
feuille = ('<style id="ami-composant">\n/* ── LA BARRE, LE PIED, LES REGISTRES, L’EMPORT — pris à la Charte de Communication V5, nettoyés (P5 de 0.3) ── */\n'
           ':root{' + rootvals + ';--nav-h:0px;--bar-h:0px}\n'
           'html{scroll-padding-top:calc(var(--nav-h) + 1rem)}\n'
           f'{ROOT} .emporter{{max-width:44rem;margin:3rem auto 1rem;padding:1.4rem 1.6rem;background:var(--encre);border:1px solid var(--or-somb);border-radius:14px;text-align:center}}\n'
           f"{ROOT} .emporter h2{{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--or-pale);margin:0 0 .6rem;letter-spacing:0;text-transform:none;border:0;padding:0}}\n"
           f"{ROOT} .emporter p{{color:var(--gris-cl);font-family:'Jost',sans-serif;font-size:.88rem;line-height:1.7;margin:.4rem auto;max-width:60ch}}\n"
           f"{ROOT} .emporter p strong{{color:var(--nacre);font-weight:500;font-size:inherit}}\n"
           f"{ROOT} .emporter .emp-b{{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .4rem}}\n"
           f"{ROOT} .emporter .emp-b button{{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--or);background:rgba(255,255,255,.05);border:1px solid var(--or-somb);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;min-height:44px}}\n"
           f"{ROOT} .emporter .emp-b button:hover{{background:rgba(255,255,255,.1);color:var(--or-pale)}}\n"
           f"{ROOT} .emporter .emp-d{{font-size:.78rem;color:var(--gris)}}\n{ROOT} .emporter [data-ami]{{color:var(--or-pale);font-size:inherit}}\n"
           f'{ROOT} .bande-registres{{margin:1.2rem auto 0}}\n'
           f'{ROOT} .tab-nav{{top:var(--nav-h,0px)}}\n'
           + css + '\n</style>\n')
assert '*{margin:0' not in feuille
rep('</head>', feuille + '</head>', 1, f'feuille du composant ({otees} règles #tv/.tvx écartées)')

# ── 4 · les scripts du composant ─────────────────────────────────────────────────────────────────────────
js = d['js_barre'].replace("document.getElementById('ami-charte')||document.body", f"document.getElementById('{RID}')||document.body")
js = js.replace("""   var ongs=d.querySelectorAll('.ong');
   ongs.forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pan').forEach(function(p,i){ p.hidden = i!==0; });
   d.querySelectorAll('.sbar').forEach(function(s,i){ s.hidden = true; });
   d.querySelectorAll('.sog').forEach(function(o,i){ o.classList.toggle('on', i===0); });
   d.querySelectorAll('#tv > .pane').forEach(function(p,i){
     p.classList.toggle('on', i===0); });""",
"""   d.querySelectorAll('.tab-btn').forEach(function(o,i){ o.classList.toggle('active', i===0); });
   d.querySelectorAll('.tab-panel').forEach(function(p,i){ p.classList.toggle('active', i===0); });
   d.querySelectorAll('iframe.unified-frame').forEach(function(f){ f.removeAttribute('src'); f.removeAttribute('srcdoc'); f.style.display=''; f.style.height=''; });""")
assert "'.tab-panel').forEach" in js
js = js.replace("""    if(a){ a.classList.add('ici');
      deplie(true,false);
      var p=N.querySelector('.porte[data-c="foret"]'); if(p) pose(p,true);
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }""", """    if(a){ a.classList.add('ici');
      /* la page se marque, mais n'ouvre plus le tiroir toute seule (Diane, 17 sept) : un clic sur 🌳 la Forêt l'ouvre, à la bonne rangée */
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }"""); assert "n'ouvre plus le tiroir" in js
js = js.replace("a.download='Charte_Communication_aMi_'+(window.__amiV||'')+'.html';", "a.download='2.2_ASTROGLOBE_Dodecaedre_aMi_'+(window.__amiV||'')+'.html';"); assert '2.2_ASTROGLOBE' in js
shim = f"""
/* ── CE QUE LE VOLUME ÉCOUTE : la lecture continue ── */
(function(){{'use strict';
  var R=document.getElementById('{RID}'); if(!R) return; var memo=null;
  document.addEventListener('ami:lecture',function(e){{
    var on=e.detail&&e.detail.actif;
    if(on){{ memo=R.querySelector('.tab-btn.active'); R.querySelectorAll('.tab-panel').forEach(function(p){{ p.classList.add('active'); p.querySelectorAll('.reveal').forEach(function(x){{ x.classList.add('visible'); }}); }}); R.classList.add('lecture'); }}
    else {{ R.classList.remove('lecture'); if(memo&&window.switchDodTab) switchDodTab(memo.dataset.tab, memo); }}
  }});
}})();
/* ── LA BARRE DE PROGRESSION — elle mesure l'onglet ouvert ── */
(function(){{'use strict';
  var prog=document.getElementById('prog'), R=document.getElementById('{RID}'); if(!prog||!R) return;
  function pile(){{ var n=document.querySelector('.ami-barre'); return n?Math.min(n.getBoundingClientRect().height,144):0; }}
  function volet(){{ if(R.classList.contains('lecture')) return R; return R.querySelector('.tab-panel.active')||R; }}
  function avance(){{ var v=volet(), r=v.getBoundingClientRect(), y=window.pageYOffset, debut=r.top+y-pile(), fin=r.bottom+y-window.innerHeight, course=fin-debut,
      p=course>4 ? (y-debut)/course : (r.bottom<=window.innerHeight?1:0); prog.style.width=(Math.max(0,Math.min(1,p))*100).toFixed(2)+'%'; }}
  window.addEventListener('scroll',avance,{{passive:true}}); window.addEventListener('resize',avance);
  document.addEventListener('click',function(e){{ if(e.target.closest&&e.target.closest('.tab-btn,#amiLecture,#amiPlein,[data-act]')) setTimeout(avance,90); }},true);
  document.addEventListener('ami:lecture',function(){{ setTimeout(avance,90); }}); avance();
}})();
/* ── LES CADRES DES WIDGETS : Arborescence et Géométries suivent leur hauteur (srcdoc, même origine) ; le Cockpit garde sa lucarne ── */
(function(){{'use strict';
  var SUIT={{arbo:1,vibrations:1}};
  var orig=window.loadUnifiedFrame; if(!orig) return;
  function suit(f){{ if(f.__suit) return; f.__suit=1; f.setAttribute('scrolling','no');
    function mesure(){{ try{{ var d=f.contentDocument; if(!d||!d.documentElement) return; var hh=d.documentElement.scrollHeight; if(hh>200) f.style.height=hh+'px'; }}catch(x){{}} }}
    f.addEventListener('load',function(){{ mesure(); setTimeout(mesure,400); setTimeout(mesure,1500); }}); setInterval(mesure,900); }}
  window.loadUnifiedFrame=function(kind,btn){{
    var ids={{cockpit:'unified-cockpit-frame',arbo:'unified-arbo-frame',vibrations:'unified-vibrations-frame'}};
    var f=document.getElementById(ids[kind]); if(!f) return orig(kind,btn);
    if(SUIT[kind]){{ if(!f.getAttribute('srcdoc')){{ var u=window.__amiPayload&&window.__amiPayload(kind); if(u){{ f.classList.add('suit'); suit(f); f.srcdoc=u; }} else return orig(kind,btn); }}
      f.style.display='block'; if(btn) btn.textContent='✓ '+(kind==='arbo'?'Arborescence chargée':'Géométries chargées'); setTimeout(function(){{ f.scrollIntoView({{behavior:'smooth',block:'start'}}); }},120); return; }}
    return orig(kind,btn);
  }};
}})();
"""
# le décodeur des payloads devient joignable (une fonction, pas le texte) — sans toucher aux payloads
rep("  window.openUnifiedFrame=function(kind){window.open(urlFor(kind),'_blank','noopener')};",
    "  window.openUnifiedFrame=function(kind){window.open(urlFor(kind),'_blank','noopener')};\n  window.__amiPayload=function(kind){ return payloads[kind] ? decodeBase64Utf8(payloads[kind]) : null; };", 1, '__amiPayload')
contraste = f"""
<style id="ami-contraste">
/* ── ◐ LE CONTRASTE ÉLEVÉ : chaque encre monte à son niveau -ct ── */
body.ami-contraste {ROOT},body.ami-contraste{{--or:var(--ambre-ct);--or-pale:#ffe2a3;--gris:#c0c0cf;--gris-cl:#d6d6e0;--nacre:#ffffff;--or-somb:#b09030;
  --vert:var(--emeraude-ct);--vert-cl:#7fe0a0;--rubis:var(--rubis-ct);--rubis-cl:#ff9a9a;--bleu:var(--saphir-ct);--bleu-cl:#a9c3ff;--violet-cl:#c9bcff;--cyan:#7fe3e0;--fuchsia:var(--grenat-ct)}}
body.ami-contraste {ROOT}{{font-weight:400}}
body.ami-contraste {ROOT} em{{font-style:normal}}
</style>
"""
# ── 5 · la boîte à outils : ↑ ☰ 🔍 ─────────────────────────────────────────────────────────────────────
coins = '''
<button class="ami-coin h" id="amiHaut" type="button" hidden aria-label="Revenir en haut" title="↑ Revenir en haut">↑</button>
<button class="ami-coin d3" id="ami-toc-toggle" type="button" aria-expanded="false" aria-controls="ami-toc-panel" aria-label="Sommaire de la page" title="☰ Le sommaire de la page">☰</button>
<div id="ami-toc-panel" class="ami-toc" hidden role="dialog" aria-label="Sommaire"></div>
<button class="ami-coin r" id="amiRech" type="button" aria-label="Rechercher" title="Chercher dans le volume (Ctrl+F)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></button>
<div id="ami-rech" role="dialog" aria-modal="true" aria-label="Rechercher dans le volume">
  <div class="rc-b">
    <div class="rc-h"><span class="rc-loupe"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" style="width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></span>
      <input type="search" id="rc-q" placeholder="Chercher dans les six onglets…" autocomplete="off" spellcheck="false" aria-label="Chercher">
      <span class="rc-n" id="rc-n"></span>
      <button class="rc-x" type="button" id="rc-x" aria-label="Fermer">✕</button></div>
    <div class="rc-l" id="rc-l" role="listbox"></div>
  </div>
</div>
'''
boite_js = r'''
<script id="ami-boite-js">
/* ── LA BOÎTE À OUTILS : ↑ Haut · ☰ Sommaire (bâti depuis les onglets et leurs sections) · 🔍 Recherche (indexe le texte de la racine, dit où il est, ouvre l'onglet) ── */
(function(){'use strict';
 var R=document.getElementById('ami-astroglobe'); if(!R) return;
 var H=document.getElementById('amiHaut');
 if(H){ function suit(){ H.hidden = window.pageYOffset < 600; } window.addEventListener('scroll',suit,{passive:true}); suit();
   H.addEventListener('click',function(){ window.scrollTo({top:0,behavior:'smooth'}); }); }
 function nomOnglet(t){ var b=R.querySelector('.tab-btn[data-tab="'+t+'"]'); if(!b) return t; var s=b.querySelector('span:nth-child(2)'); var txt=(s?s.childNodes[0].textContent:b.textContent).trim(); var e=b.querySelector('span:first-child'); return (e?e.textContent.trim()+' ':'')+txt; }
 /* ☰ */
 var T=document.getElementById('ami-toc-toggle'), P=document.getElementById('ami-toc-panel');
 function batiToc(){ var html='<div class="toc-h"><span>☰ Sommaire</span><button type="button" class="toc-x" aria-label="Fermer">✕</button></div>';
   R.querySelectorAll('.tab-panel').forEach(function(pan){ var t=pan.id.replace('tab-','');
     html+='<button type="button" class="toc-o" data-t="'+t+'">'+nomOnglet(t)+'</button>';
     var secs=pan.querySelectorAll('.sec-header h2'); if(secs.length){ html+='<div class="toc-s">'; secs.forEach(function(x,i){ var id=x.closest('section,[id]')&&x.closest('section,[id]').id; if(!id){ id='ami-s-'+t+'-'+i; x.closest('.sec-header').id=id; } html+='<a href="#'+id+'" data-t="'+t+'">'+x.textContent.trim().replace(/</g,'&lt;')+'</a>'; }); html+='</div>'; } });
   P.innerHTML=html;
   P.querySelector('.toc-x').addEventListener('click',fermeToc);
   P.querySelectorAll('.toc-o').forEach(function(b){ b.addEventListener('click',function(){ va(b.dataset.t,null); }); });
   P.querySelectorAll('.toc-s a').forEach(function(a){ a.addEventListener('click',function(e){ e.preventDefault(); va(a.dataset.t, a.getAttribute('href').slice(1)); }); }); }
 function va(t,id){ fermeToc(); var b=R.querySelector('.tab-btn[data-tab="'+t+'"]'); if(b&&window.switchDodTab) switchDodTab(t,b);
   setTimeout(function(){ var el=id?document.getElementById(id):R.querySelector('.tab-nav'); if(el){ var pile=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0; var y=el.getBoundingClientRect().top+window.pageYOffset-pile-56; window.scrollTo({top:Math.max(0,y),behavior:'smooth'}); } },160); }
 function ouvreToc(){ if(!P.innerHTML) batiToc(); P.hidden=false; T.setAttribute('aria-expanded','true'); }
 function fermeToc(){ P.hidden=true; T.setAttribute('aria-expanded','false'); }
 if(T&&P){ T.addEventListener('click',function(){ P.hidden?ouvreToc():fermeToc(); }); document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&!P.hidden) fermeToc(); }); }
 /* 🔍 */
 var B=document.getElementById('amiRech'), D=document.getElementById('ami-rech'), Q=document.getElementById('rc-q'), L=document.getElementById('rc-l'), N=document.getElementById('rc-n'), X=document.getElementById('rc-x');
 if(!B||!D) return;
 var IDX=null, RES=[], SEL=-1;
 function bati(){ IDX=[];
   var w=document.createTreeWalker(R,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT), n, chap='';
   while((n=w.nextNode())){
     if(n.nodeType===1){ if(n.tagName==='H2'||n.tagName==='H3'){ chap=n.textContent.trim(); } continue; }
     var s=n.textContent.replace(/\s+/g,' ').trim(); if(s.length<3) continue;
     var p=n.parentElement; if(!p||p.closest('script,style,svg,#ami-rech,#ami-toc-panel,.tab-nav,.ami-barre,.ami-pied,.emporter')) continue;
     var pane=p.closest('.tab-panel'); IDX.push({t:s, tl:s.toLowerCase(), el:p, t2:pane?pane.id.replace('tab-',''):null, chap:chap}); } }
 function esc(s){ return s.replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];}); }
 function cherche(q){ q=q.trim().toLowerCase(); L.innerHTML=''; RES=[]; SEL=-1;
   if(q.length<2){ N.textContent=''; L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; return; }
   if(!IDX) bati();
   var vus={}, par={}, ordre=[];
   IDX.forEach(function(e){ var i=e.tl.indexOf(q); if(i<0) return; var k=(e.t2||'')+'|'+e.chap+'|'+e.t.slice(0,60); if(vus[k]) return; vus[k]=1;
     var g=e.t2?nomOnglet(e.t2):'—'; if(!par[g]){par[g]=[];ordre.push(g);} if(par[g].length<40) par[g].push({e:e,i:i}); });
   var tot=0; ordre.forEach(function(g){ tot+=par[g].length; });
   N.textContent = tot? tot+(tot>1?' passages':' passage') : 'rien';
   if(!tot){ L.innerHTML='<div class="rc-v">Rien pour « '+esc(q)+' ».</div>'; return; }
   ordre.forEach(function(g){ var d=document.createElement('div'); d.className='rc-g'; d.textContent=g; L.appendChild(d);
     par[g].forEach(function(r){ var b=document.createElement('button'); b.type='button'; b.className='rc-r'; b.setAttribute('role','option');
       var a=Math.max(0,r.i-46), z=Math.min(r.e.t.length,r.i+q.length+70);
       b.innerHTML=(a?'…':'')+esc(r.e.t.slice(a,r.i))+'<mark>'+esc(r.e.t.slice(r.i,r.i+q.length))+'</mark>'+esc(r.e.t.slice(r.i+q.length,z))+(z<r.e.t.length?'…':'')+(r.e.chap?'<span class="rc-c">'+esc(r.e.chap)+'</span>':'');
       b.dataset.k=RES.length; RES.push(r.e); b.addEventListener('click',function(){ saute(+b.dataset.k); }); L.appendChild(b); }); }); }
 function saute(k){ var e=RES[k]; if(!e) return; ferme();
   if(e.t2){ var b=R.querySelector('.tab-btn[data-tab="'+e.t2+'"]'); if(b&&!b.classList.contains('active')&&window.switchDodTab) switchDodTab(e.t2,b); }
   setTimeout(function(){ var cible=e.el.closest('p,li,td,th,h1,h2,h3,h4,blockquote,figure,div')||e.el; var pile=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0;
     var y=cible.getBoundingClientRect().top+window.pageYOffset-pile-64; window.scrollTo({top:Math.max(0,y),behavior:'smooth'});
     cible.classList.remove('ami-trouve'); void cible.offsetWidth; cible.classList.add('ami-trouve'); setTimeout(function(){cible.classList.remove('ami-trouve');},2600); },220); }
 function ouvre(){ D.classList.add('on'); B.setAttribute('aria-pressed','true'); Q.value=''; Q.focus(); L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; N.textContent=''; }
 function ferme(){ D.classList.remove('on'); B.setAttribute('aria-pressed','false'); }
 X.addEventListener('click',ferme); D.addEventListener('click',function(e){ if(e.target===D) ferme(); });
 var tm=null; Q.addEventListener('input',function(){ clearTimeout(tm); tm=setTimeout(function(){ cherche(Q.value); },140); });
 Q.addEventListener('keydown',function(e){ var bs=L.querySelectorAll('.rc-r');
   if(e.key==='ArrowDown'||e.key==='ArrowUp'){ e.preventDefault(); if(!bs.length) return; SEL=Math.max(0,Math.min(bs.length-1,SEL+(e.key==='ArrowDown'?1:-1))); bs.forEach(function(b2,i){b2.classList.toggle('sel',i===SEL);}); bs[SEL].scrollIntoView({block:'nearest'}); }
   else if(e.key==='Enter'){ e.preventDefault(); saute(SEL>=0?SEL:0); } else if(e.key==='Escape'){ ferme(); } });
 addEventListener('keydown',function(e){ if((e.ctrlKey||e.metaKey)&&(e.key==='f'||e.key==='F')){ e.preventDefault(); ouvre(); } else if(e.key==='Escape'&&D.classList.contains('on')) ferme(); });
 B.addEventListener('click',ouvre);
})();
</script>
'''
boite_css = '''
<style id="ami-boite">
''' + BOITE_CSS + '''
/* les places du 18/09 : de bas en haut 🔍 ☰ ↑ */
#amiRech{bottom:1rem!important;right:1rem!important}#ami-toc-toggle{bottom:4rem!important;right:1rem!important}#amiHaut{bottom:7rem!important;right:1rem!important}
.ami-toc{position:fixed;right:1rem;bottom:6.6rem;z-index:61;width:min(22rem,calc(100vw - 2rem));max-height:min(70vh,34rem);overflow:auto;background:var(--encre);border:1px solid rgba(var(--or-rgb),.34);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6);font-family:'Jost',sans-serif}
.ami-toc .toc-h{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;border-bottom:1px solid rgba(var(--or-rgb),.18);color:var(--or-pale);font-size:.86rem;letter-spacing:.08em}
.ami-toc .toc-x{background:none;border:0;color:var(--gris);cursor:pointer;font-size:1rem;min-width:32px;min-height:32px}
.ami-toc .toc-o{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(255,255,255,.05);color:var(--or-pale);font:500 .9rem 'Jost',sans-serif;padding:.55rem .9rem;cursor:pointer;min-height:36px}
.ami-toc .toc-o:hover{background:rgba(var(--or-rgb),.08)}
.ami-toc .toc-s{padding:0 .4rem .4rem .9rem}
.ami-toc .toc-s a{display:block;color:var(--gris-cl);text-decoration:none;font-size:.82rem;padding:.3rem .5rem;border-radius:6px;min-height:28px}
.ami-toc .toc-s a:hover{background:rgba(var(--or-rgb),.08);color:var(--nacre)}
.ami-trouve{outline:2px solid var(--or);outline-offset:4px;border-radius:4px;transition:outline-color 2s}
#ami-rech .rc-n,#ami-rech .rc-g,#ami-rech .rc-c{font-size:.72rem}
</style>
'''
rep('</head>', boite_css + contraste + '</head>', 1, 'feuilles boîte + contraste')
rep('</body>', coins + '\n<script id="ami-composant-js">\n' + js + '\n' + shim + '</script>\n' + boite_js + '</body>', 1, 'coins + scripts du composant + boîte')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p5_astro.pypython3 p5_astro.py entree.html sortie.html58 lignes

AstroGlobe P5 : encres translucides → pleines, plancher des cellules construites par script et des tailles en ligne.

# -*- coding: utf-8 -*-
"""P5 · 2.2 AstroGlobe — les encres et ce que le plancher n'a pas vu (audit A·8 A·9 ; mesures après P4).
1. Chaque encre à l'opacité 1 : « color:rgba(var(--x-rgb),a) » avec a < .75 → « color:var(--x-encre) », dans les feuilles et en ligne
   (hors scripts, hors SVG). L'or à .3–.5 sur onyx faisait 1,7–2,9:1 ; le gris à .45 faisait 2,5:1. Les fonds/bordures gardent leur voile.
   --or-somb n'est pas une encre (3,4:1) : en texte, il devient --or. Le rubis (4,3:1) et le grenat (3,7:1) passent en -ct pour le texte.
2. Le plancher pour ce que le script construit après coup (la table de la MétaMatrice, les cartes) et pour les tailles écrites en ligne.
3. Émojis droits dans .mm-diag-horm ; cibles des liens du pied ≥ 24 px ; la table des pôles.
Usage : python3 p5_astro.py entree.html sortie.html"""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · les encres ────────────────────────────────────────────────────────────────────────────────────────
ENCRE = {'--or':'var(--or)','--or-pale':'var(--or-pale)','--gris-cl':'var(--gris-cl)','--gris':'var(--gris)','--bleu-cl':'var(--bleu-cl)','--vert':'var(--vert-cl)',
         '--fuchsia':'var(--grenat-ct)','--violet-cl':'var(--violet-cl)','--cyan':'var(--amazonite-ct)','--nacre':'var(--nacre)'}
def encre(nom):
    if nom in ENCRE: return ENCRE[nom]
    if nom.startswith('--anc-'): return f'var({nom})'   # une pierre déjà nommée (rapatriée) : pleine
    return f'var({nom})'
n1 = n2 = 0
def sub_css(m):
    global n1
    nom, a = m.group(1), float(m.group(2))
    if a >= .75: return m.group(0)
    n1 += 1; return 'color:' + encre(nom)
parts = re.split(r'(<script\b.*?</script>|<svg\b.*?</svg>)', h, flags=re.S)
for i in range(0, len(parts), 2):
    t = parts[i]
    t = re.sub(r'color:\s*rgba\(var\((--[a-z0-9-]+)-rgb\),\s*(\.?\d*\.?\d+)\)', sub_css, t)
    parts[i] = t
h = ''.join(parts); J.append(f'encres translucides → pleines ×{n1} (feuilles + en ligne, hors scripts/SVG)')
ENCRES = '''
<style id="ami-encres">
/* ── P5 · les encres qui tenaient sous 4,5:1 même pleines ── */
#ami-astroglobe .sec-num,#ami-astroglobe .hero-vol,#ami-astroglobe .geo-section-title,#ami-astroglobe .geo-card-champ,#ami-astroglobe .mm-plan-champs,#ami-astroglobe .nectar-kicker,#ami-astroglobe .unified-kicker{color:var(--or)}
#ami-astroglobe .mm-card-vice,#ami-astroglobe p.geo-prop,#ami-astroglobe em.vice,#ami-astroglobe .mm-cell-bad{color:var(--rubis-ct)}
#ami-astroglobe .mm-card-sub,#ami-astroglobe .mm-topbar-sub,#ami-astroglobe em,#ami-astroglobe .cosmo-card-desc,#ami-astroglobe .geo-card-desc{color:var(--gris-cl)}
#ami-astroglobe .registre-block span,#ami-astroglobe .registre-block em{opacity:1}
#ami-astroglobe [style*="color:var(--or-somb)"],#ami-astroglobe [style*="color:var(--anc-orsomb)"]{color:var(--or)!important}
#ami-astroglobe .btn-or{background:var(--or);color:var(--onyx)}
#ami-astroglobe [style*="color:var(--rubis)"],#ami-astroglobe [style*="color:var(--anc-rubis)"]{color:var(--rubis-ct)!important}
#ami-astroglobe .ami-theorie{margin-top:2rem}
/* le plancher pour ce que le script construit après coup, et pour les tailles écrites en ligne */
#ami-astroglobe td,#ami-astroglobe th,#ami-astroglobe .mm-table *,#ami-astroglobe .mm-poles-dim,#ami-astroglobe .mm-card *{font-size:max(.72rem,1em)!important}
#ami-astroglobe [style*="font-size:.5"],#ami-astroglobe [style*="font-size:.6"],#ami-astroglobe [style*="font-size: .5"],#ami-astroglobe [style*="font-size: .6"]{font-size:max(.72rem,1em)!important}
#ami-astroglobe .mm-diag-horm .e,#ami-astroglobe em .e{font-style:normal}
/* cibles : les liens du pied et de la bande */
.ami-pied a,.bande-registres a{min-height:24px;display:inline-block}
</style>
'''
rep('</head>', ENCRES + '</head>', 1, 'feuille ami-encres')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p6_astro_mutations.pypython3 p6_astro_mutations.py page.html121 lignes

AstroGlobe : 118 mutations (onglets, porte, faces, MétaMatrice, widgets, 💧 ◐ ⛶ zoom, ↑ ☰ 🔍, plein écran, 4 largeurs, reduced-motion).

# -*- coding: utf-8 -*-
"""P6 · 2.2 AstroGlobe — la mutation des contrôles : on presse chaque commande et on regarde si la page a changé comme promis.
Six onglets, la porte (dodécaèdre → Cockpit), les faces, les vues de la MétaMatrice, les cerveaux, les trois widgets (hauteur qui suit),
💧 ◐ ⛶ + zoom, ↑ ☰ 🔍, #prog, export, metas, reduced-motion, barre .ici, plein écran (vrai + repli), 320/390/768/1280."""
import os, sys, datetime
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'astro_p6.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
MOIS=['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre']
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1200)
        print(f'=== {W} px ==='); E = lambda js: pg.evaluate(js)
        # ── identité
        ok('meta ami:volume 2.2 · ami:version V23 · ami:date', E("()=>['2.2','V23'].every((v,i)=>document.querySelector('meta[name=\"ami:'+['volume','version'][i]+'\"]').content===v) && /2026/.test(document.querySelector('meta[name=\"ami:date\"]').content)"))
        ok('titre : 2.2 AstroGlobe · Dodécaèdre — Tu Sais Introspecter', E("()=>document.title.startsWith('2.2 AstroGlobe · Dodécaèdre')"))
        ok('la une en casse mixte, 🔮 droit, kicker « Volume 2.2 · Tu Sais Introspecter »', E("()=>{const h=document.querySelector('.hero-h1');return getComputedStyle(h).textTransform==='none' && h.textContent.includes('Dodécaèdre') && !h.textContent.includes('DODÉCAÈDRE') && document.querySelector('.hero-vol').textContent.includes('Tu Sais Introspecter')}"))
        ok('plus d’image PNG en base64 dans la une', E("()=>document.querySelectorAll('img[src^=\"data:image\"]').length===0"))
        ok('aucune var(--x) sans déclaration', E("()=>{const used=new Set(),decl=new Set();for(const s of document.querySelectorAll('style')){for(const m of s.textContent.matchAll(/var\\((--[a-z0-9-]+)/g)) used.add(m[1]);for(const m of s.textContent.matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}return [...used].filter(v=>v!=='--cc').every(v=>decl.has(v));}"))
        # ── la barre, le pied, la bande
        ok('barre V16 en tête, 2.2 marquée .ici, tiroir fermé', E("()=>!!document.querySelector('.ami-barre .v.ici[data-v=\"ami-astroglobe\"]') && !document.querySelector('.ami-barre .tiroir.on')"))
        ok('bande des registres après la une', E("()=>{const b=document.querySelector('.bande-registres');return b && b.previousElementSibling.classList.contains('hero')}"))
        ok('pied V16 après la racine, sceau 🔮, volume 2.2', E("()=>{const f=document.querySelector('.ami-pied');return f && f.previousElementSibling.id==='ami-astroglobe' && f.querySelector('.ap-sceau').textContent.trim()==='🔮' && f.textContent.includes('2.2')}"))
        ok('ancienne topnav et ancien pied absents', E("()=>!document.querySelector('.topnav') && !document.querySelector('.nav-footer')"))
        ok('◈ Emporter avant le pied, export nommé', E("()=>{const e=document.querySelector('#ami-astroglobe .emporter');return e && !!document.getElementById('dlHtml') && e.parentElement.id==='ami-astroglobe'}"))
        ok('bandeau Théorie du Tout dans la racine', E("()=>!!document.querySelector('#ami-astroglobe .ami-theorie a[href*=\"theorie-du-tout\"]')"))
        # ── les six onglets
        ok('6 onglets, aucun ne roule (pas de rouleau horizontal)', E("()=>{const t=document.querySelector('.tab-nav');return document.querySelectorAll('.tab-btn').length===6 && t.scrollWidth<=t.clientWidth+1}"))
        ok('sous-titres d’onglets gris ≥ 11,5 px, libellés en couleur', E("()=>[...document.querySelectorAll('.tab-btn .tb-step')].every(s=>parseFloat(getComputedStyle(s).fontSize)>=11.5) && new Set([...document.querySelectorAll('.tab-btn')].map(b=>getComputedStyle(b).color)).size>=4"))
        for i, tid in enumerate(['geo','matrice','arbo','astro','vibrations','overview']):
            E(f"()=>document.querySelectorAll('.tab-btn')[{['overview','geo','matrice','arbo','astro','vibrations'].index(tid)}].click()"); pg.wait_for_timeout(300)
            ok(f'onglet {tid} par clic', E("()=>document.querySelector('.tab-panel.active').id")=='tab-'+tid and E("()=>document.querySelector('.tab-btn.active').dataset.tab")==tid)
        ok('les onglets collent sous la barre (top = --nav-h)', E("()=>getComputedStyle(document.querySelector('.tab-nav')).top===getComputedStyle(document.documentElement).getPropertyValue('--nav-h').trim()"))
        # ── la porte et les faces
        E("()=>document.querySelector('.tab-btn[data-tab=overview]').click()"); pg.wait_for_timeout(200)
        ok('le dodécaèdre 3D est dans la une (13 faces), cliquable', E("()=>{const d=document.querySelector('.hero .ami-porte .dodec-wrapper');return d && d.querySelectorAll('.face').length===12 && !!d.querySelector('.face-13-core') && !!document.querySelector('.ami-porte-dodec[data-act]')}"))
        E("()=>document.querySelector('.ami-porte-b .btn-or').click()"); pg.wait_for_timeout(2500)
        ok('« Charger le cockpit ici » ouvre l’onglet Cockpit et charge le cadre', E("()=>document.querySelector('.tab-panel.active').id==='tab-astro' && !!document.getElementById('unified-cockpit-frame').src && document.getElementById('unified-cockpit-frame').getBoundingClientRect().height>300"))
        E("()=>document.querySelector('.tab-btn[data-tab=overview]').click()"); pg.wait_for_timeout(200)
        E("()=>document.querySelector('.hero .face-7').click()"); pg.wait_for_timeout(800)
        ok('une face (C7) ouvre le Cockpit ici sur #champ-7 — plus de lien local mort', E("()=>document.querySelector('.tab-panel.active').id==='tab-astro' && /#champ-7$/.test(document.getElementById('unified-cockpit-frame').src) && location.href.indexOf('COCKPIT_STABILISE')<0"))
        ok('la rotation du dodécaèdre : 22 s, en pause au survol (code vivant, plus d’erreur #dodec)', E("()=>{const d=document.getElementById('dodec2');const a=getComputedStyle(d).animationName;d.dispatchEvent(new Event('mouseenter'));const p=d.style.animationPlayState;d.dispatchEvent(new Event('mouseleave'));return a==='rotateDodec' && p==='paused'}"))
        # ── MétaMatrice
        E("()=>document.querySelector('.tab-btn[data-tab=matrice]').click()"); pg.wait_for_timeout(600)
        ok('MétaMatrice : 13 cartes construites', E("()=>document.querySelectorAll('#tab-matrice .mm-card').length>=13"))
        for v in ('plans','cerveaux','diagonales','poles','tableau','cartes'):
            E(f"()=>document.querySelector('.mm-view-btn[data-view={v}]').click()"); pg.wait_for_timeout(350)
            ok(f'vue MétaMatrice « {v} »', E(f"()=>{{const b=document.querySelector('.mm-view-btn[data-view={v}]');const p=document.getElementById('mm-view-{v}');return b.classList.contains('active') && p && p.offsetParent!==null && p.getBoundingClientRect().height>40}}"))
        E("()=>document.querySelector('.mm-view-btn[data-view=tableau]').click()"); pg.wait_for_timeout(400)
        ok('table de la MétaMatrice : cellules ≥ 11,5 px, en rouleau', E("()=>{const t=document.querySelector('#mm-view-tableau table');if(!t)return false;const td=t.querySelector('td');return parseFloat(getComputedStyle(td).fontSize)>=11.5 && !!t.closest('.tw,[style*=overflow]')}"))
        E("()=>document.querySelector('.mm-view-btn[data-view=cerveaux]').click()"); pg.wait_for_timeout(300)
        E("()=>{const b=document.querySelector('[data-act^=\"buildMMCerveaux(\\'phi\"]'); if(b) b.click();}"); pg.wait_for_timeout(300)
        ok('cerveau Φ construit par data-act', E("()=>document.querySelector('#mm-view-cerveaux').textContent.length>200"))
        # ── widgets
        for kind, tid in (('arbo','arbo'),('vibrations','vibrations')):
            E(f"()=>document.querySelector('.tab-btn[data-tab={tid}]').click()"); pg.wait_for_timeout(200)
            E(f"()=>loadUnifiedFrame('{kind}', document.querySelector('[data-act^=\"loadUnifiedFrame(\\'{kind}\\'\"]'))"); pg.wait_for_timeout(3500)
            ok(f'widget {kind} : cadre srcdoc, hauteur qui suit le contenu', E(f"()=>{{const f=document.getElementById('unified-{kind}-frame');try{{const sh=f.contentDocument.documentElement.scrollHeight;return !!f.getAttribute('srcdoc') && Math.abs(f.getBoundingClientRect().height-sh)<40 && sh>1000}}catch(e){{return false}}}}"))
        ok('« ↗ Ouvrir en plein écran » présent pour les trois widgets', E("()=>document.querySelectorAll('[data-act^=\"openUnifiedFrame(\"]').length>=3"))
        # ── ⛶ Cockpit plein écran (19/09) : la lucarne prend l'écran, ✕ dedans, invitation au paysage en portrait seulement
        ok('Brouillon : le kicker est parti (validé le 19/09)', E("()=>!document.body.textContent.includes('Brouillon · reconstruction')"))
        E("()=>switchDodTab('astro',document.querySelector('.tab-btn[data-tab=astro]'))"); pg.wait_for_timeout(200)
        pg.click('#amiCockpitPlein'); pg.wait_for_timeout(2200)
        ok('⛶ Cockpit plein écran : la lucarne est l’élément plein écran, le cadre chargé et visible, ✕ dedans', E("()=>{const L=document.getElementById('ami-lucarne'),F=document.getElementById('unified-cockpit-frame');return document.fullscreenElement===L && !!F.getAttribute('src') && getComputedStyle(F).display==='block' && F.getBoundingClientRect().height>innerHeight-80 && getComputedStyle(document.getElementById('ami-lucarne-x')).display==='flex' && document.getElementById('amiCockpitPlein').getAttribute('aria-pressed')==='true'}"))
        ok('invitation « tourne ton téléphone » : en portrait seulement', E("()=>{const P=document.getElementById('ami-paysage');const port=matchMedia('(orientation:portrait)').matches;return (getComputedStyle(P).display!=='none')===(port && Math.min(innerWidth,innerHeight)<=768)}"))
        E("()=>document.getElementById('ami-lucarne-x').click()"); pg.wait_for_timeout(700)
        ok('✕ de la lucarne : sortie, bouton revenu à ⛶', E("()=>!document.fullscreenElement && document.getElementById('amiCockpitPlein').textContent.startsWith('⛶')"))
        E("()=>switchDodTab('vibrations',document.querySelector('.tab-btn[data-tab=vibrations]'))"); pg.wait_for_timeout(200)
        # ── 💧 ◐ ⛶ zoom
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(400)
        ok('💧 lecture continue : 6 panneaux déroulés, goutte pleine', E("()=>document.querySelectorAll('.tab-panel.active').length===6 && document.getElementById('amiLecture').getAttribute('aria-pressed')==='true' && getComputedStyle(document.querySelector('#amiLecture svg')).fill!=='none'"))
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        ok('💧 retour : un seul panneau', E("()=>document.querySelectorAll('.tab-panel.active').length===1"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        ok('◐ contraste : body.ami-contraste, cercle plein', E("()=>document.body.classList.contains('ami-contraste') && getComputedStyle(document.querySelector('#amiContraste svg circle')).fill!=='none'"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        ok('◐ au repos : demi-cercle (path plein, cercle vide)', E("()=>getComputedStyle(document.querySelector('#amiContraste svg circle')).fill==='none' && getComputedStyle(document.querySelector('#amiContraste svg path')).fill!=='none'"))
        ok('💧 à gauche (.5rem) puis ◐ (2.9rem) ; ⛶ à droite', E("()=>{const l=document.getElementById('amiLecture').getBoundingClientRect(),c=document.getElementById('amiContraste').getBoundingClientRect(),p=document.getElementById('amiPlein').getBoundingClientRect();return l.left<c.left && c.left<60 && p.right>innerWidth-60}"))
        pg.click('#amiPlein'); pg.wait_for_timeout(700)
        ok('⛶ plein écran : la racine défile, la barre est dedans, zoom visible, ✕', E("()=>{const fe=document.fullscreenElement;return fe && fe.id==='ami-astroglobe' && getComputedStyle(fe).overflowY==='auto' && fe.contains(document.getElementById('amiBarre')) && getComputedStyle(document.querySelector('.coin-zoom')).display==='flex' && document.getElementById('amiPlein').textContent==='✕'}"))
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        ok('zoom + : 115 %', E("()=>document.getElementById('amiZoomV').textContent==='115%'"))
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(100)
        pg.click('#amiPlein'); pg.wait_for_timeout(600)
        ok('sortie du plein écran : la barre revient avant la racine', E("()=>!document.fullscreenElement && document.getElementById('amiBarre').nextElementSibling.id==='ami-astroglobe'"))
        # ── ↑ ☰ 🔍
        E("()=>{const v=document.querySelector('.tab-panel.active');window.scrollTo({top:v.getBoundingClientRect().top+window.pageYOffset+1200,behavior:'instant'})}"); pg.wait_for_timeout(500)  # instant : le défilement doux du test était coupé par le resize des widgets à la sortie du plein écran (19/09)
        ok('↑ paraît après 600 px, ☰ et 🔍 en bas à droite (de bas en haut 🔍 ☰ ↑)', E("()=>{const g=id=>document.getElementById(id).getBoundingClientRect();const r=g('amiRech'),t=g('ami-toc-toggle'),h=g('amiHaut');return !document.getElementById('amiHaut').hidden && r.bottom>t.bottom && t.bottom>h.bottom && r.right>innerWidth-40}"))
        ok('#prog avance en descendant', E("()=>parseFloat(document.getElementById('prog').style.width)>0"))
        E("()=>document.getElementById('amiHaut').click()"); pg.wait_for_timeout(1600)
        ok('↑ ramène en haut', E("()=>window.pageYOffset<40"))
        E("()=>document.getElementById('ami-toc-toggle').click()"); pg.wait_for_timeout(300)
        ok('☰ sommaire : 6 onglets, ≥ 10 sections', E("()=>!document.getElementById('ami-toc-panel').hidden && document.querySelectorAll('#ami-toc-panel .toc-o').length===6 && document.querySelectorAll('#ami-toc-panel .toc-s a').length>=10"))
        E("()=>document.querySelectorAll('#ami-toc-panel .toc-s a')[3].click()"); pg.wait_for_timeout(900)
        ok('un lien du sommaire ouvre l’onglet et descend', E("()=>document.getElementById('ami-toc-panel').hidden && window.pageYOffset>200"))
        E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(200); pg.fill('#rc-q', 'juste mesure'); pg.wait_for_timeout(500)
        ok('🔍 « juste mesure » trouve des passages, groupés par onglet', E("()=>document.querySelectorAll('#rc-l .rc-r').length>0 && document.querySelectorAll('#rc-l .rc-g').length>0"))
        E("()=>document.querySelector('#rc-l .rc-r').click()"); pg.wait_for_timeout(900)
        ok('un résultat ouvre l’onglet et marque le passage', E("()=>!document.getElementById('ami-rech').classList.contains('on') && !!document.querySelector('.ami-trouve')"))
        # ── forme
        ok('reduced-motion écrit ; pulsations ≥ 7 s ; rotation 22 s', E("()=>{const css=[...document.querySelectorAll('style')].map(s=>s.textContent).join(' ');return /prefers-reduced-motion/.test(css) && !/pulseCenter 3s|glowPulse 4s|c13Pulse 4s/.test(css) && /rotateDodec 22s/.test(css)}"))
        ok('aucun émoji en italique dans la page', E("()=>[...document.querySelectorAll('#ami-astroglobe .e')].every(e=>getComputedStyle(e).fontStyle!=='italic')"))
        ok('tous les tableaux en rouleau (.tw ou conteneur overflow-x:auto)', E("()=>[...document.querySelectorAll('#ami-astroglobe table')].every(t=>{let e=t.parentElement;while(e&&e.id!=='ami-astroglobe'){if(e.classList.contains('tw')||/auto|scroll/.test(getComputedStyle(e).overflowX))return true;e=e.parentElement}return false})"))
        ok('plus d’onclick= écrit dans le HTML (restent ceux construits par script : showGeoPreview, openMMCard)', E("()=>[...document.querySelectorAll('[onclick]')].every(e=>/^(showGeoPreview|openMMCard)\\(/.test(e.getAttribute('onclick')))"))
        ok('orthographes : ConScience · TransMission · CosmoLogie', E("()=>{const t=document.getElementById('ami-astroglobe').innerText;return !/\\bConscience\\b/.test(t) && !/\\bTransmission\\b/.test(t) && !/\\bCosmologie\\b/.test(t)}"))
        ok('aucun débordement horizontal', E("()=>document.documentElement.scrollWidth<=innerWidth"))
        pg.close()
    for W in (320, 768):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(900)
        ok(f'aucun débordement à {W} px', pg.evaluate("()=>document.documentElement.scrollWidth<=innerWidth"), str(pg.evaluate("document.documentElement.scrollWidth"))); pg.close()
    pg = b.new_page(viewport={'width': 390, 'height': 844}); pg.emulate_media(reduced_motion='reduce'); pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(700)
    ok('reduced-motion : aucune animation en cours', pg.evaluate("()=>document.getAnimations().filter(a=>a.playState==='running').length")==0); pg.close()
    errs = [e for e in errs if 'THREE is not defined' not in e]   # le Cockpit (widget, intouché) attend three.js du réseau
    ok('0 erreur JS sur les deux largeurs (hors THREE du Cockpit)', not errs, '; '.join(errs[:3]))
    b.close()
n = sum(1 for _, c, _ in R if c); print(f'\n{n} / {len(R)} réussis')
if n < len(R): print('✗ ratés :', [x for x, c, _ in R if not c])

chaine_astro.shbash chaine_astro.sh (astro.html à côté)25 lignes

Rejoue la chaîne AstroGlobe p1 → p6 d'un trait.

set -e -o pipefail
python3 p1_astro.py astro.html astro_p1.html >/dev/null
python3 p2_astro.py astro_p1.html astro_p2.html >/dev/null
python3 - <<'PY'
import re
h=open('astro_p2.html',encoding='utf-8').read()
m=re.search(r':root \{\n(.*?)\n\}', h, re.S); root=m.group(1)
props=[re.sub(r'\s+','',l.strip()) for l in root.split('\n') if l.strip()]
h=h.replace(m.group(0), ':root{\n  '+' '.join(props)+'\n}', 1); open('astro_p3.html','w',encoding='utf-8').write(h)
PY
python3 p3_palette.py rapatrier astro_p3.html ':root' >/dev/null
python3 p3_palette.py repeindre astro_p3.html ':root' >/dev/null
python3 p4_astro.py astro_p3.html astro_p4.html | tail -2
python3 ../acc/p19_plein_ecran_v16.py astro_p4.html astro_p4b.html ami-astroglobe >/dev/null
cp astro_p4b.html astro_p5.html
python3 p2_plancher.py astro_p5.html 390 ami-astroglobe 2>&1 | tail -1
python3 p2_plancher.py astro_p5.html 1280 ami-astroglobe 2>&1 | tail -1
python3 - <<'PY'
h=open('astro_p5.html',encoding='utf-8').read()
if '#ami-astroglobe span.e{font-size:.72rem}' in h:
    h=h.replace('#ami-astroglobe span.e{font-size:.72rem}','#ami-astroglobe span.e{font-size:max(.72rem,1em)}  /* un émoji hérite : jamais de taille absolue (leçon d’Apokalypse) */')
open('astro_p5.html','w',encoding='utf-8').write(h)
PY
python3 p5_astro.py astro_p5.html astro_p6.html | tail -1

p20_boite_volumes.pypython3 p20_boite_volumes.py entree.html sortie.html union|psy101 lignes

0.3 et 0.2 : 🔍 Recherche de la Charte (générique), ☰ ↑ aux places du 18/09.

# -*- coding: utf-8 -*-
"""P20 · 0.3 L'Union du TouT et 0.2 PsychaTrice — la boîte à outils de la Charte complète : 🔍 Recherche arrive (générique : indexe le
texte de la racine, dit dans quel onglet/chapitre, ouvre l'onglet, marque le passage), ☰ et ↑ (déjà là) prennent la forme et les places
du 18/09 : de bas en haut 🔍 1 rem · ☰ 4 rem · ↑ 7 rem. Demande de Diane, 18/09 17h40 : « tout ce qu'on a fait niveau accessibilité pour
l'Initiation, à faire pour les autres ».
Usage : python3 p20_boite_volumes.py entree.html sortie.html union|psy"""
import re, sys
SRC, OUT, PAGE = sys.argv[1], sys.argv[2], sys.argv[3]
h = open(SRC, encoding='utf-8').read(); J = []
BOITE_CSS = open('../spec/boite_css.txt', encoding='utf-8').read().replace('#ami-rech{display:none!important}\n', '')
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')
P = {
 'union': dict(RID='ami-union', TOC='#tocBtn', HAUT='.ami-top', PANE='.tab-content', PANE_ON='.tab-content.active', TAB="'.tab-btn-full[data-c=\"'+k+'\"]'", KEY="p.dataset.c", NOM="(b.querySelector('.tb-l,.tt-l')||b).textContent.trim()", EXCL='.toc-panel,.ami-barre,.ami-pied,.emporter'),
 'psy':   dict(RID='ami-psychatrice', TOC='.ami-toc', HAUT='.ami-top', PANE='.pt-pane', PANE_ON='.pt-pane.on', TAB="'.pt-tab[data-t=\"'+k+'\"]'", KEY="p.id.replace('pane-','')", NOM="(b.querySelector('.tt-l')||b).textContent.trim()", EXCL='.ami-barre,.ami-pied,.emporter'),
}[PAGE]
RID = P['RID']
coins = '''
<button class="ami-coin r" id="amiRech" type="button" aria-label="Rechercher" title="Chercher dans le volume (Ctrl+F)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></button>
<div id="ami-rech" role="dialog" aria-modal="true" aria-label="Rechercher dans le volume">
  <div class="rc-b">
    <div class="rc-h"><span class="rc-loupe"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" style="width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></span>
      <input type="search" id="rc-q" placeholder="Chercher dans le volume…" autocomplete="off" spellcheck="false" aria-label="Chercher">
      <span class="rc-n" id="rc-n"></span>
      <button class="rc-x" type="button" id="rc-x" aria-label="Fermer">✕</button></div>
    <div class="rc-l" id="rc-l" role="listbox"></div>
  </div>
</div>
'''
js = r'''
<script id="ami-boite-js">
/* ── 🔍 LA RECHERCHE de la Charte (générique) : indexe le texte de la racine, dit où il est, ouvre l'onglet, marque le passage ── */
(function(){'use strict';
 var R=document.getElementById('%RID%'); if(!R) return;
 var B=document.getElementById('amiRech'), D=document.getElementById('ami-rech'), Q=document.getElementById('rc-q'), L=document.getElementById('rc-l'), N=document.getElementById('rc-n'), X=document.getElementById('rc-x');
 if(!B||!D) return;
 var IDX=null, RES=[], SEL=-1;
 function cle(p){ return %KEY%; }
 function nom(k){ var b=R.querySelector(%TAB%); if(!b) return k; return %NOM%; }
 function bati(){ IDX=[];
   var w=document.createTreeWalker(R,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT), n, chap='';
   while((n=w.nextNode())){
     if(n.nodeType===1){ if(n.tagName==='H2'||n.tagName==='H3'){ chap=n.textContent.trim(); } continue; }
     var s=n.textContent.replace(/\s+/g,' ').trim(); if(s.length<3) continue;
     var p=n.parentElement; if(!p||p.closest('script,style,svg,#ami-rech,%EXCL%')) continue;
     var pane=p.closest('%PANE%'); IDX.push({t:s, tl:s.toLowerCase(), el:p, k:pane?cle(pane):null, chap:chap}); } }
 function esc(s){ return s.replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];}); }
 function cherche(q){ q=q.trim().toLowerCase(); L.innerHTML=''; RES=[]; SEL=-1;
   if(q.length<2){ N.textContent=''; L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; return; }
   if(!IDX) bati();
   var vus={}, par={}, ordre=[];
   IDX.forEach(function(e){ var i=e.tl.indexOf(q); if(i<0) return; var kk=(e.k||'')+'|'+e.chap+'|'+e.t.slice(0,60); if(vus[kk]) return; vus[kk]=1;
     var g=e.k?nom(e.k):'—'; if(!par[g]){par[g]=[];ordre.push(g);} if(par[g].length<40) par[g].push({e:e,i:i}); });
   var tot=0; ordre.forEach(function(g){ tot+=par[g].length; });
   N.textContent = tot? tot+(tot>1?' passages':' passage') : 'rien';
   if(!tot){ L.innerHTML='<div class="rc-v">Rien pour « '+esc(q)+' ».</div>'; return; }
   ordre.forEach(function(g){ var d=document.createElement('div'); d.className='rc-g'; d.textContent=g; L.appendChild(d);
     par[g].forEach(function(r){ var b=document.createElement('button'); b.type='button'; b.className='rc-r'; b.setAttribute('role','option');
       var a=Math.max(0,r.i-46), z=Math.min(r.e.t.length,r.i+q.length+70);
       b.innerHTML=(a?'…':'')+esc(r.e.t.slice(a,r.i))+'<mark>'+esc(r.e.t.slice(r.i,r.i+q.length))+'</mark>'+esc(r.e.t.slice(r.i+q.length,z))+(z<r.e.t.length?'…':'')+(r.e.chap?'<span class="rc-c">'+esc(r.e.chap)+'</span>':'');
       b.dataset.k=RES.length; RES.push(r.e); b.addEventListener('click',function(){ saute(+b.dataset.k); }); L.appendChild(b); }); }); }
 function saute(k){ var e=RES[k]; if(!e) return; ferme();
   if(e.k){ var b=R.querySelector((function(k){ return %TAB%; })(e.k)); if(b) b.click(); }
   var d=e.el.closest('details'); while(d){ d.open=true; d=d.parentElement&&d.parentElement.closest('details'); }
   setTimeout(function(){ var cible=e.el.closest('p,li,td,th,h1,h2,h3,h4,blockquote,figure,div')||e.el; var pile=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0;
     var y=cible.getBoundingClientRect().top+window.pageYOffset-pile-64; window.scrollTo({top:Math.max(0,y),behavior:'smooth'});
     cible.classList.remove('ami-trouve'); void cible.offsetWidth; cible.classList.add('ami-trouve'); setTimeout(function(){cible.classList.remove('ami-trouve');},2600); },260); }
 function ouvre(){ D.classList.add('on'); B.setAttribute('aria-pressed','true'); Q.value=''; Q.focus(); L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; N.textContent=''; }
 function ferme(){ D.classList.remove('on'); B.setAttribute('aria-pressed','false'); }
 X.addEventListener('click',ferme); D.addEventListener('click',function(e){ if(e.target===D) ferme(); });
 var tm=null; Q.addEventListener('input',function(){ clearTimeout(tm); tm=setTimeout(function(){ cherche(Q.value); },140); });
 Q.addEventListener('keydown',function(e){ var bs=L.querySelectorAll('.rc-r');
   if(e.key==='ArrowDown'||e.key==='ArrowUp'){ e.preventDefault(); if(!bs.length) return; SEL=Math.max(0,Math.min(bs.length-1,SEL+(e.key==='ArrowDown'?1:-1))); bs.forEach(function(b2,i){b2.classList.toggle('sel',i===SEL);}); bs[SEL].scrollIntoView({block:'nearest'}); }
   else if(e.key==='Enter'){ e.preventDefault(); saute(SEL>=0?SEL:0); } else if(e.key==='Escape'){ ferme(); } });
 addEventListener('keydown',function(e){ if((e.ctrlKey||e.metaKey)&&(e.key==='f'||e.key==='F')){ e.preventDefault(); ouvre(); } else if(e.key==='Escape'&&D.classList.contains('on')) ferme(); });
 B.addEventListener('click',ouvre);
})();
</script>
'''
for k, v in (('%RID%', RID), ('%KEY%', P['KEY']), ('%TAB%', P['TAB']), ('%NOM%', P['NOM']), ('%EXCL%', P['EXCL']), ('%PANE%', P['PANE'])):
    js = js.replace(k, v)
css = '''
<style id="ami-boite">
''' + BOITE_CSS + f'''
/* ☰ et ↑ (déjà là) prennent la forme des coins de la Charte, aux places du 18/09 : de bas en haut 🔍 1 rem · ☰ 4 rem · ↑ 7 rem */
#{RID} {P['TOC']},#{RID} {P['HAUT']},{P['TOC']},{P['HAUT']}{{position:fixed!important;right:1rem!important;left:auto!important;width:2.1rem!important;height:2.1rem!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--or-somb)!important;background:rgba(9,9,14,.92)!important;color:var(--or)!important;font-size:.92rem!important;font-family:'Jost',sans-serif!important;line-height:1!important;box-shadow:none!important;transform:none!important;z-index:60!important;display:flex!important;align-items:center;justify-content:center}}
#{RID} {P['TOC']},{P['TOC']}{{bottom:4rem!important;top:auto!important}}
#{RID} {P['HAUT']},{P['HAUT']}{{bottom:7rem!important;top:auto!important}}
#amiRech{{bottom:1rem!important;right:1rem!important}}
#{RID} {P['TOC']}:hover,#{RID} {P['HAUT']}:hover{{background:rgba(255,255,255,.09)!important;color:var(--or-pale)!important}}
.ami-trouve{{outline:2px solid var(--or);outline-offset:4px;border-radius:4px;transition:outline-color 2s}}
#ami-rech .rc-n,#ami-rech .rc-g,#ami-rech .rc-c{{font-size:.72rem}}
</style>
'''
rep('</head>', css + '</head>', 1, 'feuille de la boîte')
rep('</body>', coins + js + '</body>', 1, '🔍 + recherche générique')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p7_astro.pypython3 p7_astro.py entree.html sortie.html17 lignes

AstroGlobe P7 : le kicker « Brouillon · reconstruction à valider » s'en va (validé le 19/09), cadre pointillé → plein.

# -*- coding: utf-8 -*-
"""P7 · 2.2 AstroGlobe — le kicker « 🧬 Brouillon · reconstruction à valider avec Agdistys » s'en va : Diane l'a validé
(19/09 00h15 : « ah oui validé :)) »). Le cadre en pointillé (l'air de brouillon) devient plein.
Usage : python3 p7_astro.py entree.html sortie.html"""
import sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')
rep('  <div style="font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or);text-align:center;margin-bottom:.4rem;"><span class="e">🧬</span> Brouillon · reconstruction à valider avec Agdistys</div>\n', '', 1, 'kicker Brouillon ôté (validé)')
rep('border:1px dashed rgba(var(--or-rgb),.35);border-radius:16px;font-family:\'Jost\',sans-serif;color:var(--anc-nacre3);">\n  <h3', 'border:1px solid rgba(var(--or-rgb),.35);border-radius:16px;font-family:\'Jost\',sans-serif;color:var(--anc-nacre3);">\n  <h3', 1, 'cadre pointillé → plein')
assert 'Brouillon' not in h
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p8_astro.pypython3 p8_astro.py entree.html sortie.html69 lignes

AstroGlobe P8 : « ⛶ Cockpit plein écran » (lucarne en plein écran, paysage demandé, « tourne ton téléphone »), « ↗ Ouvrir dans une page à part ».

# -*- coding: utf-8 -*-
"""P8 · 2.2 AstroGlobe — le Cockpit sur téléphone (question de Diane, 19/09 00h15 : « faudrait le mettre en vue paysage direct non ? »).
Une page ne peut pas forcer l'orientation ; ce qu'elle PEUT : mettre la lucarne du Cockpit en vrai plein écran et, là seulement,
demander le paysage (screen.orientation.lock — Android/Chrome ; iOS refuse). Donc : un bouton « ⛶ Cockpit plein écran » à côté
de « Charger ici » / « Ouvrir en plein écran » ; en plein écran on tente le paysage, et si l'appareil refuse, un mot :
« tourne ton téléphone ». Sous 768 px en portrait, la même invitation est écrite sous la lucarne.
Usage : python3 p8_astro.py entree.html sortie.html"""
import sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')
rep('<button data-act="openUnifiedFrame(\'cockpit\')" type="button">↗ Ouvrir en plein écran</button></div>\n<iframe class="unified-frame" id="unified-cockpit-frame" title="Cockpit AstroGlobe aMi V75"></iframe>',
    '<button data-act="openUnifiedFrame(\'cockpit\')" type="button">↗ Ouvrir dans une page à part</button>'
    '<button data-act="amiCockpitPlein()" type="button" id="amiCockpitPlein" aria-pressed="false">⛶ Cockpit plein écran</button></div>\n'
    '<div class="ami-lucarne" id="ami-lucarne"><iframe class="unified-frame" id="unified-cockpit-frame" title="Cockpit AstroGlobe aMi V75" allowfullscreen allow="fullscreen"></iframe>'
    '<button type="button" class="ami-lucarne-x" id="ami-lucarne-x" aria-label="Quitter le plein écran" title="Quitter le plein écran (Échap)">✕</button><p class="ami-paysage" id="ami-paysage" hidden><span class="e">📱</span> Le Cockpit se lit mieux en paysage : tourne ton téléphone.</p></div>',
    1, 'bouton ⛶ Cockpit plein écran + lucarne + invitation au paysage')
CSS = '''
<style id="ami-cockpit-paysage">
/* 19 sept 2026 — le Cockpit sur téléphone : plein écran de la lucarne, paysage demandé quand l'appareil l'accepte */
.ami-lucarne{position:relative}
.ami-lucarne:fullscreen,.ami-lucarne:-webkit-full-screen{background:var(--onyx);display:flex;flex-direction:column}
.ami-lucarne:fullscreen .unified-frame,.ami-lucarne:-webkit-full-screen .unified-frame{display:block!important;flex:1 1 auto;height:auto!important;min-height:0;border:0;border-radius:0}
.ami-lucarne:fullscreen .ami-paysage,.ami-lucarne:-webkit-full-screen .ami-paysage{position:absolute;left:50%;bottom:.8rem;transform:translateX(-50%);margin:0;padding:.45rem .9rem;border-radius:999px;background:rgba(9,9,14,.9);border:1px solid var(--or-somb);z-index:2}
.ami-paysage{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--or-pale);text-align:center;margin:.6rem 0 0}
.ami-paysage .e{font-style:normal}
@media(max-width:768px) and (orientation:portrait){.ami-lucarne:not(:fullscreen) .unified-frame[src]+.ami-paysage{display:block}}
@media(orientation:landscape){.ami-lucarne:fullscreen .ami-paysage{display:none}}
.ami-lucarne-x{display:none;position:absolute;top:.6rem;right:.6rem;z-index:3;width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--or-somb);background:rgba(9,9,14,.92);color:var(--or);font-family:'Jost',sans-serif;font-size:.95rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;padding:0}
.ami-lucarne:fullscreen .ami-lucarne-x,.ami-lucarne:-webkit-full-screen .ami-lucarne-x{display:flex}
.ami-lucarne-x:hover{background:rgba(255,255,255,.09);color:var(--or-pale)}
#amiCockpitPlein[aria-pressed="true"]{background:rgba(255,255,255,.09)}
</style>
'''
rep('<button type="button" class="btn" data-act="openUnifiedFrame(\'cockpit\')">↗ Ouvrir en plein écran</button>', '<button type="button" class="btn" data-act="openUnifiedFrame(\'cockpit\')">↗ Ouvrir dans une page à part</button>', 1, 'la porte : « dans une page à part » (les mots de Diane : « dans le module ou dans une 2e page »)')
rep('</head>', CSS + '</head>', 1, 'feuille ami-cockpit-paysage')
JS = r'''
<script id="ami-cockpit-paysage-js">
/* ⛶ Cockpit plein écran : la lucarne prend l'écran ; on demande le paysage (Android/Chrome l'accorde en plein écran, iOS non) ;
   sinon on invite à tourner le téléphone. Échap ou ✕ (le même bouton) rend la page. */
(function(){'use strict';
 var L=document.getElementById('ami-lucarne'), B=document.getElementById('amiCockpitPlein'), P=document.getElementById('ami-paysage'), F=document.getElementById('unified-cockpit-frame');
 if(!L||!B||!F) return;
 var TEL=function(){ return Math.min(innerWidth,innerHeight)<=768; };
 function portrait(){ return matchMedia('(orientation:portrait)').matches; }
 function invite(){ if(!P) return; P.hidden = !( F.getAttribute('src') && TEL() && portrait() ); }
 function pleinOn(){ return document.fullscreenElement===L || document.webkitFullscreenElement===L; }
 function maj(){ var on=pleinOn(); B.textContent = on ? '✕ Quitter le plein écran' : '⛶ Cockpit plein écran'; B.setAttribute('aria-pressed', on?'true':'false'); invite();
   if(!on){ try{ if(screen.orientation&&screen.orientation.unlock) screen.orientation.unlock(); }catch(x){} } }
 window.amiCockpitPlein=function(){
   if(pleinOn()){ (document.exitFullscreen||document.webkitExitFullscreen).call(document); return; }
   if(!F.getAttribute('src')&&window.loadUnifiedFrame) loadUnifiedFrame('cockpit', document.querySelector('[data-act="loadUnifiedFrame(\'cockpit\',this)"]'));
   var req=L.requestFullscreen||L.webkitRequestFullscreen; if(!req){ if(P){ P.hidden=false; } return; }
   var r=req.call(L,{navigationUI:'hide'}); if(r&&r.then) r.then(paysage,function(){ if(P) P.hidden=false; }); else setTimeout(paysage,80); };
 function paysage(){ maj(); try{ if(screen.orientation&&screen.orientation.lock){ screen.orientation.lock('landscape').then(function(){ setTimeout(function(){ if(P) P.hidden=!portrait(); },300); }, function(){ if(P) P.hidden=!portrait(); }); } else if(P) P.hidden=!portrait(); }catch(x){ if(P) P.hidden=!portrait(); } }
 var X=document.getElementById('ami-lucarne-x'); if(X) X.addEventListener('click',function(){ if(pleinOn()) (document.exitFullscreen||document.webkitExitFullscreen).call(document); });
 document.addEventListener('fullscreenchange',maj); document.addEventListener('webkitfullscreenchange',maj);
 matchMedia('(orientation:portrait)').addEventListener('change',function(){ invite(); if(pleinOn()&&P) P.hidden=!portrait(); });
 var ob=new MutationObserver(invite); ob.observe(F,{attributes:true,attributeFilter:['src','style']}); invite();
})();
</script>
'''
rep('<script id="ami-boite-js">', JS + '<script id="ami-boite-js">', 1, 'script du plein écran du Cockpit')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p21_loi_union.pypython3 p21_loi_union.py union.html loi.html sortie.html248 lignes

0.3 : La Loi & l'Instrument V9 remplace l'ancienne Charte Mathématique sous la Fractale (5 sous-onglets), palette M2, scoping, 🔍 à tous les niveaux.

# -*- coding: utf-8 -*-
"""P21 · 0.3 L'Union du TouT ← « La Loi & l'Instrument » V9 (Alignement Repère), 19 sept 2026.
Demande de Diane (19/09 00h15) : « la charte mathématique à implémenter dans l'union du tout s'il te plait,
et en plus son pied de page est hors cadre ».
Où : t3 🔱 Chartes du Vivant → 💫 Fractale · Charte Physique Structurelle (le canton qui portait déjà l'ancienne
Charte Mathématique, plus courte). L'ancienne s'en va (markup, feuille, script) ; la V9 prend sa place :
  sub-nav : ⟁ La Charte · 📐 Les Outils de Mesure · 🔓 L'Outil de Falsification · 🔱 Les Trois Instruments
            · 🏹 L'Instrument (Vérification de Φ, les trois verbes, Pont instrumental, Repère de la Psyché)
La coque du document (une, bande des deux volets, pied) ne vient pas : l'Union a sa une et son pied V16 —
c'est la réponse au « pied hors cadre ». Palette : les coques cessent de redéclarer --or & co (M2), les
couleurs écrites en dur reprennent le nom de leur pierre, les --uni-* deviennent des alias.
Usage : python3 p21_loi_union.py union_entree.html loi.html sortie.html"""
import re, sys
SRC, LOI, OUT = sys.argv[1], sys.argv[2], sys.argv[3]
U = open(SRC, encoding='utf-8').read(); L = open(LOI, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global U
    c = U.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    U = U.replace(old, new); J.append(f'{why or old[:50]} ×{n}')
def bloc(h, start, tag):
    """de l'ouverture <tag …> à l'index start jusqu'à sa fermeture équilibrée."""
    assert h.startswith('<' + tag, start)
    rx = re.compile(r'<(/?)' + tag + r'\b[^>]*>'); d = 0
    for m in rx.finditer(h, start):
        d += -1 if m.group(1) else 1
        if d == 0: return h[start:m.end()]
    raise AssertionError('bloc non fermé ' + tag)

# ══ 1 · ce qu'on prend dans La Loi & l'Instrument ═══════════════════════════════════════════════════════
i = L.find('<header class="cm2-hero">'); hero = bloc(L, i, 'header')
panels = []
for m in re.finditer(r'<section class="cm2-panel[^"]*" id="cm2-([a-z]+)">', L):
    panels.append((m.group(1), bloc(L, m.start(), 'section')))
assert [p[0] for p in panels] == ['charte', 'outils', 'falsif', 'instruments'], [p[0] for p in panels]
tabs = re.findall(r'<button class="cm2-tab[^"]*" data-p="([a-z]+)" type="button">(.*?)</button>', L)
assert len(tabs) == 4
i = L.find('<div class="phi-shell" id="phiShell">'); phi = bloc(L, i, 'div')
i = L.find('<div class="uni-statut">'); statut = bloc(L, i, 'div')
cards = [bloc(L, m.start(), 'section') for m in re.finditer(r'<section class="ti-card">', L)]; assert len(cards) == 2
dek = re.search(r'<p class="uni-dek">(.*?)</p>', L, re.S).group(1)
scripts = [m.group(1) for m in re.finditer(r'<script\b[^>]*>(.*?)</script>', L, re.S)]; assert len(scripts) == 3
styles = [m.group(1) for m in re.finditer(r'<style\b[^>]*>(.*?)</style>', L, re.S)]; assert len(styles) == 6
J.append('pris dans la V9 : hero, 4 panneaux, phi-shell, statut (trois verbes), 2 ti-cards, 2 scripts, 5 feuilles')

# le pied interne de l'instrument : la licence est au pied de l'Union
phi = phi.replace('<div class="phi-foot">Protocole de ConScience aMi · Agdistys © CC BY-SA 4.0 · Données stockées uniquement dans ce navigateur</div>',
                  '<div class="phi-foot">Données stockées uniquement dans ce navigateur.</div>'); assert 'uniquement dans ce navigateur.' in phi
# un seul h1 par page : le titre de la Charte Mathématique devient h2
hero = hero.replace('<h1>La Charte Mathématique</h1>', '<h2 class="cm2-h1">La Charte Mathématique</h2>'); assert 'cm2-h1' in hero
hero = hero.replace('<div class="cm2-kicker">Protocole de ConScience aMi · Troisième Langue</div>',
                    '<div class="cm2-kicker">Charte Mathématique V9 · Alignement Repère · Troisième Langue</div>'); assert 'V9 · Alignement' in hero
for k in range(len(cards)): cards[k] = cards[k].replace('<h2>', '<h3>').replace('</h2>', '</h3>')
phi = phi.replace('<h1>🏹 Vérification de Φ</h1>', '<h2 class="phi-h1">🏹 Vérification de Φ</h2>'); assert 'phi-h1' in phi
# les tableaux des Trois Instruments n'avaient pas de rouleau : on les enveloppe comme les autres (.cm2-tw)
n_ti = 0
for k in range(len(panels)):
    kk, pnl = panels[k]
    pnl, a = re.subn(r'<table class="ti-table">', '<div class="cm2-tw"><table class="ti-table">', pnl)
    pnl, b2 = re.subn(r'</table>', '</table></div>', pnl) if a else (pnl, 0)
    if a:
        assert a == b2 == pnl.count('<div class="cm2-tw"><table class="ti-table">'), (a, b2)
    n_ti += a; panels[k] = (kk, pnl)
assert n_ti == 3, n_ti
J.append('3 tableaux ti-table enveloppés .cm2-tw (rouleau)')

# ══ 2 · la palette : les valeurs d'avant → les pierres de l'Union ═════════════════════════════════════
HEX = {'#c8a84a':'--or', '#e6d090':'--or-pale', '#7a611a':'--or-somb', '#f8c870':'--or-pale', '#c89a2a':'--or', '#e2c06a':'--or-pale', '#d9c17d':'--or-pale',
       '#f2ede2':'--nacre', '#eee':'--nacre', '#a0a0b8':'--gris', '#c8c8dc':'--gris-cl',
       '#07070c':'--noir', '#08070d':'--noir', '#09090e':'--noir', '#0b0a10':'--noir', '#0c0a10':'--noir', '#111118':'--encre', '#11111a':'--encre', '#181826':'--voile',
       '#90d8a8':'--vert-cl', '#bfe6cf':'--vert-cl', '#c0e8d0':'--vert-cl', '#3a7a52':'--vert',
       '#8a3030':'--rubis', '#f03030':'--rubis', '#f0a0a0':'--rubis-cl', '#e8c4cc':'--rubis-cl', '#e8c0c8':'--rubis-cl', '#fe6969':'--rubis-cl',
       '#2a4870':'--bleu', '#80a8d8':'--bleu-cl', '#9b65d5':'--violet', '#4ec8b8':'--turq', '#ff93b5':'--rose',
       '#ff7800':'--ambre', '#ffd06a':'--or-pale', '#80c027':'--jade-cl'}
RGB = {'200,168,74':'--or', '7,7,12':'--noir', '6,6,12':'--noir', '9,9,16':'--noir', '16,16,26':'--encre', '255,208,106':'--or-pale', '128,192,39':'--jade-cl',
       '155,101,213':'--violet', '42,72,112':'--bleu', '58,122,82':'--vert', '138,48,48':'--rubis', '242,237,226':'--nacre', '240,160,160':'--rubis-cl',
       '144,216,168':'--vert-cl', '200,154,42':'--or'}
def peint(css):
    css = re.sub(r'rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,', lambda m: ('rgba(var(%s-rgb),' % RGB[','.join(m.group(1,2,3))]) if ','.join(m.group(1,2,3)) in RGB else m.group(0), css)
    css = re.sub(r'#[0-9a-fA-F]{3,6}\b', lambda m: ('var(%s)' % HEX[m.group(0).lower()]) if m.group(0).lower() in HEX else m.group(0), css)
    return css
# M2 · les coques cessent de redéclarer la palette
def sans_palette(css):
    return re.sub(r'\n\s*--(?:or|or-pale|or-somb|nacre|gris|gris-cl|vert|vert-cl|rubis|rubis-cl|bleu|bleu-cl|violet|turq|rose|noir|encre|voile)\s*:\s*#[0-9a-fA-F]{3,6}\s*;', '', css)
# la feuille de la coque : on ne garde que le bandeau de statut, le code, et le bloc V5 (lex / eco / alignement)
c0 = styles[0]
keep = []
for sel in ['.cm2-card code', '.uni-statut', '.uni-statut-t', '.uni-verbes', '@media(min-width:760px){.uni-verbes', '.uni-v{', '@media(min-width:760px){.uni-v{', '.uni-v .e', '.uni-v .s', '.uni-v.ok', '.uni-v p', '.uni-v b', '.uni-jal', '.uni-j{', '.uni-j b']:
    j = c0.find(sel); assert j >= 0, sel
    k = c0.find('}', j);
    if c0.startswith('@media', j): k = c0.find('}}', j) + 1
    keep.append(c0[j:k+1])
v5 = c0[c0.find('/* V5 ·'):]; assert v5.startswith('/* V5')
c0k = '\n'.join(keep) + '\n' + v5
c0k = c0k.replace('var(--txt2)', 'var(--gris-cl)').replace('var(--or2)', 'var(--or-pale)').replace('var(--mut)', 'var(--gris)').replace('var(--line)', 'rgba(var(--or-rgb),.16)').replace('var(--mono)', "'Space Mono',monospace")
c0k = c0k.replace('var(--uni-trait)', 'rgba(255,255,255,.075)').replace('var(--uni-a16)', 'rgba(var(--or-rgb),.16)').replace('var(--uni-a26)', 'rgba(var(--or-rgb),.26)').replace('var(--uni-a32)', 'rgba(var(--or-rgb),.32)')
for a, b in (('--uni-onyx','--noir'),('--uni-encre','--encre'),('--uni-voile','--voile'),('--uni-nacre','--nacre'),('--uni-gris-cl','--gris-cl'),('--uni-gris','--gris'),('--uni-or-pale','--or-pale'),('--uni-or-somb','--or-somb'),('--uni-or','--or'),('--uni-emeraude','--vert-cl'),('--uni-ambre','--or-pale'),('--uni-violet','--violet')):
    c0k = c0k.replace('var(%s)' % a, 'var(%s)' % b)
c2 = sans_palette(styles[2]).replace('.cm2-hero h1', '.cm2-hero .cm2-h1')
c3 = sans_palette(styles[3]).replace('.phi-shell h1', '.phi-shell .phi-h1').replace('.phi-hero h1', '.phi-hero .phi-h1'); c4 = sans_palette(styles[4]); c5 = styles[5]
css_all = peint(c0k + '\n' + c2 + '\n' + c3 + '\n' + c4 + '\n' + c5)
assert not re.search(r'--(?:or|nacre|gris)\s*:\s*#', css_all), 'palette redéclarée'
reste = sorted(set(h.lower() for h in re.findall(r'#[0-9a-fA-F]{3,6}\b', css_all)))
J.append(f'feuilles repeintes : hex restants {reste}')

# ══ 3 · scoper chaque sélecteur sous #ami-union .src-tri ══════════════════════════════════════════════
SC = '#ami-union .src-tri '
def scope(css):
    out = []; i = 0; n = len(css)
    # découpe grossière : on marche règle par règle, en gérant les blocs @media (un seul niveau)
    def sels(s):
        return ','.join(SC + x.strip() for x in s.split(',') if x.strip())
    pos = 0; res = ''
    while pos < n:
        j = css.find('{', pos)
        if j < 0: res += css[pos:]; break
        head = css[pos:j]
        cm = head.rfind('*/'); pre, sel = (head[:cm+2], head[cm+2:]) if cm >= 0 else ('', head)
        if sel.strip().startswith('@media'):
            k = j + 1; d = 1
            while d:
                c = css[k]; d += (c == '{') - (c == '}'); k += 1
            inner = css[j+1:k-1]
            res += pre + sel + '{' + scope(inner) + '}'; pos = k; continue
        if sel.strip().startswith('@'):  # @keyframes, @font-face : on laisse
            k = j + 1; d = 1
            while d:
                c = css[k]; d += (c == '{') - (c == '}'); k += 1
            res += css[pos:k]; pos = k; continue
        k = css.find('}', j)
        res += pre + sels(sel) + css[j:k+1]; pos = k + 1
    return res
css_sc = scope(css_all)
assert css_sc.count(SC) > 200, css_sc.count(SC)
# le panneau et la nav de la V9 ne servent plus (la sub-nav de l'Union les remplace) : les 4 panneaux restent visibles dans leur sub-p
css_sc = css_sc.replace(SC + '.cm2-panel{display:none;', SC + '.cm2-panel{display:block;')
assert '.cm2-panel{display:block;' in css_sc
FEUILLE = '''
<style id="ami-loi-instrument">
/* ══ 19 sept 2026 — La Charte Mathématique V9 (Alignement Repère) et l'Instrument, sous la Fractale ══ */
''' + css_sc + '''
/* ── les règles de l'Union, après la V9 (à spécificité égale, la dernière gagne) ── */
#ami-union .src-tri .tri-p[data-c="phy"]{--c:var(--or)}
#ami-union .src-tri .cm2-shell,#ami-union .src-tri .phi-shell{width:100%;max-width:1000px;font-family:'Jost',system-ui,sans-serif}
#ami-union .src-tri .cm2-shell .sub-p{display:none}#ami-union .src-tri .cm2-shell .sub-p.on{display:block}
#ami-union .src-tri .ami-instrument{max-width:1000px;margin:0 auto}
#ami-union .src-tri .ami-instrument .uni-statut{margin:0 0 1.2rem}
#ami-union .src-tri .ami-instrument .ti-card{--c:var(--or)}
#ami-union .src-tri .cm2-hero{margin:0 auto 1rem;max-width:1000px}
#ami-union .src-tri .cm2-hero .cm2-h1{margin:0}
#ami-union .src-tri .cm2-hero p.cm2-sub{margin:.5rem auto 0}
/* téléphone : les coques et les cartes rendent leurs marges au texte (lecture au téléphone d'abord) */
@media(max-width:620px){
  #ami-union .src-tri .cm2-shell,#ami-union .src-tri .phi-shell{padding:.6rem .35rem;border-left:0;border-right:0;border-radius:0}
  #ami-union .src-tri .cm2-card,#ami-union .src-tri .phi-card,#ami-union .src-tri .ti-card{padding:.8rem .65rem}
  #ami-union .src-tri .cm2-sim{padding:.75rem .6rem}
  #ami-union .src-tri .cm2-hero{padding:.9rem .3rem 1rem}
  #ami-union .src-tri .tri-p[data-c="phy"]{padding-left:.3rem;padding-right:.3rem}
  #ami-union .src-tri .ami-instrument .uni-v{padding:.85rem .7rem}
}
</style>
'''

# ══ 4 · l'ancienne Charte Mathématique s'en va ═══════════════════════════════════════════════════════
# 4a · la feuille : de « .cm2-shell{ » jusqu'au @media 620 qui ferme le bloc
a = U.find('#ami-union .src-tri .cm2-shell, #ami-union .src-tri .cm2-shell *{box-sizing:border-box}'); assert a > 0
b = U.find("@media(max-width:620px){.cm2-row2{grid-template-columns:1fr}.cm2-tab{flex:1 1 100%;text-align:center}\n #ami-union .src-tri .cm2-palier{grid-template-columns:4.4rem 1fr;gap:.6rem}}", a); assert b > a
b = U.find('}}', b) + 2
vieille_css = U[a:b]; assert vieille_css.count('cm2') > 100
U = U[:a] + '/* (l’ancienne feuille cm2 vivait ici — remplacée par #ami-loi-instrument, 19/09) */' + U[b:]; J.append(f'ancienne feuille cm2 ôtée ({len(vieille_css)} car.)')
# 4b · le script (sceau, simulateur…)
m = re.search(r"<script>\ntry\{\n\n\(function\(\)\{\n  var R=document\.querySelector\('#ami-union \.src-tri'\); if\(!R\)return;\n  var \$=function\(id\)\{return R\.querySelector\('#'\+id\)\};.*?</script>", U, re.S); assert m and m.group(0).count('cm2') > 40
U = U[:m.start()] + U[m.end():]; J.append('ancien script cm2 ôté')
# 4c · le markup de la Fractale : de la sub-nav à la fin du cm2-shell
a = U.find('<div class="tri-p" data-c="phy" id="tp-phy">'); assert a > 0
band = bloc(U, U.find('<div class="tri-band">', a), 'div')
s1 = U.find('<div class="sub-nav">', a); s2 = U.find('<!-- ══════════ PSYCHIQUE ══════════ -->', a); assert s1 > a and s2 > s1
vieux = U[s1:s2]; assert vieux.count('cm2-sec') == 15 and vieux.rstrip().endswith('</div>')
# la fermeture du tri-p est le dernier </div> du morceau
fin = vieux.rstrip()[:-6]
NAV = ('<div class="sub-nav">\n' + '\n'.join(f'    <button class="sub-b{" on" if i == 0 else ""}" type="button" data-s="phy{i+1}">{lab}</button>' for i, (k, lab) in enumerate(tabs))
       + '\n    <button class="sub-b" type="button" data-s="phy5">🏹 L\'Instrument</button>\n  </div>\n')
SHELL = '  <div class="cm2-shell" id="cm2Shell">\n' + ''.join(f'<div class="sub-p{" on" if i == 0 else ""}" id="sp-phy{i+1}">\n{p}\n</div>\n' for i, (k, p) in enumerate(panels)) + '  </div>\n'
INST = ('  <div class="sub-p ami-instrument" id="sp-phy5">\n'
        '  <p class="cm2-sub" style="text-align:center;margin:.4rem auto 1rem;max-width:640px">' + dek + '</p>\n'
        + statut + '\n' + phi + '\n' + cards[0] + '\n' + cards[1] + '\n  </div>\n')
neuf = '  ' + hero + '\n  ' + NAV + SHELL + INST + '</div>'
U = U[:s1] + neuf + U[s2:]; J.append('Fractale : sub-nav 5 entrées, 4 panneaux V9 dans le cm2-shell, l’Instrument en 5e')
assert U.count('id="cm2Shell"') == 1 and U.count('id="phiShell"') == 1

# ══ 5 · feuille et scripts ═══════════════════════════════════════════════════════════════════════════
rep('</head>', FEUILLE + '</head>', 1, 'feuille ami-loi-instrument')
MIROIR = r'''
<script id="ami-loi-miroir">
try{ (function(){ /* les compteurs des trois verbes recopient ceux de l'instrument (phiStatN, phiStatP) */
  function miroir(){ var m={uniJalN:'phiStatN', uniJalP:'phiStatP'}; Object.keys(m).forEach(function(k){ var s=document.getElementById(m[k]), d=document.getElementById(k); if(s&&d){ var v=(s.textContent||'').trim(); if(v) d.textContent=v; } }); }
  miroir(); ['phiStatN','phiStatP'].forEach(function(id){ var el=document.getElementById(id); if(el&&window.MutationObserver) new MutationObserver(miroir).observe(el,{childList:true,characterData:true,subtree:true}); });
  /* la sub-nav de la Fractale réveille le canvas et les piles collantes */
  document.querySelectorAll('#tp-phy .sub-b').forEach(function(b){ b.addEventListener('click',function(){ try{ window.dispatchEvent(new Event('resize')); }catch(e){} }); });
})(); }catch(e){}
</script>
'''
SCR = ('\n<script id="ami-cm2-v9">\ntry{\n' + scripts[0] + '\n}catch(e){ /* un volume absorbé ne doit jamais empêcher les autres de fonctionner */ }\n</script>\n'
       '<script id="ami-phi-v9">\ntry{\n' + scripts[1] + '\n}catch(e){ /* idem */ }\n</script>\n' + MIROIR)
# juste après le script de la tri (sub-b), avant le canton suivant
anc = "}catch(e){ /* un volume absorbé ne doit jamais empêcher les autres de fonctionner */ }\n</script>\n</div>\n</div>\n\n<!-- ═══ T4"
assert U.count(anc) == 1, U.count(anc)
U = U.replace(anc, "}catch(e){ /* un volume absorbé ne doit jamais empêcher les autres de fonctionner */ }\n</script>\n" + SCR + "</div>\n</div>\n\n<!-- ═══ T4"); J.append('scripts cm2 + phi V9 + miroir posés en fin de t3')
# les couleurs en ligne du markup V9 (paliers, régimes) → pierres
a = U.find('<div class="tri-p" data-c="phy" id="tp-phy">'); b = U.find('<!-- ══════════ PSYCHIQUE ══════════ -->', a)
morceau = U[a:b]
parts = re.split(r'(<script\b.*?</script>)', morceau, flags=re.S); n = 0
for i in range(0, len(parts), 2):
    def inl(m):
        global n
        s = m.group(1)
        def h2(mm):
            global n
            hx = mm.group(0).lower()
            if hx in HEX: n += 1; return 'var(%s)' % HEX[hx]
            return mm.group(0)
        return 'style="' + re.sub(r'#[0-9a-fA-F]{3,6}\b', h2, s) + '"'
    parts[i] = re.sub(r'style="([^"]*)"', inl, parts[i])
morceau2 = ''.join(parts); U = U[:a] + morceau2 + U[b:]; J.append(f'couleurs en ligne → pierres ×{n}')
# version
rep('<meta name="ami:version" content="V24">', '<meta name="ami:version" content="V27">', 1, 'meta ami:version V27 (la meta disait encore V24)')
U = re.sub(r'(data-ami="version">)V24<', r'\1V27<', U)
rep("body{margin:0;padding:22px;background:var(--noir);min-height:100vh}", "/* (style de démo body{padding:22px} ôté le 19/09) */", 1, 'style de démo body{padding:22px} de la tri ôté')
U = re.sub(r'(<meta name="ami:date" content=")[^"]*"', r'\g<1>2026-09-19"', U); assert 'content="2026-09-19"' in U

# ══ 6 · 🔍 : un résultat ouvre TOUS les niveaux d'onglets (onglet → canton tri → sous-onglet ; volets .pane des Lois/Contrats) ══
OLD_SAUTE = """   if(e.k){ var b=R.querySelector((function(k){ return '.tab-btn-full[data-c="'+k+'"]'; })(e.k)); if(b) b.click(); }
   var d=e.el.closest('details');"""
NEW_SAUTE = """   if(e.k){ var b=R.querySelector((function(k){ return '.tab-btn-full[data-c="'+k+'"]'; })(e.k)); if(b) b.click(); }
   /* 19/09 : les niveaux en dessous — volet .pane (Lois, Contrats), canton .tri-p (Chartes), sous-onglet .sub-p (Fractale…) */
   (function(){ var anc=e.el.parentElement, clics=[], b2;
     while(anc && anc!==R){
       if(anc.classList.contains('pane')&&anc.dataset.c){ var tc=anc.closest('.tab-content'); b2=(tc&&tc.querySelector('.tb[data-c="'+anc.dataset.c+'"]'))||(tc&&R.querySelector('#subHost .sub-slot[data-c="'+tc.dataset.c+'"] .tb[data-c="'+anc.dataset.c+'"]'))||R.querySelector('.tb[data-c="'+anc.dataset.c+'"]'); if(b2) clics.push(b2); }
       if(anc.classList.contains('tri-p')&&anc.dataset.c){ b2=R.querySelector('.tri-b[data-c="'+anc.dataset.c+'"]'); if(b2) clics.push(b2); }
       if(anc.classList.contains('sub-p')&&anc.id){ var tp=anc.closest('.tri-p'); b2=tp&&tp.querySelector('.sub-b[data-s="'+anc.id.replace('sp-','')+'"]'); if(b2) clics.push(b2); }
       anc=anc.parentElement; }
     clics.reverse().forEach(function(b3){ if(!b3.classList.contains('on')) b3.click(); }); })();
   var d=e.el.closest('details');"""
rep(OLD_SAUTE, NEW_SAUTE, 1, '🔍 ouvre volet / canton / sous-onglet')

rep("p.closest('script,style,svg,#ami-rech,.toc-panel,.ami-barre,.ami-pied,.emporter')", "p.closest('script,style,svg,#ami-rech,.toc-panel,.ami-barre,.ami-pied,.emporter,.tabs,.tri-nav,.sub-nav,.sub-bar-host,.tab-btn-full,button')", 1, '🔍 n’indexe plus les barres d’onglets ni les boutons (les onglets des Lois vivaient dans un hôte caché → résultat invisible)')
open(OUT, 'w', encoding='utf-8').write(U)
print('\n'.join('✓ ' + x for x in J))

p22_loi_mutations.pypython3 p22_loi_mutations.py page.html48 lignes

0.3 : 23 mutations × 3 largeurs sur la Fractale (sceau, tore, curseurs, miroir, 🔍 sur 3 niveaux, plancher, débordement, palette).

# -*- coding: utf-8 -*-
"""P22 · 0.3 L'Union du TouT V27 — la mutation du canton Fractale (Charte Mathématique V9 + l'Instrument) : on presse chaque
commande et on regarde si la page a changé comme promis. Usage : python3 p22_loi_mutations.py uni.html"""
import os, sys
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'uni_p22.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (320, 390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1200); E = lambda js: pg.evaluate(js)
        print(f'=== {W} px ===')
        ok('meta ami:version V27, ami:date ISO 2026-09-19', E("()=>document.querySelector('meta[name=\"ami:version\"]').content==='V27' && document.querySelector('meta[name=\"ami:date\"]').content==='2026-09-19'"))
        ok('body sans padding (style de démo ôté)', E("()=>getComputedStyle(document.body).padding==='0px'"))
        ok('un seul h1', E("()=>document.querySelectorAll('h1').length===1"))
        ok('l’ancienne Charte Mathématique est partie (15 accordéons cm2-sec)', E("()=>document.querySelectorAll('#tp-phy .cm2-sec').length===0 && !document.body.textContent.includes('Ⅰ · Fractale & Constante Génératrice')"))
        E("()=>document.querySelector('.tab-btn-full[data-c=t3]').click()"); pg.wait_for_timeout(250)
        E("()=>document.querySelector('.tri-b[data-c=phy]').click()"); pg.wait_for_timeout(250)
        ok('Fractale : 5 sous-onglets (⟁ 📐 🔓 🔱 🏹), le premier ouvert', E("()=>{const b=[...document.querySelectorAll('#tp-phy .sub-b')];return b.length===5 && b[0].classList.contains('on') && b[4].textContent.includes('L\\'Instrument') && document.querySelectorAll('#tp-phy .sub-p').length===5 && getComputedStyle(document.getElementById('sp-phy1')).display==='block' && getComputedStyle(document.getElementById('sp-phy5')).display==='none'}"))
        ok('hero : « La Charte Mathématique » en h2, kicker V9 · Alignement Repère', E("()=>{const h=document.querySelector('#tp-phy .cm2-hero h2.cm2-h1');return h && h.textContent==='La Charte Mathématique' && document.querySelector('#tp-phy .cm2-kicker').textContent.includes('V9')}"))
        ok('la V9 est là : Φₙ = ΔI / (ΔI + ΔE), les 4 panneaux cm2', E("()=>document.querySelectorAll('#cm2Shell .cm2-panel').length===4 && /ΔI \\/ \\(ΔI \\+ ΔE\\)/.test(document.getElementById('cm2Shell').textContent)"))
        ok('pas de pied ni de bande de la coque V9 (uni-pied, uni-bande, cm2-foot)', E("()=>!document.querySelector('.uni-pied,.uni-bande,.uni-couv,.cm2-foot,.cm2-tabs')"))
        E("()=>document.querySelector('#tp-phy .sub-b[data-s=phy3]').click()"); pg.wait_for_timeout(200)
        ok('🔓 sceau : refuse sans critère de réfutation', E("()=>{document.getElementById('cm2Objet').value='test';document.getElementById('cm2Val').value='1';document.getElementById('cm2Pred').value='p';document.getElementById('cm2Refut').value='';document.getElementById('cm2Gen').click();return /réfutation/.test(document.getElementById('cm2Status').textContent)}"))
        ok('🔓 sceau : scelle avec un critère (FNV-1a)', E("()=>{document.getElementById('cm2Refut').value='si la valeur descend sous 0,5 avant échéance';document.getElementById('cm2Gen').click();return /Scellé/.test(document.getElementById('cm2Status').textContent) && /SCEAU\\s+: [0-9A-F]{8}/.test(document.getElementById('cm2Out').textContent)}"))
        E("()=>document.querySelector('#tp-phy .sub-b[data-s=phy2]').click()"); pg.wait_for_timeout(300)
        ok('📐 le tore se dessine (canvas peint) et tient dans sa colonne', E("()=>{const c=document.getElementById('cm2Cv');const d=c.getContext('2d').getImageData(0,0,c.width,c.height).data;let n=0;for(let i=3;i<d.length;i+=4) if(d[i]) n++;const r=c.getBoundingClientRect();return n>20000 && r.right<=innerWidth && r.width>150}"))
        ok('📐 un curseur change la lecture', E("()=>{const s=document.getElementById('cm2TC');const a=document.getElementById('cm2TCv').textContent;s.value=String(Math.min(parseFloat(s.max),parseFloat(s.value)+0.5));s.dispatchEvent(new Event('input',{bubbles:true}));return document.getElementById('cm2TCv').textContent!==a}"))
        E("()=>document.querySelector('#tp-phy .sub-b[data-s=phy5]').click()"); pg.wait_for_timeout(400)
        ok('🏹 l’Instrument : 21 curseurs de Φ, les trois verbes, 2 cartes (Pont, Repère)', E("()=>document.querySelectorAll('#phiShell input[type=range]').length===21 && document.querySelectorAll('#sp-phy5 .uni-v').length===3 && document.querySelectorAll('#sp-phy5 .ti-card').length===2"))
        ok('🏹 miroir : les jalons recopient les compteurs de l’instrument', E("()=>document.getElementById('uniJalN').textContent===document.getElementById('phiStatN').textContent"))
        ok('🏹 le pied interne ne porte plus la licence (elle est au pied de l’Union)', E("()=>{const f=document.querySelector('#phiShell .phi-foot');return f && !/CC BY-SA/.test(f.textContent) && /navigateur/.test(f.textContent) && document.querySelector('.ami-pied')}"))
        ok('pas de débordement dans la Fractale (tous sous-onglets)', E("()=>{const w=document.documentElement.clientWidth;let bad=0;document.querySelectorAll('#tp-phy .sub-p').forEach(p=>p.style.display='block');document.querySelectorAll('#tp-phy *').forEach(el=>{if(el.closest('svg'))return;let a=el.parentElement,roule=false;while(a&&a!==document.body){const o=getComputedStyle(a).overflowX;if(o==='auto'||o==='scroll'){roule=true;break}a=a.parentElement}if(roule)return;const r=el.getBoundingClientRect();if(r.width<1)return;if(r.right>w+1||r.left<-1)bad++});document.querySelectorAll('#tp-phy .sub-p').forEach(p=>p.style.display='');return bad===0 && document.documentElement.scrollWidth<=w}"))
        ok('plancher 11,5 px tenu dans la Fractale', E("()=>{let n=0;document.querySelectorAll('#tp-phy .sub-p').forEach(p=>p.style.display='block');document.querySelectorAll('#tp-phy *').forEach(el=>{if(el.closest('script,style,svg'))return;let t=false;for(const c of el.childNodes) if(c.nodeType===3&&c.textContent.trim()) t=true;if(t&&parseFloat(getComputedStyle(el).fontSize)<11.5) n++});document.querySelectorAll('#tp-phy .sub-p').forEach(p=>p.style.display='');return n===0}"))
        ok('aucune var(--x) sans déclaration', E("()=>{const used=new Set(),decl=new Set();for(const s of document.querySelectorAll('style')){for(const m of s.textContent.matchAll(/var\\((--[a-z0-9-]+)/g)) used.add(m[1]);for(const m of s.textContent.matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}for(const el of document.querySelectorAll('[style]')){for(const m of el.getAttribute('style').matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}return [...used].filter(v=>!decl.has(v)&&!['--rc','--vc','--cc'].includes(v)).length===0}"))
        ok('palette : plus de #c8a84a (vieil or) dans la feuille de la Loi', E("()=>!/#c8a84a|rgba\\(200,168,74|#e6d090|#9b65d5/i.test(document.getElementById('ami-loi-instrument').textContent)"))
        # 🔍 : trois niveaux
        for q, i, attendu in (('dénominateur ΔE', 1, "t2|t2"), ('Pont instrumental', 0, "t3|phy|sp-phy5"), ('Charte Psychique', 0, "t3")):
            E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(200); pg.fill('#rc-q', q); pg.wait_for_timeout(450)
            E(f"()=>document.querySelectorAll('#rc-l .rc-r')[{i}].click()"); pg.wait_for_timeout(1100)
            ok(f'🔍 « {q} » ouvre tous les niveaux et montre le passage', E("()=>{const t=document.querySelector('.ami-trouve');if(!t)return false;const r=t.getBoundingClientRect();return r.width>0&&r.height>0&&r.top>=0&&r.top<innerHeight}"))
        ok('0 erreur JS', not errs, str(errs[:3])); pg.close()
    b.close()
n = sum(1 for r in R if r[1]); print(f'\n{n} / {len(R)} réussis')
if n < len(R): print('✗ ratés :', [r[0] for r in R if not r[1]])

p1_cosmo.pypython3 p1_cosmo.py entree.html sortie.html106 lignes

CosmoLogie P1 : title/metas, une (Volume 3.3 · le miroir), un seul h1, onclick → data-act + délégué, renvoi Piratage, U+F105 → ›, orthographes, C9 ꩜ C12 🪞, MapMonde → ami-karma.

# -*- coding: utf-8 -*-
"""P1 · 3.3 CosmoLogie — l'identité, le texte, le vivant (audit du 19/09 : A·1 A·9 A·10 A·11 A·12 ; arbitrages B·1 B·2 B·5 C·1).
- <title>, meta ami:volume 3.3 · ami:version V9 · ami:date ; la une : kicker « Volume 3.3 · Tu Sais Lire la Culture », le miroir gardé
  en une ligne (« la science mesure, le mythe raconte »), 💭 pour le volume ; l'ancienne mention du bas s'en va avec le pied.
- Un seul h1 : les 40 h1 des chapitres → h2.ami-h1 (même apparence, posée en P2).
- 96 onclick= → data-act= + UN écouteur délégué (Charte § LI) ; les onclick construits par script restent.
- « voir l'épisode transversal à venir » → lien vers 🏴‍☠️ l'Algorithme du Piratage (#pir-intro, onglet Emprise) : le chapitre existe.
- U+F105 (glyphe privé d'une police absente, 556×) → « › ». ⚡ en une graphie. Orthographes arrêtées (texte seulement).
- C·1 : les 13 Champs syncrétiques au canon : C9 ꩜, C12 🪞.
- A·12 : l'iframe MapMonde (fichier local mort) → renvoi vers agdistys.fr/ami-karma (+ la source agdistys.fr/histoire).
Usage : python3 p1_cosmo.py entree.html sortie.html"""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · identité ──────────────────────────────────────────────────────────────────────────────────────────
rep('<title>📚 CosmoLogie — La Bible 2.0 · La MyThoLogie Historique</title>',
    '<title>3.3 CosmoLogie — Tu Sais Lire la Culture · Protocole de ConScience aMi</title>\n<meta name="ami:volume" content="3.3"><meta name="ami:version" content="V10"><meta name="ami:date" content="2026-09-19">', 1, 'title + metas')
rep('<div class="vol-label">Protocole de Conscience · 7.0 ↔ 4.3 · Page miroir de la CosmoGonie 6.0 ↔ 3.3</div>',
    '<div class="vol-label">Protocole de ConScience aMi · Volume 3.3 · Tu Sais Lire la Culture</div>', 1, 'kicker de la une (B·1)')
rep('<div class="couv-attrib">Méthode Ouroboros · Tomographie Documentaire · ChronoLogique</div>',
    '<div class="couv-attrib">Méthode Ouroboros · Tomographie Documentaire · ChronoLogique</div>\n  <p class="couv-miroir">💭 Page miroir de <strong>4.3 CosmoGonie</strong> — la science mesure, le mythe raconte ce qui s\'est dit avant qu\'on puisse mesurer.</p>', 1, 'le miroir, en une ligne (B·1)')

# ── 2 · un seul h1 ────────────────────────────────────────────────────────────────────────────────────────
n0 = len(re.findall(r'<h1\b', h))
h, n = re.subn(r'<h1 id="([^"]+)" class="anchor"( style="[^"]*")?>(.*?)</h1>', r'<h2 id="\1" class="anchor ami-h1"\2>\3</h2>', h, flags=re.S)
J.append(f'h1 des chapitres → h2.ami-h1 ×{n} (reste {len(re.findall(chr(60)+"h1", h))} h1 : la une)')
assert len(re.findall(r'<h1\b', h)) == 1, len(re.findall(r'<h1\b', h))

# ── 3 · onclick → data-act + délégué ─────────────────────────────────────────────────────────────────────
parts = re.split(r'(<script\b.*?</script>)', h, flags=re.S); n = 0
for i in range(0, len(parts), 2):
    parts[i], k = re.subn(r'\sonclick="(\w+\([^"]*\))"', r' data-act="\1"', parts[i]); n += k
h = ''.join(parts); J.append(f'onclick → data-act ×{n} (hors scripts)'); assert n == 93, n  # 96 dans le fichier brut, dont 3 dans les scripts (construits)
DELEGUE = r'''
<script id="ami-delegue">
/* ── UN SEUL ÉCOUTEUR : data-act="fn('a',this)" — plus de fonction globale exigée par l'attribut (Charte § LI) ── */
(function(){'use strict';
  function arg(s, el){ s=s.trim();
    if(s==='this') return el; if(s==='null') return null; if(/^'.*'$/.test(s)||/^".*"$/.test(s)) return s.slice(1,-1);
    var m=s.match(/^document\.querySelectorAll\(\s*'([^']*)'\s*\)\s*\[(\d+)\]$/); if(m) return document.querySelectorAll(m[1])[+m[2]]||null;
    m=s.match(/^document\.querySelector\(\s*'([^']*)'\s*\)$/); if(m) return document.querySelector(m[1]);
    if(/^-?\d+(\.\d+)?$/.test(s)) return +s; return s; }
  function args(txt, el){ var out=[], cur='', q=null, d=0; for(var i=0;i<txt.length;i++){ var c=txt[i];
      if(q){ cur+=c; if(c===q) q=null; continue; } if(c==="'"||c==='"'){ q=c; cur+=c; continue; }
      if(c==='('||c==='[') d++; if(c===')'||c===']') d--; if(c===','&&d===0){ out.push(cur); cur=''; continue; } cur+=c; }
    if(cur.trim()) out.push(cur); return out.map(function(a){ return arg(a, el); }); }
  function agit(el, e){ var m=(el.getAttribute('data-act')||'').match(/^(\w+)\((.*)\)\s*;?\s*(return false;?)?\s*$/); if(!m) return;
    var fn=window[m[1]]; if(typeof fn!=='function') return; if(m[3]||el.tagName==='A') e.preventDefault(); fn.apply(el, args(m[2], el)); }
  document.addEventListener('click', function(e){ var el=e.target.closest&&e.target.closest('[data-act]'); if(el) agit(el, e); });
  document.addEventListener('keydown', function(e){ if(e.key!=='Enter'&&e.key!==' ') return; var el=e.target.closest&&e.target.closest('[data-act][role=button],[data-act][tabindex]'); if(el&&el.tagName!=='BUTTON'&&el.tagName!=='A'){ e.preventDefault(); agit(el, e); } });
})();
</script>
<script id="ami-va-js">
/* amiVa(chapitre, ancre) : ouvre l'onglet et le chapitre, puis descend à l'ancre — pour les renvois internes */
window.amiVa=function(id, anchor){ if(window.switchTab) switchTab(null, id); setTimeout(function(){ var el=anchor&&document.getElementById(anchor); if(!el) return; var pile=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--pile'))||parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0; var tb=document.getElementById('tabBar'); var y=el.getBoundingClientRect().top+window.pageYOffset-pile-(tb?tb.offsetHeight:0)-12; window.scrollTo({top:Math.max(0,y),behavior:'smooth'}); },120); };
</script>
'''
rep('<script>\n/* ===== TABS ===== */', DELEGUE + '<script>\n/* ===== TABS ===== */', 1, 'écouteur délégué + amiVa')

# ── 4 · le renvoi « à venir » vers un chapitre qui existe ─────────────────────────────────────────────────
rep("la parole vivante en loi pénale (voir l'épisode transversal à venir).",
    "la parole vivante en loi pénale (voir l'épisode <a href=\"#pir-intro\" data-act=\"amiVa('spirale','pir-intro')\">🏴‍☠️ l'Algorithme du Piratage Religieux</a>).", 1, 'renvoi « à venir » → lien vers le chapitre (B·5)')

# ── 5 · le glyphe privé, ⚡, les orthographes (texte seulement) ──────────────────────────────────────────
n = h.count(''); h = h.replace('', '›'); J.append(f'U+F105 → › ×{n}')
ORTH = [(r'\bconscience\b', 'ConScience'), (r'\bConscience\b', 'ConScience'), (r'\btransmission\b', 'TransMission'), (r'\bTransmission\b', 'TransMission'),
        (r'\bcosmogonie\b', 'CosmoGonie'), (r'\bCosmogonie\b', 'CosmoGonie'), (r'\bcosmologie\b', 'CosmoLogie'), (r'\bCosmologie\b', 'CosmoLogie'),
        (r'\bPardonnance\b', 'ParDonnance'), (r'\bAlgorythme\b', 'AlgoRythme'), (r'\bréflexion\b', 'RéfleXion'), (r'\bRéflexion\b', 'RéfleXion')]
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>|<[^>]+>)', h, flags=re.S); tot = {}
for i in range(0, len(parts), 2):
    t = parts[i]
    for rx, to in ORTH:
        t, k = re.subn(rx, to, t)
        if k: tot[to] = tot.get(to, 0) + k
    t, k = re.subn('⚡(?!️)', '⚡️', t)
    if k: tot['⚡️'] = tot.get('⚡️', 0) + k
    parts[i] = t
h = ''.join(parts); J.append(f'orthographes arrêtées (texte seulement) {tot}')

# ── 6 · C·1 : les 13 Champs syncrétiques au canon ───────────────────────────────────────────────────────
rep("9:'🌱',10:'💍',11:'🥚',12:'✨',13:'🌟'", "9:'꩜',10:'💍',11:'🥚',12:'🪞',13:'🌟'", 2, 'C9 ꩜ · C12 🪞 (canon du 9/09)')

# ── 7 · A·12 : la MapMonde vit dans le volume Karma ─────────────────────────────────────────────────────
m = re.search(r'<div style="border:1px solid rgba\(200,168,74,\.25\);border-radius:10px;overflow:hidden;margin:1\.4rem 0;box-shadow:0 8px 40px rgba\(0,0,0,\.4\)">\s*<iframe src="MapMonde_Diagnostic_aMi\.html"[^>]*></iframe>\s*</div>\s*<p style="text-align:center"><a href="MapMonde_Diagnostic_aMi\.html"[^>]*>.*?</a></p>', h, re.S)
assert m, 'cadre MapMonde'
h = h[:m.start()] + '''<div class="ami-renvoi-carte">
  <p>🧭 <strong>La MapMonde — Diagnostic du Vivant</strong> vit dans son volume : <strong>6.0 Karma</strong>.</p>
  <p><a class="btn-ami" href="https://agdistys.fr/ami-karma" target="_blank" rel="noopener">🌍 Ouvrir la MapMonde (6.0 Karma) →</a> <a class="btn-ami" href="https://agdistys.fr/histoire" target="_blank" rel="noopener">📜 L'article-source : Histoire →</a></p>
</div>''' + h[m.end():]; J.append('iframe MapMonde (fichier local) → renvois agdistys.fr/ami-karma + /histoire')
rep("La carte s'ouvre dans son propre cadre ci-dessous. Si elle met un instant à charger, c'est qu'elle appelle son fond cartographique — laisse-lui une seconde. Version prototype : les points s'enrichiront au fil des relectures sourcées.",
    "La carte vit dans le volume 6.0 Karma (lien ci-dessous). Version prototype : les points s'enrichiront au fil des relectures sourcées.", 1, 'texte du callout MapMonde')

# ── 8 · un onglet ou un sous-onglet cliqué ramenait « tout en haut » (Diane, 19/09 15h) : la page lisait offsetTop de la barre
#   COLLÉE — c'est sa place rendue, pas sa place dans le flux (et dans le cadre Webnode, celle du pont). On lit la place NATURELLE
#   (la bande des registres, juste avant la pile) et on se pose juste dessous la barre du site.
rep("  setTimeout(function(){ var tb=document.getElementById('tabBar'); if(tb) window.scrollTo(0, tb.offsetTop - 1); }, 30);",
    "  setTimeout(function(){ var b=document.querySelector('#ami-cosmologie .bande-registres'), y=0, e=b; if(!b||window.__amiSansSaut) return; while(e){ y+=e.offsetTop; e=e.offsetParent; } y+=b.offsetHeight; var nav=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0; if(window.pageYOffset > y-nav) window.scrollTo(0, Math.max(0, y-nav)); }, 30);", 1, 'onglet cliqué : on reste sur la pile (place naturelle), plus de saut en haut')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p2_cosmo.pypython3 p2_cosmo.py entree.html sortie.html158 lignes

CosmoLogie P2 : variables aux noms de la Charte, racine normalisée, reduced-motion, onglets (forme gardée, 4 par rangée, tirets conditionnels), émojis .e, tableaux .tw, grilles.

# -*- coding: utf-8 -*-
"""P2 · 3.3 CosmoLogie — la forme (audit A·6 A·7 A·8 ; arbitrage : les onglets gardent leur forme).
- Les onglets replient déjà (2 rangées à 390, émoji au-dessus) : libellé au plancher (.62 → .72 rem), plus de chevauchement
  (« LECTURE & INTERPRÉTATIONS » mordait sur « SOURCES ») : mots coupables coupés proprement ; cibles ≥ 44 px ; pastilles .74 → .78.
- reduced-motion en tête (ambFlux/albedoBloom/couv/fadeIn se taisent) ; la une n'impose plus 88vh.
- Émojis droits (jamais en italique) : enveloppés .e (texte, hors scripts/styles) ; 26 tableaux en .tw (rouleau par règle) ;
  grilles : le dernier prend la colonne pleine s'il est seul ; h2.ami-h1 = l'apparence du h1 de chapitre ; .couv-miroir ; renvoi MapMonde.
- La palette : les noms propres à la page → les noms de la Charte (--bg → --encre, --text → --nacre, --x-pale → --x-cl…) et la racine
  normalisée `:root{\\n…\\n}` pour P3.
Usage : python3 p2_cosmo.py entree.html sortie.html"""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · la palette : les noms de la Charte ────────────────────────────────────────────────────────────────
REN = [('--text-dim', '--gris'), ('--text', '--nacre2'), ('--bg2', '--voile'), ('--bg3', '--voile'), ('--bg', '--encre'),
       ('--vert-pale', '--vert-cl'), ('--rubis-pale', '--rubis-cl'), ('--bleu-pale', '--bleu-cl'), ('--fuchsia-pale', '--fuchsia-cl'), ('--turquoise-pale', '--turquoise-cl')]
tot = {}
for a, b in REN:
    h, k = re.subn(re.escape(a) + r'(?![a-z0-9-])', b, h); tot[a] = k
J.append(f'variables renommées {tot}')
# --text (#e8e4d8) et --nacre (#f2ede2) : une seule nacre
rep('--nacre2', '--nacre', h.count('--nacre2'), '--text → --nacre (une seule nacre)')
m = re.search(r':root \{\n(.*?)\n\}', h, re.S); assert m
root = m.group(1)
root = re.sub(r'--nacre:#[0-9a-f]{6};', '', root, count=1)   # deux déclarations → une (celle de --text, renommée, reste)
root = root.replace('--voile:#14141f;--voile:#1a1a2e;', '--voile:#14141f;')
props = [re.sub(r'\s+', '', l.strip()) for l in root.split('\n') if l.strip()]
assert root.count('--nacre:') == 1 and root.count('--voile:') == 1, root
h = h.replace(m.group(0), ':root{\n  ' + ' '.join(props) + '\n}', 1); J.append('racine normalisée pour P3')

# ── 2 · reduced-motion, la une ────────────────────────────────────────────────────────────────────────────
CSS = '''
<style id="ami-forme-p2">
/* ── P2 · 19 sept 2026 — la forme à la Charte ── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.couverture{min-height:0;padding:3.2rem 1.2rem 2.4rem}
.couv-miroir{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--gris);max-width:36rem;margin:.2rem auto 1rem;position:relative;z-index:2;line-height:1.6}
.couv-miroir strong{color:var(--or-pale);font-weight:500}
/* les onglets : même forme, libellé au plancher, plus de chevauchement */
.tab-bar-full{justify-content:center}
.tab-btn{font-size:.72rem;min-width:0;padding:.7rem .25rem;letter-spacing:.02em;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;min-height:44px;line-height:1.15}
/* 7 & 3 : Avatars · Arbre Culturel · Amour & Union — « le monde d'après » — sur la seconde rangée (Diane, 19/09) */
@media(min-width:900px){.tab-btn{flex:0 0 14.28%;max-width:14.28%}}
@media(min-width:521px) and (max-width:899px){.tab-btn{flex:0 0 20%;max-width:20%}}
@media(max-width:520px){.tab-btn{flex:1 1 25%;max-width:25%}}
@media(max-width:360px){.tab-btn{flex:1 1 33.33%;max-width:33.33%}}
.subtab-btn{font-size:.78rem;min-height:36px}
.subrow-lbl{font-size:.72rem}
/* le titre de chapitre (était un h1) */
h2.ami-h1{font-size:2.3rem;color:var(--or-pale);margin:0 0 1rem;font-style:normal}
/* émojis droits, jamais en italique */
.e,em .e,i .e,.episteme .e,.formule .e,.couv-axiome .e,h3 .e{font-style:normal}
/* tableaux : rouleau par règle */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}
.tw table{margin:0}
/* grilles : le dernier prend la colonne pleine s'il est seul sur son rang */
.niveau-grid,.gen-grid,.atl-grid,.syn-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
@media(min-width:480px) and (max-width:760px){.niveau-grid>*:last-child:nth-child(odd){grid-column:1/-1}}  /* seulement quand il n'y a que deux colonnes (19/09 : à trois colonnes, la 3e carte prenait toute la largeur) */
/* cibles ≥ 24 px */
button,.btn-ami,.som-secs a,.lect-switch button{min-height:32px}
.som-secs a{display:inline-block;padding:.2rem 0}
/* le renvoi vers la MapMonde (6.0 Karma) */
.ami-renvoi-carte{border:1px solid rgba(200,168,74,.25);border-radius:10px;padding:1.2rem 1rem;margin:1.4rem 0;text-align:center;background:rgba(255,255,255,.02)}
.ami-renvoi-carte p{margin:.4rem 0}
.ami-renvoi-carte .btn-ami{margin:.3rem .3rem;letter-spacing:.06em;text-transform:none;font-size:.86rem;font-weight:500}
</style>
'''

# les deux libellés longs des onglets se coupent à la syllabe (tirets conditionnels), jamais au hasard
rep('<span class="tab-icon">📖</span>Lecture &amp; Interprétations</button>', '<span class="tab-icon">📖</span>Lecture &amp; Inter&shy;pré&shy;tations</button>', 1, 'Interprétations : coupe à la syllabe')
rep('<span class="tab-icon">🕸️</span>Syncrétismes Archétypaux</button>', '<span class="tab-icon">🕸️</span>Syncré&shy;tismes Arché&shy;typaux</button>', 1, 'Syncrétismes Archétypaux : coupe à la syllabe')
rep('</head>', CSS + '</head>', 1, 'feuille ami-forme-p2')

# ── 3 · émojis en italique : on les enveloppe (texte seulement) ; tableaux en .tw ────────────────────────
EMO = re.compile('([\U0001F300-\U0001FAFF☀-➿⬀-⯿\U0001F900-\U0001F9FFꦠ-꧿]️?)')
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>|<svg\b.*?</svg>|<[^>]+>)', h, flags=re.S); n = 0
for i in range(0, len(parts), 2):
    t2 = EMO.sub(r'<span class="e">\1</span>', parts[i]); n += t2.count('<span class="e">'); parts[i] = t2
h = ''.join(parts); J.append(f'émojis enveloppés .e ×{n}')
parts = re.split(r'(<script\b.*?</script>|<style\b.*?</style>)', h, flags=re.S); n = 0
for i in range(0, len(parts), 2):
    t2, a = re.subn(r'(<table\b)', r'<div class="tw">\1', parts[i]); t2, b = re.subn(r'(</table>)', r'\1</div>', t2); assert a == b; n += a; parts[i] = t2
h = ''.join(parts); J.append(f'tableaux en .tw ×{n} (hors scripts)')

# ── 4 · aucun sélecteur nu : la page ne repeint plus le site qui l'accueille (Diane, 19/09 : « il me change mes couleurs de texte ») ──
#   :where(#ami-cosmologie) garde la spécificité à zéro : la cascade de la page ne bouge pas.
m = re.search(r'<style\b[^>]*>(.*?)</style>', h, re.S); css = m.group(1); c0 = css
css = css.replace('html{scroll-behavior:smooth}', 'html:has(> body > #ami-cosmologie){scroll-behavior:smooth}', 1)
# le corps du DOCUMENT seul (la page entière ouverte telle quelle) : dans un bloc Webnode, la racine n\'est pas enfant direct du body → la règle se tait
css = re.sub(r'(?m)^body\{([^}]*)\}', lambda mm: 'body:has(> #ami-cosmologie){' + mm.group(1) + '}\n:where(#ami-cosmologie){' + mm.group(1).replace('min-height:100vh;','') + '}', css, count=1)
for sel in ['h1,h2,h3', 'h1', 'h2', 'h3', 'p', 'strong', 'em']:
    scoped = ','.join(':where(#ami-cosmologie) ' + x for x in sel.split(','))
    css, k = re.subn(r'(?m)^' + re.escape(sel) + r'\{', scoped + '{', css, count=1); assert k == 1, sel
assert css != c0
h = h.replace(m.group(0), m.group(0).replace(c0, css), 1)
rep('h4+.stree{margin-top:.2rem}', ':where(#ami-cosmologie) h4+.stree{margin-top:.2rem}', 1, 'h4+.stree scopé')
J.append('sélecteurs nus html/body/h1/h2/h3/p/strong/em → :where(#ami-cosmologie) (le site hôte garde ses couleurs)')


# ── 5 · les deux grandes images (l'Arbre Culturel, le Discernement) se ZOOMENT : un tap → plein écran, molette / pincement / glisser
ZOOM_CSS = """
/* ── le zoom des grandes images (19/09) ── */
.ami-zoomable{cursor:zoom-in}
.ami-zoom-b{display:inline-block;margin:.5rem auto 0;padding:.45rem 1rem;border:1px solid var(--or-somb);border-radius:999px;background:rgba(255,255,255,.04);color:var(--or);font-family:'Jost',sans-serif;font-size:.86rem;cursor:pointer;min-height:36px}
.ami-zoom-b:hover{background:rgba(255,255,255,.09);color:var(--or-pale)}
#ami-zoom{position:fixed;inset:0;z-index:2147483000;background:rgba(9,9,14,.97);display:none;overflow:hidden;touch-action:none;cursor:grab}
#ami-zoom.on{display:block}
#ami-zoom img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;user-select:none;-webkit-user-drag:none}
#ami-zoom .zb{position:fixed;top:.8rem;right:.8rem;z-index:2;display:flex;gap:.5rem}
#ami-zoom .zb button{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--or-somb);background:rgba(9,9,14,.92);color:var(--or);font-family:'Jost',sans-serif;font-size:1.1rem;cursor:pointer}
#ami-zoom .zb button:hover{color:var(--or-pale);background:rgba(255,255,255,.09)}
#ami-zoom .zi{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);color:var(--gris);font-family:'Jost',sans-serif;font-size:.8rem;background:rgba(9,9,14,.85);padding:.3rem .8rem;border-radius:999px;pointer-events:none}
"""
ZOOM_JS = r"""
<script id="ami-zoom-js">
/* ── le zoom : une grande image se regarde de près — molette, pincement à deux doigts, glisser ; ✕ ou Échap ── */
(function(){'use strict';
 var Z=document.createElement('div'); Z.id='ami-zoom'; Z.setAttribute('role','dialog'); Z.setAttribute('aria-label','Image en grand');
 Z.innerHTML='<img alt=""><div class="zb"><button type="button" data-z="-" aria-label="Réduire">−</button><button type="button" data-z="+" aria-label="Agrandir">+</button><button type="button" data-z="0" aria-label="Taille de départ">⤢</button><button type="button" data-z="x" aria-label="Fermer">✕</button></div><div class="zi">molette ou deux doigts pour zoomer · glisser pour se déplacer · Échap pour fermer</div>';
 document.body.appendChild(Z); var I=Z.querySelector('img'), s=1, x=0, y=0, base=1;
 function pose(){ I.style.transform='translate('+x+'px,'+y+'px) scale('+s+')'; }
 /* dans un cadre Webnode, la fenêtre du document est tout le cadre : on mesure la boîte du zoom elle-même (le pont la pose sur la fenêtre visible) */
 function dims(){ var r=Z.getBoundingClientRect(); return {W:r.width||innerWidth, H:r.height||innerHeight, L:Z.offsetLeft, T:Z.offsetTop}; }  /* offsetTop : la place brute de la boîte (les événements sont en coordonnées brutes) */
 function loc(e){ var d=dims(); return {x:e.clientX-d.L, y:e.clientY-d.T}; }
 function cadre(){ var d=dims(), W=d.W, H=d.H; base=Math.min(W/I.naturalWidth,H/I.naturalHeight); s=base; x=(W-I.naturalWidth*s)/2; y=(H-I.naturalHeight*s)/2; pose(); }
 function zoomA(f,cx,cy){ var ns=Math.max(base*0.5,Math.min(base*12,s*f)); x=cx-(cx-x)*(ns/s); y=cy-(cy-y)*(ns/s); s=ns; pose(); }
 function ouvre(src,alt){ I.src=src; I.alt=alt||''; Z.classList.add('on'); document.documentElement.style.overflow='hidden'; if(I.complete&&I.naturalWidth) cadre(); else I.onload=cadre; setTimeout(cadre,150); setTimeout(cadre,500); /* dans un cadre Webnode, le pont pose la boîte sur la fenêtre visible un instant plus tard : on recadre */ }
 function ferme(){ Z.classList.remove('on'); document.documentElement.style.overflow=''; }
 Z.querySelector('.zb').addEventListener('click',function(e){ var b=e.target.closest('button'); if(!b) return; var k=b.dataset.z; if(k==='x') ferme(); else if(k==='0') cadre(); else { var d=dims(); zoomA(k==='+'?1.5:1/1.5, d.W/2, d.H/2); } });
 Z.addEventListener('wheel',function(e){ e.preventDefault(); var l=loc(e); zoomA(e.deltaY<0?1.15:1/1.15, l.x, l.y); },{passive:false});
 var pts=new Map(), d0=0, s0=1, px=0, py=0;
 Z.addEventListener('pointerdown',function(e){ if(e.target.closest('.zb')) return; Z.setPointerCapture(e.pointerId); var l=loc(e); pts.set(e.pointerId,l); if(pts.size===1){ px=l.x-x; py=l.y-y; Z.style.cursor='grabbing'; } if(pts.size===2){ var a=[...pts.values()]; d0=Math.hypot(a[0].x-a[1].x,a[0].y-a[1].y); s0=s; } });
 Z.addEventListener('pointermove',function(e){ if(!pts.has(e.pointerId)) return; var l=loc(e); pts.set(e.pointerId,l);
   if(pts.size===1){ x=l.x-px; y=l.y-py; pose(); }
   else if(pts.size===2){ var a=[...pts.values()]; var d=Math.hypot(a[0].x-a[1].x,a[0].y-a[1].y); var cx=(a[0].x+a[1].x)/2, cy=(a[0].y+a[1].y)/2; var f=(d/d0)*s0/s; zoomA(f,cx,cy); } });
 function fin(e){ pts.delete(e.pointerId); if(!pts.size) Z.style.cursor='grab'; }
 Z.addEventListener('pointerup',fin); Z.addEventListener('pointercancel',fin);
 Z.addEventListener('dblclick',function(e){ if(!e.target.closest('.zb')){ var l=loc(e); zoomA(2,l.x,l.y); } });
 document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&Z.classList.contains('on')) ferme(); });
 window.addEventListener('resize',function(){ if(Z.classList.contains('on')) cadre(); });
 document.querySelectorAll('#ami-cosmologie img[src^="data:image"]').forEach(function(img){ img.classList.add('ami-zoomable'); img.title='Cliquer pour zoomer';
   var b=document.createElement('button'); b.type='button'; b.className='ami-zoom-b'; b.textContent='⤢ Voir en grand · zoomer';
   img.insertAdjacentElement('afterend', b); var go=function(){ ouvre(img.currentSrc||img.src, img.alt); }; img.addEventListener('click',go); b.addEventListener('click',go); });
})();
</script>
"""
h = h.replace('/* le renvoi vers la MapMonde (6.0 Karma) */', ZOOM_CSS + '\n/* le renvoi vers la MapMonde (6.0 Karma) */', 1)
rep('</body>', ZOOM_JS + '</body>', 1, 'zoom des grandes images (visualiseur plein écran)')
J.append('CSS du zoom posée')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p4_cosmo.pypython3 p4_cosmo.py entree.html sortie.html314 lignes

CosmoLogie P4 : racine, barre/pied V16, bande, Emporter, boîte 🔍 ☰ ↑, contraste, lecture continue, progression, LA PILE QUI SE REPLIE.

# -*- coding: utf-8 -*-
"""P4 · 3.3 CosmoLogie — l'anatomie de Page (audit A·1 A·2 A·3 A·4 ; arbitrages B·2 B·3 C·3).
Racine #ami-cosmologie autour de la page ; barre V16 + #prog en tête (data-ici=ami-cosmologie, tiroir fermé) ; bande des registres
après la une ; ◈ Emporter avant le pied ; pied V16 (sceau 💭) à la place de la nav-footer (2 liens vers des fichiers locaux, morts en
ligne) ; scripts du composant (💧 ◐ ⛶ zoom Emporter) ; progression sur le chapitre ouvert ; la boîte à outils 🔍 ☰ ↑ (recherche
générique qui ouvre l'onglet ET le chapitre ; sommaire bâti depuis les 10 onglets et leurs 33 chapitres) ; contraste élevé ;
LA PILE QUI SE REPLIE (C·3) : quand on descend dans un chapitre, les deux rangées d'onglets collées se replient en une ligne de 44 px
qui dit où on est (« 🏺 Mythes Religieux › 🌊 Le Déluge ▴ ») ; un tap la redéploie et remonte aux onglets ; remonter la redéploie.
Le ◈ Sommaire déroulant par chapitre reste (B·3). Les onglets gardent leur forme (Diane, 19/09).
Usage : python3 p4_cosmo.py entree.html sortie.html"""
import re, sys, json
SRC, OUT = sys.argv[1], sys.argv[2]
d = json.load(open('../spec/barre_extrait.json'))
BOITE_CSS = open('../spec/boite_css.txt', encoding='utf-8').read().replace('#ami-rech{display:none!important}\n', '')
h = open(SRC, encoding='utf-8').read(); J = []
ROOT = '#ami-cosmologie'; RID = 'ami-cosmologie'
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · l'ancien pied (nav-footer + mention) s'en va ─────────────────────────────────────────────────────
m = re.search(r'<!-- NAV FOOTER -->\s*<div style="[^"]*">\s*<nav class="nav-footer">.*?</nav>\s*<p [^>]*>.*?</p>\s*</div>', h, re.S); assert m
h = h[:m.start()] + '<!--ami:emport-->' + h[m.end():]; J.append('nav-footer d’août ôtée (0_Index_aMi.html, 4.2.DECRYPTAGE… : fichiers locaux morts ; la Forêt de la barre porte les volumes)')

# ── 2 · la racine, la barre, #prog, la bande, le pied ─────────────────────────────────────────────────────
mb = re.search(r'<body[^>]*>\n?', h)
nav = d['nav'].replace('<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi">',
                       f'<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi" data-ici="{RID}">')
assert nav.count('data-ici') == 1
h = h[:mb.end()] + d['prog'] + '\n' + nav + '\n<div id="' + RID + '">\n' + h[mb.end():]; J.append('barre V16 + #prog + racine ouverte')
bande = d['bande'].replace('href="#s-les-quatre-registres-de-lecture"', 'href="https://agdistys.fr/ami-charte" title="Les quatre registres de lecture — définis une fois, dans la Charte de Communication"')
rep('</div>\n\n<!-- TAB BAR : UN MYTHE = UN ONGLET -->', '</div>\n' + bande + '\n<!-- TAB BAR : UN MYTHE = UN ONGLET -->', 1, 'bande des registres après la une')
# les onglets ET les sous-onglets collent ensemble (Diane, 19/09 : « c'est sticky sauf les sous-onglets ») : une seule pile #amiPile
m2 = re.search(r'(<nav class="tab-bar-full" id="tabBar">.*?</nav>)\s*(<nav class="subtab-bar" id="subTabBar"></nav>)', h, re.S); assert m2
h = h[:m2.start()] + '<div id="amiPile">\n' + m2.group(1) + '\n' + m2.group(2) + '\n</div>' + h[m2.end():]; J.append('#amiPile : onglets + sous-onglets collés ensemble')
pied = d['pied']
pied = pied.replace('<div class="ap-sceau" title="🛕 Le sceau du volume">🛕</div>', '<div class="ap-sceau" title="💭 Le sceau du volume">💭</div>')
pied = pied.replace('<p class="ap-titre">Architecture</p>', '<p class="ap-titre">CosmoLogie — d’Hier à Aujourd’hui</p>')
pied = pied.replace('<p class="ap-vol">Protocole de ConScience aMi · Le Temple — La Vie</p>', '<p class="ap-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">3.3</span> — Tu Sais Lire la Culture</p>')
pied = pied.replace("<p class=\"ap-cit\">Je ne veux pas être crue sur parole au vol,\nje veux être sue sans le moindre bémol.</p>",
                    "<p class=\"ap-cit\">Le Mythe n’est pas un Mensonge.\nC’est une Trace à Savoir Lire.</p>")
assert '💭 Le sceau' in pied and 'CosmoLogie —' in pied and 'Volume <span' in pied and 'Trace à Savoir' in pied
emport = '''
<section class="emporter" aria-labelledby="empT">
  <h2 id="empT">◈ Emporter ce volume</h2>
  <p>Il tient en <strong>un seul fichier</strong>&#8239;: une fois téléchargé, <strong>il fonctionne hors ligne</strong> et reste vivant — dix onglets, trente-trois chapitres, l’Atlas retrouvé, les 13 Champs syncrétiques, lecture continue, contraste, recherche.</p>
  <div class="emp-b">
    <button id="dlHtml" type="button">⬇︎ Export HTML <span id="dlPoids"></span></button>
    <button id="dlPdf" type="button">🖶 PDF imprimable</button>
  </div>
  <p id="dlEtat" class="emp-d" aria-live="polite"></p>
  <p class="emp-d">📅 <span data-ami="version">V10</span> — arrêtée au <span data-ami="date">19 septembre 2026</span>. <em>Les renvois vers l’extérieur peuvent se briser avec le temps&#8239;: vérifie la version en ligne si celle-ci a vieilli.</em></p>
</section>
'''
rep('<!--ami:emport-->', emport + '\n</div><!-- /#' + RID + ' -->\n' + pied + '\n', 1, '◈ Emporter · racine fermée · pied V16')

# ── 3 · la feuille du composant (nettoyée comme pour 0.3/0.1/2.2) ────────────────────────────────────────
css = d['css']
blocs = []; k = 0; n = len(css)
while k < n:
    j = css.find('{', k)
    if j < 0: break
    sel = css[k:j]; depth = 1; e = j + 1
    while e < n and depth:
        if css[e] == '{': depth += 1
        elif css[e] == '}': depth -= 1
        e += 1
    blocs.append((sel, css[j:e])); k = e
out = []; otees = 0
for sel, corps in blocs:
    parts = [p.strip() for p in sel.strip().split(',') if p.strip()]
    if parts and not sel.strip().startswith('@') and all(re.match(r'(#tv|\.tvx)\b', p) for p in parts): otees += 1; continue
    if parts and not sel.strip().startswith('@'):
        keep = [p for p in parts if not re.match(r'(#tv|\.tvx)\b', p)]
        sel = sel[:len(sel) - len(sel.lstrip())] + ',\n'.join(keep)
    out.append(sel + corps)
css = ''.join(out)
css = re.sub(r'(?<![\w.#-])main (\.bande-registres|\.r-heu|\.r-ana|\.r-ess)', ROOT + r' \1', css)
rootvals = ';'.join(f'{k}:{v}' for k, v in d['rootvals'].items() if not v.startswith('4px}'))
feuille = ('<style id="ami-composant">\n/* ── LA BARRE, LE PIED, LES REGISTRES, L’EMPORT — pris à la Charte de Communication V5, nettoyés (P5 de 0.3) ── */\n'
           ':root{' + rootvals + ';--nav-h:0px;--bar-h:0px}\n'
           'html{scroll-padding-top:calc(var(--nav-h) + 1rem)}\n'
           f'{ROOT} .emporter{{max-width:44rem;margin:3rem auto 1rem;padding:1.4rem 1.6rem;background:var(--encre);border:1px solid var(--or-somb);border-radius:14px;text-align:center}}\n'
           f"{ROOT} .emporter h2{{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--or-pale);margin:0 0 .6rem;letter-spacing:0;text-transform:none;border:0;padding:0}}\n"
           f"{ROOT} .emporter p{{color:var(--gris-cl);font-family:'Jost',sans-serif;font-size:.88rem;line-height:1.7;margin:.4rem auto;max-width:60ch}}\n"
           f"{ROOT} .emporter p strong{{color:var(--nacre);font-weight:500;font-size:inherit}}\n"
           f"{ROOT} .emporter .emp-b{{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .4rem}}\n"
           f"{ROOT} .emporter .emp-b button{{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--or);background:rgba(255,255,255,.05);border:1px solid var(--or-somb);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;min-height:44px}}\n"
           f"{ROOT} .emporter .emp-b button:hover{{background:rgba(255,255,255,.1);color:var(--or-pale)}}\n"
           f"{ROOT} .emporter .emp-d{{font-size:.78rem;color:var(--gris)}}\n{ROOT} .emporter [data-ami]{{color:var(--or-pale);font-size:inherit}}\n"
           f'{ROOT} .bande-registres{{margin:1.2rem auto 0}}\n'
           f'{ROOT} #amiPile{{position:sticky;top:var(--nav-h,0px);z-index:100;background:var(--voile)}}\n{ROOT} .tab-bar-full{{position:static;top:auto}}\n'
           + css + '\n</style>\n')
assert '*{margin:0' not in feuille
rep('</head>', feuille + '</head>', 1, f'feuille du composant ({otees} règles #tv/.tvx écartées)')

# ── 4 · les scripts du composant ─────────────────────────────────────────────────────────────────────────
js = d['js_barre'].replace("document.getElementById('ami-charte')||document.body", f"document.getElementById('{RID}')||document.body")
js = js.replace("""   var ongs=d.querySelectorAll('.ong');
   ongs.forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pan').forEach(function(p,i){ p.hidden = i!==0; });
   d.querySelectorAll('.sbar').forEach(function(s,i){ s.hidden = true; });
   d.querySelectorAll('.sog').forEach(function(o,i){ o.classList.toggle('on', i===0); });
   d.querySelectorAll('#tv > .pane').forEach(function(p,i){
     p.classList.toggle('on', i===0); });""",
"""   d.querySelectorAll('#tabBar .tab-btn').forEach(function(o,i){ o.classList.toggle('active', i===0); });
   d.querySelectorAll('.tab-section').forEach(function(p,i){ p.classList.toggle('active', i===0); });
   var sb=d.querySelector('#subTabBar'); if(sb){ sb.innerHTML=''; sb.style.display='none'; }
   var mini=d.querySelector('#ami-pile-mini'); if(mini) mini.remove(); d.querySelector('body').classList.remove('ami-repli');""")
assert "'.tab-section').forEach" in js
js = js.replace("""    if(a){ a.classList.add('ici');
      deplie(true,false);
      var p=N.querySelector('.porte[data-c="foret"]'); if(p) pose(p,true);
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }""", """    if(a){ a.classList.add('ici');
      /* la page se marque, mais n'ouvre plus le tiroir toute seule (Diane, 17 sept) : un clic sur 🌳 la Forêt l'ouvre, à la bonne rangée */
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }"""); assert "n'ouvre plus le tiroir" in js
js = js.replace("a.download='Charte_Communication_aMi_'+(window.__amiV||'')+'.html';", "a.download='3.3_COSMOLOGIE_aMi_'+(window.__amiV||'')+'.html';"); assert '3.3_COSMOLOGIE' in js
shim = f"""
/* ── CE QUE LE VOLUME ÉCOUTE : la lecture continue (les 33 chapitres déroulés) ── */
(function(){{'use strict';
  var R=document.getElementById('{RID}'); if(!R) return; var memo=null;
  /* 19/09 23h40 (Diane : « le bandeau freeze… ça me renvoie en haut ») : allumer OU éteindre la lecture continue ne bouge pas ce qu'on lit —
     on note le point sous les yeux (sous la pile collée : sondes à 40/55/70/85 %), et on lui rend sa hauteur après (scrollTo, que le pont du cadre connaît) */
  function ancre(){{ var cs=getComputedStyle(document.documentElement), vt=parseFloat(cs.getPropertyValue('--vue-top'))||0, vh=parseFloat(cs.getPropertyValue('--vue-h'))||window.innerHeight;
    var pb=0, tb=document.getElementById('amiPile')||document.getElementById('ami-pile-mini'); if(tb){{ var rb=tb.getBoundingClientRect(); if(rb.bottom>0&&rb.bottom<vh*0.9) pb=rb.bottom; }}   /* sous la pile collée (Mythes : 700 px) */
    var el=null, sec=null, ks=[0.3,0.5,0.7,0.9,0.15];
    for(var q=0;q<ks.length&&!sec;q++){{ el=document.elementFromPoint(window.innerWidth/2, vt+pb+(vh-pb)*ks[q]); sec=el&&el.closest('#ami-cosmologie .tab-section'); }}
    return {{el:el, sec:sec, top:el?el.getBoundingClientRect().top:0, stop:sec?sec.getBoundingClientRect().top:0}}; }}
  function rends(a){{ if(!a.el) return; function pose(){{ var d = a.el.isConnected ? a.el.getBoundingClientRect().top-a.top : (a.sec&&a.sec.isConnected ? a.sec.getBoundingClientRect().top-a.stop : 0); if(Math.abs(d)>1) window.scrollTo({{top:Math.max(0,window.pageYOffset+d), behavior:'instant'}}); }}
    pose(); /* dans le cadre Webnode, l'hôte ne remesure le cadre qu'après coup (600 ms) : on repose le point lu quand il l'a fait */
    if(document.documentElement.classList.contains('i-cadre-fil')) [200,700,1300,2000].forEach(function(t){{ setTimeout(pose,t); }}); }}
  document.addEventListener('ami:lecture',function(e){{
    var on=e.detail&&e.detail.actif;
    if(on){{ memo=window.currentTab||'methode'; var a=ancre(); R.querySelectorAll('.tab-section').forEach(function(p){{ p.classList.add('active'); }}); R.classList.add('lecture'); rends(a); }}
    else {{ R.classList.remove('lecture'); var a=ancre(); var cible=a.sec?a.sec.id.replace('tab-',''):memo;
      window.__amiSansSaut=true; try{{ if(cible&&window.switchTab) switchTab(null, cible); }} finally {{ setTimeout(function(){{ window.__amiSansSaut=false; }},400); }}
      rends(a); }}
  }});
}})();
/* ── LA BARRE DE PROGRESSION — elle mesure le chapitre ouvert ── */
(function(){{'use strict';
  var prog=document.getElementById('prog'), R=document.getElementById('{RID}'); if(!prog||!R) return;
  function pile(){{ var n=document.querySelector('.ami-barre'); return n?Math.min(n.getBoundingClientRect().height,144):0; }}
  function volet(){{ if(R.classList.contains('lecture')) return R; return R.querySelector('.tab-section.active')||R; }}
  function avance(){{ var v=volet(), r=v.getBoundingClientRect(), y=window.pageYOffset, debut=r.top+y-pile(), fin=r.bottom+y-window.innerHeight, course=fin-debut,
      p=course>4 ? (y-debut)/course : (r.bottom<=window.innerHeight?1:0); prog.style.width=(Math.max(0,Math.min(1,p))*100).toFixed(2)+'%'; }}
  window.addEventListener('scroll',avance,{{passive:true}}); window.addEventListener('resize',avance);
  document.addEventListener('click',function(e){{ if(e.target.closest&&e.target.closest('.tab-btn,.subtab-btn,#amiLecture,#amiPlein,[data-act]')) setTimeout(avance,90); }},true);
  document.addEventListener('ami:lecture',function(){{ setTimeout(avance,90); }}); avance();
}})();
"""
contraste = f"""
<style id="ami-contraste">
/* ── ◐ LE CONTRASTE ÉLEVÉ : chaque encre monte à son niveau -ct ── */
body.ami-contraste {ROOT},body.ami-contraste{{--or:var(--ambre-ct);--or-pale:#ffe2a3;--gris:#c0c0cf;--gris-cl:#d6d6e0;--nacre:#ffffff;--or-somb:#b09030;
  --vert:var(--emeraude-ct);--vert-cl:#7fe0a0;--rubis:var(--rubis-ct);--rubis-cl:#ff9a9a;--bleu:var(--saphir-ct);--bleu-cl:#a9c3ff;--fuchsia:var(--grenat-ct);--fuchsia-cl:#ffb3dd;--turquoise:var(--amazonite-ct);--turquoise-cl:#9fe8e6}}
body.ami-contraste {ROOT}{{font-weight:400}}
body.ami-contraste {ROOT} em{{font-style:normal}}
</style>
"""

# ── 5 · la boîte à outils : ↑ ☰ 🔍 + la pile qui se replie ───────────────────────────────────────────────
coins = '''
<button class="ami-coin h" id="amiHaut" type="button" hidden aria-label="Revenir en haut" title="↑ Revenir en haut">↑</button>
<button class="ami-coin d3" id="ami-toc-toggle" type="button" aria-expanded="false" aria-controls="ami-toc-panel" aria-label="Sommaire de la page" title="☰ Le sommaire de la page">☰</button>
<div id="ami-toc-panel" class="ami-toc" hidden role="dialog" aria-label="Sommaire"></div>
<button class="ami-coin r" id="amiRech" type="button" aria-label="Rechercher" title="Chercher dans le volume (Ctrl+F)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></button>
<div id="ami-rech" role="dialog" aria-modal="true" aria-label="Rechercher dans le volume">
  <div class="rc-b">
    <div class="rc-h"><span class="rc-loupe"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" style="width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></span>
      <input type="search" id="rc-q" placeholder="Chercher dans les dix onglets…" autocomplete="off" spellcheck="false" aria-label="Chercher">
      <span class="rc-n" id="rc-n"></span>
      <button class="rc-x" type="button" id="rc-x" aria-label="Fermer">✕</button></div>
    <div class="rc-l" id="rc-l" role="listbox"></div>
  </div>
</div>
'''
boite_js = r'''
<script id="ami-boite-js">
/* ── LA BOÎTE À OUTILS : ↑ Haut · ☰ Sommaire (10 onglets → 33 chapitres) · 🔍 Recherche (indexe la racine, ouvre l'onglet ET le chapitre) ── */
(function(){'use strict';
 var R=document.getElementById('ami-cosmologie'); if(!R) return;
 var H=document.getElementById('amiHaut');
 if(H){ function suit(){ H.hidden = window.pageYOffset < 600; } window.addEventListener('scroll',suit,{passive:true}); suit();
   H.addEventListener('click',function(){ window.scrollTo({top:0,behavior:'smooth'}); }); }
 function groupeDe(id){ var G=window.GROUPS||{}; for(var k in G){ if(G[k].indexOf(id)>=0) return k; } return null; }
 function nomGroupe(g){ var T=window.GROUP_TITLES||{}; return T[g]||g; }
 function nomChap(id){ var M=window.TAB_META||{}; return M[id]?M[id][0]+' '+M[id][1]:id; }
 /* la hauteur de ce qui restera collé une fois arrivé à yDoc : la barre + (la pile entière, ou la ligne « où je suis » si la pile se sera repliée) */
 function pile(yDoc){ var p=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0; var tb=document.getElementById('amiPile')||document.getElementById('tabBar'); if(!tb) return p;
   var b=document.querySelector('#ami-cosmologie .bande-registres'), h0=0, e=b||tb; while(e){ h0+=e.offsetTop; e=e.offsetParent; } if(b) h0+=b.offsetHeight;
   var repli = (yDoc!==undefined) ? (yDoc > h0 + tb.offsetHeight + 160) : document.body.classList.contains('ami-repli');
   return p + (repli ? 44 : tb.offsetHeight); }
 /* ☰ */
 var T=document.getElementById('ami-toc-toggle'), P=document.getElementById('ami-toc-panel');
 function batiToc(){ var html='<div class="toc-h"><span>☰ Sommaire</span><button type="button" class="toc-x" aria-label="Fermer">✕</button></div>';
   (window.GROUP_ORDER||[]).forEach(function(g){ html+='<button type="button" class="toc-o" data-g="'+g+'" data-t="'+(window.GROUPS[g][0])+'">'+nomGroupe(g)+'</button><div class="toc-s">';
     window.GROUPS[g].forEach(function(id){ html+='<a href="#tab-'+id+'" data-t="'+id+'">'+nomChap(id).replace(/</g,'&lt;')+'</a>'; }); html+='</div>'; });
   P.innerHTML=html;
   P.querySelector('.toc-x').addEventListener('click',fermeToc);
   P.querySelectorAll('.toc-o').forEach(function(b){ b.addEventListener('click',function(){ va(b.dataset.t); }); });
   P.querySelectorAll('.toc-s a').forEach(function(a){ a.addEventListener('click',function(e){ e.preventDefault(); va(a.dataset.t); }); }); }
 function va(id){ fermeToc(); if(window.switchTab) switchTab(null,id);
   setTimeout(function(){ var el=document.getElementById('tab-'+id); if(el){ var yd=el.getBoundingClientRect().top+window.pageYOffset; var y=yd-pile(yd)-8; window.scrollTo({top:Math.max(0,y),behavior:'smooth'}); } },160); }
 function ouvreToc(){ if(!P.innerHTML) batiToc(); P.hidden=false; T.setAttribute('aria-expanded','true'); }
 function fermeToc(){ P.hidden=true; T.setAttribute('aria-expanded','false'); }
 if(T&&P){ T.addEventListener('click',function(){ P.hidden?ouvreToc():fermeToc(); }); document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&!P.hidden) fermeToc(); }); }
 /* 🔍 */
 var B=document.getElementById('amiRech'), D=document.getElementById('ami-rech'), Q=document.getElementById('rc-q'), L=document.getElementById('rc-l'), N=document.getElementById('rc-n'), X=document.getElementById('rc-x');
 if(!B||!D) return;
 var IDX=null, RES=[], SEL=-1;
 function bati(){ IDX=[];
   var w=document.createTreeWalker(R,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT), n, chap='';
   while((n=w.nextNode())){
     if(n.nodeType===1){ if(n.tagName==='H2'||n.tagName==='H3'){ chap=n.textContent.trim(); } continue; }
     var s=n.textContent.replace(/\s+/g,' ').trim(); if(s.length<3) continue;
     var p=n.parentElement; if(!p||p.closest('script,style,svg,#ami-rech,#ami-toc-panel,#tabBar,#subTabBar,#ami-pile-mini,.sommaire-wrap,.ami-barre,.ami-pied,.emporter,button')) continue;
     var sec=p.closest('.tab-section'); IDX.push({t:s, tl:s.toLowerCase(), el:p, id:sec?sec.id.replace('tab-',''):null, chap:chap}); } }
 function esc(s){ return s.replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];}); }
 function cherche(q){ q=q.trim().toLowerCase(); L.innerHTML=''; RES=[]; SEL=-1;
   if(q.length<2){ N.textContent=''; L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; return; }
   if(!IDX) bati();
   var vus={}, par={}, ordre=[];
   IDX.forEach(function(e){ var i=e.tl.indexOf(q); if(i<0) return; var k=(e.id||'')+'|'+e.chap+'|'+e.t.slice(0,60); if(vus[k]) return; vus[k]=1;
     var g=e.id?(nomGroupe(groupeDe(e.id))+' › '+nomChap(e.id)):'—'; if(!par[g]){par[g]=[];ordre.push(g);} if(par[g].length<40) par[g].push({e:e,i:i}); });
   var tot=0; ordre.forEach(function(g){ tot+=par[g].length; });
   N.textContent = tot? tot+(tot>1?' passages':' passage') : 'rien';
   if(!tot){ L.innerHTML='<div class="rc-v">Rien pour « '+esc(q)+' ».</div>'; return; }
   ordre.forEach(function(g){ var d=document.createElement('div'); d.className='rc-g'; d.textContent=g; L.appendChild(d);
     par[g].forEach(function(r){ var b=document.createElement('button'); b.type='button'; b.className='rc-r'; b.setAttribute('role','option');
       var a=Math.max(0,r.i-46), z=Math.min(r.e.t.length,r.i+q.length+70);
       b.innerHTML=(a?'…':'')+esc(r.e.t.slice(a,r.i))+'<mark>'+esc(r.e.t.slice(r.i,r.i+q.length))+'</mark>'+esc(r.e.t.slice(r.i+q.length,z))+(z<r.e.t.length?'…':'')+(r.e.chap?'<span class="rc-c">'+esc(r.e.chap)+'</span>':'');
       b.dataset.k=RES.length; RES.push(r.e); b.addEventListener('click',function(){ saute(+b.dataset.k); }); L.appendChild(b); }); }); }
 function saute(k){ var e=RES[k]; if(!e) return; ferme();
   if(e.id&&window.currentTab!==e.id&&window.switchTab) switchTab(null,e.id);
   setTimeout(function(){ var cible=e.el.closest('p,li,td,th,h1,h2,h3,h4,blockquote,figure,div')||e.el;
     var yd=cible.getBoundingClientRect().top+window.pageYOffset; var y=yd-pile(yd)-64; window.scrollTo({top:Math.max(0,y),behavior:'smooth'});
     cible.classList.remove('ami-trouve'); void cible.offsetWidth; cible.classList.add('ami-trouve'); setTimeout(function(){cible.classList.remove('ami-trouve');},2600); },220); }
 function ouvre(){ D.classList.add('on'); B.setAttribute('aria-pressed','true'); Q.value=''; Q.focus(); L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; N.textContent=''; }
 function ferme(){ D.classList.remove('on'); B.setAttribute('aria-pressed','false'); }
 X.addEventListener('click',ferme); D.addEventListener('click',function(e){ if(e.target===D) ferme(); });
 var tm=null; Q.addEventListener('input',function(){ clearTimeout(tm); tm=setTimeout(function(){ cherche(Q.value); },140); });
 Q.addEventListener('keydown',function(e){ var bs=L.querySelectorAll('.rc-r');
   if(e.key==='ArrowDown'||e.key==='ArrowUp'){ e.preventDefault(); if(!bs.length) return; SEL=Math.max(0,Math.min(bs.length-1,SEL+(e.key==='ArrowDown'?1:-1))); bs.forEach(function(b2,i){b2.classList.toggle('sel',i===SEL);}); bs[SEL].scrollIntoView({block:'nearest'}); }
   else if(e.key==='Enter'){ e.preventDefault(); saute(SEL>=0?SEL:0); } else if(e.key==='Escape'){ ferme(); } });
 addEventListener('keydown',function(e){ if((e.ctrlKey||e.metaKey)&&(e.key==='f'||e.key==='F')){ e.preventDefault(); ouvre(); } else if(e.key==='Escape'&&D.classList.contains('on')) ferme(); });
 B.addEventListener('click',ouvre);
})();
</script>
<script id="ami-pile-js">
/* ── LA PILE QUI SE REPLIE (19 sept 2026, C·3) : quand on descend dans un chapitre, les deux rangées d'onglets collées se replient en
   une ligne de 44 px qui dit où on est — « 🏺 Mythes Religieux › 🌊 Le Déluge ▴ ». Un tap la redéploie et remonte aux onglets ;
   remonter de 40 px la redéploie. Rien n'est perdu : tout reste à un tap. Se retire d'une ligne : body.ami-sans-repli. ── */
(function(){'use strict';
 var tb=document.getElementById('amiPile')||document.getElementById('tabBar'); if(!tb) return;
 var mini=document.createElement('button'); mini.type='button'; mini.id='ami-pile-mini'; mini.setAttribute('aria-label','Où je suis — redéployer les onglets'); mini.setAttribute('data-ami-sous-pile','1');
 tb.parentNode.insertBefore(mini, tb);
 function nomGroupe(g){ var T=window.GROUP_TITLES||{}; return T[g]||g; }
 function nomChap(id){ var M=window.TAB_META||{}; return M[id]?M[id][0]+' '+M[id][1]:id; }
 function texte(){ var g=window.currentGroup, t=window.currentTab; var s=nomGroupe(g); if(t&&(window.GROUPS&&window.GROUPS[g]||[]).length>1) s+=' <span class="pm-sep">›</span> '+nomChap(t); mini.innerHTML='<span class="pm-ou">'+s+'</span><span class="pm-fl">▴</span>'; }
 /* offsetTop d'un élément collé suit le défilement : on lit la place NATURELLE de la barre (le bas de la bande des registres, juste avant) */
 function haut(){ var b=document.querySelector('#ami-cosmologie .bande-registres')||document.querySelector('#ami-cosmologie .couverture'); return b?b.getBoundingClientRect().bottom+window.pageYOffset:tb.offsetTop; }
 var last=window.pageYOffset, repli=false, monte=0;
 function pose(on){ if(repli===on) return; repli=on; document.body.classList.toggle('ami-repli',on); if(on){ texte(); tb.setAttribute('data-ami-decolle','1'); } else tb.removeAttribute('data-ami-decolle'); }
 function veille(){ var R=document.getElementById('ami-cosmologie'); if(document.body.classList.contains('ami-sans-repli')||(R&&R.classList.contains('lecture'))){ pose(false); return; }
   var y=window.pageYOffset, h0=haut(), bas=h0+Math.min(tb.offsetHeight, innerHeight*0.35)+120;   /* une pile haute (Mythes : 15 sous-onglets) se replie dès qu'elle mangerait plus d'un tiers de l'écran */
   if(y<last) monte+=last-y; else monte=0;   /* un défilement doux arrive par petits pas : on cumule la remontée */
   if(y<h0+40){ pose(false); }
   else if(y>last+2 && y>bas){ pose(true); }
   else if(monte>40){ pose(false); }
   last=y; }
 window.addEventListener('scroll',veille,{passive:true});
 mini.addEventListener('click',function(){ pose(false); var y=haut()-(parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0); window.scrollTo({top:Math.max(0,y),behavior:'smooth'}); });
 document.addEventListener('click',function(e){ if(e.target.closest&&e.target.closest('.tab-btn,.subtab-btn')) setTimeout(texte,60); },true);
 document.addEventListener('ami:lecture',function(){ setTimeout(veille,60); });
 texte();
})();
</script>
'''
boite_css = '''
<style id="ami-boite">
''' + BOITE_CSS + '''
/* les places du 18/09 : de bas en haut 🔍 ☰ ↑ */
#amiRech{bottom:1rem!important;right:1rem!important}#ami-toc-toggle{bottom:4rem!important;right:1rem!important}#amiHaut{bottom:7rem!important;right:1rem!important}
.ami-toc{position:fixed;right:1rem;bottom:6.6rem;z-index:61;width:min(22rem,calc(100vw - 2rem));max-height:min(70vh,34rem);overflow:auto;background:var(--encre);border:1px solid rgba(var(--or-rgb),.34);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6);font-family:'Jost',sans-serif}
.ami-toc .toc-h{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;border-bottom:1px solid rgba(var(--or-rgb),.18);color:var(--or-pale);font-size:.86rem;letter-spacing:.08em}
.ami-toc .toc-x{background:none;border:0;color:var(--gris);cursor:pointer;font-size:1rem;min-width:32px;min-height:32px}
.ami-toc .toc-o{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(255,255,255,.05);color:var(--or-pale);font:500 .9rem 'Jost',sans-serif;padding:.55rem .9rem;cursor:pointer;min-height:36px;text-transform:none;letter-spacing:0}
.ami-toc .toc-o:hover{background:rgba(var(--or-rgb),.08)}
.ami-toc .toc-s{padding:0 .4rem .4rem .9rem}
.ami-toc .toc-s a{display:block;color:var(--gris-cl);text-decoration:none;font-size:.82rem;padding:.3rem .5rem;border-radius:6px;min-height:28px}
.ami-toc .toc-s a:hover{background:rgba(var(--or-rgb),.08);color:var(--nacre)}
.ami-trouve{outline:2px solid var(--or);outline-offset:4px;border-radius:4px;transition:outline-color 2s}
#ami-rech .rc-n,#ami-rech .rc-g,#ami-rech .rc-c{font-size:.72rem}
/* ── la pile qui se replie ── */
#ami-pile-mini{display:none;position:fixed;left:0;right:0;top:var(--nav-h,0px);z-index:101;width:100%;box-sizing:border-box;min-height:44px;padding:.5rem 1rem;background:var(--voile);border:0;border-bottom:1px solid rgba(var(--or-rgb),.25);color:var(--or-pale);font-family:'Jost',sans-serif;font-size:.86rem;text-align:left;cursor:pointer;align-items:center;justify-content:space-between;gap:.6rem}
#ami-pile-mini .pm-ou{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#ami-pile-mini .pm-sep{color:var(--gris);margin:0 .1rem}
#ami-pile-mini .pm-fl{color:var(--or);flex:0 0 auto}
body.ami-repli #ami-pile-mini{display:flex}
body.ami-repli #ami-cosmologie #amiPile{position:static}
</style>
'''
rep('</head>', boite_css + contraste + '</head>', 1, 'feuilles boîte + pile + contraste')
rep('</body>', coins + '\n<script id="ami-composant-js">\n' + js + '\n' + shim + '</script>\n' + boite_js + '</body>', 1, 'coins + scripts du composant + boîte + pile')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p5_cosmo.pypython3 p5_cosmo.py entree.html sortie.html46 lignes

CosmoLogie P5 : encres pleines, gris froids d'avant → --gris, --lc → rubis-ct, plancher du script (13 Champs, Atlas).

# -*- coding: utf-8 -*-
"""P5 · 3.3 CosmoLogie — les encres (audit : 118 contrastes sous seuil).
1. Chaque encre à l'opacité 1 : « color:rgba(var(--x-rgb),a) » avec a < .75 → pleine (feuilles + en ligne, hors scripts/SVG).
2. Les gris froids d'avant (#555570, #7a7890, #9a98a8 → --anc-grisfroid*) servaient d'encre : ils passent à --gris ; --or-somb en texte → --or ;
   --lc (#c85a4a, encre des lectures) → rubis-ct ; --vert-somb/--bleu-somb ne sont que des fonds (gardés).
3. Le plancher pour ce que le script construit après coup (sous-onglets, sommaire, 13 Champs, Atlas) et pour les tailles écrites en ligne.
Usage : python3 p5_cosmo.py entree.html sortie.html"""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')
n1 = 0
def sub_css(m):
    global n1
    nom, a = m.group(1), float(m.group(2))
    if a >= .75: return m.group(0)
    n1 += 1; return 'color:var(' + nom + ')'
parts = re.split(r'(<script\b.*?</script>|<svg\b.*?</svg>)', h, flags=re.S)
for i in range(0, len(parts), 2):
    parts[i] = re.sub(r'color:\s*rgba\(var\((--[a-z0-9-]+)-rgb\),\s*(\.?\d*\.?\d+)\)', sub_css, parts[i])
h = ''.join(parts); J.append(f'encres translucides → pleines ×{n1}')
ENCRES = '''
<style id="ami-encres">
/* ── P5 · les encres qui tenaient sous 4,5:1 même pleines ── */
#ami-cosmologie{--anc-grisfroid:var(--gris);--anc-grisfroidsomb:var(--gris);--anc-grisfroidsomb2:var(--gris);--lc:var(--rubis-ct)}
#ami-cosmologie .vol-label,#ami-cosmologie .subrow-lbl,#ami-cosmologie .st-num,#ami-cosmologie .num{color:var(--or)}
#ami-cosmologie .couv-attrib,#ami-cosmologie .atl-tl-date{color:var(--gris)}
#ami-cosmologie [style*="color:var(--or-somb)"],#ami-cosmologie [style*="color:var(--anc-orsomb)"]{color:var(--or)!important}
#ami-cosmologie [style*="color:var(--anc-grisfroidsomb2)"],#ami-cosmologie [style*="color:var(--anc-grisfroidsomb)"]{color:var(--gris)!important}
#ami-cosmologie .tab-btn{color:var(--gris)}
#ami-cosmologie .reson,#ami-cosmologie .ft-loc{color:var(--or)}
#ami-cosmologie a:not([class]){color:var(--or);min-height:24px;display:inline-block}
/* le plancher pour ce que le script construit après coup, et pour les tailles écrites en ligne */
#ami-cosmologie .syn13-rep strong,#ami-cosmologie .atl-scan-status,#ami-cosmologie [class^="atl-"] strong,#ami-cosmologie [class^="atl-"] em,#ami-cosmologie .subtab-btn,#ami-cosmologie .som-secs a,#ami-cosmologie .syn13-btn,#ami-cosmologie .syn13-rep,#ami-cosmologie .atl-layer,#ami-cosmologie td,#ami-cosmologie th{font-size:max(.72rem,1em)!important}
#ami-cosmologie [style*="font-size:.5"],#ami-cosmologie [style*="font-size:.6"],#ami-cosmologie [style*="font-size: .5"],#ami-cosmologie [style*="font-size: .6"],#ami-cosmologie [style*="font-size:.7rem"]{font-size:max(.72rem,1em)!important}
/* cibles : les liens du pied et de la bande */
.ami-pied a,.bande-registres a{min-height:24px;display:inline-block}
</style>
'''
rep('</head>', ENCRES + '</head>', 1, 'feuille ami-encres')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))

p6_cosmo_mutations.pypython3 p6_cosmo_mutations.py page.html124 lignes

CosmoLogie : 90 mutations (identité, barre/pied, onglets sans chevauchement, sous-onglets, ◈ Sommaire, Piratage, MapMonde, 13 Champs, 💧 ◐ ⛶ zoom, ↑ ☰ 🔍, pile qui se replie, plancher, débordement 4 largeurs).

# -*- coding: utf-8 -*-
"""P6 · 3.3 CosmoLogie — la mutation des contrôles : on presse chaque commande et on regarde si la page a changé comme promis.
Identité, barre/pied/bande/Emporter, 10 onglets → 33 chapitres (forme gardée), sous-onglets, ◈ Sommaire du chapitre, le renvoi
« Piratage », la MapMonde, les 13 Champs au canon, 💧 ◐ ⛶ zoom, ↑ ☰ 🔍, #prog, la pile qui se replie, plein écran, plancher,
débordement, 0 var sans déclaration, 0 erreur JS — à 390 et 1280 (+ 320 pour le débordement)."""
import os, sys
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'cosmo_p6.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1200)
        print(f'=== {W} px ==='); E = lambda js: pg.evaluate(js)
        # ── identité
        ok('meta ami:volume 3.3 · ami:version V10 · ami:date 2026-09-19', E("()=>['3.3','V10','2026-09-19'].every((v,i)=>document.querySelector('meta[name=\"ami:'+['volume','version','date'][i]+'\"]').content===v)"))
        ok('titre : 3.3 CosmoLogie — Tu Sais Lire la Culture', E("()=>document.title.startsWith('3.3 CosmoLogie — Tu Sais Lire la Culture')"))
        ok('un seul h1 (la une) ; 40 chapitres en h2.ami-h1', E("()=>document.querySelectorAll('h1').length===1 && document.querySelectorAll('h2.ami-h1').length===40"))
        ok('la une : kicker Volume 3.3 · Tu Sais Lire la Culture, le miroir en une ligne (4.3 CosmoGonie)', E("()=>/Volume 3.3/.test(document.querySelector('.vol-label').textContent) && /Tu Sais Lire la Culture/.test(document.querySelector('.vol-label').textContent) && /4.3 CosmoGonie/.test(document.querySelector('.couv-miroir').textContent) && !/7.0/.test(document.querySelector('.vol-label').textContent)"))
        ok('aucune var(--x) sans déclaration', E("()=>{const used=new Set(),decl=new Set();for(const s of document.querySelectorAll('style')){for(const m of s.textContent.matchAll(/var\\((--[a-z0-9-]+)/g)) used.add(m[1]);for(const m of s.textContent.matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}for(const el of document.querySelectorAll('[style]')){for(const m of el.getAttribute('style').matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}return [...used].filter(v=>!decl.has(v)&&!['--cc','--c','--lc','--fx','--fy'].includes(v)).length===0;}"))
        ok('plus de glyphe privé U+F105 ; C9 ꩜ et C12 🪞 dans le script des 13 Champs', E("()=>!document.body.textContent.includes('\\uf105') && [...document.scripts].some(s=>s.textContent.includes(\"9:'꩜'\") && s.textContent.includes(\"12:'🪞'\"))"))
        # ── la barre, le pied, la bande
        ok('barre V16 en tête, 3.3 marquée .ici, tiroir fermé', E("()=>!!document.querySelector('.ami-barre .v.ici[data-v=\"ami-cosmologie\"]') && !document.querySelector('.ami-barre .tiroir.on')"))
        ok('bande des registres après la une', E("()=>{const b=document.querySelector('.bande-registres');return b && b.previousElementSibling.classList.contains('couverture')}"))
        ok('pied V16 après la racine, sceau 💭, volume 3.3, devise « Le Mythe n’est pas un Mensonge »', E("()=>{const f=document.querySelector('.ami-pied');return f && f.previousElementSibling.id==='ami-cosmologie' && f.querySelector('.ap-sceau').textContent.trim()==='💭' && f.textContent.includes('3.3') && f.textContent.includes('Trace à Savoir Lire')}"))
        ok('ancienne nav-footer absente ; aucun lien vers un fichier .html local', E("()=>!document.querySelector('.nav-footer') && [...document.querySelectorAll('a[href]')].every(a=>!/^[^:]*\\.html/.test(a.getAttribute('href')))"))
        ok('◈ Emporter avant le pied, export nommé 3.3_COSMOLOGIE', E("()=>{const e=document.querySelector('#ami-cosmologie .emporter');return e && !!document.getElementById('dlHtml') && e.parentElement.id==='ami-cosmologie' && [...document.scripts].some(s=>s.textContent.includes('3.3_COSMOLOGIE_aMi_'))}"))
        ok('la MapMonde : plus d’iframe local, renvois vers agdistys.fr/ami-karma et /histoire', E("()=>!document.querySelector('iframe[src$=\"MapMonde_Diagnostic_aMi.html\"]') && !!document.querySelector('.ami-renvoi-carte a[href=\"https://agdistys.fr/ami-karma\"]') && !!document.querySelector('.ami-renvoi-carte a[href=\"https://agdistys.fr/histoire\"]')"))
        # ── les onglets (forme gardée) et les sous-onglets
        ok('10 onglets, sans rouleau, aucun chevauchement entre voisins', E("()=>{const bs=[...document.querySelectorAll('#tabBar .tab-btn')];const tb=document.getElementById('tabBar');if(bs.length!==10||tb.scrollWidth>tb.clientWidth+1)return false;for(let i=0;i<bs.length;i++)for(let j=i+1;j<bs.length;j++){const a=bs[i].getBoundingClientRect(),b=bs[j].getBoundingClientRect();if(a.left<b.right-1&&b.left<a.right-1&&a.top<b.bottom-1&&b.top<a.bottom-1)return false;}return true}"))
        ok('libellés des onglets ≥ 11,5 px ; cibles ≥ 44 px', E("()=>[...document.querySelectorAll('#tabBar .tab-btn')].every(b=>parseFloat(getComputedStyle(b).fontSize)>=11.5 && b.getBoundingClientRect().height>=44)"))
        ok('sous-onglets collés avec les onglets (#amiPile sticky, contient #subTabBar) ; onglets centrés', E("()=>{const p=document.getElementById('amiPile');const bs=[...document.querySelectorAll('#tabBar .tab-btn')];const tb=document.getElementById('tabBar').getBoundingClientRect();const rows={};bs.forEach(b=>{const r=b.getBoundingClientRect();const k=Math.round(r.top);rows[k]=rows[k]||{l:1e9,r:0};rows[k].l=Math.min(rows[k].l,r.left);rows[k].r=Math.max(rows[k].r,r.right)});const centre=Object.values(rows).every(o=>Math.abs((o.l-tb.left)-(tb.right-o.r))<40);return getComputedStyle(p).position==='sticky' && p.contains(document.getElementById('subTabBar')) && centre}"))
        E("()=>document.querySelector('#tabBar .tab-btn[data-group=mythes]').click()"); pg.wait_for_timeout(300)
        ok('🏺 Mythes Religieux : 15 sous-onglets en 3 rangées, La Création ouverte', E("()=>document.querySelectorAll('#subTabBar .subtab-btn').length===15 && document.querySelectorAll('#subTabBar .subrow').length===3 && document.querySelector('.tab-section.active').id==='tab-creation' && document.querySelectorAll('.tab-section.active').length===1"))
        E("()=>document.querySelector('#subTabBar .subtab-btn[data-id=deluge]').click()"); pg.wait_for_timeout(300)
        ok('sous-onglet 🌊 Le Déluge : un seul chapitre ouvert, ◈ Sommaire du chapitre reconstruit', E("()=>document.querySelector('.tab-section.active').id==='tab-deluge' && document.getElementById('somChapTitle').textContent.includes('Déluge') && document.querySelectorAll('#sommaireBody a').length>=3"))
        E("()=>document.querySelectorAll('#sommaireBody a')[1].click()"); pg.wait_for_timeout(900)
        ok('une entrée du ◈ Sommaire descend dans le chapitre', E("()=>window.pageYOffset>300"))
        # ── le renvoi « Piratage » (était « à venir »)
        E("()=>document.querySelector('#tabBar .tab-btn[data-group=avatars]').click()"); pg.wait_for_timeout(250)
        E("()=>document.querySelector('a[href=\"#pir-intro\"]').click()"); pg.wait_for_timeout(900)
        ok('le renvoi « Piratage » ouvre l’onglet Emprise · Conditionnement et descend à #pir-intro', E("()=>{const s=document.querySelector('.tab-section.active');const el=document.getElementById('pir-intro');const r=el.getBoundingClientRect();return s.id==='tab-spirale' && r.top>=0 && r.top<innerHeight*0.6}"))
        # ── 13 Champs syncrétiques (script) + Atlas
        E("()=>switchTab(null,'syncretismes')"); pg.wait_for_timeout(300)
        ok('les 13 Champs syncrétiques : 13 boutons, C9 ꩜, C12 🪞 ; un clic ouvre la fiche avec « › »', E("()=>{const bs=[...document.querySelectorAll('.syn13-btn')];if(bs.length!==13)return false;if(!bs[8].textContent.includes('꩜')||!bs[11].textContent.includes('🪞'))return false;bs[2].click();const p=document.getElementById('syn13Panel');return p.classList.contains('visible') && p.textContent.includes('›') && !p.textContent.includes('\\uf105')}"))
        E("()=>switchTab(null,'atlantide')"); pg.wait_for_timeout(300)
        ok('l’Atlas retrouvé : choisir Santorin peint le scanner', E("()=>{const b=document.querySelector('[data-act^=\"atlSelect(\"]');if(!b)return false;b.click();return document.querySelectorAll('.atl-bar,.atl-cell,[class*=atl-]').length>8}"))
        # ── le zoom des grandes images + un onglet cliqué ne remonte plus en haut
        E("()=>switchTab(null,'arbre')"); pg.wait_for_timeout(300)
        ok('l’Arbre Culturel : un bouton « Voir en grand » ; le zoom s’ouvre plein écran, + agrandit, ✕ ferme', E("()=>{const b=[...document.querySelectorAll('#tab-arbre .ami-zoom-b')][0];if(!b)return false;b.click();const Z=document.getElementById('ami-zoom');if(!Z.classList.contains('on'))return false;const I=Z.querySelector('img');const t0=I.style.transform;Z.querySelector('[data-z=\"+\"]').click();const t1=I.style.transform;Z.querySelector('[data-z=x]').click();return t0!==t1 && !Z.classList.contains('on') && document.documentElement.style.overflow===''}"))
        E("()=>switchTab(null,'deluge')"); pg.wait_for_timeout(300)
        E("()=>{const p=document.getElementById('amiPile');window.scrollTo({top:p.offsetTop+p.offsetHeight+900,behavior:'instant'})}"); pg.wait_for_timeout(300)
        E("()=>document.querySelector('#subTabBar .subtab-btn[data-id=babel]').click()"); pg.wait_for_timeout(1400)
        ok('un sous-onglet cliqué depuis le bas ramène sur la pile, pas en haut de page', E("()=>{const b=document.querySelector('#ami-cosmologie .bande-registres').getBoundingClientRect();return window.pageYOffset>300 && b.bottom<=60 && b.bottom>-20}"))
        # ── 💧 ◐ ⛶ zoom
        E("()=>switchTab(null,'methode')"); pg.wait_for_timeout(200)
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(400)
        ok('💧 lecture continue : 33 chapitres déroulés, goutte pleine', E("()=>document.querySelectorAll('.tab-section.active').length===33 && document.getElementById('amiLecture').getAttribute('aria-pressed')==='true' && getComputedStyle(document.querySelector('#amiLecture svg')).fill!=='none'"))
        E("()=>{document.getElementById('amiLecture').click()}"); pg.wait_for_timeout(300)   # on éteint d'abord
        E("()=>{switchTab(null,'deluge');}"); pg.wait_for_timeout(500)
        E("()=>{const s=document.getElementById('tab-deluge');window.scrollTo({top:s.getBoundingClientRect().top+window.pageYOffset+600,behavior:'instant'})}"); pg.wait_for_timeout(300)
        _on=E("()=>{let el=null;const tb=document.getElementById('amiPile');const pb=tb&&tb.getBoundingClientRect().bottom>0?tb.getBoundingClientRect().bottom:0;for(const k of [0.3,0.5,0.7,0.9]){el=document.elementFromPoint(innerWidth/2,pb+(innerHeight-pb)*k);if(el&&el.closest('.tab-section'))break;}el.setAttribute('data-ami-on','1');return el.getBoundingClientRect().top}")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(900)
        ok('💧 allumée depuis un volet du milieu : le point lu ne bouge pas (les volets d’avant s’ouvrent au-dessus sans pousser la lecture) — Diane 19/09 23h40', pg.evaluate("(t)=>{const el=document.querySelector('[data-ami-on]');return Math.abs(el.getBoundingClientRect().top-t)<3}", _on), str(pg.evaluate("(t)=>[document.querySelector('[data-ami-on]').getBoundingClientRect().top,t]", _on)))
        E("()=>{const s=document.getElementById('tab-deluge');window.scrollTo({top:s.getBoundingClientRect().top+window.pageYOffset+900,behavior:'instant'})}"); pg.wait_for_timeout(300)
        _anc=E("()=>{let el=null;const tb=document.getElementById('amiPile');const pb=tb&&tb.getBoundingClientRect().bottom>0?tb.getBoundingClientRect().bottom:0;for(const k of [0.3,0.5,0.7,0.9]){el=document.elementFromPoint(innerWidth/2,pb+(innerHeight-pb)*k);if(el&&el.closest('.tab-section'))break;}document.querySelectorAll('[data-ami-anc]').forEach(e=>e.removeAttribute('data-ami-anc'));el.setAttribute('data-ami-anc','1');return [el.getBoundingClientRect().top, window.pageYOffset, el.closest('.tab-section,.tab-panel').id, el.closest('.tab-section,.tab-panel').getBoundingClientRect().top]}")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(700)
        ok('💧 recliquée depuis le bas : on reste où on lisait (le chapitre sous les yeux s’ouvre, le point lu ne bouge pas) — Diane 19/09 23h', pg.evaluate("(a)=>{const el=document.querySelector('[data-ami-anc]');const s=document.getElementById(a[2]);const r=(el||s).getBoundingClientRect();return Math.abs(r.top-(el?a[0]:a[3]))<3 && s.classList.contains('active')}", _anc))
        E("()=>{switchTab(null,'methode');window.scrollTo(0,0);document.getElementById('amiLecture').click()}"); pg.wait_for_timeout(400)
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        ok('💧 retour : un seul chapitre (celui sous les yeux)', E("()=>document.querySelectorAll('.tab-section.active').length===1"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        ok('◐ contraste : body.ami-contraste, cercle plein', E("()=>document.body.classList.contains('ami-contraste') && getComputedStyle(document.querySelector('#amiContraste svg circle')).fill!=='none'"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        ok('◐ au repos : demi-cercle', E("()=>getComputedStyle(document.querySelector('#amiContraste svg circle')).fill==='none' && getComputedStyle(document.querySelector('#amiContraste svg path')).fill!=='none'"))
        ok('💧 à gauche (.5rem) puis ◐ (2.9rem) ; ⛶ à droite', E("()=>{const l=document.getElementById('amiLecture').getBoundingClientRect(),c=document.getElementById('amiContraste').getBoundingClientRect(),p=document.getElementById('amiPlein').getBoundingClientRect();return l.left<c.left && c.left<60 && p.right>innerWidth-60}"))
        pg.click('#amiPlein'); pg.wait_for_timeout(700)
        ok('⛶ plein écran : la racine défile, la barre est dedans, zoom visible, ✕', E("()=>{const fe=document.fullscreenElement;return fe && fe.id==='ami-cosmologie' && getComputedStyle(fe).overflowY==='auto' && fe.contains(document.getElementById('amiBarre')) && getComputedStyle(document.querySelector('.coin-zoom')).display==='flex' && document.getElementById('amiPlein').textContent==='✕'}"))
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        ok('zoom + : 115 %', E("()=>document.getElementById('amiZoomV').textContent==='115%'"))
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(100)
        pg.click('#amiPlein'); pg.wait_for_timeout(600)
        ok('sortie du plein écran : la barre revient avant la racine', E("()=>!document.fullscreenElement && document.getElementById('amiBarre').nextElementSibling.id==='ami-cosmologie'"))
        # ── ↑ ☰ 🔍 + #prog + la pile qui se replie
        E("()=>{const v=document.querySelector('.tab-section.active');window.scrollTo({top:v.getBoundingClientRect().top+window.pageYOffset+1200,behavior:'instant'})}"); pg.wait_for_timeout(500)
        ok('↑ paraît après 600 px, ☰ et 🔍 en bas à droite (de bas en haut 🔍 ☰ ↑)', E("()=>{const g=id=>document.getElementById(id).getBoundingClientRect();const r=g('amiRech'),t=g('ami-toc-toggle'),h=g('amiHaut');return !document.getElementById('amiHaut').hidden && r.bottom>t.bottom && t.bottom>h.bottom && r.right>innerWidth-40}"))
        ok('#prog avance en descendant', E("()=>parseFloat(document.getElementById('prog').style.width)>0"))
        E("()=>switchTab(null,'deluge')"); pg.wait_for_timeout(300)
        E("()=>{const tb=document.getElementById('amiPile');window.scrollTo({top:tb.offsetTop+tb.offsetHeight+400,behavior:'instant'})}"); pg.wait_for_timeout(200)
        E("()=>window.scrollBy(0,60)"); pg.wait_for_timeout(300)
        ok('la pile se replie en descendant : une ligne « où je suis » sous la barre, les onglets ne collent plus', E("()=>{const m=document.getElementById('ami-pile-mini');const r=m.getBoundingClientRect();return document.body.classList.contains('ami-repli') && getComputedStyle(m).display==='flex' && r.height>=40 && r.top<80 && /Déluge/.test(m.textContent) && getComputedStyle(document.getElementById('amiPile')).position==='static'}"))
        E("()=>window.scrollBy(0,-60)"); pg.wait_for_timeout(250)
        ok('remonter de 40 px redéploie les onglets', E("()=>!document.body.classList.contains('ami-repli') && getComputedStyle(document.getElementById('ami-pile-mini')).display==='none' && getComputedStyle(document.getElementById('amiPile')).position==='sticky'"))
        E("()=>window.scrollBy(0,300)"); pg.wait_for_timeout(250)
        E("()=>document.getElementById('ami-pile-mini').click()"); pg.wait_for_timeout(900)
        ok('un tap sur la ligne remonte aux onglets et les redéploie', E("()=>{const tb=document.getElementById('amiPile').getBoundingClientRect();return !document.body.classList.contains('ami-repli') && tb.top>=-2 && tb.top<120}"))
        E("()=>document.getElementById('amiHaut').click()"); pg.wait_for_timeout(1600)
        ok('↑ ramène en haut', E("()=>window.pageYOffset<40"))
        E("()=>document.getElementById('ami-toc-toggle').click()"); pg.wait_for_timeout(300)
        ok('☰ sommaire : 10 onglets, 33 chapitres', E("()=>!document.getElementById('ami-toc-panel').hidden && document.querySelectorAll('#ami-toc-panel .toc-o').length===10 && document.querySelectorAll('#ami-toc-panel .toc-s a').length===33"))
        E("()=>document.querySelectorAll('#ami-toc-panel .toc-s a')[9].click()"); pg.wait_for_timeout(900)
        ok('un lien du sommaire ouvre l’onglet et le chapitre (Le Déluge)', E("()=>document.getElementById('ami-toc-panel').hidden && document.querySelector('.tab-section.active').id==='tab-deluge' && document.querySelector('#tabBar .tab-btn.active').dataset.group==='mythes'"))
        E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(200); pg.fill('#rc-q', 'Léviathan'); pg.wait_for_timeout(500)
        ok('🔍 « Léviathan » trouve des passages, groupés par onglet › chapitre', E("()=>document.querySelectorAll('#rc-l .rc-r').length>0 && [...document.querySelectorAll('#rc-l .rc-g')].some(g=>g.textContent.includes('›'))"))
        E("()=>document.querySelector('#rc-l .rc-r').click()"); pg.wait_for_timeout(900)
        ok('un résultat ouvre l’onglet et le chapitre, marque le passage visible', E("()=>{const t=document.querySelector('.ami-trouve');if(!t)return false;const r=t.getBoundingClientRect();return !document.getElementById('ami-rech').classList.contains('on') && r.width>0 && r.top>=0 && r.top<innerHeight}"))
        # ── forme
        ok('reduced-motion écrit', E("()=>[...document.querySelectorAll('style')].some(s=>/prefers-reduced-motion/.test(s.textContent))"))
        ok('aucun émoji en italique', E("()=>[...document.querySelectorAll('#ami-cosmologie .e')].every(e=>getComputedStyle(e).fontStyle!=='italic')"))
        ok('26 tableaux en rouleau (.tw)', E("()=>document.querySelectorAll('#ami-cosmologie .tw>table').length>=25"))
        _pl=E("()=>{document.querySelectorAll('.tab-section').forEach(s=>s.classList.add('active'));let n=0;const out={};const w=document.createTreeWalker(document.getElementById('ami-cosmologie'),NodeFilter.SHOW_TEXT);let t;while((t=w.nextNode())){if(t.textContent.trim().length<2)continue;const el=t.parentElement;if(!el||el.closest('script,style,svg,.ami-barre'))continue;const cs=getComputedStyle(el);if(cs.display==='none')continue;if(parseFloat(cs.fontSize)<11.5){n++;const k=el.tagName+'.'+String(el.className).slice(0,20)+' '+cs.fontSize;out[k]=(out[k]||0)+1}}document.querySelectorAll('.tab-section').forEach((s,i)=>s.classList.toggle('active',s.id==='tab-deluge'));return n+' '+JSON.stringify(out)}")
        ok('plancher 11,5 px tenu dans la racine (tous chapitres dépliés ; reste la barre V16)', _pl.startswith('0 '), _pl[:300])
        ok('0 erreur JS', not [e for e in errs if 'ERR_' not in e], str(errs[:2])); pg.close()
    for W in (320, 390, 768, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(800)
        E = lambda js: pg.evaluate(js)
        ok(f'pas de débordement à {W} px (tous chapitres dépliés, hors rouleaux et halos coupés)', E("()=>{document.querySelectorAll('.tab-section').forEach(s=>s.classList.add('active'));const w=document.documentElement.clientWidth;let bad=[];document.querySelectorAll('#ami-cosmologie *').forEach(el=>{if(el.closest('svg,.cover-ambient'))return;let a=el.parentElement,roule=false;while(a&&a!==document.body){const o=getComputedStyle(a).overflowX;if(o==='auto'||o==='scroll'||o==='hidden'){roule=true;break}a=a.parentElement}if(roule)return;const r=el.getBoundingClientRect();if(r.width<1)return;if(r.right>w+1||r.left<-1)bad.push(el.tagName+'.'+String(el.className).slice(0,20))});return bad.length===0 && document.documentElement.scrollWidth<=w}"))
        pg.close()
    b.close()
n = sum(1 for r in R if r[1]); print(f'\n{n} / {len(R)} réussis')
if n < len(R): print('✗ ratés :', [r[0] for r in R if not r[1]])

chaine_cosmo.shbash chaine_cosmo.sh (cosmo.html à côté)20 lignes

Rejoue la chaîne CosmoLogie p1 → p5 d'un trait (p3_palette, p19, p2_plancher inclus).

set -e -o pipefail
python3 p1_cosmo.py cosmo.html cosmo_p1.html >/dev/null
python3 p2_cosmo.py cosmo_p1.html cosmo_p2.html >/dev/null
cp cosmo_p2.html cosmo_p3.html
python3 p3_palette.py rapatrier cosmo_p3.html ':root' >/dev/null
python3 p3_palette.py repeindre cosmo_p3.html ':root' >/dev/null
python3 p4_cosmo.py cosmo_p3.html cosmo_p4.html | tail -1
python3 ../acc/p19_plein_ecran_v16.py cosmo_p4.html cosmo_p4b.html ami-cosmologie >/dev/null
cp cosmo_p4b.html cosmo_p5.html
python3 p2_plancher.py cosmo_p5.html 390 ami-cosmologie 2>&1 | tail -1
python3 p2_plancher.py cosmo_p5.html 1280 ami-cosmologie 2>&1 | tail -1
python3 - <<'PY'
h=open('cosmo_p5.html',encoding='utf-8').read()
if '#ami-cosmologie span.e{font-size:.72rem}' in h:
    h=h.replace('#ami-cosmologie span.e{font-size:.72rem}','#ami-cosmologie span.e{font-size:max(.72rem,1em)}')
open('cosmo_p5.html','w',encoding='utf-8').write(h)
PY
python3 p5_cosmo.py cosmo_p5.html cosmo_p6.html | tail -1
python3 p7_arbre_cosmo.py cosmo_p6.html cosmo_p7.html arbre/arbre_5200_q80.webp | tail -1

p1_decr.py · p2_decr.py · p4_decr.py · p5_decr.py · p7_folios_decr.pybash chaine_decr.sh (decr.html à côté)1 lignes

Décryptage : texte (liens cms.webnode ôtés, Formule en encart, canon des Champs), forme (10 volets, loupe animée ≥ 900 px / fixe en dessous, une colorée), anatomie V16 + pile qui se replie, encres, visualiseur des folios en tête et empilé sous 900 px.

(script absent du dossier outils/)

p6_decr_mutations.pypython3 p6_decr_mutations.py page.html136 lignes

Décryptage : 109 mutations (identité, barre/pied/bande/Emporter/Formule, onglets → volets, ◈ sommaire, Calculateur, visualiseur (liste, scans, zoom ⤢, empilé), loupe, 💧 ◐ ⛶ zoom, ↑ ☰ 🔍, pile, plancher, débordement).

# -*- coding: utf-8 -*-
"""P6 · 4.1 Décryptage — la mutation des contrôles : on presse chaque commande et on regarde si la page a changé comme promis.
Identité, barre/pied/bande/Emporter/Formule, 5 onglets → 10 volets, ◈ sommaire-accordéon, le Calculateur, le visualiseur (liste,
scans, zoom ⤢, empilé sous 900 px), la loupe de la une (animée ≥ 900, fixe en dessous), le canon des Champs, 💧 ◐ ⛶ zoom,
↑ ☰ 🔍, #prog, la pile qui se replie, plein écran, plancher, débordement, 0 var sans déclaration, 0 erreur JS — à 390 et 1280."""
import os, sys
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'decr_p6.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1200)
        print(f'=== {W} px ==='); E = lambda js: pg.evaluate(js)
        # ── identité
        ok('meta ami:volume 4.1 · ami:version V6 · ami:date 2026-09-19', E("()=>['4.1','V6','2026-09-19'].every((v,i)=>document.querySelector('meta[name=\"ami:'+['volume','version','date'][i]+'\"]').content===v)"))
        ok('titre : 4.1 Décryptage · Tuto Ouroboros — Tu Sais Accueillir le Vivant', E("()=>document.title.startsWith('4.1 Décryptage · Tuto Ouroboros — Tu Sais Accueillir le Vivant')"))
        ok('h1 : la une (et sa couche loupe, inert) ; 9 volets en h2.ami-h1', E("()=>document.querySelectorAll('h1').length===2 && document.querySelector('.loupe-inner').hasAttribute('inert') && document.querySelectorAll('h2.ami-h1').length===9"))
        ok('la une : DÉCRYPTAGE, kicker ConScience · Volume 4.1 · Tu Sais Accueillir le Vivant, 5 onglets annoncés', E("()=>/DÉCRYPTAGE/.test(document.querySelector('.couv-h1').textContent) && /ConScience aMi · Volume 4.1$/.test(document.querySelector('.vol-label').textContent.trim()) && ([...document.querySelector('.couverture').children].filter(e=>!e.classList.contains('loupe-layer')).map(e=>e.textContent).join(' ').match(/Tu Sais Accueillir Le Vivant/g)||[]).length===1 && /GéoColoVoluMétrique/.test(document.querySelector('.couv-question').textContent) && /Évidences Sciences/.test(document.querySelector('.couv-tabs-prev').textContent) && /ConScience Universelle/.test(document.querySelector('.couv-attrib').textContent)"))
        ok('aucune var(--x) sans déclaration', E("()=>{const used=new Set(),decl=new Set();for(const s of document.querySelectorAll('style')){for(const m of s.textContent.matchAll(/var\\((--[a-z0-9-]+)/g)) used.add(m[1]);for(const m of s.textContent.matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}for(const el of document.querySelectorAll('[style]')){for(const m of el.getAttribute('style').matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}return [...used].filter(v=>!decl.has(v)&&!['--cc','--c','--lc','--fx','--fy'].includes(v)).length===0;}"))
        ok('plus aucun lien agdistys.cms.webnode.fr ni fichier .html local ; la Formule en encart', E("()=>!document.documentElement.outerHTML.includes('cms.webnode') && [...document.querySelectorAll('a[href]')].every(a=>!/^[^:]*\\.html/.test(a.getAttribute('href'))) && /ΔI \\/ ΔE/.test(document.querySelector('.ami-formule .af-f').textContent) && /D = S × T/.test(document.querySelector('.ami-formule .af-d').textContent)"))
        ok('les couleurs des Champs au canon (⚡️ Vibration · 🫂 Flux · 🧠 Structure · 👑 Souveraineté · 🥚 Offrande)', E("()=>{const t=[...document.querySelectorAll('.chip-fuchsia')].find(c=>/Offrande/.test(c.textContent)).parentElement.textContent;return /Vibration/.test(t)&&/Flux/.test(t)&&/Structure/.test(t)&&/Souveraineté/.test(t)&&/Offrande/.test(t)&&/C11/.test(t)}"))
        ok('orthographes : ConScience, TransMission, ThermoCognition ; « Cosmologie » (la science) gardé', E("()=>{const t=document.getElementById('ami-decryptage').innerText;return !/\\bConscience\\b/.test(t) && /ConScience/.test(t) && /ThermoCognition/.test(t) && /Cosmologie/.test(t)}"))
        # ── la barre, le pied, la bande
        ok('barre V16 en tête, 4.1 marquée .ici, tiroir fermé ; topnav maison absente', E("()=>!!document.querySelector('.ami-barre .v.ici[data-v=\"ami-decryptage\"]') && !document.querySelector('.ami-barre .tiroir.on') && !document.querySelector('.topnav')"))
        ok('bande des registres après l’encart du volume, avant le sommaire', E("()=>{const b=document.querySelector('.bande-registres');return b && b.previousElementSibling.classList.contains('ami-volume-encart') && b.nextElementSibling.classList.contains('ami-sommaire-label')}"))
        ok('pied V16 après la racine, sceau 📜, volume 4.1, phrase-source « Traduire… »', E("()=>{const f=document.querySelector('.ami-pied');return f && f.previousElementSibling.id==='ami-decryptage' && f.querySelector('.ap-sceau').textContent.trim()==='📜' && f.textContent.includes('4.1') && f.textContent.includes('système de signes') && !document.querySelector('.ami-footer')}"))
        ok('◈ Emporter après la Formule, avant le pied, export nommé 4.1_DECRYPTAGE', E("()=>{const e=document.querySelector('#ami-decryptage .emporter');return e && e.previousElementSibling.classList.contains('ami-formule') && !!document.getElementById('dlHtml') && [...document.scripts].some(s=>s.textContent.includes('4.1_DECRYPTAGE_aMi_'))}"))
        # ── la loupe de la une
        if W >= 900:
            ok('la loupe animée reste sur grand écran ; la loupe fixe est cachée', E("()=>getComputedStyle(document.querySelector('.loupe-layer')).display!=='none' && getComputedStyle(document.querySelector('.ami-loupe-fixe')).display==='none'"))
            ok('la loupe grossit ce qu’elle couvre : même géométrie que la une, origine du zoom qui suit la lentille', E("()=>{const c=document.querySelector('.couverture'),l=document.querySelector('.loupe-inner');const cs=getComputedStyle(c),ls=getComputedStyle(l);const h1=c.querySelector(':scope > .couv-h1').getBoundingClientRect(),h2=l.querySelector('.couv-h1').getBoundingClientRect();return cs.paddingTop===ls.paddingTop && cs.paddingLeft===ls.paddingLeft && ls.animationName.includes('loupeOrigine') && Math.abs((h1.top+h1.bottom)/2-(h2.top+h2.bottom)/2)<h1.height*0.6}"))
        else:
            ok('sur téléphone : loupe fixe 🔍 dans le coin, couche zoomée et anneau cachés, rien ne couvre le titre', E("()=>getComputedStyle(document.querySelector('.loupe-layer')).display==='none' && getComputedStyle(document.querySelector('.loupe-ring')).display==='none' && getComputedStyle(document.querySelector('.ami-loupe-fixe')).display==='block'"))
        # ── les onglets
        ok('5 onglets, sans rouleau, aucun chevauchement, centrés par rangée', E("()=>{const bs=[...document.querySelectorAll('#tabBar .tab-btn')];const tb=document.getElementById('tabBar');if(bs.length!==5||tb.scrollWidth>tb.clientWidth+1)return false;for(let i=0;i<bs.length;i++)for(let j=i+1;j<bs.length;j++){const a=bs[i].getBoundingClientRect(),b=bs[j].getBoundingClientRect();if(a.left<b.right-1&&b.left<a.right-1&&a.top<b.bottom-1&&b.top<a.bottom-1)return false;}const t=tb.getBoundingClientRect(),rows={};bs.forEach(b=>{const r=b.getBoundingClientRect();const k=Math.round(r.top);rows[k]=rows[k]||{l:1e9,r:0};rows[k].l=Math.min(rows[k].l,r.left);rows[k].r=Math.max(rows[k].r,r.right)});return Object.values(rows).every(o=>Math.abs((o.l-t.left)-(t.right-o.r))<40)}"))
        ok('libellés ≥ 11,5 px ; cibles ≥ 44 px ; aucun mot coupé au hasard (pas de ligne d’une lettre)', E("()=>[...document.querySelectorAll('#tabBar .tab-btn')].every(b=>parseFloat(getComputedStyle(b).fontSize)>=11.5 && b.getBoundingClientRect().height>=44 && b.getBoundingClientRect().height<110)"))
        ok('#amiPile collé (sticky) sous la barre', E("()=>getComputedStyle(document.getElementById('amiPile')).position==='sticky'"))
        E("()=>document.querySelectorAll('#tabBar .tab-btn')[1].click()"); pg.wait_for_timeout(400)
        ok('🐍 Méthode Ouroboros : 3 volets ouverts (methode, tuto, resonance), sommaire-accordéon sur la partie', E("()=>[...document.querySelectorAll('.tab-section.active')].map(s=>s.id).join()==='tab-methode,tab-tuto,tab-resonance' && document.getElementById('sommaireBody').classList.contains('open')"))
        E("()=>document.querySelectorAll('#som-draw-methode a')[1].click()"); pg.wait_for_timeout(1500)
        ok('une entrée du ◈ sommaire descend au chapitre, sous la pile', E("()=>{const id=document.querySelectorAll('#som-draw-methode a')[1].getAttribute('href').slice(1);const r=document.getElementById(id).getBoundingClientRect();return window.pageYOffset>300 && r.top>=0 && r.top<innerHeight*0.6}"))
        E("()=>{window.scrollBy(0,1500)}"); pg.wait_for_timeout(300)
        E("()=>document.querySelectorAll('#tabBar .tab-btn')[0].click()"); pg.wait_for_timeout(1400)
        ok('un onglet cliqué depuis le bas ramène sur la pile, pas en haut de page', E("()=>{const b=document.querySelector('#ami-decryptage .bande-registres').getBoundingClientRect();return window.pageYOffset>200 && b.bottom<=60 && b.bottom>-20}"))
        # ── le Calculateur
        ok('⚗️ Calculateur : les curseurs donnent un C et un état', E("()=>{document.getElementById('sliderDI').value=8;document.getElementById('sliderDE').value=4;calcThermo();const r=document.getElementById('calcResult');return r.classList.contains('visible') && /C = /.test(r.textContent)}"))
        # ── le visualiseur
        E("()=>switchTab(null,'tomo')"); pg.wait_for_timeout(600)
        ok('🌈 Lecture Tomographique : le visualiseur EN TÊTE du groupe, 15 folios listés, sans cartouche de débogage', E("()=>[...document.querySelectorAll('.tab-section.active')].map(s=>s.id).join()==='tab-tomo,tab-sections,tab-folios' && !!(document.getElementById('tab-tomo').compareDocumentPosition(document.getElementById('tab-sections'))&Node.DOCUMENT_POSITION_FOLLOWING) && document.querySelectorAll('#tSidebar [onclick]').length===15 && !document.body.textContent.includes('SIDEBAR INIT')"))
        E("()=>[...document.querySelectorAll('#tSidebar [onclick]')][8].click()"); pg.wait_for_timeout(500)
        ok('un folio choisi : image affichée, lecture MétaConScience remplie', E("()=>{const i=document.getElementById('tMainImg');return i.style.display==='block' && i.getBoundingClientRect().width>100 && document.getElementById('tReading').textContent.length>200}"))
        if W < 900:
            ok('sous 900 px : liste en rangée défilante, image pleine largeur, lecture sous l’image (empilé)', E("()=>{const sb=document.getElementById('tSidebar').getBoundingClientRect(),v=document.querySelector('.t-viewer').getBoundingClientRect(),r=document.getElementById('tReading').getBoundingClientRect();return getComputedStyle(document.querySelector('.tomo-inner')).flexDirection==='column' && sb.width>innerWidth-40 && v.width>innerWidth-40 && r.top>=v.bottom-2 && r.width>innerWidth-40 && getComputedStyle(document.getElementById('tToggleBtn')).display==='none'}"))
        else:
            ok('≥ 900 px : trois colonnes (liste · image · lecture)', E("()=>{const sb=document.getElementById('tSidebar').getBoundingClientRect(),v=document.querySelector('.t-viewer').getBoundingClientRect(),r=document.getElementById('tReading').getBoundingClientRect();return sb.right<=v.left+1 && v.right<=r.left+1 && r.width>200}"))
        ok('les puces (filtres, scans, chips) ≥ 11,5 px et ≥ 24 px de haut', E("()=>[...document.querySelectorAll('.t-sf-btn,.t-scan-btn,.t-chip,#tSidebar span')].every(e=>parseFloat(getComputedStyle(e).fontSize)>=11.5) && [...document.querySelectorAll('.t-sf-btn,.t-scan-btn')].every(e=>e.getBoundingClientRect().height>=24)"))
        E("()=>document.getElementById('tScanBleu').click()"); pg.wait_for_timeout(900)
        ok('scan 💙 Bleu Sacré : le canvas remplace l’image', E("()=>document.getElementById('tCanvas').style.display==='block' && document.getElementById('tMainImg').style.display==='none'"))
        ok('clic sur le scan → zoom ⤢ plein écran (du canvas), + agrandit, ✕ ferme', E("()=>{tOpenLightbox();const Z=document.getElementById('ami-zoom');if(!Z.classList.contains('on'))return false;const I=Z.querySelector('img');const t0=I.style.transform;Z.querySelector('[data-z=\"+\"]').click();const t1=I.style.transform;Z.querySelector('[data-z=x]').click();return I.src.startsWith('data:image/png') && t0!==t1 && !Z.classList.contains('on') && !document.getElementById('tLightbox')}"))
        E("()=>document.getElementById('tScanNormal').click()"); pg.wait_for_timeout(300)
        E("()=>document.querySelector('.t-nav.next').click()"); pg.wait_for_timeout(300)
        ok('› passe au folio suivant', E("()=>tCurIdx===9 && document.getElementById('tVmeta').textContent.length>0"))
        E("()=>document.querySelectorAll('.t-sf-btn')[4].click()"); pg.wait_for_timeout(300)
        ok('filtre 🌊 Balnéologique : 4 folios', E("()=>document.querySelectorAll('#tSidebar [onclick]').length===4"))
        E("()=>document.querySelectorAll('.t-sf-btn')[0].click()"); pg.wait_for_timeout(200)
        # ── 💧 ◐ ⛶ zoom
        E("()=>switchTab(null,'cadre')"); pg.wait_for_timeout(200)
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(400)
        ok('💧 lecture continue : 10 volets déroulés, goutte pleine', E("()=>document.querySelectorAll('.tab-section.active').length===10 && document.getElementById('amiLecture').getAttribute('aria-pressed')==='true' && getComputedStyle(document.querySelector('#amiLecture svg')).fill!=='none'"))
        E("()=>{document.getElementById('amiLecture').click()}"); pg.wait_for_timeout(300)   # on éteint d'abord
        E("()=>{switchTab(null,'tuto');}"); pg.wait_for_timeout(500)
        E("()=>{const s=document.getElementById('tab-tuto');window.scrollTo({top:s.getBoundingClientRect().top+window.pageYOffset+600,behavior:'instant'})}"); pg.wait_for_timeout(300)
        _on=E("()=>{let el=null;const tb=document.getElementById('amiPile');const pb=tb&&tb.getBoundingClientRect().bottom>0?tb.getBoundingClientRect().bottom:0;for(const k of [0.3,0.5,0.7,0.9]){el=document.elementFromPoint(innerWidth/2,pb+(innerHeight-pb)*k);if(el&&el.closest('.tab-section'))break;}el.setAttribute('data-ami-on','1');return el.getBoundingClientRect().top}")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(900)
        ok('💧 allumée depuis un volet du milieu : le point lu ne bouge pas (les volets d’avant s’ouvrent au-dessus sans pousser la lecture) — Diane 19/09 23h40', pg.evaluate("(t)=>{const el=document.querySelector('[data-ami-on]');return Math.abs(el.getBoundingClientRect().top-t)<3}", _on), str(pg.evaluate("(t)=>[document.querySelector('[data-ami-on]').getBoundingClientRect().top,t]", _on)))
        E("()=>{const s=document.getElementById('tab-tuto');window.scrollTo({top:s.getBoundingClientRect().top+window.pageYOffset+900,behavior:'instant'})}"); pg.wait_for_timeout(300)
        _anc=E("()=>{let el=null;const tb=document.getElementById('amiPile');const pb=tb&&tb.getBoundingClientRect().bottom>0?tb.getBoundingClientRect().bottom:0;for(const k of [0.3,0.5,0.7,0.9]){el=document.elementFromPoint(innerWidth/2,pb+(innerHeight-pb)*k);if(el&&el.closest('.tab-section'))break;}document.querySelectorAll('[data-ami-anc]').forEach(e=>e.removeAttribute('data-ami-anc'));el.setAttribute('data-ami-anc','1');return [el.getBoundingClientRect().top, window.pageYOffset, el.closest('.tab-section,.tab-panel').id, el.closest('.tab-section,.tab-panel').getBoundingClientRect().top]}")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(700)
        ok('💧 recliquée depuis le bas : on reste où on lisait (le chapitre sous les yeux s’ouvre, le point lu ne bouge pas) — Diane 19/09 23h', pg.evaluate("(a)=>{const el=document.querySelector('[data-ami-anc]');const s=document.getElementById(a[2]);const r=(el||s).getBoundingClientRect();return Math.abs(r.top-(el?a[0]:a[3]))<3 && s.classList.contains('active')}", _anc))
        E("()=>{switchTab(null,'cadre');window.scrollTo(0,0);document.getElementById('amiLecture').click()}"); pg.wait_for_timeout(400)
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        ok('💧 retour : les 2 volets du Cadre', E("()=>[...document.querySelectorAll('.tab-section.active')].map(s=>s.id).join()==='tab-cadre,tab-thermo'"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        ok('◐ contraste : body.ami-contraste, cercle plein', E("()=>document.body.classList.contains('ami-contraste') && getComputedStyle(document.querySelector('#amiContraste svg circle')).fill!=='none'"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        ok('◐ au repos : demi-cercle', E("()=>getComputedStyle(document.querySelector('#amiContraste svg circle')).fill==='none' && getComputedStyle(document.querySelector('#amiContraste svg path')).fill!=='none'"))
        ok('💧 à gauche (.5rem) puis ◐ (2.9rem) ; ⛶ à droite', E("()=>{const l=document.getElementById('amiLecture').getBoundingClientRect(),c=document.getElementById('amiContraste').getBoundingClientRect(),p=document.getElementById('amiPlein').getBoundingClientRect();return l.left<c.left && c.left<60 && p.right>innerWidth-60}"))
        pg.click('#amiPlein'); pg.wait_for_timeout(700)
        ok('⛶ plein écran : la racine défile, la barre est dedans, zoom visible, ✕', E("()=>{const fe=document.fullscreenElement;return fe && fe.id==='ami-decryptage' && getComputedStyle(fe).overflowY==='auto' && fe.contains(document.getElementById('amiBarre')) && getComputedStyle(document.querySelector('.coin-zoom')).display==='flex' && document.getElementById('amiPlein').textContent==='✕'}"))
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        ok('zoom + : 115 %', E("()=>document.getElementById('amiZoomV').textContent==='115%'"))
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(100)
        pg.click('#amiPlein'); pg.wait_for_timeout(600)
        ok('sortie du plein écran : la barre revient avant la racine', E("()=>!document.fullscreenElement && document.getElementById('amiBarre').nextElementSibling.id==='ami-decryptage'"))
        # ── ↑ ☰ 🔍 + #prog + la pile qui se replie
        E("()=>{const v=document.querySelector('.tab-section.active');window.scrollTo({top:v.getBoundingClientRect().top+window.pageYOffset+1200,behavior:'instant'})}"); pg.wait_for_timeout(500)
        ok('↑ paraît après 600 px, ☰ et 🔍 en bas à droite (de bas en haut 🔍 ☰ ↑)', E("()=>{const g=id=>document.getElementById(id).getBoundingClientRect();const r=g('amiRech'),t=g('ami-toc-toggle'),h=g('amiHaut');return !document.getElementById('amiHaut').hidden && r.bottom>t.bottom && t.bottom>h.bottom && r.right>innerWidth-40}"))
        ok('#prog avance en descendant', E("()=>parseFloat(document.getElementById('prog').style.width)>0"))
        E("()=>{const tb=document.getElementById('amiPile');window.scrollTo({top:tb.offsetTop+tb.offsetHeight+400,behavior:'instant'})}"); pg.wait_for_timeout(200)
        E("()=>window.scrollBy(0,60)"); pg.wait_for_timeout(300)
        ok('la pile se replie en descendant : une ligne « où je suis » sous la barre, les onglets ne collent plus', E("()=>{const m=document.getElementById('ami-pile-mini');const r=m.getBoundingClientRect();return document.body.classList.contains('ami-repli') && getComputedStyle(m).display==='flex' && r.height>=40 && r.top<80 && /Cadre/.test(m.textContent) && getComputedStyle(document.getElementById('amiPile')).position==='static'}"))
        E("()=>window.scrollBy(0,-60)"); pg.wait_for_timeout(250)
        ok('remonter de 40 px redéploie les onglets', E("()=>!document.body.classList.contains('ami-repli') && getComputedStyle(document.getElementById('ami-pile-mini')).display==='none' && getComputedStyle(document.getElementById('amiPile')).position==='sticky'"))
        E("()=>window.scrollBy(0,300)"); pg.wait_for_timeout(250)
        E("()=>document.getElementById('ami-pile-mini').click()"); pg.wait_for_timeout(900)
        ok('un tap sur la ligne remonte aux onglets et les redéploie', E("()=>{const tb=document.getElementById('amiPile').getBoundingClientRect();return !document.body.classList.contains('ami-repli') && tb.top>=-2 && tb.top<120}"))
        E("()=>document.getElementById('amiHaut').click()"); pg.wait_for_timeout(1600)
        ok('↑ ramène en haut', E("()=>window.pageYOffset<40"))
        E("()=>document.getElementById('ami-toc-toggle').click()"); pg.wait_for_timeout(300)
        ok('☰ sommaire : 5 onglets, 10 volets nommés', E("()=>!document.getElementById('ami-toc-panel').hidden && document.querySelectorAll('#ami-toc-panel .toc-o').length===5 && document.querySelectorAll('#ami-toc-panel .toc-s a').length===10 && [...document.querySelectorAll('#ami-toc-panel .toc-s a')].every(a=>a.textContent.length>3 && !/^tab-/.test(a.textContent))"))
        E("()=>document.querySelectorAll('#ami-toc-panel .toc-s a')[5].click()"); pg.wait_for_timeout(900)
        ok('un lien du sommaire ouvre l’onglet et le volet (le visualiseur)', E("()=>document.getElementById('ami-toc-panel').hidden && document.getElementById('tab-tomo').classList.contains('active') && document.querySelector('#tabBar .tab-btn.active').textContent.includes('Tomographique')"))
        E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(200); pg.fill('#rc-q', 'placebo'); pg.wait_for_timeout(500)
        ok('🔍 « placebo » trouve des passages, groupés par onglet › volet', E("()=>document.querySelectorAll('#rc-l .rc-r').length>0 && [...document.querySelectorAll('#rc-l .rc-g')].some(g=>g.textContent.includes('›'))"))
        E("()=>document.querySelector('#rc-l .rc-r').click()"); pg.wait_for_timeout(900)
        ok('un résultat ouvre l’onglet et le volet, marque le passage visible', E("()=>{const t=document.querySelector('.ami-trouve');if(!t)return false;const r=t.getBoundingClientRect();return !document.getElementById('ami-rech').classList.contains('on') && r.width>0 && r.top>=0 && r.top<innerHeight}"))
        # ── forme
        ok('reduced-motion écrit ; fadeIn sans translation', E("()=>[...document.querySelectorAll('style')].some(s=>/prefers-reduced-motion/.test(s.textContent)) && [...document.styleSheets].some(ss=>{try{return [...ss.cssRules].some(r=>r.name==='fadeIn' && ![...r.cssRules].some(k=>/translate/.test(k.style.transform)))}catch(e){return false}})"))
        ok('aucun émoji en italique', E("()=>[...document.querySelectorAll('#ami-decryptage .e')].every(e=>getComputedStyle(e).fontStyle!=='italic')"))
        ok('11 tableaux en rouleau (.tw)', E("()=>document.querySelectorAll('#ami-decryptage .tw>table').length===11"))
        ok('sélecteurs nus scopés : le body du document hôte n’est peint que via :has', E("()=>![...document.styleSheets].some(ss=>{try{return [...ss.cssRules].some(r=>r.selectorText && /^(body|h1|h2|h3|p|strong|em)$/.test(r.selectorText.trim()))}catch(e){return false}})"))
        _pl=E("()=>{document.querySelectorAll('.tab-section').forEach(s=>s.classList.add('active'));let n=0;const out={};const w=document.createTreeWalker(document.getElementById('ami-decryptage'),NodeFilter.SHOW_TEXT);let t;while((t=w.nextNode())){if(t.textContent.trim().length<2)continue;const el=t.parentElement;if(!el||el.closest('script,style,svg,.ami-barre,.loupe-layer'))continue;const cs=getComputedStyle(el);if(cs.display==='none')continue;if(parseFloat(cs.fontSize)<11.5){n++;const k=el.tagName+'.'+String(el.className).slice(0,20)+' '+cs.fontSize;out[k]=(out[k]||0)+1}}return n+' '+JSON.stringify(out)}")
        ok('plancher 11,5 px tenu dans la racine (tous volets dépliés)', _pl.startswith('0 '), _pl[:300])
        ok('0 erreur JS', not [e for e in errs if 'ERR_' not in e], str(errs[:2])); pg.close()
    for W in (320, 390, 768, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(800)
        E = lambda js: pg.evaluate(js)
        ok(f'pas de débordement à {W} px (tous volets dépliés, hors rouleaux)', E("()=>{document.querySelectorAll('.tab-section').forEach(s=>s.classList.add('active'));if(window.tRenderSidebar)tRenderSidebar();const w=document.documentElement.clientWidth;let bad=[];document.querySelectorAll('#ami-decryptage *').forEach(el=>{if(el.closest('svg,.loupe-layer,.loupe-ring'))return;let a=el.parentElement,roule=false;while(a&&a!==document.body){const o=getComputedStyle(a).overflowX;if(o==='auto'||o==='scroll'||o==='hidden'){roule=true;break}a=a.parentElement}if(roule)return;const r=el.getBoundingClientRect();if(r.width<1)return;if(r.right>w+1||r.left<-1)bad.push(el.tagName+'.'+String(el.className).slice(0,20))});return bad.length===0 && document.documentElement.scrollWidth<=w}"))
        pg.close()
    b.close()
n = sum(1 for r in R if r[1]); print(f'\n{n} / {len(R)} réussis')
if n < len(R): print('✗ ratés :', [r[0] for r in R if not r[1]])

p7_arbre_cosmo.pypython3 p7_arbre_cosmo.py entree.html sortie.html arbre.webp17 lignes

CosmoLogie : l'Arbre Culturel (export WebP de Diane) recompressé 5200 px q80 et versé en base64 ; bouton ⤢ vers la visionneuse zoom.

#!/usr/bin/env python3
"""p7_arbre_cosmo.py src out image.webp — 3.3 CosmoLogie : remplace l'Arbre Culturel (WebP 2600 px du 9 août)
par l'export du 19/09 de Diane (7365×6457) recompressé pour le zoom (largeur choisie en amont, q80).
Ne touche qu'à la première <img … data:image/webp> dont l'alt commence par « L'Arbre Culturel »."""
import sys,re,base64
from PIL import Image
src,out,img=sys.argv[1:4]
h=open(src,encoding='utf-8').read()
b=base64.b64encode(open(img,'rb').read()).decode()
im=Image.open(img); w,ht=im.size
m=re.search(r'<img src="data:image/webp;base64,[^"]+" alt="L\'Arbre Culturel[^"]*"',h)
assert m,'img Arbre introuvable'
new=f'<img src="data:image/webp;base64,{b}" width="{w}" height="{ht}" alt="L\'Arbre Culturel — de la Spiritualité à la Religion (export du 19 septembre 2026, {w}×{ht})"'
h=h[:m.start()]+new+h[m.end():]
open(out,'w',encoding='utf-8').write(h)
print(f'✓ Arbre Culturel remplacé : {w}×{ht}, {len(b)*3//4//1024} Ko')

amiblocs.pyimport amiblocs (à côté des p1_*)65 lignes

Partagé : prefixe_css(css, root) (feuille préfixée par une racine, :root/html/body → racine, @media récursif), bloc_equilibre(h, i, ouvre, ferme), page_en_bloc(html, root) (une page seule → <div id=root> feuille + corps ; lit le DERNIER </body>), ote_postmessage(js).

# -*- coding: utf-8 -*-
"""Petits outils partagés : préfixer une feuille CSS par une racine, extraire un bloc équilibré, faire d'une page seule un BLOC."""
import re

def prefixe_css(css, root):
    """Chaque sélecteur reçoit la racine devant ; :root/html/body deviennent la racine ; @media récursif ; @keyframes/@font-face intacts."""
    out = []; i = 0; n = len(css)
    while i < n:
        j = css.find('{', i)
        if j < 0: out.append(css[i:]); break
        sel = css[i:j]; k = j + 1; depth = 1
        while k < n and depth:
            if css[k] == '{': depth += 1
            elif css[k] == '}': depth -= 1
            k += 1
        corps = css[j + 1:k - 1]
        s = sel.strip()
        if s.startswith('@media') or s.startswith('@container') or s.startswith('@supports'):
            out.append(sel + '{' + prefixe_css(corps, root) + '}')
        elif s.startswith('@'):
            out.append(sel + '{' + corps + '}')
        else:
            parts = []
            for p in s.split(','):
                p = p.strip()
                if not p: continue
                p = re.sub(r'^(:root|html|body)(?![\w-])', root, p)
                if p.startswith(root): parts.append(p)
                elif p.startswith('*'): parts.append(root + ' ' + p)
                else: parts.append(root + ' ' + p)
            pre = sel[:len(sel) - len(sel.lstrip())]
            out.append(pre + ',\n'.join(parts) + '{' + corps + '}')
        i = k
    return ''.join(out)

def bloc_equilibre(h, debut, ouvre='<section', ferme='</section>'):
    """De l'index `debut` (sur une balise ouvrante) jusqu'à la fermeture équilibrée ; renvoie (debut, fin)."""
    depth = 0
    for m in re.finditer(re.escape(ouvre) + r'\b|' + re.escape(ferme), h[debut:]):
        depth += 1 if m.group(0).startswith(ouvre) else -1
        if depth == 0: return debut, debut + m.end()
    raise ValueError('bloc non fermé')

def page_en_bloc(html, root, titre=None):
    """Une page seule (html/head/body) → <div id="root"> feuille préfixée + corps. Les <link> et <meta> restent dehors."""
    styles = re.findall(r'<style\b[^>]*>(.*?)</style>', re.sub(r'<script\b.*?</script>', '', html, flags=re.S), re.S)
    mb = re.search(r'<body[^>]*>', html); body = html[mb.end():html.rfind('</body>')]   # le DERNIER </body> : un script peut en écrire un (impression)
    body = re.sub(r'<style\b[^>]*>.*?</style>(?![^<]*`)', '', body, flags=re.S)         # pas une feuille écrite dans un gabarit JS
    css = '\n'.join(prefixe_css(s, '#' + root) for s in styles)
    return f'<div id="{root}">\n<style>\n{css}\n</style>\n{body}\n</div>'

def ote_postmessage(js):
    """Ôte les blocs `if(window.parent&&window.parent!==window){…}` (restes de l'époque iframe)."""
    out = js; n = 0
    while True:
        m = re.search(r'if\s*\(\s*window\.parent\s*&&\s*window\.parent\s*!==\s*window\s*\)\s*\{', out)
        if not m: break
        k = m.end(); depth = 1
        while k < len(out) and depth:
            if out[k] == '{': depth += 1
            elif out[k] == '}': depth -= 1
            k += 1
        out = out[:m.start()] + out[k:]; n += 1
    return out, n

p1_ego.py · p2_ego.py · p4_ego.py · p5_ego.pybash chaine_ego.sh (ego.html + Widgets V6/Stop-R/Plan/Témoignage à côté)1 lignes

EGO : texte (🛡️, Question/Réponse, clause, Repère V6 entré en bloc à la place des copies séparées, Stop-R/Plan/Témoignage entrés, un seul Réel séparé, conclusion), forme (h1 → h2.ami-h1 dans les feuilles, 6 racines normalisées, onglets 2+2+1, .e inline), anatomie V16 (coque maison ôtée, pile, switchTab à la place naturelle), encres (--or-somb → --or, rouges → -ct, ::before de l'ancienne bande, postMessage, SVG ConScience).

(script absent du dossier outils/)

p6_ego_mutations.pypython3 p6_ego_mutations.py page.html119 lignes

EGO : 96 mutations (identité, conclusion, barre/bande/pied/Emporter/Formule, onglets et place naturelle, Repère V6, Ouverture, Stop-R, Plan, Témoignage ✍️, Réel séparé unique, Test institutionnel, 💧 ◐ ⛶ zoom, ↑ ☰ 🔍, pile, plancher, débordement 4 largeurs).

# -*- coding: utf-8 -*-
"""P6 · 1.1 EGO — la mutation des contrôles : on presse chaque commande et on regarde si la page a changé comme promis.
Identité (🛡️, Question sur la une / Réponse en conclusion, clause), barre/pied/bande/Emporter/Formule, 5 onglets (place naturelle
au clic), les instruments (Repère du Consentement V6 · Ouverture à la Révision · Stop-R · Plan d'Attention · Témoignage Guidé ·
Réel séparé · Test institutionnel), 💧 ◐ ⛶ zoom, ↑ ☰ 🔍, #prog, la pile qui se replie, plein écran, plancher, débordement,
0 var sans déclaration, 0 erreur JS — à 390 et 1280."""
import os, sys
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'ego_p6.html'
R = []
def ok(nom, cond, det=''): R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)
with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1200)
        print(f'=== {W} px ==='); E = lambda js: pg.evaluate(js)
        # ── identité
        ok('meta ami:volume 1.1 · ami:version V31 · ami:date 2026-09-19', E("()=>['1.1','V31','2026-09-19'].every((v,i)=>document.querySelector('meta[name=\"ami:'+['volume','version','date'][i]+'\"]').content===v)"))
        ok('titre : 1.1 EGO · Evidence Engine — Tu Sais Protéger', E("()=>document.title.startsWith('1.1 EGO · Evidence Engine — Tu Sais Protéger')"))
        ok('un seul h1 (la une) ; les volets et le Repère en h2.ami-h1', E("()=>document.querySelectorAll('h1').length===1 && document.querySelector('h1').classList.contains('couv-h1') && document.querySelectorAll('h2.ami-h1').length>=7"))
        ok('la une : 🛡️, EGO, la Question « Comment je me sécurise ? », 5 onglets annoncés', E("()=>{const c=document.querySelector('.couverture');return c.querySelector('.logo').textContent.trim()==='🛡️' && /EGO/.test(c.querySelector('.couv-h1').textContent) && /Comment je me sécurise/.test(c.querySelector('.couv-champ').textContent) && /Souverain de Sa Dignité/.test(c.querySelector('.couv-devise').textContent) && (c.querySelector('.couv-tags').textContent.match(/·/g)||[]).length===4 && /PsychédéliCare/.test(c.querySelector('.couv-tags').textContent)}"))
        ok('la conclusion porte la Réponse « 🛡️ Tu Sais Protéger. » et la clause (apartheid, esclavage, viol conjugal ; le droit suit l’éthique)', E("()=>{const c=document.querySelector('#ami-ego .ami-conclusion');return c && /Tu Sais Protéger\\./.test(c.querySelector('.ac-r').textContent) && /apartheid/.test(c.textContent) && /viol conjugal/.test(c.textContent) && /Le droit suit l’éthique/.test(c.textContent) && !/ni un diagnostic médical/.test(document.body.textContent)}"))
        ok('aucune var(--x) sans déclaration', E("()=>{const used=new Set(),decl=new Set();for(const s of document.querySelectorAll('style')){for(const m of s.textContent.matchAll(/var\\((--[a-z0-9-]+)/g)) used.add(m[1]);for(const m of s.textContent.matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}for(const el of document.querySelectorAll('[style]')){for(const m of el.getAttribute('style').matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}return [...used].filter(v=>!decl.has(v)&&!['--cc','--c','--lc','--fx','--fy','--t','--sc'].includes(v)).length===0;}"))
        ok('plus aucun lien agdistys.cms.webnode.fr ni fichier .html local ; la Formule en encart', E("()=>!document.documentElement.outerHTML.includes('cms.webnode') && [...document.querySelectorAll('a[href]')].every(a=>!/^[^:]*\\.html/.test(a.getAttribute('href'))) && /ΔI \\/ ΔE/.test(document.querySelector('.ami-formule .af-f').textContent)"))
        ok('orthographes : ConScience, TransMission, InCorporation', E("()=>{const t=document.getElementById('ami-ego').innerText;return !/\\bConscience\\b/.test(t) && /ConScience/.test(t) && /TransMission/.test(t) && /InCorporation/.test(document.getElementById('ami-ego').innerHTML)}"))
        # ── la barre, le pied, la bande
        ok('barre V16 en tête, 1.1 marquée .ici, tiroir fermé ; topbar, bandeau, ⛶ ↑ ☰ maison absents', E("()=>!!document.querySelector('.ami-barre .v.ici[data-v=\"ami-ego\"]') && !document.querySelector('.ami-barre .tiroir.on') && !document.querySelector('.ami-topbar,.ami-bandeau,.ami-fs,.ami-top,#toc-toggle,#floating-toc,#progress-bar,.footer-canon')"))
        ok('bande des registres V16 après la une, puis la pile des onglets', E("()=>{const b=document.querySelector('#ami-ego .bande-registres');return b && b.previousElementSibling.classList.contains('couverture') && (b.nextElementSibling.id==='amiPile'||b.nextElementSibling.id==='ami-pile-mini') && !b.querySelector('a[href*=\".html\"]')}"))
        ok('pied V16 après la racine, sceau 🛡️, volume 1.1, « L’Éthique protège »', E("()=>{const f=document.querySelector('.ami-pied');return f && f.previousElementSibling.id==='ami-ego' && f.querySelector('.ap-sceau').textContent.trim()==='🛡️' && f.textContent.includes('1.1') && f.textContent.includes('Éthique protège')}"))
        ok('◈ Emporter après la Formule, export nommé 1.1_EGO ; conclusion avant la Formule', E("()=>{const e=document.querySelector('#ami-ego .emporter');return e && e.previousElementSibling.classList.contains('ami-formule') && !!document.getElementById('dlHtml') && [...document.scripts].some(s=>s.textContent.includes('1.1_EGO_Evidence-Engine_aMi_')) && !!(document.querySelector('.ami-conclusion').compareDocumentPosition(document.querySelector('.ami-formule'))&Node.DOCUMENT_POSITION_FOLLOWING)}"))
        # ── les onglets
        ok('5 onglets, sans rouleau, aucun chevauchement, centrés par rangée', E("()=>{const bs=[...document.querySelectorAll('#ami-ego .tab-btn-custom')];const tb=document.querySelector('#ami-ego .tab-bar');if(bs.length!==5||tb.scrollWidth>tb.clientWidth+1)return false;for(let i=0;i<bs.length;i++)for(let j=i+1;j<bs.length;j++){const a=bs[i].getBoundingClientRect(),b=bs[j].getBoundingClientRect();if(a.left<b.right-1&&b.left<a.right-1&&a.top<b.bottom-1&&b.top<a.bottom-1)return false;}const t=tb.getBoundingClientRect(),rows={};bs.forEach(b=>{const r=b.getBoundingClientRect();const k=Math.round(r.top);rows[k]=rows[k]||{l:1e9,r:0};rows[k].l=Math.min(rows[k].l,r.left);rows[k].r=Math.max(rows[k].r,r.right)});return Object.values(rows).every(o=>Math.abs((o.l-t.left)-(t.right-o.r))<40)}"))
        ok('libellés ≥ 11,5 px ; cibles ≥ 44 px', E("()=>[...document.querySelectorAll('#ami-ego .tab-btn-custom')].every(b=>parseFloat(getComputedStyle(b).fontSize)>=11.5 && b.getBoundingClientRect().height>=44 && b.getBoundingClientRect().height<110)"))
        ok('#amiPile collé (sticky) sous la barre', E("()=>getComputedStyle(document.getElementById('amiPile')).position==='sticky'"))
        E("()=>window.scrollTo(0,0)"); pg.wait_for_timeout(200)
        E("()=>document.getElementById('btn-bia').click()"); pg.wait_for_timeout(700)
        ok('🛡️ Manuel Anti-Biais : seul volet ouvert ; cliqué depuis le haut, la page ne bouge pas', E("()=>[...document.querySelectorAll('#ami-ego .tab-panel.active')].map(s=>s.id).join()==='tab-bia' && document.getElementById('btn-bia').classList.contains('active') && window.pageYOffset<5"))
        E("()=>{window.scrollBy(0,2500)}"); pg.wait_for_timeout(300)
        E("()=>document.getElementById('btn-eth').click()"); pg.wait_for_timeout(1400)
        ok('un onglet cliqué depuis le bas ramène sur la pile, pas en haut de page', E("()=>{const b=document.querySelector('#ami-ego .bande-registres').getBoundingClientRect();return window.pageYOffset>200 && b.bottom<=60 && b.bottom>-20 && document.getElementById('tab-eth').classList.contains('active')}"))
        # ── les instruments (⚖️ Éthique)
        ok('🪷 Repère du Consentement V6 : 8 vues (test, solo, table, regards, témoin, spectre, grille, réel), dans l’onglet Éthique', E("()=>{const c=document.getElementById('ami-consent');return c && c.closest('.tab-panel').id==='tab-eth' && ['t-test','t-solo','t-table','t-regards','t-temoin','t-spectre','t-grille','t-reel'].every(id=>document.getElementById(id)) && !document.getElementById('outil-ami-violentometre') && !document.getElementById('outil-pane-distinction')}"))
        E("()=>document.getElementById('t-solo').click()"); pg.wait_for_timeout(300)
        ok('la vue 🐾 Solo s’ouvre (p-solo visible, p-test caché), bouton so-go', E("()=>{const s=document.getElementById('p-solo'),t=document.getElementById('p-test');return s.getBoundingClientRect().height>50 && (t.hidden||getComputedStyle(t).display==='none') && !!document.getElementById('so-go')}"))
        ok('🧭 Ouverture à la Révision : un « oui » se marque', E("()=>{const b=document.querySelector('#ami-revision .ami-btn[data-v=yes]');const before=b.outerHTML;b.click();return b.outerHTML!==before || b.getAttribute('aria-pressed')==='true' || b.classList.length>1}"))
        ok('🧭 Stop-R : signaux rendus ; cocher « Urgence de mort » → résultat urgent', E("()=>{const h=document.getElementById('stopr-signals');const bs=[...h.querySelectorAll('input[type=checkbox]')];if(bs.length<5)return false;const r=document.getElementById('stopr-result');const t0=r.textContent;const u=bs.find(x=>x.dataset.alert==='urgent');u.checked=true;u.dispatchEvent(new Event('change',{bubbles:true}));return r.textContent!==t0 && !r.classList.contains('safe')}"))
        ok('🤝 Plan d’Attention Solidaire : cocher une action change le résultat', E("()=>{const h=document.getElementById('support-actions');const bs=[...h.querySelectorAll('input[type=checkbox]')];if(bs.length<3)return false;const r=document.getElementById('support-result');const t0=r.textContent;bs[0].checked=true;bs[0].dispatchEvent(new Event('change',{bubbles:true}));return r.textContent!==t0}"))
        pg.fill('#ami-temoignage #faits', 'Le 3 mars, devant moi, il a crié et jeté un verre.'); pg.fill('#ami-temoignage #nom-victime', 'A.'); pg.wait_for_timeout(100)
        E("()=>tgGenerer()"); pg.wait_for_timeout(400)
        ok('🛡️ Témoignage Guidé : ✍️ Générer produit l’attestation (fonctions tg*, sans window.open à la génération)', E("()=>{const o=document.getElementById('output-box');return o && o.textContent.length>80 && /jeté un verre/.test(o.textContent) && typeof tgReinit==='function' && typeof tgCopier==='function'}"))
        ok('🪜 la fiche « La Cascade des Tabous » à la fin de ⚖️ Éthique : trois marches, la part réfutable, la ligne', E("()=>{const f=document.getElementById('fiche-cascade-tabous');return f && f.closest('.tab-panel').id==='tab-eth' && f.querySelectorAll('.fc-marche').length===3 && /retirer/.test(f.querySelector('.fc-ligne').textContent) && f.querySelectorAll('ol li').length===3}"))
        ok('🧩 Réel séparé : une seule fois (la vue du Repère V6, la section de Profilage ôtée) ; 🏛️ Test institutionnel (Anti-Biais) : boutons oui/non', E("()=>!document.getElementById('outil-reel-separe') && document.querySelectorAll('#p-reel input[type=checkbox]').length>=3 && document.querySelectorAll('#outil-test-inst button[data-v]').length>=4"))
        # ── 💧 ◐ ⛶ zoom
        E("()=>{switchTab('eth');window.scrollTo(0,0)}"); pg.wait_for_timeout(300)
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(400)
        ok('💧 lecture continue : 5 volets déroulés, goutte pleine', E("()=>document.querySelectorAll('#ami-ego .tab-panel.active').length===5 && document.getElementById('amiLecture').getAttribute('aria-pressed')==='true' && getComputedStyle(document.querySelector('#amiLecture svg')).fill!=='none'"))
        E("()=>{document.getElementById('amiLecture').click()}"); pg.wait_for_timeout(300)   # on éteint d'abord
        E("()=>{switchTab('pro');}"); pg.wait_for_timeout(500)
        E("()=>{const s=document.getElementById('tab-pro');window.scrollTo({top:s.getBoundingClientRect().top+window.pageYOffset+600,behavior:'instant'})}"); pg.wait_for_timeout(300)
        _on=E("()=>{let el=null;const tb=document.getElementById('amiPile');const pb=tb&&tb.getBoundingClientRect().bottom>0?tb.getBoundingClientRect().bottom:0;for(const k of [0.3,0.5,0.7,0.9]){el=document.elementFromPoint(innerWidth/2,pb+(innerHeight-pb)*k);if(el&&el.closest('.tab-panel'))break;}el.setAttribute('data-ami-on','1');return el.getBoundingClientRect().top}")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(900)
        ok('💧 allumée depuis un volet du milieu : le point lu ne bouge pas (les volets d’avant s’ouvrent au-dessus sans pousser la lecture) — Diane 19/09 23h40', pg.evaluate("(t)=>{const el=document.querySelector('[data-ami-on]');return Math.abs(el.getBoundingClientRect().top-t)<3}", _on), str(pg.evaluate("(t)=>[document.querySelector('[data-ami-on]').getBoundingClientRect().top,t]", _on)))
        E("()=>{const s=document.getElementById('tab-pro');window.scrollTo({top:s.getBoundingClientRect().top+window.pageYOffset+900,behavior:'instant'})}"); pg.wait_for_timeout(300)
        _anc=E("()=>{let el=null;const tb=document.getElementById('amiPile');const pb=tb&&tb.getBoundingClientRect().bottom>0?tb.getBoundingClientRect().bottom:0;for(const k of [0.3,0.5,0.7,0.9]){el=document.elementFromPoint(innerWidth/2,pb+(innerHeight-pb)*k);if(el&&el.closest('.tab-panel'))break;}document.querySelectorAll('[data-ami-anc]').forEach(e=>e.removeAttribute('data-ami-anc'));el.setAttribute('data-ami-anc','1');return [el.getBoundingClientRect().top, window.pageYOffset, el.closest('.tab-section,.tab-panel').id, el.closest('.tab-section,.tab-panel').getBoundingClientRect().top]}")
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(700)
        ok('💧 recliquée depuis le bas : on reste où on lisait (le volet sous les yeux s’ouvre, le point lu ne bouge pas) — Diane 19/09 23h', pg.evaluate("(a)=>{const el=document.querySelector('[data-ami-anc]');const r=el.getBoundingClientRect();return Math.abs(r.top-a[0])<3 && el.closest('.tab-panel').classList.contains('active') && document.querySelectorAll('#ami-ego .tab-panel.active').length===1}", _anc), str(pg.evaluate("(a)=>{const el=document.querySelector('[data-ami-anc]');return [el.getBoundingClientRect().top,a[0],el.closest('.tab-panel').id,[...document.querySelectorAll('#ami-ego .tab-panel.active')].map(x=>x.id)]}", _anc)))
        E("()=>{switchTab('eth');window.scrollTo(0,0);document.getElementById('amiLecture').click()}"); pg.wait_for_timeout(400)
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(300)
        ok('💧 retour : le volet Éthique seul', E("()=>[...document.querySelectorAll('#ami-ego .tab-panel.active')].map(s=>s.id).join()==='tab-eth'"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        ok('◐ contraste : body.ami-contraste, cercle plein', E("()=>document.body.classList.contains('ami-contraste') && getComputedStyle(document.querySelector('#amiContraste svg circle')).fill!=='none'"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(200)
        ok('💧 à gauche (.5rem) puis ◐ (2.9rem) ; ⛶ à droite', E("()=>{const l=document.getElementById('amiLecture').getBoundingClientRect(),c=document.getElementById('amiContraste').getBoundingClientRect(),p=document.getElementById('amiPlein').getBoundingClientRect();return l.left<c.left && c.left<60 && p.right>innerWidth-60}"))
        pg.click('#amiPlein'); pg.wait_for_timeout(700)
        ok('⛶ plein écran : la racine défile, la barre est dedans, zoom visible, ✕', E("()=>{const fe=document.fullscreenElement;return fe && fe.id==='ami-ego' && getComputedStyle(fe).overflowY==='auto' && fe.contains(document.getElementById('amiBarre')) && getComputedStyle(document.querySelector('.coin-zoom')).display==='flex' && document.getElementById('amiPlein').textContent==='✕'}"))
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(200)
        ok('zoom + : 115 %', E("()=>document.getElementById('amiZoomV').textContent==='115%'"))
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(100)
        pg.click('#amiPlein'); pg.wait_for_timeout(600)
        ok('sortie du plein écran : la barre revient avant la racine', E("()=>!document.fullscreenElement && document.getElementById('amiBarre').nextElementSibling.id==='ami-ego'"))
        # ── ↑ ☰ 🔍 + #prog + la pile qui se replie
        E("()=>{const v=document.querySelector('#ami-ego .tab-panel.active');window.scrollTo({top:v.getBoundingClientRect().top+window.pageYOffset+1200,behavior:'instant'})}"); pg.wait_for_timeout(500)
        ok('↑ paraît après 600 px, ☰ et 🔍 en bas à droite (de bas en haut 🔍 ☰ ↑)', E("()=>{const g=id=>document.getElementById(id).getBoundingClientRect();const r=g('amiRech'),t=g('ami-toc-toggle'),h=g('amiHaut');return !document.getElementById('amiHaut').hidden && r.bottom>t.bottom && t.bottom>h.bottom && r.right>innerWidth-40}"))
        ok('#prog avance en descendant', E("()=>parseFloat(document.getElementById('prog').style.width)>0"))
        E("()=>{const tb=document.getElementById('amiPile');window.scrollTo({top:tb.offsetTop+tb.offsetHeight+400,behavior:'instant'})}"); pg.wait_for_timeout(200)
        E("()=>window.scrollBy(0,60)"); pg.wait_for_timeout(300)
        ok('la pile se replie en descendant : « ⚖️ Éthique ▴ » sous la barre, les onglets ne collent plus', E("()=>{const m=document.getElementById('ami-pile-mini');const r=m.getBoundingClientRect();return document.body.classList.contains('ami-repli') && getComputedStyle(m).display==='flex' && r.height>=40 && r.top<80 && /Éthique/.test(m.textContent) && getComputedStyle(document.getElementById('amiPile')).position==='static'}"))
        E("()=>window.scrollBy(0,-60)"); pg.wait_for_timeout(250)
        ok('remonter de 40 px redéploie les onglets', E("()=>!document.body.classList.contains('ami-repli') && getComputedStyle(document.getElementById('ami-pile-mini')).display==='none' && getComputedStyle(document.getElementById('amiPile')).position==='sticky'"))
        E("()=>window.scrollBy(0,300)"); pg.wait_for_timeout(250)
        E("()=>document.getElementById('ami-pile-mini').click()"); pg.wait_for_timeout(900)
        ok('un tap sur la ligne remonte aux onglets et les redéploie', E("()=>{const tb=document.getElementById('amiPile').getBoundingClientRect();return !document.body.classList.contains('ami-repli') && tb.top>=-2 && tb.top<120}"))
        E("()=>document.getElementById('amiHaut').click()"); pg.wait_for_timeout(1600)
        ok('↑ ramène en haut', E("()=>window.pageYOffset<40"))
        E("()=>document.getElementById('ami-toc-toggle').click()"); pg.wait_for_timeout(300)
        ok('☰ sommaire : 5 onglets, leurs chapitres nommés (≥ 20)', E("()=>!document.getElementById('ami-toc-panel').hidden && document.querySelectorAll('#ami-toc-panel .toc-o').length===5 && document.querySelectorAll('#ami-toc-panel .toc-s a').length>=20 && [...document.querySelectorAll('#ami-toc-panel .toc-s a')].every(a=>a.textContent.length>3)"))
        _n = E("()=>{const as=[...document.querySelectorAll('#ami-toc-panel .toc-s a')];const a=as.find(x=>x.dataset.t==='sem');a.click();return a.dataset.a}"); pg.wait_for_timeout(1200)
        ok('un lien du sommaire ouvre l’onglet ☤ Sémiologie et descend au chapitre, sous la pile', pg.evaluate("(id)=>{const el=document.getElementById(id);const r=el.getBoundingClientRect();return document.getElementById('ami-toc-panel').hidden && document.getElementById('tab-sem').classList.contains('active') && document.querySelector('#ami-ego .tab-btn-custom.active').id==='btn-sem' && r.top>=0 && r.top<innerHeight*0.6}", _n))
        E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(200); pg.fill('#rc-q', 'darvo'); pg.wait_for_timeout(500)
        ok('🔍 « darvo » trouve des passages, groupés par onglet › chapitre', E("()=>document.querySelectorAll('#rc-l .rc-r').length>0 && [...document.querySelectorAll('#rc-l .rc-g')].some(g=>g.textContent.includes('›'))"))
        E("()=>document.querySelector('#rc-l .rc-r').click()"); pg.wait_for_timeout(900)
        ok('un résultat ouvre l’onglet, marque le passage visible', E("()=>{const t=document.querySelector('.ami-trouve');if(!t)return false;const r=t.getBoundingClientRect();return !document.getElementById('ami-rech').classList.contains('on') && r.width>0 && r.top>=0 && r.top<innerHeight && t.closest('.tab-panel').classList.contains('active')}"))
        # ── forme
        ok('reduced-motion écrit ; shieldGleam et pulse sans translation, ≥ 7 s', E("()=>[...document.querySelectorAll('style')].some(s=>/prefers-reduced-motion/.test(s.textContent)) && ![...document.styleSheets].some(ss=>{try{return [...ss.cssRules].some(r=>(r.name==='shieldGleam'||r.name==='pulse') && [...r.cssRules].some(k=>/translate|rotate/.test(k.style.transform)))}catch(e){return false}}) && parseFloat(getComputedStyle(document.querySelector('#ami-ego .couverture'),'::after').animationDuration)>=7"))
        ok('aucun émoji en italique ni en bloc', E("()=>[...document.querySelectorAll('#ami-ego .e')].every(e=>{const cs=getComputedStyle(e);return cs.fontStyle!=='italic' && (cs.display!=='block' || /flex|grid/.test(getComputedStyle(e.parentElement).display))})"))
        ok('sélecteurs nus scopés : le body du document hôte n’est peint que via :has', E("()=>![...document.styleSheets].some(ss=>{try{return [...ss.cssRules].some(r=>r.selectorText && /^(body|h1|h2|h3|p|strong|em)$/.test(r.selectorText.trim()))}catch(e){return false}})"))
        _pl=E("()=>{document.querySelectorAll('#ami-ego .tab-panel').forEach(s=>s.classList.add('active'));let n=0;const out={};const w=document.createTreeWalker(document.getElementById('ami-ego'),NodeFilter.SHOW_TEXT);let t;while((t=w.nextNode())){if(t.textContent.trim().length<2)continue;const el=t.parentElement;if(!el||el.closest('script,style,svg,.ami-barre'))continue;const cs=getComputedStyle(el);if(cs.display==='none')continue;if(parseFloat(cs.fontSize)<11.5){n++;const k=el.tagName+'.'+String(el.className).slice(0,20)+' '+cs.fontSize;out[k]=(out[k]||0)+1}}return n+' '+JSON.stringify(out)}")
        ok('plancher 11,5 px tenu dans la racine (tous volets dépliés)', _pl.startswith('0 '), _pl[:300])
        ok('0 erreur JS', not [e for e in errs if 'ERR_' not in e], str(errs[:2])); pg.close()
    for W in (320, 390, 768, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(800)
        E = lambda js: pg.evaluate(js)
        ok(f'pas de débordement à {W} px (tous volets dépliés, hors rouleaux)', E("()=>{document.querySelectorAll('#ami-ego .tab-panel').forEach(s=>s.classList.add('active'));const w=document.documentElement.clientWidth;let bad=[];document.querySelectorAll('#ami-ego *').forEach(el=>{if(el.closest('svg'))return;let a=el.parentElement,roule=false;while(a&&a!==document.body){const o=getComputedStyle(a).overflowX;if(o==='auto'||o==='scroll'||o==='hidden'){roule=true;break}a=a.parentElement}if(roule)return;const r=el.getBoundingClientRect();if(r.width<1)return;if(r.right>w+1||r.left<-1)bad.push(el.tagName+'.'+String(el.className).slice(0,20))});return bad.length===0 && document.documentElement.scrollWidth<=w}"))
        pg.close()
    b.close()
n = sum(1 for r in R if r[1]); print(f'\n{n} / {len(R)} réussis')
if n < len(R): print('✗ ratés :', [r[0] for r in R if not r[1]])

chaine_ego.shbash chaine_ego.sh15 lignes

Rejoue la chaîne EGO p1 → p5 + p15 'ego' d'un trait (p3_palette ×6 racines, p19, p2_plancher inclus).

set -e -o pipefail
python3 p1_ego.py ego.html ego_p1.html >/dev/null
python3 p2_ego.py ego_p1.html ego_p2.html | tail -2
cp ego_p2.html ego_p3.html
python3 p3_palette.py rapatrier ego_p3.html '#ami-ego' >/dev/null
for r in '#ami-ego' '#ami-consent' '#ami-defenses' '#ami-stopr' '#ami-plan' '#ami-temoignage'; do python3 p3_palette.py repeindre ego_p3.html "$r" >/dev/null; done
python3 p4_ego.py ego_p3.html ego_p4.html | tail -1
python3 ../acc/p19_plein_ecran_v16.py ego_p4.html ego_p4b.html ami-ego >/dev/null
cp ego_p4b.html ego_p5.html
python3 p2_plancher.py ego_p5.html 390 ami-ego 2>&1 | tail -1
python3 p2_plancher.py ego_p5.html 1280 ami-ego 2>&1 | tail -1
python3 p5_ego.py ego_p5.html ego_p6.html | tail -1
cp ego_p6.html 1.1_EGO_Evidence-Engine_aMi_V31.html
python3 ../ini/p15_cadre_webnode.py 1.1_EGO_Evidence-Engine_aMi_V31.html 1.1_EGO_Evidence-Engine_aMi_V31_WEBNODE.html ego

profil.pypython3 profil.py page.html (audit_statique.py + audit_rendu_leger.py à côté)72 lignes

Le profil d'une page en un coup d'œil : identité, coque, onglets, images, liens, palette, orthographes + les lignes qui comptent de l'audit statique et de l'audit au rendu (petits, contrastes, débordements) → profil_page.txt.

# -*- coding: utf-8 -*-
"""Le profil d'une page en un coup d'œil : ce que l'audit statique et l'audit au rendu disent, condensé pour écrire l'audit.
Usage : python3 profil.py page.html  → profil_page.txt (+ as_page.txt, ar_page.txt, audit_rendu_page.json, captures)"""
import re, sys, os, json, html, collections, subprocess, hashlib
SRC = sys.argv[1]; K = os.path.splitext(os.path.basename(SRC))[0]
h = open(SRC, encoding='utf-8').read()
def txt(s): return html.unescape(re.sub(r'<[^>]+>', ' ', s))
out = []
P = out.append
P(f'## {SRC} · {len(h)//1024} Ko · sha {hashlib.sha256(open(SRC,"rb").read()).hexdigest()[:16]}')
P('title: ' + ' | '.join(re.findall(r'<title>(.*?)</title>', h, re.S))[:160])
P('metas ami: ' + str(re.findall(r'<meta name="ami:[^"]+" content="[^"]*"', h)))
P('racines: ' + str(re.findall(r'<(?:div|main|section)[^>]*id="(ami-[^"]+)"', h)[:6]))
P('scripts %d · styles %d · onclick %d · h1 %d · h2 %d · h3 %d · tables %d (.tw %d, table-wrap %d) · svg %d · img %d · iframe %d · video/audio %d' % (
    h.count('<script'), h.count('<style'), h.count('onclick='), h.count('<h1'), h.count('<h2'), h.count('<h3'), h.count('<table'), h.count('class="tw"'), len(re.findall(r'class="[^"]*table-wrap', h)), h.count('<svg'), h.count('<img'), h.count('<iframe'), h.count('<video') + h.count('<audio')))
imgs = re.findall(r'<img[^>]*src="([^"]{0,80})', h); b64 = sum(len(m) for m in re.findall(r'src="data:[^"]+"', h))
P(f'images: base64 total {b64//1024} Ko · sources non-data : {[i for i in imgs if not i.startswith("data:")][:8]}')
P('iframes src: ' + str(re.findall(r'<iframe[^>]*src="([^"]{0,80})', h)[:6]) + ' · srcdoc ' + str(h.count('srcdoc=')))
P('cms.webnode: %d · liens .html locaux: %d %s' % (h.count('cms.webnode'), len(re.findall(r'href="[^"#:]*\.html', h)), sorted(set(re.findall(r'href="([^"#:]*\.html)', h)))[:12]))
P('liens https: ' + str(sorted(set(re.findall(r'href="(https?://[^"/]+)', h)))[:12]))
P('topnav/topbar/bandeau/footer: %s' % [(k, h.count(k)) for k in ['class="topnav', 'ami-topbar', 'ami-bandeau', '<footer', 'ami-barre', 'ami-pied', 'bande-registres', 'amiPile', 'ami-coin', 'emporter']])
P('localStorage %d · postMessage %d · fetch( %d · requestFullscreen %d · position:fixed %d · min-height:100vh %d · reduced-motion %d' % (h.count('localStorage'), h.count('postMessage'), h.count('fetch('), h.count('requestFullscreen'), h.count('position:fixed') + h.count('position: fixed'), h.count('100vh'), h.count('prefers-reduced-motion')))
# tabs
btns = re.findall(r'<button([^>]*)>(.*?)</button>', h, re.S)
cls = collections.Counter()
for a, t in btns:
    m = re.search(r'class="([^"]+)"', a)
    if m: cls[m.group(1).split()[0]] += 1
P('boutons par classe: ' + str(cls.most_common(8)))
tabs = [re.sub(r'\s+', ' ', txt(t)).strip()[:40] for a, t in btns if re.search(r'tab', a)]
P(f'onglets ({len(tabs)}): ' + ' | '.join(tabs[:24]))
# une
i = h.find('<body'); body = h[i:i+40000]
P('début du corps: ' + re.sub(r'\s+', ' ', txt(re.sub(r'<(script|style)\b.*?</\1>', '', re.sub(r'src="data:[^"]+"', '', body), flags=re.S)))[:900])
# h2 list
h2 = [re.sub(r'\s+', ' ', txt(m.group(1))).strip()[:70] for m in re.finditer(r'<h2[^>]*>(.*?)</h2>', h, re.S)]
P(f'h2 ({len(h2)}): ' + ' · '.join(h2[:80]))
# footer text
j = h.rfind('<footer');
if j > 0: P('pied: ' + re.sub(r'\s+', ' ', txt(h[j:h.find('</footer>', j)]))[:500])
# palette vars
P('vars déclarées: ' + str(sorted(set(re.findall(r'(--[a-z][a-z0-9-]*)\s*:', h)))[:40]))
P('hex distincts hors scripts/svg: %d' % len(set(re.findall(r'#[0-9a-fA-F]{6}\b', re.sub(r'<script\b.*?</script>|<svg\b.*?</svg>', '', h, flags=re.S)))))
# orthographes
t = txt(re.sub(r'<(script|style)\b.*?</\1>', '', h, flags=re.S))
P('orthographes: ' + str({k: len(re.findall(r'\b' + k + r'\b', t)) for k in ['Conscience', 'conscience', 'Transmission', 'transmission', 'Réflexion', 'réflexion', 'Cosmologie', 'Cosmogonie', 'Thermocognition', 'Incorporation']}))
P('tutoiements approx: %d · années: %s' % (len(re.findall(r"\btu\b|\bton\b|\bta\b|\btes\b", t)), collections.Counter(re.findall(r'\b(20[12]\d)\b', t)).most_common(6)))
# static audit (summary lines)
sa = subprocess.run(['python3', 'audit_statique.py', SRC], capture_output=True, text=True).stdout
open(f'as_{K}.txt', 'w').write(sa)
keep = [l for l in sa.splitlines() if re.search(r'balises équilibrées|identifiants en double|ancres mortes|variables employées sans|confrontées à la palette|hexadécimaux écrits en dur — (CSS|style)|rgb\(\)/rgba|animations|keyframes|émoji dans une balise|tableaux —|sélecteurs nus|paragraphes .*deux fois|caractères de zone|poids du fichier|racine —|onclick=', l)]
P('--- statique'); out += [l[:420] for l in keep]
# rendered audit
tops = next(('.' + c for c, n in cls.most_common() if 'tab' in c and n >= 2), '.tab-btn')
r = subprocess.run(['timeout', '580', 'python3', 'audit_rendu_leger.py', SRC, tops, tops], capture_output=True, text=True); ar = r.stdout + '\n[stderr]\n' + r.stderr[-800:]
open(f'ar_{K}.txt', 'w').write(ar)
P(f'--- rendu (onglets {tops})')
for l in ar.splitlines():
    if re.search(r'^=== |erreurs JS|^   |contraste|texte <|overflow', l): P(l[:300])
try:
    os.replace('audit_rendu.json', f'audit_rendu_{K}.json')
    d = json.load(open(f'audit_rendu_{K}.json')); w = d['390']['mesures']
    c = collections.Counter((x['tag'][:24], x['fs']) for x in w['petits']); P('petits (390): ' + str(c.most_common(10)))
    c = collections.Counter((x['tag'][:24], x.get('fg'), x.get('bg')) for x in w['texte'] if 'r' in x and x['r'] < x['seuil']); P('contrastes (390): ' + str(c.most_common(8)))
    c = collections.Counter((x['tag'][:24], x['t'][:12]) for x in w['ital']); P('ital: ' + str(c.most_common(6)))
    P('tables débordantes distinctes (390): %d · grilles: %s' % (len(set(x['t'][:40] for x in w['tables'])), collections.Counter(g['cls'] for g in w['grilles']).most_common(5)))
    P('overflow: ' + str({k: (v['overflow']['n'], [e['tag'] for e in v['overflow']['ex'][:4]]) for k, v in d.items()}))
except Exception as e: P('json: ' + str(e))
for f in ['capture_390.png', 'capture_1280.png']:
    if os.path.exists(f): os.replace(f, f'{K}_{f}')
open(f'profil_{K}.txt', 'w').write('\n'.join(out)); print('\n'.join(out))

fiche_cascade.py · p10_apo_cascade.pypython3 p10_apo_cascade.py entree.html sortie.html1 lignes

La fiche « La Cascade des Tabous » en bloc HTML (css(root), html(root, où)) ; entrée dans EGO par p1_ego, dans Apokalypse par p10.

(script absent du dossier outils/)

page_cq.pypage_cq.py315 lignes

Génère cette page depuis etat_chantier.json + referentiel.json et le dossier outils/.

# -*- coding: utf-8 -*-
"""page_cq.py — génère CONTROLE_QUALITE_aMi.html depuis etat_chantier.json et le dossier outils/.
Une page perso, à la charte (onyx, or, Cormorant + Jost, plancher 11,5 px, onglets qui replient), qui tient
l'état du chantier, l'historique, les décisions, les pièges, les mesures et LA BOÎTE À OUTILS — chaque script
lisible et copiable. Usage : python3 page_cq.py [etat_chantier.json] [outils/] [sortie.html] [referentiel.json]"""
import json, sys, os, html
ETAT = sys.argv[1] if len(sys.argv) > 1 else 'etat_chantier.json'
OUTILS = sys.argv[2] if len(sys.argv) > 2 else 'outils'
OUT = sys.argv[3] if len(sys.argv) > 3 else 'CONTROLE_QUALITE_aMi.html'
d = json.load(open(ETAT, encoding='utf-8'))
REF = sys.argv[4] if len(sys.argv) > 4 else 'referentiel.json'
r = json.load(open(REF, encoding='utf-8'))
E = html.escape
STATUT = {'fait': ('✅', 'fait', 'emeraude'), 'en cours': ('🔄', 'en cours', 'ambre'), 'à faire': ('⏳', 'à faire', 'gris'), 'à corriger': ('⚠️', 'à corriger', 'rubis')}

def pages():
    rows = []
    for p in d['pages']:
        em, lab, col = STATUT.get(p['statut'], ('·', p['statut'], 'gris'))
        rows.append(f'<tr><td><span class="em">{em}</span> <span class="st st-{col}">{E(lab)}</span></td><td><b>{E(p["nom"])}</b><br><code>{E(p["fichier"])}</code></td><td>{E(p["version"])}</td><td>{E(p["date"])}</td><td>{E(p["note"])}</td></tr>')
    return '<div class="tw pages-state"><table><colgroup><col class="c-statut"><col class="c-page"><col class="c-version"><col class="c-date"><col class="c-etat"></colgroup><thead><tr><th>Statut</th><th>Page</th><th>Version</th><th>Date</th><th>Où on en est</th></tr></thead><tbody>' + ''.join(rows) + '</tbody></table></div>'

def tests_recherches():
    chemin = os.path.join(OUTILS, 'section_tests_recherches.html')
    if not os.path.exists(chemin):
        return '<section id="tests" hidden><h2>Tests &amp; Recherches</h2><p class="lead">Fragment absent : section_tests_recherches.html.</p></section>'
    return open(chemin, encoding='utf-8').read()

def liste(items, cls=''):
    return f'<ul class="{cls}">' + ''.join(f'<li>{E(x)}</li>' for x in items) + '</ul>'

def historique():
    return '<ol class="hist">' + ''.join(f'<li><span class="hd">{E(h["date"])}</span><span class="hq">{E(h["quoi"])}</span></li>' for h in d['historique']) + '</ol>'

def mesures():
    rows = ''.join(f'<tr><td>{E(m[0])}</td><td>{E(m[1])}</td><td><b>{E(m[2])}</b></td></tr>' for m in d['mesures_03'])
    return '<div class="tw"><table><thead><tr><th>Mesure</th><th>V21 (avant)</th><th>V22 (après)</th></tr></thead><tbody>' + rows + '</tbody></table></div>'

def tag(t):
    return ''.join(f'<span class="tg em">{E(x)}</span>' for x in t.replace('/', ' ').split())
def groupes(gs, cls='chk'):
    out = []
    for g in gs:
        out.append(f'<details class="{cls}" open><summary>{E(g["t"])}</summary><ul>' + ''.join(f'<li>{tag(t)} {E(x)}</li>' for t, x in g['items']) + '</ul></details>')
    return '\n'.join(out)
def legende():
    return '<div class="leg">' + ''.join(f'<span><b class="em">{E(a)}</b> {E(b)} — {E(c)}</span>' for a, b, c in r['legende']) + '</div>'
def registre():
    rows = ''.join(f'<tr><td><span class="em">{E(a["em"])}</span> <b>{E(a["nom"])}</b><br><a href="{E(a["url"])}" rel="noopener" target="_blank"><code>{E(a["url"].replace("https://www.",""))}</code></a></td><td>{E(a["type"])}</td><td><span class="st st-{"emeraude" if a["statut"]=="accessible" else "ambre"}">{E(a["statut"])}</span></td><td>{E(a["quoi"])}</td></tr>' for a in r['applications']['registre'])
    return '<div class="tw"><table><thead><tr><th>Application</th><th>Nature</th><th>Statut</th><th>Ce qu’elle fait</th></tr></thead><tbody>' + rows + '</tbody></table></div>'
def socle():
    return '\n'.join(f'<details class="chk"><summary>{E(g["t"])} <span class="tg-r">{E(g["tag"])}</span></summary><ul>' + ''.join(f'<li>{E(x)}</li>' for x in g['items']) + '</ul></details>' for g in r['applications']['socle'])
def etats():
    return '<ul class="etats">' + ''.join(f'<li><span class="em">{E(a)}</span> <b>{E(b)}</b> — {E(c)}</li>' for a, b, c in r['applications']['etats']) + '</ul>'
def cycle():
    return '<div class="cycle">' + ' <span class="fl">→</span> '.join(f'<span>{E(x)}</span>' for x in r['applications']['cycle']) + '</div>'

def outils():
    out = []
    for nom, usage, quoi in d['outils']:
        chemin = os.path.join(OUTILS, nom)
        if not os.path.exists(chemin) and os.path.exists(nom): chemin = nom
        src = open(chemin, encoding='utf-8').read() if os.path.exists(chemin) else '(script absent du dossier outils/)'
        lignes = src.count('\n') + 1
        out.append(f'''<details class="outil" id="o-{E(nom.replace('.','-'))}">
<summary><span class="on">{E(nom)}</span><span class="ou"><code>{E(usage)}</code></span><span class="ol">{lignes} lignes</span></summary>
<p class="oq">{E(quoi)}</p>
<div class="ob"><button type="button" class="copie" data-cible="c-{E(nom.replace('.','-'))}">⧉ Copier le script</button><span class="etat" aria-live="polite"></span></div>
<pre id="c-{E(nom.replace('.','-'))}"><code>{E(src)}</code></pre>
</details>''')
    return '\n'.join(out)

def tableau(entetes, lignes, gras=None):
    th = ''.join(f'<th>{E(x)}</th>' for x in entetes)
    def cell(i, x):
        if gras is not None and i == gras: return f'<td><b>{E(x)}</b></td>'
        return f'<td>{E(x)}</td>'
    rows = ''.join('<tr>' + ''.join(cell(i, x) for i, x in enumerate(l)) + '</tr>' for l in lignes)
    return f'<div class="tw"><table><thead><tr>{th}</tr></thead><tbody>{rows}</tbody></table></div>'

def publication():
    q = d.get('publication')
    if not q: return '<p class="lead">(pas encore de règle de publication dans etat_chantier.json)</p>'
    return f'''<h2><span class="em">🪟</span>Publier sur Webnode — le Cadre et le Pont</h2>
  <p class="lead">{E(q['intro'])}</p>
  {tableau(["Ce qu'on croyait", "Ce qui a été mesuré", "Verdict"], q['mesures'], 2)}
  <h3>La règle</h3>
  <blockquote class="principe">{E(q['regle'])}</blockquote>
  <h3>Ce que le Pont rebranche (pont_cadre.js)</h3>
  {tableau(['Dans la Page seule', 'Dans le Cadre — ce que fait le Pont'], q['pont'])}
  <h3>Mesuré dans le simulateur</h3>
  {tableau(['Mesure', 'Attendu'], q['simule'], 1)}
  <h3>Vérifier en ligne — sans accès au code du bloc</h3>
  <p class="lead">{E(q['verifier'])}</p>
  {liste(q['checklist'], 'done')}
  <h2><span class="em">◐</span>Les boutons d\'accessibilité — places et états</h2>
  <p class="lead">{E(q['boutons_intro'])}</p>
  {tableau(["Place", "Boutons", "Ce qu'ils décident", "Détail"], q['places'], 1)}
  {tableau(['Bouton', 'Au repos', 'Actif', 'Comment'], q['etats'], 2)}
  {liste(q['boutons_regles'], 'dec')}'''

page = f'''<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="ami:volume" content="atelier"><meta name="ami:version" content="{E(d['mis_a_jour'])}">
<title>🧰 {E(d['titre'])} — {E(d['mis_a_jour'])}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Jost:wght@300;400;500;600&family=Space+Mono&display=swap" rel="stylesheet">
<style>
:root{{--onyx:#09090e;--encre:#111118;--voile:#181826;--nacre:#f2ede2;--or:#ffc545;--or-pale:#ffd06a;--or-somb:#7a611a;--or-rgb:255,197,69;
--gris:#9595a2;--gris-cl:#b0b0bd;--emeraude:#0b8d38;--emeraude-ct:#32b15e;--rubis:#e33232;--rubis-ct:#fe6969;--ambre-ct:#ffd06a;--amethyste:#a04afa;--amethyste-ct:#bb7cfe;--saphir-ct:#7697ee}}
*{{box-sizing:border-box}}
html{{scroll-padding-top:5rem}}
body{{margin:0;background:var(--onyx);color:var(--gris-cl);font:400 1rem/1.65 'Jost',system-ui,sans-serif}}
.em{{font-style:normal;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}}
header{{text-align:center;padding:2.6rem 1.2rem 1.4rem;background:radial-gradient(ellipse at 50% 0%,rgba(var(--or-rgb),.12),transparent 70%)}}
header .k{{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--or)}}
header h1{{font:400 clamp(1.9rem,5vw,3rem)/1.1 'Cormorant Garamond',serif;color:var(--nacre);margin:.3rem 0 .4rem}}
header p{{max-width:44rem;margin:0 auto;font:italic 1.1rem 'Cormorant Garamond',serif;color:var(--gris-cl)}}
header .maj{{margin-top:.8rem;font-size:.78rem;color:var(--gris)}}
nav.tabs{{position:sticky;top:0;z-index:9;display:flex;flex-wrap:wrap;justify-content:center;background:rgba(9,9,14,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--or-somb)}}
nav.tabs button{{flex:1 1 15%;min-width:6.4rem;min-height:44px;padding:.65rem .6rem;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--gris-cl);font:500 .86rem 'Jost',sans-serif;cursor:pointer}}
nav.tabs button .em{{display:block;font-size:1.3rem;line-height:1.2}}
nav.tabs button[aria-selected=true]{{color:var(--or-pale);border-bottom-color:var(--or);background:rgba(var(--or-rgb),.1)}}
nav.tabs button:focus-visible{{outline:2px solid var(--or);outline-offset:-2px}}
.pages-state table{{table-layout:fixed;min-width:68rem}}
.pages-state .c-statut{{width:8%}}.pages-state .c-page{{width:21%}}.pages-state .c-version{{width:10%}}.pages-state .c-date{{width:8%}}.pages-state .c-etat{{width:53%}}
.pages-state td{{overflow-wrap:anywhere}}
nav.subtabs{{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0 0 1.2rem;padding:.45rem;border:1px solid rgba(var(--or-rgb),.18);border-radius:8px;background:var(--encre)}}
nav.subtabs button{{min-height:38px;padding:.45rem .72rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--gris-cl);font:500 .78rem 'Jost',sans-serif;cursor:pointer}}
nav.subtabs button[aria-selected=true]{{color:var(--or-pale);border-color:var(--or-somb);background:rgba(var(--or-rgb),.1)}}
.alerte{{margin:1rem 0;padding:.8rem 1rem;border-left:3px solid var(--ambre-ct);background:var(--encre)}}
.v5-merge .rails{{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}}
.v5-merge .rail,.v5-merge .milestone,.v5-merge .integrated-summary,.v5-merge .embedded,.v5-merge .doc{{background:var(--encre);border:1px solid rgba(var(--or-rgb),.18);border-radius:8px;padding:1rem}}
.v5-merge .rail{{border-left:4px solid var(--saphir-ct)}}.v5-merge .rail-accordage{{border-left-color:var(--emeraude-ct)}}.v5-merge .rail-profileur{{border-left-color:var(--or)}}.v5-merge .rail-table_ronde{{border-left-color:var(--amethyste-ct)}}
.v5-merge .rail-head{{display:flex;gap:.7rem;align-items:flex-start}}.v5-merge .sigil{{display:grid;place-items:center;min-width:42px;height:34px;border:1px solid rgba(var(--or-rgb),.22);background:var(--voile);font-weight:600}}
.v5-merge .rail h2{{font-size:1.2rem;margin:.1rem 0}}.v5-merge .rail h3{{font:500 .72rem 'Jost',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--gris);margin:1rem 0 .25rem}}
.v5-merge dl{{display:flex;gap:1rem;margin:.8rem 0}}.v5-merge dl div{{display:flex;gap:.4rem;min-width:0}}.v5-merge dt{{color:var(--gris)}}.v5-merge dd{{margin:0;font-weight:600;overflow-wrap:anywhere}}
.v5-merge .milestones{{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.6rem;margin:1rem 0}}
.v5-merge .milestone b{{display:block;color:var(--emeraude-ct);font-size:1.25rem}}.v5-merge .milestone span{{color:var(--gris);font-size:.76rem}}
.v5-merge .documents{{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}}.v5-merge .doc-top{{display:flex;justify-content:space-between;gap:.6rem}}.v5-merge .doc-link{{display:inline-block;padding:.35rem .65rem;background:#285f4a;color:#fff;text-decoration:none}}
.v5-merge .embedded{{margin:.7rem 0;padding:0}}.v5-merge .embedded summary{{cursor:pointer;padding:.8rem 1rem;color:var(--or-pale);font-weight:600}}.v5-merge .embedded-content{{padding:.1rem 1rem 1rem;overflow-wrap:anywhere}}
.v5-merge .embedded-table{{overflow-x:auto;border:1px solid rgba(var(--or-rgb),.16);margin:.8rem 0}}.v5-merge .embedded-table table{{min-width:58rem}}
@media(max-width:760px){{.v5-merge .rails,.v5-merge .documents{{grid-template-columns:1fr}}.v5-merge dl{{display:block}}}}
main{{max-width:60rem;margin:0 auto;padding:1.4rem 1rem 4rem}}
section[hidden]{{display:none}}
h2{{font:400 1.8rem/1.15 'Cormorant Garamond',serif;color:var(--or-pale);margin:1.6rem 0 .6rem}}
h2 .em{{margin-right:.3rem}}
p.lead{{font:italic 1.08rem 'Cormorant Garamond',serif;color:var(--gris-cl);max-width:50rem}}
.tw{{overflow-x:auto;border:1px solid rgba(var(--or-rgb),.18);border-radius:10px}}
table{{width:100%;border-collapse:collapse;font-size:.86rem;min-width:40rem}}
th{{text-align:left;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or);background:rgba(var(--or-rgb),.07);padding:.6rem .7rem;border-bottom:1px solid var(--or-somb)}}
td{{padding:.6rem .7rem;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}}
td b{{color:var(--nacre);font-weight:500}}
code{{font-family:'Space Mono',monospace;font-size:.78rem;color:var(--gris)}}
.st{{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}}
.st-emeraude{{color:var(--emeraude-ct)}}.st-ambre{{color:var(--ambre-ct)}}.st-gris{{color:var(--gris)}}.st-rubis{{color:var(--rubis-ct)}}
ul.dec li,ul.pieges li,ul.val li{{margin:.45rem 0 .45rem 0;padding-left:.2rem}}
ul.dec,ul.pieges,ul.val{{padding-left:1.2rem}}
ul.dec li::marker{{color:var(--or)}}ul.pieges li::marker{{color:var(--rubis-ct)}}ul.val li::marker{{color:var(--amethyste-ct)}}
ol.hist{{list-style:none;padding:0;margin:0;border-left:2px solid var(--or-somb)}}
ol.hist li{{position:relative;padding:.2rem 0 .9rem 1.2rem}}
ol.hist li::before{{content:'';position:absolute;left:-6px;top:.55rem;width:10px;height:10px;border-radius:50%;background:var(--or)}}
.hd{{display:block;font-family:'Space Mono',monospace;font-size:.74rem;color:var(--or-pale);letter-spacing:.04em}}
.hq{{display:block;font-size:.92rem}}
details.outil{{border:1px solid rgba(var(--or-rgb),.18);border-radius:10px;margin:.7rem 0;background:var(--encre)}}
details.outil summary{{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;padding:.75rem 1rem;cursor:pointer;list-style:none;min-height:44px}}
details.outil summary::-webkit-details-marker{{display:none}}
details.outil summary::before{{content:'▸';color:var(--or);margin-right:.2rem}}
details.outil[open] summary::before{{content:'▾'}}
.on{{color:var(--nacre);font-weight:500}}
.ou code{{color:var(--or-pale)}}
.ol{{margin-left:auto;font-size:.74rem;color:var(--gris)}}
.oq{{margin:0 1rem .6rem;font-size:.9rem}}
.ob{{display:flex;gap:.8rem;align-items:center;margin:0 1rem .5rem}}
button.copie{{min-height:32px;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--or-somb);background:rgba(255,255,255,.05);color:var(--or);font:500 .8rem 'Jost',sans-serif;cursor:pointer}}
button.copie:hover{{color:var(--or-pale);background:rgba(255,255,255,.1)}}
.etat{{font-size:.78rem;color:var(--emeraude-ct)}}
details.outil pre{{margin:0;padding:1rem;overflow:auto;max-height:70vh;background:var(--onyx);border-top:1px solid rgba(var(--or-rgb),.14);border-radius:0 0 10px 10px;font-family:'Space Mono',monospace;font-size:.74rem;line-height:1.5;color:var(--gris-cl);tab-size:4}}
h3{{font:400 1.35rem/1.2 'Cormorant Garamond',serif;color:var(--nacre);margin:1.4rem 0 .5rem}}
.leg{{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.82rem;color:var(--gris-cl);margin:.4rem 0 1rem}}
.tg{{display:inline-block;min-width:1.4em;text-align:center;margin-right:.1rem}}
.tg-r{{margin-left:auto;font-size:.8rem;color:var(--gris)}}
details.chk{{border:1px solid rgba(var(--or-rgb),.16);border-radius:10px;margin:.5rem 0;background:var(--encre)}}
details.chk summary{{display:flex;gap:.6rem;align-items:baseline;padding:.6rem .9rem;cursor:pointer;list-style:none;color:var(--or-pale);font-weight:500;min-height:44px}}
details.chk summary::-webkit-details-marker{{display:none}}
details.chk summary::before{{content:'▸';color:var(--or)}}
details.chk[open] summary::before{{content:'▾'}}
details.chk ul{{margin:0;padding:0 1rem .7rem 2.2rem;font-size:.9rem}}
details.chk li{{margin:.3rem 0}}
ul.done{{padding-left:1.2rem;columns:2;column-gap:2rem}}
#publier ul.done{{columns:1}}
ul.done li::marker{{content:'✓ ';color:var(--emeraude-ct)}}
@media(max-width:600px){{ul.done{{columns:1}}}}
.cycle{{display:flex;flex-wrap:wrap;gap:.3rem .5rem;align-items:center;font-size:.86rem}}
.cycle span{{padding:.25rem .6rem;border:1px solid rgba(var(--or-rgb),.25);border-radius:999px;background:var(--encre)}}
.cycle .fl{{border:0;background:none;color:var(--or);padding:0}}
ul.etats{{list-style:none;padding:0}}ul.etats li{{margin:.3rem 0}}
blockquote.principe{{margin:1rem 0;padding:.8rem 1.1rem;border-left:3px solid var(--or);background:var(--encre);border-radius:0 10px 10px 0;font:italic 1.05rem 'Cormorant Garamond',serif;color:var(--or-pale)}}
pre.gab{{margin:0 1rem .8rem;padding:.8rem;background:var(--onyx);border-radius:8px;font-family:'Space Mono',monospace;font-size:.74rem;line-height:1.5;color:var(--gris-cl);white-space:pre-wrap}}
a{{color:var(--saphir-ct)}}
footer{{text-align:center;padding:2rem 1rem 3rem;font-size:.78rem;color:var(--gris);border-top:1px solid var(--or-somb)}}
@media(prefers-reduced-motion:reduce){{*{{animation:none!important;transition:none!important}}}}
</style>
</head>
<body>
<header>
  <div class="k">Protocole de ConScience aMi · Atelier</div>
  <h1><span class="em">🧰</span> {E(d['titre'])}</h1>
  <p>{E(d['sous_titre'])}</p>
  <div class="maj">Mis à jour le {E(d['mis_a_jour'])} — généré par <code>page_cq.py</code></div>
</header>
<nav class="tabs" role="tablist" aria-label="Sections">
  <button role="tab" aria-selected="true" data-t="volumes"><span class="em">📚</span>Les Volumes</button>
  <button role="tab" aria-selected="false" data-t="apps"><span class="em">📲</span>Les Applications</button>
  <button role="tab" aria-selected="false" data-t="publier"><span class="em">🪟</span>Publier</button>
  <button role="tab" aria-selected="false" data-t="tests"><span class="em">🧪</span>Tests &amp; Recherches</button>
  <button role="tab" aria-selected="false" data-t="hist"><span class="em">🕰️</span>L'historique</button>
  <button role="tab" aria-selected="false" data-t="outils"><span class="em">🧰</span>La boîte à outils</button>
</nav>
<main>
<section id="volumes">
  <h2><span class="em">🗺️</span>Où en est chaque page</h2>
  <p class="lead">Une page est « faite » quand elle est mesurée au rendu, à 320, 390 et 1280 px, et que chaque commande a été pressée.</p>
  {pages()}
  <h2><span class="em">🧿</span>Le référentiel des Volumes — ce que la Charte demande</h2>
  <p class="lead">{E(r['volumes']['source'])}</p>
  {legende()}
  <h3>§ 3 · Le prompt de contrôle</h3>
  <p class="lead">{E(r['volumes']['prompt']['intro'])}</p>
  {groupes(r['volumes']['prompt']['familles'])}
  <h3>{E(r['volumes']['checklist_page']['titre'])}</h3>
  {groupes(r['volumes']['checklist_page']['groupes'])}
  <h3>{E(r['volumes']['checklist_widget']['titre'])}</h3>
  {groupes(r['volumes']['checklist_widget']['groupes'])}
  <h2><span class="em">⚖️</span>Les décisions — la grille qui s'applique à toutes les pages</h2>
  {liste(d['decisions'], 'dec')}
  <h2><span class="em">📏</span>0.3 L'Union du TouT — avant / après</h2>
  {mesures()}
  <h2><span class="em">🔮</span>Ce qui attend l'avis de Diane</h2>
  {liste(d['a_valider'], 'val')}
  <h2><span class="em">🪤</span>Les pièges rencontrés — à ne pas refaire</h2>
  {liste(d['pieges'], 'pieges')}
</section>
<section id="apps" hidden>
  <h2><span class="em">📲</span>Le registre des Applications</h2>
  <p class="lead">« La Qualité de Nos Décisions dépend de Notre Capacité à Voir Juste. » — <a href="https://www.agdistys.fr/mes-applications" rel="noopener" target="_blank">agdistys.fr/mes-applications</a></p>
  {registre()}
  <h2><span class="em">🧿</span>Le référentiel des Applications — machine · inspection · publication</h2>
  <p class="lead">{E(r['applications']['source'])}</p>
  <blockquote class="principe">{E(r['applications']['principe'])}</blockquote>
  {legende()}
  <h3>Le cycle de vie canonique</h3>
  {cycle()}
  <p class="lead">Aucune fonctionnalité ne passe de « je l'ai codée » à « production » : un critère d'acceptation, au moins un test automatique quand c'est testable, une inspection humaine quand il y a du sens, de l'usage ou de l'esthétique.</p>
  <h3>DONE — seulement si</h3>
  {liste(r['applications']['done'], 'done')}
  <h3>Le socle commun, section par section</h3>
  {socle()}
  <h3>Les états officiels d'un chantier</h3>
  {etats()}
  <h3>Ce que la machine ne doit pas décider</h3>
  {liste(r['applications']['machine_ne_decide_pas'], 'dec')}
  <h3>Les cinq questions de l'Inspectrice des Travaux Finis</h3>
  {liste(r['applications']['cinq_questions'], 'val')}
  <h3>Gabarits</h3>
  <details class="chk"><summary>Fiche d'acceptation par fonctionnalité</summary><pre class="gab">{E(r['applications']['fiche'])}</pre></details>
  <details class="chk"><summary>Procès-verbal automatique de PR</summary><pre class="gab">{E(r['applications']['pv'])}</pre></details>
  <blockquote class="principe">{E(r['applications']['formule'])}</blockquote>
</section>
<section id="publier" hidden>
  {publication()}
</section>
{tests_recherches()}
<section id="hist" hidden>
  <h2><span class="em">🕰️</span>L'historique du chantier</h2>
  {historique()}
</section>
<section id="outils" hidden>
  <h2><span class="em">🧰</span>La boîte à outils</h2>
  <p class="lead">Dans l'ordre où ils se rejouent sur une page. Prérequis : <code>python3</code> et <code>pip install playwright &amp;&amp; playwright install chromium</code>. Chaque script est lisible ici et se copie d'un geste.</p>
  {outils()}
</section>
</main>
<footer>Agdistys · Diane Serant &amp; Claude + Isil · CC BY-SA 4.0 — les fichiers du Mac font foi ; cette page se régénère depuis <code>etat_chantier.json</code>.</footer>
<script>
(function(){{'use strict';
  var tabs=[].slice.call(document.querySelectorAll('nav.tabs button')), secs=[].slice.call(document.querySelectorAll('main > section'));
  function ouvre(k){{ tabs.forEach(function(b){{ var on=b.dataset.t===k; b.setAttribute('aria-selected',on?'true':'false'); }});
    secs.forEach(function(s){{ s.hidden = s.id!==k; }}); try{{ history.replaceState(null,'','#'+k); }}catch(e){{}} }}
  tabs.forEach(function(b){{ b.addEventListener('click',function(){{ ouvre(b.dataset.t); }}); }});
  document.querySelector('nav.tabs').addEventListener('keydown',function(e){{ var i=tabs.indexOf(document.activeElement); if(i<0) return; var j=i;
    if(e.key==='ArrowRight') j=(i+1)%tabs.length; else if(e.key==='ArrowLeft') j=(i-1+tabs.length)%tabs.length; else return; e.preventDefault(); tabs[j].focus(); ouvre(tabs[j].dataset.t); }});
  var h=(location.hash||'').slice(1); if(h==='etat'||h==='dec'||h==='pieges') h='volumes'; if(h && secs.some(function(s){{return s.id===h;}})) ouvre(h);
  else if(h && h.indexOf('o-')===0){{ ouvre('outils'); var d=document.getElementById(h); if(d){{ d.open=true; d.scrollIntoView(); }} }}
  document.querySelectorAll('nav.subtabs').forEach(function(nav){{
    var buttons=[].slice.call(nav.querySelectorAll('button[data-sub]'));
    var panes=buttons.map(function(b){{return document.getElementById(b.dataset.sub);}}).filter(Boolean);
    function openSub(id){{buttons.forEach(function(b){{b.setAttribute('aria-selected',b.dataset.sub===id?'true':'false');}});panes.forEach(function(p){{p.hidden=p.id!==id;}});}}
    buttons.forEach(function(b){{b.addEventListener('click',function(){{openSub(b.dataset.sub);}});}});
  }});
  document.addEventListener('click',function(e){{ var b=e.target.closest&&e.target.closest('button.copie'); if(!b) return;
    var pre=document.getElementById(b.dataset.cible), etat=b.parentNode.querySelector('.etat'), txt=pre?pre.textContent:'';
    function ok(){{ etat.textContent='copié ✓'; setTimeout(function(){{ etat.textContent=''; }},1800); }}
    if(navigator.clipboard&&navigator.clipboard.writeText) navigator.clipboard.writeText(txt).then(ok,function(){{ etat.textContent='sélectionne et copie à la main'; }});
    else {{ var r=document.createRange(); r.selectNodeContents(pre); var s=getSelection(); s.removeAllRanges(); s.addRange(r); etat.textContent='texte sélectionné — ⌘C'; }} }});
}})();
</script>
</body>
</html>'''
open(OUT, 'w', encoding='utf-8').write(page)
print(f'✓ {OUT} — {len(page)//1024} Ko, {len(d["outils"])} outils, {len(d["pages"])} pages, {len(d["historique"])} entrées d\'historique')

p1_et.pypython3 p1_et.py et.html et_p1.html (les six astro_*.html et amiblocs.py à côté)125 lignes

5.3 Astro : les six instruments entrent dans la page. Six documents base64 en blob:/iframe → six BLOCS (une racine chacun, feuille préfixée) ; Astronomy Engine dédupliquée (4 copies → 1, −339 Ko) ; le relais de hauteur postMessage ôté ; les scripts nus enveloppés en IIFE ; les dix identifiants en collision préfixés (HTML, CSS, JS, ancres) ; l'export limité à sa racine ; le dictionnaire sources={…} (968 Ko) et load() ôtés.

# -*- coding: utf-8 -*-
"""P1 · 5.3 Astro · Espace-Temps — LES SIX INSTRUMENTS ENTRENT DANS LA PAGE (Diane, 20/09 : « (b) les entrer en BLOCS »).
Avant : six documents complets encodés en base64 (1 Mo) dans le script, décodés en blob: et servis dans six <iframe> à hauteur
FIXE (760–1200 px) et d'origine opaque — la page ne pouvait pas mesurer leur contenu, donc un instrument de 4 000 px vivait
dans une fenêtre de 1 200 px : un défilement dans le défilement, ingérable au doigt (la frustration du festival). Le 🔍 ne les
indexait pas, le zoom ne les atteignait pas, et un blob: dans le cadre Webnode ne s'affiche pas toujours.
Après : six BLOCS dans la page, une racine chacun (#ami-et-theme…), leur feuille préfixée, plus d'iframe, plus de blob.
  · la bibliothèque Astronomy Engine (113 Ko, md5 6106cfeb97) était copiée QUATRE fois : une seule copie en tête (−339 Ko) ;
  · le relais de hauteur postMessage (époque iframe) ôté des six ;
  · les scripts nus (Ipséïté, Citoyenneté, Village) enveloppés en IIFE : leurs `const root`, `const tabs`, `const FIELDS`
    auraient écrasé les globales de la page ;
  · les dix identifiants en collision préfixés (reset, calculate, export, results, birthDate, birthTime, timezone entre
    instruments ; calendriers-du-monde, glossaire-astrologique, origine-des-signes avec l'hôte), HTML, JS et ancres ;
  · le dictionnaire `sources={…}` (1 Mo de base64) et la fonction load() s'en vont.
Identité : ASTRO en h1 (Espace-Temps en sous-titre), la Question reste sur la une, la Réponse ira en conclusion (P4) ;
métas 5.3 · V15 ; un seul <title> ; « &amp; » affiché en clair sur le portail réparé.
Usage : python3 p1_et.py entree.html sortie.html   (les six astro_*.html et amiblocs.py à côté)"""
import re, sys, base64, hashlib
from amiblocs import prefixe_css
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── les six instruments : clé du cadre → (fichier, racine, préfixe des ids) ───────────────────────────────
INST = [('ipseite',     'astro_space.html',       'ami-et-ipseite',     'ip'),
        ('theme',       'astro_theme.html',       'ami-et-theme',       'tm'),
        ('complement',  'astro_complement.html',  'ami-et-complement',  'cp'),
        ('synastrie',   'astro_synastry.html',    'ami-et-synastrie',   'sy'),
        ('citoyennete', 'astro_citizenship.html', 'ami-et-citoyennete', 'ct'),
        ('village',     'astro_village.html',     'ami-et-village',     'vi')]
MD5_LIB = '6106cfeb97'          # Astronomy Engine © Don Cross (MIT)
MD5_PONT = '639220408c'         # le relais de hauteur de l'époque iframe
COLLISIONS = ['reset', 'calculate', 'export', 'results', 'birthDate', 'birthTime', 'timezone',
              'calendriers-du-monde', 'glossaire-astrologique', 'origine-des-signes']
IIFE = {'ipseite', 'citoyennete', 'village'}   # leurs scripts déclarent des globales génériques

lib = None
blocs = {}
for cle, fichier, racine, pre in INST:
    d = open(fichier, encoding='utf-8').read()
    titre = re.search(r'<title>(.*?)</title>', d, re.S).group(1)
    # 1 · les scripts : la bibliothèque sortie, le pont ôté, les scripts nus enveloppés
    scripts = []
    for m in re.finditer(r'<script\b([^>]*)>(.*?)</script>', d, re.S):
        js, md5 = m.group(2), hashlib.md5(m.group(2).encode()).hexdigest()[:10]
        if md5 == MD5_LIB:
            if lib is None: lib = js
            else: assert hashlib.md5(lib.encode()).hexdigest()[:10] == md5
            continue                       # une seule copie, posée en tête de page
        if md5 == MD5_PONT: continue       # code mort hors iframe
        scripts.append(js)
    d = re.sub(r'<script\b[^>]*>.*?</script>', '', d, flags=re.S)
    # 2 · la feuille, préfixée par la racine
    styles = re.findall(r'<style\b[^>]*>(.*?)</style>', d, re.S)
    css = '\n'.join(prefixe_css(s, '#' + racine) for s in styles)
    # 3 · le corps
    mb = re.search(r'<body[^>]*>', d); corps = d[mb.end():d.rfind('</body>')]
    corps = re.sub(r'<style\b[^>]*>.*?</style>', '', corps, flags=re.S)
    # 4 · les identifiants en collision : HTML, ancres, JS
    n_id = 0
    for i in COLLISIONS:
        if f'id="{i}"' not in corps: continue
        neuf = f'{pre}-{i}'
        corps = corps.replace(f'id="{i}"', f'id="{neuf}"').replace(f'href="#{i}"', f'href="#{neuf}"')
        css = re.sub(r'#' + re.escape(i) + r'(?![\w-])', '#' + neuf, css)
        scripts = [re.sub(r"(['\"])#?" + re.escape(i) + r"\1", lambda m, n=neuf, j=i: m.group(0).replace(j, n), s) for s in scripts]
        n_id += 1
    # 4 bis · les exports : en bloc, « document.documentElement.outerHTML » emporterait la page entière
    n_ex = 0
    for av, ap in [("document.documentElement.outerHTML", f"document.getElementById('{racine}').outerHTML")]:
        scripts = [s2.replace(av, ap) for s2 in scripts]
        n_ex += sum(s2.count(ap) for s2 in scripts)
    if n_ex: J.append(f'{cle} : export limité à sa racine ×{n_ex} (il emportait la page)')
    # 5 · les scripts nus enveloppés
    js = '\n'.join(f"(function(){{'use strict';\n{s}\n}})();" if cle in IIFE else s for s in scripts)
    blocs[cle] = (f'<div id="{racine}" class="ami-et-outil" data-outil="{cle}">\n'
                  f'<style>\n{css}\n</style>\n{corps}\n'
                  f'<script>\n{js}\n</script>\n</div>')
    J.append(f'{cle} : bloc {len(blocs[cle])//1024} Ko · {len(scripts)} script(s){" (IIFE)" if cle in IIFE else ""} · {n_id} id(s) préfixé(s) {pre}- · « {titre[:40]} »')
assert lib, 'bibliothèque Astronomy Engine introuvable'

# ── les six cadres remplacés par les six blocs ────────────────────────────────────────────────────────────
for cle, _, racine, _ in INST:
    m = re.search(r'<iframe class="astro-frame" id="frame-' + cle + r'"[^>]*>\s*</iframe>', h)
    assert m, cle
    h = h[:m.start()] + blocs[cle] + h[m.end():]
J.append('six cadres → six blocs (plus aucun <iframe>)')
assert '<iframe' not in h

# ── le dictionnaire base64 et le chargeur s'en vont ───────────────────────────────────────────────────────
i = h.find('const sources={'); assert i > 0, 'sources'
m = re.search(r"'\};", h[i:]); poids = m.end()
h = h[:i] + h[i + m.end() + 1:]
m = re.search(r"var last=\{\},urls=\{\};\n?function load\(sub\)\{.*?\n\}\n", h, re.S); assert m, 'load()'
h = h[:m.start()] + 'var last={};\n' + h[m.end():]
h, k = re.subn(r'[ \t]*load\([a-z]+\);?\n?', '', h); J.append(f'appels à load() ôtés ×{k}')
# le ménage des blob: à la fermeture (il n'y a plus de blob) — il restait « urls is not defined » à chaque sortie
m = re.search(r"window\.addEventListener\('beforeunload',function\(\)\{Object\.keys\(urls\)[^\n]*?\}\);\n?", h)
assert m, 'le ménage des blob:'
h = h[:m.start()] + h[m.end():]
J.append('le ménage des blob: à la fermeture ôté (il levait « urls is not defined »)')
J.append(f'sources base64 ({poids//1024} Ko) + load() ôtés')
assert 'sources[' not in h and 'atob(' not in h   # les createObjectURL qui restent sont les EXPORTS des instruments (légitimes)

# ── la bibliothèque, une seule fois, avant les blocs ──────────────────────────────────────────────────────
mb = re.search(r'<body[^>]*>\n?', h)
h = (h[:mb.end()] + '<script id="ami-astronomy-engine">\n/* une seule copie pour les quatre instruments (Ipséïté, Thème, '
     'Complémentarité, Synastrie) — elle était écrite quatre fois */\n' + lib + '\n</script>\n' + h[mb.end():])
J.append(f'Astronomy Engine posé une fois ({len(lib)//1024} Ko au lieu de 4 × {len(lib)//1024})')

# ── identité ──────────────────────────────────────────────────────────────────────────────────────────────
rep('<title>🧭⏳ ESPACE-TEMPS · Protocole de ConScience aMi — Volume 5</title>',
    '<title>5.3 Astro · Espace-Temps — Tu Sais Ta Juste Place · Protocole de ConScience aMi</title>\n'
    '<meta name="ami:volume" content="5.3"><meta name="ami:version" content="V17"><meta name="ami:date" content="2026-09-20">',
    1, 'title + métas 5.3 · V15')
rep('&amp;AMP; AVEC LES AUTRES', '& AVEC LES AUTRES', 0, '') if '&amp;AMP;' in h else None
h2, k = re.subn(r'&amp;amp;', '&amp;', h); h = h2
if k: J.append(f'&amp;amp; → &amp; ×{k} (le « &AMP; » affiché en clair)')
open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))
print(f'→ {OUT} · {len(h)//1024} Ko')

p2_et.pypython3 p2_et.py et_p1.html et_p2.html255 lignes

5.3 Astro : le chemin (ASTRO en h1, Espace-Temps en sous-titre, un seul h1), LE DOIGT (feuille ami-doigt posée en DERNIER dans le corps : 44 px, cases 26 px dans une zone de 44, curseurs à pouce de 30, champs ≥ 16 px contre le zoom iOS), les trois sections que le Thème doublait → renvois, polices de la Charte, dérives des étoiles en opacité, reduced-motion sur toute la page, et les littéraux </head>/</body> du gabarit d'export coupés en deux.

# -*- coding: utf-8 -*-
"""P2 · 5.3 Astro · Espace-Temps — LA FORME : le chemin, les doublons, le doigt.

Le chemin (arbitrage de Diane, 20/09) : ASTRO en h1, Espace-Temps en sous-titre ; la Question reste sur la une,
la Réponse ira en conclusion (P4). Un seul h1 dans la page (les sept autres deviennent des h2 qui gardent l'allure).

Les doublons. L'audit du 20/09 annonçait « 13 paragraphes en double — la même série "Pourquoi…" écrite deux
fois » : VÉRIFIÉ ICI, c'est FAUX, et rien n'est ôté. Les treize phrases vivent une fois dans « 🏆 La BioMatrice ·
le Corps » (p.bm-sens) et une fois dans « 🕸️ Les 13 Champs · la Psyché » (p.ev-sens) : deux chapitres, deux volets,
le même pivot amené des deux côtés. À Diane de dire si elle n'en veut qu'un.
Le vrai doublon est ailleurs : l'instrument Thème portait sa propre copie de « D'où viennent les Signes ? »,
« Les Calendriers du Monde » et du « Lexique du Thème » — nécessaire quand il vivait seul dans son cadre. En bloc,
deux d'entre elles tombent dans le MÊME volet que l'introduction commune de la page (« Une Histoire commune avant
les deux Lectures », qui existe justement pour ça) : 51 paragraphes lus deux fois de suite. Les trois copies
s'en vont — SANS renvoi ([stated] Diane, 20/09 : « ça me convient pas d'avoir plein de renvois dans la page ;
soit on présente les parties là où elles sont nommées, soit on les laisse et on laisse le sommaire faire son
travail ») ; l'export du Thème va chercher la version de la page.

Le doigt (Diane : « il faut bien les reprendre pour qu'ils soient compatibles pour mobile car pour l'instant
c'est dur dur ») : dans les six instruments, tout ce qui se touche passe à 44 px de haut, les cases et les curseurs
reçoivent une vraie zone, et AUCUN champ ne descend sous 16 px — sous 16 px, iOS zoome la page à la saisie et
ne la dézoome jamais : c'est la moitié de la misère au doigt.

Le reste (le sûr) : polices Charte (Cormorant/Jost) jusque dans le document exporté, variables déclarées,
les trois dérives (étoiles, orbes) en opacité — elles débordaient la une de 22 px —, deux animations sous 7 s
remises à la règle, reduced-motion étendu à toute la page, accents rendus à « Où la Démocratie Vivante existe déjà ? ».

Note de vérité : les cinq « sélecteurs nus `to{` » signalés par l'audit statique sont les images-clés des
@keyframes (`from{} to{}`) — c'est un faux positif de l'outil, pas une faute de la page. Rien à corriger là.

Usage : python3 p2_et.py entree.html sortie.html
"""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read()
J = []

def rep(old, new, n=1, why=''):
    global h
    c = h.count(old)
    assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new)
    J.append(f'{why or old[:52]} ×{n}')

def subn(pat, new, n, why, flags=0):
    global h
    h2, k = re.subn(pat, new, h, flags=flags)
    assert k == n, f'✗ {why} : {k} remplacement(s), {n} attendu(s)'
    h = h2; J.append(f'{why} ×{k}')

def bloc(h, i, ouvre, ferme):
    """de l'index i (sur la balise ouvrante) jusqu'à sa fermeture équilibrée"""
    d = 0
    for m in re.finditer(re.escape(ouvre) + r'\b|' + re.escape(ferme), h[i:]):
        d += 1 if m.group(0).startswith(ouvre) else -1
        if d == 0: return i, i + m.end()
    raise ValueError(ouvre)

# ══ 1 · LE CHEMIN : ASTRO en h1, Espace-Temps en sous-titre ══════════════════════════════════════════════
rep('<p class="vol-label">Protocole de ConScience aMi — Volume 5</p>',
    '<p class="vol-label">Protocole de ConScience aMi — Volume 5.3</p>', 1, 'vol-label → Volume 5.3')
rep('<div class="couv-glyphes">🧭 ⏳</div>', '<div class="couv-glyphes">💫 🧭 ⏳</div>', 1, 'sceau 💫 sur la une')
rep('<h1 class="couv-h1">ESPACE-TEMPS</h1>',
    '<h1 class="couv-h1">ASTRO</h1>\n  <p class="couv-sous">Espace-Temps</p>', 1, 'h1 ASTRO · sous-titre Espace-Temps')
rep('Intelligences Culturelles · Conscience Universelle',
    'Intelligences Culturelles · ConScience UniVerCelle', 2, 'ConScience UniVerCelle (graphie de la Charte)')

# les sept autres h1 de la page → h2.ami-h1 (le h1 du document exporté, dans le script, n'est pas touché)
sc = [(m.start(), m.end()) for m in re.finditer(r'<script\b.*?</script>', h, re.S)]
dans_script = lambda x: any(a <= x < b for a, b in sc)
coupes = []
for m in re.finditer(r'<h1(\s[^>]*)?>(.*?)</h1>', h, re.S):
    if dans_script(m.start()) or 'couv-h1' in (m.group(1) or ''): continue
    at = (m.group(1) or '').strip()
    cl = re.search(r'class="([^"]*)"', at)
    at = re.sub(r'class="[^"]*"', '', at).strip()
    neuf = f'<h2 class="ami-h1{" " + cl.group(1) if cl else ""}"{" " + at if at else ""}>{m.group(2)}</h2>'
    coupes.append((m.start(), m.end(), neuf))
for a, b, neuf in reversed(coupes): h = h[:a] + neuf + h[b:]
J.append(f'un seul h1 : les {len(coupes)} autres → h2.ami-h1')

# ══ 2 · LES DOUBLONS ═════════════════════════════════════════════════════════════════════════════════════
# 2a · la série « Pourquoi … ? » — VÉRIFIÉE, et l'audit se trompait : ce n'est PAS un collage.
#      Les 13 phrases vivent une fois dans « 🏆 La BioMatrice · le Corps » (p.bm-sens, le substrat biologique)
#      et une fois dans « 🕸️ Les 13 Champs · la Psyché » (p.ev-sens, les cartes de maturation) : deux chapitres,
#      deux volets, le même pivot. Je n'ôte rien : c'est à Diane de dire si elle veut n'en garder qu'un.
occ = [m.start() for m in re.finditer('Pourquoi ressentir ?', h)]
assert len(occ) == 2, f'série « Pourquoi » : {len(occ)} occurrence(s)'
cl = [re.search(r'<p class="([\w-]+)"[^>]*>(?:(?!</p>).)*?Pourquoi ressentir', h[i - 400:i + 40], re.S) for i in occ]
J.append('série « Pourquoi … ? » : VÉRIFIÉ — pas un collage (BioMatrice ' +
         f'{cl[0].group(1) if cl[0] else "?"} / 13 Champs {cl[1].group(1) if cl[1] else "?"}) → rien ôté, à trancher')

# 2b · les trois copies que l'instrument Thème portait pour vivre seul
#      [stated] Diane, 20/09 après-midi : « soit on présente les parties là où elles sont nommées et renvoyées,
#      soit on les laisse là où elles sont et on laisse faire le sommaire son travail, mais ça me convient pas
#      d'avoir plein de renvois dans la page » → les copies s'en vont SANS renvoi. L'introduction commune de la
#      page les porte (deux des trois sont dans le MÊME volet), et le ☰ mène à la troisième.
OTER = ['<div class="zodiac-origins" id="tm-origine-des-signes">',
        '<section class="panel calendar-world" id="tm-calendriers-du-monde">',
        '<section class="panel astro-glossary" id="tm-glossaire-astrologique">']
gagne = 0
for tag in OTER:
    i = h.find(tag); assert i > 0, tag
    ouvre = '<div' if tag.startswith('<div') else '<section'
    a, b = bloc(h, i, ouvre, '</div>' if ouvre == '<div' else '</section>')
    gagne += b - a
    h = h[:a] + h[b:]
J.append(f'Thème : les trois sections qui doublaient la page ôtées, sans renvoi ({gagne // 1024} Ko)')
# l'export du Thème emportait sa propre copie de l'origine des signes : il prend désormais celle de la page
rep("document.getElementById('tm-origine-des-signes')?.outerHTML",
    "document.getElementById('origine-des-signes')?.outerHTML", 1,
    'l’export du Thème lit l’origine des signes de la page (sa copie n’existe plus)')
assert 'tm-origine-des-signes' not in h and 'tm-glossaire-astrologique' not in h and 'tm-calendriers-du-monde' not in h

# le renvoi doit pouvoir changer de volet : le clic délégué s'élargit à tout a[data-goto]
rep("e.target.closest('.ency-som-links a')", "e.target.closest('a[data-goto]')", 1,
    'le clic délégué ouvre le bon volet pour tout renvoi')

# ══ 2 ter · LE GABARIT D'EXPORT NE FAIT PLUS PASSER SA TÊTE POUR CELLE DE LA PAGE ═══════════════════════
# Le script d'export du Thème écrit un document complet dans une chaîne : « </head> », « </body> » y figurent
# en toutes lettres. Tout outil qui cherche la fin de la tête de LA PAGE tombait dessus (et posait sa feuille
# dans la chaîne JS : « Invalid or unexpected token »). On coupe les trois littéraux en deux : le document
# exporté est rigoureusement identique, la page n'a plus qu'une seule tête et un seul corps.
rep("+'</style></head><body><main><", "+'</style></hea'+'d><bo'+'dy><main><", 1,
    'le gabarit d’export ne porte plus « </head><body> » en un seul morceau')
rep("+'</main></body></html>';", "+'</main></bo'+'dy></ht'+'ml>';", 1,
    'ni « </body></html> »')

# ══ 3 · LE DOIGT ═════════════════════════════════════════════════════════════════════════════════════════
DOIGT = """
/* ══ LE DOIGT · les six instruments sont entrés dans la page : leurs commandes passent à la main (P2, 20/09) ══
   Cette feuille est la DERNIÈRE du corps et parle avec autorité : chaque instrument est arrivé avec la sienne,
   et « #ami-et-theme .panel a » l'emporterait sinon sur « #ami-espacetemps a ». Au doigt, c'est elle qui tranche. */
#ami-espacetemps .ami-et-outil button,
#ami-espacetemps .ami-et-outil select,
#ami-espacetemps .ami-et-outil summary,
#ami-espacetemps .ami-et-outil [role=button],
#ami-espacetemps .ami-et-outil input:not([type=checkbox]):not([type=radio]):not([type=range]){
  min-height:44px!important;               /* la pulpe du doigt : 44 px, pas 31 */
  font-size:max(16px,1em)!important;       /* sous 16 px, iOS zoome à la saisie et ne revient jamais */
}
#ami-espacetemps .ami-et-outil input[type=checkbox],
#ami-espacetemps .ami-et-outil input[type=radio]{
  width:26px!important;height:26px!important;min-height:26px!important;flex:0 0 auto;
  accent-color:var(--or,#ffc545);cursor:pointer;margin:0 .1rem;
}
#ami-espacetemps .ami-et-outil label:has(> input[type=checkbox]),
#ami-espacetemps .ami-et-outil label:has(> input[type=radio]),
#ami-espacetemps .ami-et-outil .chk,#ami-espacetemps .ami-et-outil .check{
  min-height:44px!important;display:flex!important;align-items:center;gap:.6rem;
}
#ami-espacetemps .ami-et-outil input[type=range]{
  height:44px!important;min-height:44px!important;background:transparent;
  -webkit-appearance:none;appearance:none;width:100%;
}
#ami-espacetemps .ami-et-outil input[type=range]::-webkit-slider-runnable-track{
  height:6px;border-radius:3px;background:linear-gradient(90deg,var(--or,#ffc545),rgba(255,255,255,.18));
}
#ami-espacetemps .ami-et-outil input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:30px;height:30px;border-radius:50%;margin-top:-12px;
  background:var(--or,#ffc545);border:2px solid rgba(0,0,0,.45);
}
#ami-espacetemps .ami-et-outil input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.22)}
#ami-espacetemps .ami-et-outil input[type=range]::-moz-range-thumb{width:30px;height:30px;border:2px solid rgba(0,0,0,.45);border-radius:50%;background:var(--or,#ffc545)}
/* les liens de sources, en fin de chapitre : ils se touchaient à 12 px de haut */
#ami-espacetemps .ami-et-outil a[href]{display:inline-block;min-height:24px!important;padding-block:.28rem;line-height:1.55}
/* et les commandes de la page elle-même */
#ami-espacetemps .ency-som-links a,
#ami-espacetemps .ency-som-more-btn,
#ami-espacetemps #et-toc-links a,
#ami-espacetemps .ency-som-tab > summary,
#ami-espacetemps .ency-som-group > summary{min-height:32px!important;display:flex;align-items:center;gap:.5rem}
@media (pointer:coarse){
  #ami-espacetemps .ency-som-links a,#ami-espacetemps #et-toc-links a,
  #ami-espacetemps .ency-som-more-btn{min-height:44px!important}
  #ami-espacetemps .ami-et-outil .tab,#ami-espacetemps .ami-et-outil .btn,
  #ami-espacetemps .ami-et-outil .chip{min-height:44px!important}
}


/* ══ UN SEUL h1 : les anciens gardent leur allure ══ */
#ami-espacetemps .ami-h1{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;
  font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.12;margin:0 0 .6rem;
}
#ami-espacetemps .couv-sous{
  font-family:'Jost',system-ui,sans-serif;font-weight:300;letter-spacing:.24em;text-transform:uppercase;
  font-size:clamp(.85rem,2.4vw,1.15rem);color:var(--or-pale,#ffd06a);margin:0 0 .9rem;
}

/* ══ LES VARIABLES QUE LA PAGE LISAIT SANS LES AVOIR (elles vivaient dans les cadres) ══ */
#ami-espacetemps{--cyan:#4ec8b8;--pale:#b3b1a8;--rose:#f56aaf;--stem:#0b8d38}

/* ══ LE REPOS · reduced-motion sur toute la page, pas seulement sur la une ══ */
@media (prefers-reduced-motion:reduce){
  #ami-espacetemps *,#ami-espacetemps *::before,#ami-espacetemps *::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;
  }
}
"""
# elle se pose EN DERNIER dans le corps : les six instruments ont apporté leurs feuilles avec eux et
# « #ami-et-theme .panel a » bat « #ami-espacetemps .ami-renvoi-a » ; le dernier mot au doigt.
# (et pas avant </head> : le gabarit du document exporté écrit lui aussi « </head> » dans une chaîne JS)
i = h.rfind('</body>')
assert i > h.rfind('</script>'), 'le </body> visé n’est pas celui de la page'
h = h[:i] + f'<style id="ami-doigt">{DOIGT}</style>\n' + h[i:]
J.append('feuille « ami-doigt » : 44 px au doigt, champs ≥ 16 px (iOS ne zoome plus), h2.ami-h1, variables, repos')

# ══ 4 · LES POLICES DE LA CHARTE ═════════════════════════════════════════════════════════════════════════
# dans les feuilles (16 fois Georgia, 3 fois system-ui) ; dans le script d'export, SANS guillemets (chaîne JS)
sc = [(m.start(), m.end()) for m in re.finditer(r'<script\b.*?</script>', h, re.S)]
dans_script = lambda x: any(a <= x < b for a, b in sc)
def police(m):
    q = "'" if not dans_script(m.start()) else ''
    return m.group(0).replace('Georgia,serif', f'{q}Cormorant Garamond{q},Georgia,serif')
n1 = 0
def f1(m):
    global n1; n1 += 1; return police(m)
h = re.sub(r'font-family:\s*Georgia,\s*serif', f1, h)
J.append(f'Georgia → Cormorant Garamond ×{n1}')
def f2(m):
    global n2; n2 += 1
    q = "'" if not dans_script(m.start()) else ''
    return m.group(0).replace('system-ui', f'{q}Jost{q},system-ui')
n2 = 0
h = re.sub(r'font-family:\s*system-ui,\s*sans-serif', f2, h)
h = re.sub(r"font:15px/1\.6 system-ui", lambda m: 'font:15px/1.6 Jost,system-ui', h)
J.append(f'system-ui → Jost ×{n2} (+ le document exporté)')

# ══ 5 · LES DÉRIVES QUI DÉBORDAIENT LA UNE ═══════════════════════════════════════════════════════════════
subn(r'@keyframes etStars\{from\{transform:translate3d\(0,0,0\)\}to\{transform:translate3d\(-3%,6%,0\)\}\}',
     '@keyframes etStars{0%,100%{opacity:.55}50%{opacity:1}}', 1,
     'étoiles A : la dérive (elle débordait la une de 22 px) devient une respiration')
subn(r'@keyframes etStarsB\{from\{transform:translate3d\(0,0,0\)\}to\{transform:translate3d\(4%,-5%,0\)\}\}',
     '@keyframes etStarsB{0%,100%{opacity:.5}50%{opacity:.95}}', 1,
     'étoiles B : dérive → respiration')
subn(r'@keyframes etOrbe\{from\{transform:translate\(-50%,-50%\) rotate\(0\)\}to\{transform:translate\(-50%,-50%\) rotate\(360deg\)\}\}',
     '@keyframes etOrbe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.06);opacity:.85}}',
     1, 'orbes : la rotation devient un souffle (opacité/échelle)')
subn(r'animation:pulse 4s', 'animation:pulse 9s', 1, 'pulse 4 s → 9 s (la règle : ≥ 7 s)')
subn(r'animation:etPulse 6s', 'animation:etPulse 9s', 1, 'etPulse 6 s → 9 s')

# ══ 6 · LE RESTE ═════════════════════════════════════════════════════════════════════════════════════════
rep('<h2 class="ami-h1">Où la Democratie Vivante existe deja ?</h2>',
    '<h2 class="ami-h1">Où la Démocratie Vivante existe déjà ?</h2>', 1, 'accents rendus au titre de Citoyenneté')
# le relais de hauteur des cadres : il n'y a plus de cadre
m = re.search(r"window\.addEventListener\('message',function\(e\)\{\n if\(!e\.data\|\|e\.data\.type!=='astroHeight'\)return;.*?\n\}\);\n", h, re.S)
if m:
    h = h[:m.start()] + h[m.end():]
    J.append('le relais de hauteur des cadres ôté (il n’y a plus de cadre)')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))
print(f'→ {OUT} · {len(h) // 1024} Ko')

p3_et.pypython3 p3_et.py et_p2.html et_p3.html (canon.py/couleur.py dans ../verif/verificateur)96 lignes

5.3 Astro : la palette. La page passe aux treize pierres ; les treize pierres + leurs triplets -rgb déclarés une fois ; les cinq instruments reçoivent un PONT (--bg:var(--noir), --gold:var(--or), --cyan:var(--turq-pale)…) sans qu'un seul de leurs sélecteurs change. Inter → Jost.

# -*- coding: utf-8 -*-
"""P3 · 5.3 Astro — LA PALETTE : une seule, celle de la Charte.

La page portait sa palette (un or éteint, #c8a84a) et les six instruments portaient la leur (--bg/--panel/--gold…,
un fond #07070c légèrement différent du #09090e de la page) : sept palettes sur une page. Ici :
  · la page passe aux treize pierres de la Charte (6 sept 2026) — l'or redevient l'ambre #ffc545 ;
  · les six instruments ne changent pas un seul de leurs sélecteurs : ils continuent d'écrire var(--gold),
    var(--panel), var(--cyan)… mais ces noms pointent désormais sur les pierres de la page. Une valeur, un lieu.
  · la page déclare aussi les triplets -rgb : les rgba() des instruments peuvent suivre la pierre.
Ce qui n'est pas une couleur (--r, --wrap, --mini, --score, --phase, --shadow, --grad) n'est pas touché.

Usage : python3 p3_et.py entree.html sortie.html
"""
import re, sys
sys.path.insert(0, '../verif/verificateur')
import canon as K, couleur as C

SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read()
J = []

# ── 1 · la page passe aux pierres ────────────────────────────────────────────────────────────────────────
PIERRE = {  # nom de la page → valeur de la Charte (pierre, niveau)
    '--noir': '#09090e', '--encre': '#111118', '--voile': '#181826', '--nacre': '#f2ede2',
    '--or': '#ffc545', '--or-pale': '#ffd06a', '--or-somb': '#7a611a',
    '--gris': '#9595a2', '--gris-cl': '#b0b0bd',
    '--vert': '#0b8d38', '--vert-cl': '#32b15e',
    '--rubis': '#e33232', '--rubis-cl': '#fe6969',
    '--bleu': '#0077ee', '--bleu-cl': '#7697ee',
    '--fuchsia': '#cf458a', '--fuch-cl': '#f56aaf',
    '--turq': '#009f9d', '--turq-pale': '#31b4b3',
    '--eco': '#cf458a', '--eco-pale': '#f56aaf', '--eco-med': '#be3278',
}
n = 0
def peint(m):
    global n
    k, v = m.group(1), m.group(2).lower()
    if k in PIERRE and v != PIERRE[k]:
        n += 1; return f'{k}:{PIERRE[k]}'
    return m.group(0)
h = re.sub(r'(--[a-z][a-z0-9-]*)\s*:\s*(#[0-9a-fA-F]{6})\b', peint, h)
J.append(f'la page (et l’Ipséïté, qui partage ses noms) repeinte aux pierres ×{n}')

# ── 2 · les treize pierres et leurs triplets, déclarés une fois pour toute la page ────────────────────────
decl = []
for p, trois in K.PALETTE.items():
    for niv, hx in zip(K.NIVEAUX, trois): decl.append(f'--{p}{niv}:{hx}')
    decl.append(f'--{p}-rgb:{",".join(str(x) for x in C.hex2rgb(trois[0]))}')
for hx, nom in K.NEUTRES.items(): decl.append(f'--{nom}:{hx}')
for k, v in PIERRE.items():
    decl.append(f'{k}-rgb:{",".join(str(x) for x in C.hex2rgb(v))}')
PIERRES = '/* ── les treize pierres de la Charte, déclarées ici et nulle part ailleurs (P3, 20/09) ── */\n#ami-espacetemps{' + ';'.join(decl) + '}\n'

# ── 3 · les six instruments portent la palette de la page ────────────────────────────────────────────────
#    (leurs sélecteurs ne bougent pas : seuls les NOMS qu'ils lisent changent de source)
PONT = {
    '--bg': 'var(--noir)', '--panel': 'var(--encre)', '--panel2': 'var(--voile)',
    '--text': 'var(--nacre)', '--muted': 'var(--gris)',
    '--gold': 'var(--or)', '--pale': 'var(--or-pale)', '--accent': 'var(--or)',
    '--cyan': 'var(--turq-pale)', '--blue': 'var(--bleu-cl)', '--pink': 'var(--fuch-cl)',
    '--red': 'var(--rubis-cl)', '--green': 'var(--vert-cl)',
    '--purple': 'var(--amethyste-ct)', '--violet': 'var(--tanzanite-ct)',
    '--line': 'rgba(var(--or-rgb),.19)',
}
RACINES = ['ami-et-theme', 'ami-et-complement', 'ami-et-synastrie', 'ami-et-citoyennete', 'ami-et-village']
ponts = []
for rid in RACINES:
    # on ne ponte que les noms que CET instrument déclare vraiment
    i = h.find(f'<div id="{rid}" class="ami-et-outil"')
    assert i > 0, rid
    d = 0
    for m in re.finditer(r'<div\b|</div>', h[i:]):
        d += 1 if m.group(0) == '<div' else -1
        if d == 0: fin = i + m.end(); break
    seg = h[i:fin]
    siens = set(re.findall(r'(--[a-z][a-z0-9-]*)\s*:', seg))
    paires = [f'{k}:{v}' for k, v in PONT.items() if k in siens]
    ponts.append(f'#{rid}{{' + ';'.join(paires) + '}')
    J.append(f'{rid} : {len(paires)} noms pontés vers les pierres')
PONTS = ('/* ── les six instruments lisent désormais la palette de la page : leurs sélecteurs n’ont pas bougé,\n'
         '      seuls les noms qu’ils interrogent changent de source (P3, 20/09) ── */\n' + '\n'.join(ponts) + '\n')

# ── 4 · les polices restées en Inter ─────────────────────────────────────────────────────────────────────
h2, k = re.subn(r'font:(\s*[^;{}]*?)Inter,\s*system-ui', lambda m: f'font:{m.group(1)}Jost,system-ui', h)
h = h2
if k: J.append(f'Inter → Jost ×{k}')

# ── 5 · on pose les deux feuilles AVANT celle du doigt (elle garde le dernier mot) ────────────────────────
i = h.find('<style id="ami-doigt">')
assert i > 0, 'feuille du doigt introuvable : lance p2 d’abord'
h = h[:i] + f'<style id="ami-palette">\n{PIERRES}{PONTS}</style>\n' + h[i:]

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))
print(f'→ {OUT} · {len(h) // 1024} Ko')

p4_et.pypython3 p4_et.py et_p3.html et_p4.html (../spec/barre_extrait.json + boite_css.txt)458 lignes

5.3 Astro : la coque V16 sur une page qui a déjà sa navigation. La navigation (fermeture) expose window.amiActive/currentSub/currentMain au lieu d'être réécrite ; barre + #prog ; bande ; #amiPile + la pile qui se replie ; conclusion « 💫 Tu Sais Ta Juste Place » ; ◈ Emporter ; pied V16 ; ↑ ☰ 🔍 (la carte et la recherche lisent les noms DANS la page — rien à tenir à jour en double).

# -*- coding: utf-8 -*-
"""P4 · 5.3 Astro · Espace-Temps — L'ANATOMIE DE PAGE (la coque V16).

La page avait déjà sa racine `#ami-espacetemps` et sa propre navigation (4 portails × 17 volets) : on ne la défait pas,
on l'habille. Barre V16 + #prog en tête (data-ici=ami-astro, tiroir fermé) ; bande des registres après la une ;
la navigation entre dans `#amiPile` et se replie en une ligne de 44 px quand on descend ; conclusion « 💫 Tu Sais Ta
Juste Place » (la Réponse — Diane, 20/09 : « Question sur la une, Réponse en conclusion : yes ») ; ◈ Emporter ;
pied V16 (sceau 💫) à la place du pied maison ; coins 💧 ◐ ⛶ zoom à gauche, ↑ ☰ 🔍 à droite — le ◈ Sommaire de la page
(les titres du volet ouvert) reste, il ne dit pas la même chose que le ☰ (la carte des 4 portails et des 17 volets).

La navigation de la page vit dans une fermeture : elle expose ce qu'il faut pour que la boîte à outils la pilote
(window.amiActive, currentSub, currentMain) plutôt que d'être réécrite.

Usage : python3 p4_et.py entree.html sortie.html
"""
import re, sys, json
SRC, OUT = sys.argv[1], sys.argv[2]
d = json.load(open('../spec/barre_extrait.json'))
BOITE_CSS = open('../spec/boite_css.txt', encoding='utf-8').read().replace('#ami-rech{display:none!important}\n', '')
h = open(SRC, encoding='utf-8').read(); J = []
ROOT = '#ami-espacetemps'; RID = 'ami-espacetemps'

def tete(bloc, why):
    """pose un bloc avant le VRAI </head> : le gabarit du document exporté en écrit un autre dans une chaîne JS"""
    global h
    i = h.find('</head>'); assert 0 < i < h.find('<body'), 'le </head> visé n’est pas celui de la page'
    h = h[:i] + bloc + h[i:]; J.append(why)

def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:50]} ×{n}')

# ── 1 · la navigation de la page expose de quoi la piloter ───────────────────────────────────────────────
rep(' var main=MAIN_OF[sub];if(!main)return;last[main]=sub;',
    ' var main=MAIN_OF[sub];if(!main)return;last[main]=sub;window.currentSub=sub;window.currentMain=main;', 1,
    'la navigation dit où elle est (currentSub/currentMain)')
rep("ROOT.querySelectorAll('.grp').forEach(function(b){b.addEventListener('click'",
    "window.amiActive=activate;window.ET_MAIN_OF=MAIN_OF;window.ET_FIRST=FIRST;\n"
    "ROOT.querySelectorAll('.grp').forEach(function(b){b.addEventListener('click'", 1,
    'la navigation s’ouvre à la boîte à outils (window.amiActive)')

# ── 1 bis · LA MÉMOIRE DE L'ONGLET ([stated] Diane, 20/09 : « quand je clique sur un autre onglet alors que
#      j'ai déroulé la page, ça ouvre le nouvel onglet bien en bas, ça va pas ; faudrait la mémoire de l'onglet :
#      il reste là où je suis partie, donc je peux comparer les informations sur 2 pages »).
#      Chaque volet garde sa hauteur de lecture ; on y revient là où on l'a laissé, et la première fois on arrive
#      en haut du volet, sous la pile — jamais « bien en bas ».
rep(" if(scroll&&wrap&&wrap.scrollIntoView)setTimeout(function(){wrap.scrollIntoView({behavior:'smooth',block:'start'})},20);",
    " if(window.amiPoseVolet)setTimeout(function(){window.amiPoseVolet(sub,scroll)},20);\n"
    " else if(scroll&&wrap&&wrap.scrollIntoView)setTimeout(function(){wrap.scrollIntoView({behavior:'smooth',block:'start'})},20);", 1,
    'le volet se repose là où on l’avait laissé (mémoire de l’onglet)')
rep(" var main=MAIN_OF[sub];if(!main)return;last[main]=sub;window.currentSub=sub;window.currentMain=main;",
    " var main=MAIN_OF[sub];if(!main)return;last[main]=sub;\n"
    " if(window.amiNoteVolet)window.amiNoteVolet(window.currentSub,sub);\n"
    " window.currentSub=sub;window.currentMain=main;", 1,
    'la hauteur de lecture du volet qu’on quitte est notée')

# ── 2 · la pile : la navigation collée devient #amiPile ──────────────────────────────────────────────────
m = re.search(r'<nav class="et-nav" id="et-tabs-wrap"[^>]*>', h); assert m, 'et-nav'
d0 = 0
for mm in re.finditer(r'<nav\b|</nav>', h[m.start():]):
    d0 += 1 if mm.group(0) == '<nav' else -1
    if d0 == 0: fin = m.start() + mm.end(); break
h = h[:m.start()] + '<div id="amiPile">\n' + h[m.start():fin] + '\n</div>' + h[fin:]
J.append('#amiPile autour des 4 portails et des 17 volets')

# ── 3 · barre V16 + #prog, avant la racine ───────────────────────────────────────────────────────────────
nav = d['nav'].replace('<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi">',
                       '<nav class="ami-barre" id="amiBarre" aria-label="Architecture du Protocole aMi" data-ici="ami-astro">')
assert nav.count('data-ici') == 1
rep('<div id="ami-espacetemps">', d['prog'] + '\n' + nav + '\n<div id="ami-espacetemps">', 1, 'barre V16 + #prog en tête')

# ── 4 · la bande des registres, après la une ─────────────────────────────────────────────────────────────
bande = d['bande'].replace('href="#s-les-quatre-registres-de-lecture"',
                           'href="https://agdistys.fr/ami-charte" title="Les quatre registres de lecture — définis une fois, dans la Charte de Communication"')
rep('</header>\n<div id="amiPile">', '</header>\n' + bande + '\n<div id="amiPile">', 1, 'bande des registres après la une')

# ── 5 · la conclusion (la Réponse) + ◈ Emporter + le pied V16 ────────────────────────────────────────────
CONCLUSION = '''
<section class="ami-conclusion" aria-labelledby="amiRep">
  <p class="ac-kick">La Réponse du volume</p>
  <h2 class="ami-h1" id="amiRep">💫 Tu Sais Ta Juste Place</h2>
  <p class="ac-lead">La Question de la une demandait&#8239;: <em>Comment Trouver Ma Place dans le Moment Justement&#8239;?</em>
  Le chemin l’a parcourue — 🔭 Observer, 📚 Situer, 🪞 Interpréter, 🧭 Choisir.</p>
  <p class="ac-p">Ta place n’est pas un rang&#8239;: c’est une <strong>position dans un instant</strong>. Le ciel ne la décide pas,
  il la <strong>date</strong>. Les calendriers ne mesurent pas le Temps, ils l’<strong>accordent</strong> — et chaque culture
  l’accorde autrement sans qu’aucune ait tort. Ce que tu portes n’est ni une nature ni un destin&#8239;: c’est une
  <strong>grammaire</strong> que tu peux lire, et une lecture n’a d’autorité que celle que tu lui donnes.</p>
  <p class="ac-p">Alors être au bon moment, ce n’est pas attendre le moment juste&#8239;: c’est <strong>habiter celui-ci</strong>,
  avec ceux qui y sont, sans effacer les Je dans le Nous.</p>
  <p class="ac-sceau">💫 <span>Tu Sais Ta Juste Place pour Être au Bon Moment</span> 🎯</p>
</section>
'''
EMPORTER = '''
<section class="emporter" aria-labelledby="empT">
  <h2 id="empT">◈ Emporter ce volume</h2>
  <p>Il tient en <strong>un seul fichier</strong>&#8239;: une fois téléchargé, <strong>il fonctionne hors ligne</strong> et reste vivant — quatre portails, dix-sept volets, <strong>les six instruments dans la page</strong> (Ipséïté, Thème, Complémentarité, Synastrie, Citoyenneté, Village), lecture continue, contraste, recherche.</p>
  <div class="emp-b">
    <button id="dlHtml" type="button">⬇︎ Export HTML <span id="dlPoids"></span></button>
    <button id="dlPdf" type="button">🖶 PDF imprimable</button>
  </div>
  <p id="dlEtat" class="emp-d" aria-live="polite"></p>
  <p class="emp-d">📅 <span data-ami="version">V17</span> — arrêtée au <span data-ami="date">20 septembre 2026</span>. <em>Les renvois vers l’extérieur peuvent se briser avec le temps&#8239;: vérifie la version en ligne si celle-ci a vieilli.</em></p>
</section>
'''
pied = d['pied']
pied = pied.replace('<div class="ap-sceau" title="🛕 Le sceau du volume">🛕</div>',
                    '<div class="ap-sceau" title="💫 Le sceau du volume">💫</div>')
pied = pied.replace('<p class="ap-titre">Architecture</p>', '<p class="ap-titre">Astro — Espace-Temps</p>')
pied = pied.replace('<p class="ap-vol">Protocole de ConScience aMi · Le Temple — La Vie</p>',
                    '<p class="ap-vol">Protocole de ConScience aMi · Volume <span data-ami="volume">5.3</span> — Tu Sais Ta Juste Place pour Être au Bon Moment</p>')
pied = pied.replace("<p class=\"ap-cit\">Je ne veux pas être crue sur parole au vol,\nje veux être sue sans le moindre bémol.</p>",
                    "<p class=\"ap-cit\">Pour un Ici &amp; Maintenant plus Joli,\nJusqu’à Demain, en Ayant Appris\nLes Leçons d’Hier, Aujourd’hui.</p>")
assert '💫 Le sceau' in pied and 'Astro — Espace-Temps' in pied and 'Volume <span' in pied and 'Leçons d’Hier' in pied

m = re.search(r'<footer class="et-footer">.*?</footer>\s*', h, re.S); assert m, 'pied maison'
h = h[:m.start()] + h[m.end():]
J.append('le pied maison (AGDISTYS · DIANE SERANT & ISIL…) s’en va : sa phrase est déjà sur la une')
i = h.rfind('</main>'); assert i > 0, '</main>'
h = h[:i] + CONCLUSION + EMPORTER + h[i:]
J.append('conclusion « 💫 Tu Sais Ta Juste Place » (la Réponse) + ◈ Emporter, avant la fin de la page')
# le pied V16 se pose JUSTE APRÈS la fermeture de la racine (calculée, pas devinée)
i = h.find('<div id="ami-espacetemps">'); d0 = 0
for mm in re.finditer(r'<div\b|</div>', h[i:]):
    d0 += 1 if mm.group(0) == '<div' else -1
    if d0 == 0: fin = i + mm.end(); break
h = h[:fin] + '\n' + pied + '\n' + h[fin:]
J.append('pied V16 (sceau 💫) posé après la racine')

# ── 5 bis · UN SEUL SOMMAIRE ([stated] Diane, 20/09 : « y'a 2 toc ça va pas » → « on garde le burger charte
#      et on supprime l'autre »). Le ◈ de la page et son panneau s'en vont ; le ☰ de la coque V16 reprend ce
#      qu'il faisait (les titres du volet ouvert) EN PLUS de la carte des 4 portails et des 17 volets.
m = re.search(r'<button type="button" id="et-toc-btn".*?</button>\s*<nav id="et-toc-panel".*?</nav>\s*', h, re.S)
assert m, 'le ◈ de la page'
h = h[:m.start()] + h[m.end():]
J.append('le ◈ de la page ôté : un seul sommaire, le ☰ de la Charte')

# ── 6 · la feuille du composant ──────────────────────────────────────────────────────────────────────────
css = d['css']
css = re.sub(r'(?<![\w.#-])main (\.bande-registres|\.r-heu|\.r-ana|\.r-ess)', ROOT + r' \1', css)
rootvals = ';'.join(f'{k}:{v}' for k, v in d['rootvals'].items() if not v.startswith('4px}'))
feuille = ('<style id="ami-composant">\n/* ── LA BARRE, LE PIED, LES REGISTRES, L’EMPORT — pris à la Charte de Communication V5 ── */\n'
           ':root{' + rootvals + ';--nav-h:0px;--bar-h:0px}\n'
           'html{scroll-padding-top:calc(var(--nav-h) + 1rem)}\n'
           f'{ROOT} .emporter{{max-width:44rem;margin:3rem auto 1rem;padding:1.4rem 1.6rem;background:var(--encre);border:1px solid var(--or-somb);border-radius:14px;text-align:center}}\n'
           f"{ROOT} .emporter h2{{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--or-pale);margin:0 0 .6rem;letter-spacing:0;text-transform:none;border:0;padding:0}}\n"
           f"{ROOT} .emporter p{{color:var(--gris-cl);font-family:'Jost',sans-serif;font-size:.95rem;line-height:1.7;margin:.4rem auto;max-width:60ch}}\n"
           f"{ROOT} .emporter p strong{{color:var(--nacre);font-weight:500;font-size:inherit}}\n"
           f"{ROOT} .emporter .emp-b{{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .4rem}}\n"
           f"{ROOT} .emporter .emp-b button{{font-family:'Jost',sans-serif;font-size:.95rem;color:var(--or);background:rgba(255,255,255,.05);border:1px solid var(--or-somb);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;min-height:44px}}\n"
           f"{ROOT} .emporter .emp-b button:hover{{background:rgba(255,255,255,.1);color:var(--or-pale)}}\n"
           f"{ROOT} .emporter .emp-d{{font-size:.86rem;color:var(--gris)}}\n{ROOT} .emporter [data-ami]{{color:var(--or-pale);font-size:inherit}}\n"
           f'{ROOT} .bande-registres{{margin:1.2rem auto 0}}\n'
           f'{ROOT} #amiPile{{position:sticky;top:var(--nav-h,0px);z-index:100;background:var(--voile)}}\n'
           f'{ROOT} .et-nav{{position:static;top:auto}}\n'
           # ── la conclusion
           f'{ROOT} .ami-conclusion{{max-width:46rem;margin:3.4rem auto 1rem;padding:1.8rem 1.6rem;border:1px solid var(--or-somb);border-radius:16px;'
           'background:radial-gradient(circle at 50% 0,rgba(var(--or-rgb),.07),transparent 22rem),var(--encre);text-align:center}\n'
           f"{ROOT} .ami-conclusion .ac-kick{{font-family:'Jost',sans-serif;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--or-somb);margin:0 0 .6rem}}\n"
           f'{ROOT} .ami-conclusion .ami-h1{{color:var(--or-pale);margin:0 0 1rem}}\n'
           f"{ROOT} .ami-conclusion .ac-lead{{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.22rem;line-height:1.7;color:var(--nacre);margin:0 auto 1rem;max-width:52ch}}\n"
           f"{ROOT} .ami-conclusion .ac-p{{font-family:'Jost',sans-serif;font-size:1rem;line-height:1.8;color:var(--gris-cl);margin:0 auto .9rem;max-width:56ch;text-align:left}}\n"
           f'{ROOT} .ami-conclusion .ac-p strong{{color:var(--nacre);font-weight:500}}\n'
           f"{ROOT} .ami-conclusion .ac-sceau{{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--or);margin:1.4rem 0 0;line-height:1.5}}\n"
           f'{ROOT} .ami-conclusion .ac-sceau span{{color:var(--or-pale)}}\n'
           # ── la signature de la une garde ses majuscules internes (ConScience UniVerCelle)
           f'{ROOT} .couv-inner .sig{{text-transform:none;letter-spacing:.12em}}\n'
           + css + '\n</style>\n')
assert '*{margin:0' not in feuille
tete(feuille, 'feuille du composant')

# ── 7 · les scripts du composant (barre, 💧 ◐ ⛶ zoom, Emporter) ──────────────────────────────────────────
js = d['js_barre'].replace("document.getElementById('ami-charte')||document.body", f"document.getElementById('{RID}')||document.body")
# ce que le composant faisait pour la Charte (ses onglets .ong/.pan) n'a pas de sens ici : la page a sa navigation
js = js.replace("""   var ongs=d.querySelectorAll('.ong');
   ongs.forEach(function(o,i){ o.classList.toggle('on', i===0);
     o.setAttribute('aria-selected', i===0?'true':'false'); });
   d.querySelectorAll('.pan').forEach(function(p,i){ p.hidden = i!==0; });
   d.querySelectorAll('.sbar').forEach(function(s,i){ s.hidden = true; });
   d.querySelectorAll('.sog').forEach(function(o,i){ o.classList.toggle('on', i===0); });
   d.querySelectorAll('#tv > .pane').forEach(function(p,i){
     p.classList.toggle('on', i===0); });""",
"""   /* l'export part du premier volet, pile dépliée, comme une page neuve */
   d.querySelectorAll('.et-pane').forEach(function(p){ p.classList.toggle('active', p.id==='pane-inconcevable'); });
   d.querySelectorAll('.subbar').forEach(function(s){ s.classList.toggle('active', s.getAttribute('data-subs')==='evolution'); });
   d.querySelectorAll('.grp').forEach(function(b){ b.classList.toggle('active', b.getAttribute('data-main')==='evolution'); });
   var mini=d.querySelector('#ami-pile-mini'); if(mini) mini.remove(); d.querySelector('body').classList.remove('ami-repli');""")
assert "'.et-pane').forEach" in js
js = js.replace("""    if(a){ a.classList.add('ici');
      deplie(true,false);
      var p=N.querySelector('.porte[data-c="foret"]'); if(p) pose(p,true);
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }""", """    if(a){ a.classList.add('ici');
      /* la page se marque, mais n'ouvre plus le tiroir toute seule (Diane, 17 sept) */
      var t=a.closest('.vols'), c=t&&N.querySelector('button.m[data-p="'+t.dataset.p+'"]');
      if(c){ c.classList.add('on'); t.classList.add('on'); }
    }"""); assert "n'ouvre plus le tiroir" in js
js = js.replace("a.download='Charte_Communication_aMi_'+(window.__amiV||'')+'.html';",
                "a.download='5.3_ASTRO_Espace-Temps_aMi_'+(window.__amiV||'')+'.html';"); assert '5.3_ASTRO' in js

shim = f"""
/* ── CE QUE LE VOLUME ÉCOUTE : la lecture continue (les 17 volets déroulés) ── */
(function(){{'use strict';
  var R=document.getElementById('{RID}'); if(!R) return; var memo=null;
  /* la règle du 💧 (Diane, 19/09) : allumer OU éteindre la lecture continue ne bouge pas ce qu'on lit —
     on note le point sous les yeux (sondé SOUS la pile collée), et on lui rend sa hauteur après, dans les deux sens */
  function ancre(){{ var cs=getComputedStyle(document.documentElement), vt=parseFloat(cs.getPropertyValue('--vue-top'))||0, vh=parseFloat(cs.getPropertyValue('--vue-h'))||window.innerHeight;
    var pb=0, tb=document.getElementById('amiPile')||document.getElementById('ami-pile-mini'); if(tb){{ var rb=tb.getBoundingClientRect(); if(rb.bottom>0&&rb.bottom<vh*0.9) pb=rb.bottom; }}
    var el=null, sec=null, ks=[0.3,0.5,0.7,0.9,0.15];
    for(var q=0;q<ks.length&&!sec;q++){{ el=document.elementFromPoint(window.innerWidth/2, vt+pb+(vh-pb)*ks[q]); sec=el&&el.closest('#{RID} .et-pane'); }}
    return {{el:el, sec:sec, top:el?el.getBoundingClientRect().top:0, stop:sec?sec.getBoundingClientRect().top:0}}; }}
  function rends(a){{ if(!a.el) return; function pose(){{ var dd = a.el.isConnected ? a.el.getBoundingClientRect().top-a.top : (a.sec&&a.sec.isConnected ? a.sec.getBoundingClientRect().top-a.stop : 0); if(Math.abs(dd)>1) window.scrollTo({{top:Math.max(0,window.pageYOffset+dd), behavior:'instant'}}); }}
    pose();
    if(document.documentElement.classList.contains('i-cadre-fil')) [200,700,1300,2000].forEach(function(t){{ setTimeout(pose,t); }}); }}
  document.addEventListener('ami:lecture',function(e){{
    var on=e.detail&&e.detail.actif;
    if(on){{ memo=window.currentSub||'inconcevable'; var a=ancre(); R.querySelectorAll('.et-pane').forEach(function(p){{ p.classList.add('active'); }}); R.classList.add('lecture'); rends(a); }}
    else {{ R.classList.remove('lecture'); var a=ancre(); var cible=a.sec?a.sec.id.replace('pane-',''):memo;
      window.__amiSansSaut=true; try{{ if(cible&&window.amiActive) window.amiActive(cible,false); }} finally {{ setTimeout(function(){{ window.__amiSansSaut=false; }},400); }}
      rends(a); }}
  }});
}})();
/* ── LA BARRE DE PROGRESSION — elle mesure le volet ouvert ── */
(function(){{'use strict';
  var prog=document.getElementById('prog'), R=document.getElementById('{RID}'); if(!prog||!R) return;
  function pile(){{ var n=document.querySelector('.ami-barre'); return n?Math.min(n.getBoundingClientRect().height,144):0; }}
  function volet(){{ if(R.classList.contains('lecture')) return R; return R.querySelector('.et-pane.active')||R; }}
  function avance(){{ var v=volet(), r=v.getBoundingClientRect(), y=window.pageYOffset, debut=r.top+y-pile(), fin=r.bottom+y-window.innerHeight, course=fin-debut,
      p=course>4 ? (y-debut)/course : (r.bottom<=window.innerHeight?1:0); prog.style.width=(Math.max(0,Math.min(1,p))*100).toFixed(2)+'%'; }}
  window.addEventListener('scroll',avance,{{passive:true}}); window.addEventListener('resize',avance);
  document.addEventListener('click',function(e){{ if(e.target.closest&&e.target.closest('.grp,.subbar button,#amiLecture,#amiPlein,[data-act]')) setTimeout(avance,90); }},true);
  document.addEventListener('ami:lecture',function(){{ setTimeout(avance,90); }}); avance();
}})();
"""

contraste = f"""
<style id="ami-contraste">
/* ── ◐ LE CONTRASTE ÉLEVÉ : chaque encre monte à son niveau -ct ── */
body.ami-contraste {ROOT},body.ami-contraste{{--or:var(--ambre-ct);--or-pale:#ffe2a3;--gris:#c0c0cf;--gris-cl:#d6d6e0;--nacre:#ffffff;--or-somb:#b09030;
  --vert:var(--emeraude-ct);--vert-cl:#7fe0a0;--rubis:var(--rubis-ct);--rubis-cl:#ff9a9a;--bleu:var(--saphir-ct);--bleu-cl:#a9c3ff;--fuchsia:var(--grenat-ct);--fuch-cl:#ffb3dd;--turq:var(--amazonite-ct);--turq-pale:#9fe8e6}}
body.ami-contraste {ROOT}{{font-weight:400}}
body.ami-contraste {ROOT} em{{font-style:normal}}
</style>
"""

# ── 8 · les coins et la boîte à outils ───────────────────────────────────────────────────────────────────
coins = '''
<button class="ami-coin h" id="amiHaut" type="button" hidden aria-label="Revenir en haut" title="↑ Revenir en haut">↑</button>
<button class="ami-coin d3" id="ami-toc-toggle" type="button" aria-expanded="false" aria-controls="ami-toc-panel" aria-label="Carte du volume" title="☰ Les quatre portails et les dix-sept volets">☰</button>
<div id="ami-toc-panel" class="ami-toc" hidden role="dialog" aria-label="Carte du volume"></div>
<button class="ami-coin r" id="amiRech" type="button" aria-label="Rechercher" title="Chercher dans le volume (Ctrl+F)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></button>
<div id="ami-rech" role="dialog" aria-modal="true" aria-label="Rechercher dans le volume">
  <div class="rc-b">
    <div class="rc-h"><span class="rc-loupe"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" style="width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/></svg></span>
      <input type="search" id="rc-q" placeholder="Chercher dans les dix-sept volets…" autocomplete="off" spellcheck="false" aria-label="Chercher">
      <span class="rc-n" id="rc-n"></span>
      <button class="rc-x" type="button" id="rc-x" aria-label="Fermer">✕</button></div>
    <div class="rc-l" id="rc-l" role="listbox"></div>
  </div>
</div>
'''

boite_js = r'''
<script id="ami-boite-js">
/* ── LA BOÎTE À OUTILS : ↑ Haut · ☰ la carte (4 portails → 17 volets) · 🔍 la recherche (elle indexe la racine,
   les six instruments compris — ils sont dans la page maintenant — et ouvre le bon volet avant de sauter). ── */
(function(){'use strict';
 var R=document.getElementById('ami-espacetemps'); if(!R) return;
 var H=document.getElementById('amiHaut');
 if(H){ var suit=function(){ H.hidden = window.pageYOffset < 600; }; window.addEventListener('scroll',suit,{passive:true}); suit();
   H.addEventListener('click',function(){ window.scrollTo({top:0,behavior:'smooth'}); }); }
 /* les noms se lisent dans la page elle-même : rien à tenir à jour en double */
 function nomGroupe(g){ var b=R.querySelector('.grp[data-main="'+g+'"]'); if(!b) return g;
   var e=b.querySelector('.grp-em'), l=b.querySelector('.grp-lbl'); return (e?e.textContent.trim()+' ':'')+(l?l.textContent.trim():g); }
 function nomChap(s){ var b=R.querySelector('.subbar button[data-sub="'+s+'"]'); if(!b) return s;
   var e=b.querySelector('.sb-em'); return e ? (e.textContent.trim()+' '+b.textContent.replace(e.textContent,'').trim()) : b.textContent.trim(); }
 function groupeDe(s){ var M=window.ET_MAIN_OF||{}; return M[s]||null; }
 function ordreGroupes(){ return [].slice.call(R.querySelectorAll('.grp')).map(function(b){ return b.getAttribute('data-main'); }); }
 function voletsDe(g){ return [].slice.call(R.querySelectorAll('.subbar[data-subs="'+g+'"] button')).map(function(b){ return b.getAttribute('data-sub'); }); }
 function pile(yDoc){ var p=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0;
   var tb=document.getElementById('amiPile'); if(!tb) return p;
   var b=R.querySelector('.bande-registres')||R.querySelector('.couverture'), h0=0;
   if(b){ var rb=b.getBoundingClientRect(); h0=rb.bottom+window.pageYOffset; } else h0=tb.offsetTop;
   var repli = (yDoc!==undefined) ? (yDoc > h0 + tb.offsetHeight + 160) : document.body.classList.contains('ami-repli');
   return p + (repli ? 44 : tb.offsetHeight); }
 function va(sub, apres){ if(window.amiActive) window.amiActive(sub,false);
   setTimeout(function(){ var el=document.getElementById('pane-'+sub); if(el){ var yd=el.getBoundingClientRect().top+window.pageYOffset; window.scrollTo({top:Math.max(0,yd-pile(yd)-8),behavior:'smooth'}); } if(apres) apres(); },160); }
 /* ☰ la carte */
 var T=document.getElementById('ami-toc-toggle'), P=document.getElementById('ami-toc-panel');
 /* le ☰ dit DEUX choses : la carte du volume (4 portails → 17 volets) et, dépliés, les titres du volet ouvert
    — c'est l'ancien ◈ de la page, entré ici (Diane, 20/09 : « y'a 2 toc ça va pas ») */
 function esc2(s){ return String(s).replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];}); }
 function titresDuVolet(sub){ var pane=document.getElementById('pane-'+sub); if(!pane) return [];
   return [].slice.call(pane.querySelectorAll('h2,h3')).filter(function(t){ return t.offsetParent!==null && t.textContent.trim().length>1 && !t.closest('.ami-conclusion,.emporter'); })
     .map(function(t,n){ if(!t.id) t.id='et-t-'+sub+'-'+n; return {id:t.id, txt:t.textContent.trim(), p:t.tagName==='H3'}; }); }
 function batiToc(){ var ici=window.currentSub;
   var html='<div class="toc-h"><span>☰ Sommaire</span><button type="button" class="toc-x" aria-label="Fermer">✕</button></div>';
   var ts=titresDuVolet(ici);
   if(ts.length){ html+='<div class="toc-ici"><span class="toc-ici-t">Dans ce volet — '+esc2(nomChap(ici))+'</span><div class="toc-s">';
     ts.forEach(function(t){ html+='<a href="#'+t.id+'" data-h="'+t.id+'"'+(t.p?' class="lvl3"':'')+'>'+esc2(t.txt)+'</a>'; });
     html+='</div></div>'; }
   html+='<div class="toc-carte-t">La carte du volume</div>';
   ordreGroupes().forEach(function(g){ html+='<button type="button" class="toc-o" data-t="'+voletsDe(g)[0]+'">'+nomGroupe(g)+'</button><div class="toc-s">';
     voletsDe(g).forEach(function(s){ html+='<a href="#pane-'+s+'" data-t="'+s+'"'+(s===ici?' class="ici"':'')+'>'+esc2(nomChap(s))+'</a>'; }); html+='</div>'; });
   P.innerHTML=html;
   P.querySelector('.toc-x').addEventListener('click',fermeToc);
   P.querySelectorAll('.toc-o,.toc-s a[data-t]').forEach(function(b){ b.addEventListener('click',function(e){ e.preventDefault(); fermeToc(); va(b.dataset.t); }); });
   P.querySelectorAll('a[data-h]').forEach(function(a){ a.addEventListener('click',function(e){ e.preventDefault(); fermeToc();
     var el=document.getElementById(a.dataset.h); if(!el) return;
     var yd=el.getBoundingClientRect().top+window.pageYOffset; window.scrollTo({top:Math.max(0,yd-pile(yd)-12),behavior:'smooth'}); }); }); }
 function ouvreToc(){ batiToc(); P.hidden=false; T.setAttribute('aria-expanded','true'); }
 function fermeToc(){ P.hidden=true; T.setAttribute('aria-expanded','false'); }
 if(T&&P){ T.addEventListener('click',function(){ P.hidden?ouvreToc():fermeToc(); }); document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&!P.hidden) fermeToc(); }); }
 /* 🔍 la recherche */
 var B=document.getElementById('amiRech'), D=document.getElementById('ami-rech'), Q=document.getElementById('rc-q'), L=document.getElementById('rc-l'), N=document.getElementById('rc-n'), X=document.getElementById('rc-x');
 if(!B||!D) return;
 var IDX=null, RES=[], SEL=-1;
 function bati(){ IDX=[];
   var w=document.createTreeWalker(R,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT), n, chap='';
   while((n=w.nextNode())){
     if(n.nodeType===1){ if(n.tagName==='H2'||n.tagName==='H3'){ chap=n.textContent.trim(); } continue; }
     var s=n.textContent.replace(/\s+/g,' ').trim(); if(s.length<3) continue;
     var p=n.parentElement; if(!p||p.closest('script,style,svg,#ami-rech,#ami-toc-panel,#amiPile,#ami-pile-mini,.ami-barre,.ami-pied,.emporter,button,select,option')) continue;
     var sec=p.closest('.et-pane'); IDX.push({t:s, tl:s.toLowerCase(), el:p, id:sec?sec.id.replace('pane-',''):null, chap:chap}); } }
 function esc(s){ return s.replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];}); }
 function cherche(q){ q=q.trim().toLowerCase(); L.innerHTML=''; RES=[]; SEL=-1;
   if(q.length<2){ N.textContent=''; L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; return; }
   if(!IDX) bati();
   var vus={}, par={}, ordre=[];
   IDX.forEach(function(e){ var i=e.tl.indexOf(q); if(i<0) return; var k=(e.id||'')+'|'+e.chap+'|'+e.t.slice(0,60); if(vus[k]) return; vus[k]=1;
     var g=e.id?(nomGroupe(groupeDe(e.id))+' › '+nomChap(e.id)):'—'; if(!par[g]){par[g]=[];ordre.push(g);} if(par[g].length<40) par[g].push({e:e,i:i}); });
   var tot=0; ordre.forEach(function(g){ tot+=par[g].length; });
   N.textContent = tot? tot+(tot>1?' passages':' passage') : 'rien';
   if(!tot){ L.innerHTML='<div class="rc-v">Rien pour « '+esc(q)+' ».</div>'; return; }
   ordre.forEach(function(g){ var dv=document.createElement('div'); dv.className='rc-g'; dv.textContent=g; L.appendChild(dv);
     par[g].forEach(function(r){ var b=document.createElement('button'); b.type='button'; b.className='rc-r'; b.setAttribute('role','option');
       var a=Math.max(0,r.i-46), z=Math.min(r.e.t.length,r.i+q.length+70);
       b.innerHTML=(a?'…':'')+esc(r.e.t.slice(a,r.i))+'<mark>'+esc(r.e.t.slice(r.i,r.i+q.length))+'</mark>'+esc(r.e.t.slice(r.i+q.length,z))+(z<r.e.t.length?'…':'')+(r.e.chap?'<span class="rc-c">'+esc(r.e.chap)+'</span>':'');
       b.dataset.k=RES.length; RES.push(r.e); b.addEventListener('click',function(){ saute(+b.dataset.k); }); L.appendChild(b); }); }); }
 function saute(k){ var e=RES[k]; if(!e) return; ferme();
   if(e.id&&window.currentSub!==e.id&&window.amiActive) window.amiActive(e.id,false);
   setTimeout(function(){ var cible=e.el.closest('p,li,td,th,h1,h2,h3,h4,blockquote,figure,div')||e.el;
     var yd=cible.getBoundingClientRect().top+window.pageYOffset; window.scrollTo({top:Math.max(0,yd-pile(yd)-64),behavior:'smooth'});
     cible.classList.remove('ami-trouve'); void cible.offsetWidth; cible.classList.add('ami-trouve'); setTimeout(function(){cible.classList.remove('ami-trouve');},2600); },220); }
 function ouvre(){ D.classList.add('on'); B.setAttribute('aria-pressed','true'); Q.value=''; Q.focus(); L.innerHTML='<div class="rc-v">Deux lettres au moins.</div>'; N.textContent=''; }
 function ferme(){ D.classList.remove('on'); B.setAttribute('aria-pressed','false'); }
 X.addEventListener('click',ferme); D.addEventListener('click',function(e){ if(e.target===D) ferme(); });
 var tm=null; Q.addEventListener('input',function(){ clearTimeout(tm); tm=setTimeout(function(){ cherche(Q.value); },140); });
 Q.addEventListener('keydown',function(e){ var bs=L.querySelectorAll('.rc-r');
   if(e.key==='ArrowDown'||e.key==='ArrowUp'){ e.preventDefault(); if(!bs.length) return; SEL=Math.max(0,Math.min(bs.length-1,SEL+(e.key==='ArrowDown'?1:-1))); bs.forEach(function(b2,i){b2.classList.toggle('sel',i===SEL);}); bs[SEL].scrollIntoView({block:'nearest'}); }
   else if(e.key==='Enter'){ e.preventDefault(); saute(SEL>=0?SEL:0); } else if(e.key==='Escape'){ ferme(); } });
 addEventListener('keydown',function(e){ if((e.ctrlKey||e.metaKey)&&(e.key==='f'||e.key==='F')){ e.preventDefault(); ouvre(); } else if(e.key==='Escape'&&D.classList.contains('on')) ferme(); });
 B.addEventListener('click',ouvre);
})();
</script>
<script id="ami-volet-memoire">
/* ── LA MÉMOIRE DE L'ONGLET (Diane, 20/09) : chaque volet garde sa hauteur de lecture. On revient dedans là où
   on l'avait laissé ; la première fois, on arrive EN HAUT du volet, sous la pile collée — jamais « bien en bas ».
   Ainsi on peut dérouler un volet, aller en comparer un autre, et revenir sans se reperdre. ── */
(function(){'use strict';
 var R=document.getElementById('ami-espacetemps'); if(!R) return;
 var pos={};
 function pile(){ var p=parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0;
   var tb=document.getElementById('amiPile'); if(!tb) return p;
   return p + (document.body.classList.contains('ami-repli') ? 44 : tb.offsetHeight); }
 function hautDu(sub){ var el=document.getElementById('pane-'+sub); if(!el) return 0;
   var yd=el.getBoundingClientRect().top+window.pageYOffset; return Math.max(0, yd-pile()-8); }
 window.amiNoteVolet=function(avant,neuf){ if(!avant||avant===neuf) return;
   if(R.classList.contains('lecture')) return;          /* en lecture continue tout est ouvert : rien à noter */
   pos[avant]=window.pageYOffset; };
 window.amiPoseVolet=function(sub,scroll){
   if(R.classList.contains('lecture')) return;
   if(!scroll && pos[sub]===undefined) return;          /* appel programmé (☰, 🔍, 💧) : ils posent eux-mêmes */
   var y=pos[sub], haut=hautDu(sub);
   if(y===undefined) y=haut;                             /* première visite : le haut du volet */
   else y=Math.max(haut, Math.min(y, document.documentElement.scrollHeight-window.innerHeight));
   window.scrollTo({top:y,behavior:'instant'}); };
 /* on note aussi en continu : un volet quitté par le ☰ ou le 🔍 garde sa place */
 var t=null;
 window.addEventListener('scroll',function(){ if(t) return; t=setTimeout(function(){ t=null;
   if(window.currentSub && !R.classList.contains('lecture')) pos[window.currentSub]=window.pageYOffset; },200); },{passive:true});
})();
</script>
<script id="ami-pile-js">
/* ── LA PILE QUI SE REPLIE : quand on descend dans un volet, les deux rangées collées (4 portails + 17 volets)
   se replient en une ligne de 44 px qui dit où on est — « ⚡️ Trouver ses Résonances › 💫 Mon Thème Astro aMi ▴ ».
   Un tap la redéploie et remonte aux portails ; remonter de 40 px la redéploie. Sur un téléphone, cette pile
   mangeait un tiers de l'écran : c'est une bonne part de la gêne du festival. ── */
(function(){'use strict';
 var R=document.getElementById('ami-espacetemps'); if(!R) return;
 var tb=document.getElementById('amiPile'); if(!tb) return;
 var mini=document.createElement('button'); mini.type='button'; mini.id='ami-pile-mini'; mini.setAttribute('aria-label','Où je suis — redéployer les onglets'); mini.setAttribute('data-ami-sous-pile','1');
 tb.parentNode.insertBefore(mini, tb);
 function nomGroupe(g){ var b=R.querySelector('.grp[data-main="'+g+'"]'); if(!b) return g||'';
   var e=b.querySelector('.grp-em'), l=b.querySelector('.grp-lbl'); return (e?e.textContent.trim()+' ':'')+(l?l.textContent.trim():g); }
 function nomChap(s){ var b=R.querySelector('.subbar button[data-sub="'+s+'"]'); if(!b) return s;
   var e=b.querySelector('.sb-em'); return e ? (e.textContent.trim()+' '+b.textContent.replace(e.textContent,'').trim()) : b.textContent.trim(); }
 function texte(){ var g=window.currentMain, t=window.currentSub; var s=nomGroupe(g); if(t) s+=' <span class="pm-sep">›</span> '+nomChap(t);
   mini.innerHTML='<span class="pm-ou">'+s+'</span><span class="pm-fl">▴</span>'; }
 function haut(){ var b=R.querySelector('.bande-registres')||R.querySelector('.couverture'); return b?b.getBoundingClientRect().bottom+window.pageYOffset:tb.offsetTop; }
 var last=window.pageYOffset, repli=false, monte=0;
 function pose(on){ if(repli===on) return; repli=on; document.body.classList.toggle('ami-repli',on); if(on){ texte(); tb.setAttribute('data-ami-decolle','1'); } else tb.removeAttribute('data-ami-decolle'); }
 function veille(){ if(document.body.classList.contains('ami-sans-repli')||R.classList.contains('lecture')){ pose(false); return; }
   var y=window.pageYOffset, h0=haut(), bas=h0+Math.min(tb.offsetHeight, innerHeight*0.35)+120;
   if(y<last) monte+=last-y; else monte=0;
   if(y<h0+40){ pose(false); }
   else if(y>last+2 && y>bas){ pose(true); }
   else if(monte>40){ pose(false); }
   last=y; }
 window.addEventListener('scroll',veille,{passive:true});
 mini.addEventListener('click',function(){ pose(false); var y=haut()-(parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h'))||0); window.scrollTo({top:Math.max(0,y),behavior:'smooth'}); });
 document.addEventListener('click',function(e){ if(e.target.closest&&e.target.closest('.grp,.subbar button')) setTimeout(texte,60); },true);
 document.addEventListener('ami:lecture',function(){ setTimeout(veille,60); });
 texte();
})();
</script>
'''

boite_css = '''
<style id="ami-boite">
''' + BOITE_CSS + '''
/* les places du 18/09 : de bas en haut 🔍 ☰ ↑ (le ◈ de la page est parti : un seul sommaire) */
#amiRech{bottom:1rem!important;right:1rem!important}#ami-toc-toggle{bottom:4rem!important;right:1rem!important}#amiHaut{bottom:7rem!important;right:1rem!important}
.ami-toc{position:fixed;right:1rem;bottom:6.6rem;z-index:61;width:min(22rem,calc(100vw - 2rem));max-height:min(70vh,34rem);overflow:auto;background:var(--encre);border:1px solid rgba(var(--or-rgb),.34);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6);font-family:'Jost',sans-serif}
.ami-toc .toc-h{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;border-bottom:1px solid rgba(var(--or-rgb),.18);color:var(--or-pale);font-size:.9rem;letter-spacing:.08em}
.ami-toc .toc-x{background:none;border:0;color:var(--gris);cursor:pointer;font-size:1rem;min-width:44px;min-height:44px}
.ami-toc .toc-o{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(255,255,255,.05);color:var(--or-pale);font:500 .95rem 'Jost',sans-serif;padding:.55rem .9rem;cursor:pointer;min-height:44px;text-transform:none;letter-spacing:0}
.ami-toc .toc-o:hover{background:rgba(var(--or-rgb),.08)}
.ami-toc .toc-s{padding:0 .4rem .4rem .9rem}
.ami-toc .toc-s a{display:block;color:var(--gris-cl);text-decoration:none;font-size:.9rem;padding:.5rem;border-radius:6px;min-height:36px}
.ami-toc .toc-s a:hover{background:rgba(var(--or-rgb),.08);color:var(--nacre)}
.ami-toc .toc-s a.ici{color:var(--or);background:rgba(var(--or-rgb),.10)}
.ami-toc .toc-s a.lvl3{padding-left:1.4rem;color:var(--gris)}
.ami-toc .toc-ici{border-top:1px solid rgba(var(--or-rgb),.14);background:rgba(var(--or-rgb),.04)}
.ami-toc .toc-ici-t,.ami-toc .toc-carte-t{display:block;padding:.6rem .9rem .2rem;color:var(--or-gras);font:500 .8rem 'Jost',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ami-toc .toc-carte-t{border-top:1px solid rgba(var(--or-rgb),.14);margin-top:.3rem}
.ami-trouve{outline:2px solid var(--or);outline-offset:4px;border-radius:4px;transition:outline-color 2s}
/* ── la pile qui se replie ── */
/* la ligne « où je suis » doit être OPAQUE : « #ami-espacetemps button{background:rgba(200,168,74,.07)} »
   de la page bat un simple #ami-pile-mini, et le texte de la page transparaissait derrière (vu le 20/09) */
#ami-espacetemps #ami-pile-mini,#ami-pile-mini{display:none;position:fixed;left:0;right:0;top:var(--nav-h,0px);z-index:101;width:100%;box-sizing:border-box;min-height:44px;padding:.5rem 1rem;background:var(--voile)!important;border:0;border-bottom:1px solid rgba(var(--or-rgb),.25);color:var(--or-pale);font-family:'Jost',sans-serif;font-size:.9rem;text-align:left;cursor:pointer;align-items:center;justify-content:space-between;gap:.6rem;box-shadow:0 8px 24px rgba(0,0,0,.55)}
#ami-pile-mini .pm-ou{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#ami-pile-mini .pm-sep{color:var(--gris);margin:0 .1rem}
#ami-pile-mini .pm-fl{color:var(--or);flex:0 0 auto}
body.ami-repli #ami-espacetemps #ami-pile-mini,body.ami-repli #ami-pile-mini{display:flex}
body.ami-repli #ami-espacetemps #amiPile{position:static}
</style>
'''
tete(boite_css + contraste, 'feuilles boîte + pile + contraste')
i = h.rfind('</body>'); assert i > 0
h = h[:i] + coins + '\n<script id="ami-composant-js">\n' + js + '\n' + shim + '</script>\n' + boite_js + h[i:]
J.append('coins 💧 ◐ ⛶ zoom ↑ ☰ 🔍 · scripts du composant · boîte à outils · pile qui se replie')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))
print(f'→ {OUT} · {len(h) // 1024} Ko')

p5_et.pypython3 p5_et.py et_p19.html et_p5.html67 lignes

5.3 Astro : les encres mesurées (grp-pol et ac-kick relevés au-dessus de 4,5 ; capitales espacées en Jost ; émojis droits), --wrap réglé sur le conteneur (94vw débordait à 320), les fils qui sortaient (fichier .html local, cms.webnode), un <footer> égaré redevenu note, --ame-cl et --vigilance déclarées.

# -*- coding: utf-8 -*-
"""P5 · 5.3 Astro — LES ENCRES ET LES FINITIONS (mesuré, pas supposé).

Mesuré sur et_p19 (Chromium, 320/390/768/1280) :
  · `--wrap:min(1320px,94vw)` : 94 % de la FENÊTRE dans un conteneur qui, lui, a des marges — à 320 px la page
    dépassait de 3 px (scrollW 323 pour 320). La largeur se règle sur le conteneur : min(1320px,100%).
  · `.grp-pol` (le sous-titre des quatre portails) et `.ac-kick` étaient écrits en --or-somb : ratio 3,35 et 3,18
    sur le noir, sous le seuil de 4,5. Ils passent à --or-gras / --gris-cl.
  · `#et-portal-pol` : des capitales espacées en Cormorant — la Charte les veut en Jost.
  · l'axiome de la une est en italique et porte un 🌱 : l'émoji penchait. Il est enveloppé et redressé.
  · les émojis de la page qui ne le sont pas encore reçoivent .e (droits, jamais en italique).
Ce qui reste sous le seuil appartient au COMPOSANT V16 (le tiroir de la barre : .gly, .p-e, .sub, .m-n, a.m,
le ❤️‍🔥) — il est commun à tous les volumes : on ne le corrige pas ici, sinon 5.3 divergerait des autres.

Usage : python3 p5_et.py entree.html sortie.html
"""
import re, sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []

def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:52]} ×{n}')

# ── 1 · la largeur se règle sur le conteneur, pas sur la fenêtre ─────────────────────────────────────────
rep('--wrap:min(1320px,94vw)', '--wrap:min(1320px,100%)', 1,
    'la largeur suit le conteneur (94vw débordait de 3 px à 320)')

# ── 2 · l'axiome de la une : l'émoji ne penche plus ──────────────────────────────────────────────────────
rep('<p class="couv-axiome">« 🌱 Pour', '<p class="couv-axiome">« <span class="e">🌱</span> Pour', 1,
    'le 🌱 de l’axiome enveloppé (il penchait avec l’italique)')

# ── 2 bis · les fils qui sortaient de la page ────────────────────────────────────────────────────────────
rep('href="3.3_CosmoLogie_La-Bible-2.0_aMi_EGO-SPIRITUEL.html"', 'href="https://agdistys.fr/ami-cosmologie"', 1,
    'le renvoi vers CosmoLogie : fichier local (mort en ligne) → agdistys.fr/ami-cosmologie')
rep('href="https://agdistys.cms.webnode.fr/la-theorie-du-tout/"', 'href="https://agdistys.fr/la-theorie-du-tout"', 1,
    'cms.webnode (l’adresse de développement) → agdistys.fr')
# un <footer> au milieu d'un chapitre n'est pas le pied de la page : c'est une note
rep("<footer>Agdistys · Diane Serant — Protocole de ConScience aMi · CC BY-SA 4.0<br>Associations documentées, non diagnostiques. Claude n'est pas médecin — à valider avec un·e spécialiste.</footer>",
    '<p class="note ami-note-chap">Associations documentées, non diagnostiques — à valider avec un·e spécialiste. '
    '<span class="ami-note-src">Agdistys · Diane Serant · CC BY-SA 4.0</span></p>', 1,
    'le pied égaré au milieu d’un chapitre devient la note qu’il était')

# ── 3 · les encres de la page ────────────────────────────────────────────────────────────────────────────
ENCRES = """
/* ── les deux variables que le composant lit et que la Charte déclare dans SA racine (ici elles manquaient) ── */
:root{--ame-cl:var(--tanzanite-ct,#9d8bff);--vigilance:var(--cornaline,#ff7800)}
/* ══ LES ENCRES · mesurées à 320/390/768/1280, relevées au-dessus de 4,5 (P5, 20/09) ══ */
#ami-espacetemps .grp .grp-pol,#ami-espacetemps .grp:not(.active) .grp-pol{color:var(--or-gras)!important} /* 3,35 → 7,2 */
#ami-espacetemps .ami-conclusion .ac-kick{color:var(--gris-cl)} /* 3,18 → 8,4 sur l’encre */
#et-portal-pol,#ami-espacetemps #et-portal-pol{font-family:'Jost',system-ui,sans-serif!important} /* capitales espacées : Jost, pas Cormorant */
#ami-espacetemps .couv-axiome .e{font-style:normal;display:inline}
#ami-espacetemps .ami-note-chap{font-family:'Jost',system-ui,sans-serif;font-size:.92rem;color:var(--gris-cl);border-left:2px solid var(--or-somb);padding:.5rem .9rem;margin:1.4rem 0}
#ami-espacetemps .ami-note-src{display:block;color:var(--gris);font-size:.82rem;margin-top:.3rem}
#ami-espacetemps .e,#ami-espacetemps .sb-em,#ami-espacetemps .grp-em,#ami-espacetemps .couv-glyphes{
  font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-style:normal!important;display:inline-block}
"""
i = h.find('<style id="ami-doigt">')
assert i > 0
h = h[:i] + f'<style id="ami-encres">{ENCRES}</style>\n' + h[i:]
J.append('feuille « ami-encres » : grp-pol, ac-kick, portal-pol, émojis droits')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))
print(f'→ {OUT} · {len(h) // 1024} Ko')

p6_et_mutations.pypython3 p6_et_mutations.py et_p5.html379 lignes

5.3 Astro : 146 mutations à 390 et 1280 (+320 pour le débordement). Identité et chemin, coque V16, les six instruments (0 cible sous 24 px, 0 champ sous 16, 0 débordement, ils CALCULENT : roue de 53 éléments + aspects, constellation, carte des apports), les renvois, ☰ 🔍 ↑, la pile qui se replie, 💧 sans saut dans les deux sens (témoin marqué, pas comparé par son texte), ◐ ⛶ zoom, plancher, 0 erreur JS. 20/09 après-midi : les quatre champs de ville, la traduction en clair, un seul sommaire, la mémoire de l'onglet, la ligne collée opaque.

# -*- coding: utf-8 -*-
"""P6 · 5.3 Astro · Espace-Temps — LA MUTATION DES CONTRÔLES : on presse chaque commande et on regarde si la page
a changé comme promis. Identité, coque V16, les 4 portails × 17 volets, LES SIX INSTRUMENTS DANS LA PAGE (ils
calculent vraiment), le doigt (44 px, champs ≥ 16 px), les renvois, 💧 sans saut, ◐ ⛶ zoom, ↑ ☰ 🔍, #prog,
la pile qui se replie, plein écran, plancher, débordement, 0 var sans déclaration, 0 erreur JS — à 390 et 1280.
Usage : python3 p6_et_mutations.py et_p8.html"""
import os, sys
from playwright.sync_api import sync_playwright
SRC = sys.argv[1] if len(sys.argv) > 1 else 'et_p8.html'
R = []
def ok(nom, cond, det=''):
    R.append((nom, bool(cond), det)); print(('✓' if cond else '✗'), nom, det)

with sync_playwright() as p:
    b = p.chromium.launch(); errs = []
    for W in (390, 1280):
        pg = b.new_page(viewport={'width': W, 'height': 844}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
        pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1800)
        print(f'=== {W} px ==='); E = lambda js, *a: pg.evaluate(js, *a)

        # ── identité et chemin ────────────────────────────────────────────────────────────────────────────
        ok('métas ami:volume 5.3 · version V21 · date 2026-09-20',
           E("()=>['5.3','V21','2026-09-20'].every((v,i)=>document.querySelector('meta[name=\"ami:'+['volume','version','date'][i]+'\"]').content===v)"))
        ok('titre : 5.3 Astro · Espace-Temps — Tu Sais Ta Juste Place',
           E("()=>document.title.startsWith('5.3 Astro · Espace-Temps — Tu Sais Ta Juste Place')"))
        ok('un seul <title>', E("()=>document.querySelectorAll('title').length===1"))
        ok('ASTRO en h1, Espace-Temps en sous-titre (arbitrage du 20/09)',
           E("()=>document.querySelectorAll('h1').length===1 && document.querySelector('h1.couv-h1').textContent.trim()==='ASTRO' && document.querySelector('.couv-sous').textContent.trim()==='Espace-Temps'"))
        ok('les autres titres de premier rang sont devenus des h2.ami-h1',
           E("()=>document.querySelectorAll('h2.ami-h1').length>=8"))
        ok('la une : Volume 5.3, sceau 💫, la Question',
           E("()=>/Volume 5\\.3/.test(document.querySelector('.vol-label').textContent) && document.querySelector('.couv-glyphes').textContent.includes('💫') && /Comment Trouver Ma Place/.test(document.querySelector('.couv-question').textContent)"))
        ok('la conclusion porte la Réponse « 💫 Tu Sais Ta Juste Place »',
           E("()=>{const c=document.querySelector('.ami-conclusion');return !!c && /Tu Sais Ta Juste Place/.test(c.querySelector('.ami-h1').textContent) && /Être au Bon Moment/.test(c.querySelector('.ac-sceau').textContent)}"))
        ok('la signature garde ses majuscules internes (ConScience UniVerCelle)',
           E("()=>{const s=document.querySelector('.couv-inner .sig');return getComputedStyle(s).textTransform==='none' && /ConScience UniVerCelle/.test(s.textContent)}"))
        ok('aucune var(--x) sans déclaration',
           E("()=>{const used=new Set(),decl=new Set();for(const s of document.querySelectorAll('style')){for(const m of s.textContent.matchAll(/var\\((--[a-z0-9-]+)/g)) used.add(m[1]);for(const m of s.textContent.matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}for(const el of document.querySelectorAll('[style]')){for(const m of (el.getAttribute('style')||'').matchAll(/(--[a-z0-9-]+)\\s*:/g)) decl.add(m[1]);}return [...used].filter(v=>!decl.has(v)&&!['--cc','--c','--lc','--fx','--fy','--ami-pb'].includes(v)).length===0;}"))

        # ── la coque V16 ──────────────────────────────────────────────────────────────────────────────────
        ok('barre V16 en tête, tiroir fermé', E("()=>!!document.querySelector('.ami-barre') && !document.querySelector('.ami-barre .tiroir.on')"))
        ok('#prog présent', E("()=>!!document.getElementById('prog')"))
        ok('bande des registres juste après la une',
           E("()=>{const b=document.querySelector('.bande-registres');return !!b && b.previousElementSibling.classList.contains('couverture')}"))
        ok('pied V16 après la racine : sceau 💫, volume 5.3, la devise de la une',
           E("()=>{const f=document.querySelector('.ami-pied');return !!f && f.previousElementSibling.id==='ami-espacetemps' && f.querySelector('.ap-sceau').textContent.trim()==='💫' && f.textContent.includes('5.3') && /Leçons d’Hier/.test(f.textContent)}"))
        ok('le pied maison a disparu', E("()=>document.querySelectorAll('footer.et-footer').length===0"))
        ok('◈ Emporter dans la racine, export nommé 5.3_ASTRO',
           E("()=>{const e=document.querySelector('#ami-espacetemps .emporter');return !!e && !!document.getElementById('dlHtml') && [...document.scripts].some(s=>s.textContent.includes('5.3_ASTRO_Espace-Temps_aMi_'))}"))
        ok('aucun lien vers un fichier .html local',
           E("()=>[...document.querySelectorAll('a[href]')].every(a=>!/^[^:#]*\\.html/.test(a.getAttribute('href')))"))
        ok('aucun lien cms.webnode', E("()=>!document.body.innerHTML.includes('cms.webnode')"))

        # ── les six instruments sont DANS la page ─────────────────────────────────────────────────────────
        ok('plus aucun <iframe>, plus aucun blob:', E("()=>document.querySelectorAll('iframe').length===0 && !document.body.innerHTML.includes('blob:')"))
        ok('les six instruments sont des blocs de la page',
           E("()=>['ipseite','theme','complement','synastrie','citoyennete','village'].every(k=>{const e=document.getElementById('ami-et-'+k);return e && e.classList.contains('ami-et-outil')})"))
        ok('Astronomy Engine posé une seule fois',
           E("()=>document.querySelectorAll('#ami-astronomy-engine').length===1 && typeof Astronomy==='object'"))
        ok('les instruments portent la palette de la page (l’or de la Charte)',
           E("()=>['theme','village','citoyennete'].every(k=>getComputedStyle(document.getElementById('ami-et-'+k)).getPropertyValue('--gold').trim().includes('var(--or)')||getComputedStyle(document.getElementById('ami-et-'+k)).getPropertyValue('--gold').trim()!=='')"))

        # ── la navigation : 4 portails × 17 volets ────────────────────────────────────────────────────────
        ok('4 portails, 17 volets, un seul volet ouvert',
           E("()=>document.querySelectorAll('.grp').length===4 && document.querySelectorAll('.subbar button').length===17 && document.querySelectorAll('.et-pane.active').length===1"))
        ok('les portails et les volets se touchent (≥ 44 px) et ne se chevauchent pas',
           E("()=>{const bs=[...document.querySelectorAll('.grp,.subbar.active button')];if(!bs.every(b=>b.getBoundingClientRect().height>=44))return false;for(let i=0;i<bs.length;i++)for(let j=i+1;j<bs.length;j++){const a=bs[i].getBoundingClientRect(),c=bs[j].getBoundingClientRect();if(a.left<c.right-1&&c.left<a.right-1&&a.top<c.bottom-1&&c.top<a.bottom-1)return false}return true}"))
        E("()=>document.querySelector('.grp[data-main=resonances]').click()"); pg.wait_for_timeout(400)
        ok('⚡️ Trouver ses Résonances ouvre « 💫 Mon Thème Astro aMi »',
           E("()=>window.currentMain==='resonances' && window.currentSub==='theme' && document.querySelector('.et-pane.active').id==='pane-theme'"))

        # ── le doigt (la raison de tout ceci) ─────────────────────────────────────────────────────────────
        for k in ['theme', 'complement', 'synastrie', 'citoyennete', 'village', 'ipseite']:
            E("(k)=>{const b=document.querySelector('.subbar button[data-sub=\"'+k+'\"]');b&&b.click();}", k); pg.wait_for_timeout(350)
            d = E("""(k)=>{const R=document.getElementById('ami-et-'+k);R.querySelectorAll('details').forEach(x=>x.open=true);
              const sel='a[href],button,input,select,textarea,[role=button],summary';let petites=0,champs=0,deb=0,n=0;
              /* le <select> d'origine, réduit à un point pour que les moteurs le lisent encore, n'est pas une cible */
              const w=document.documentElement.clientWidth;
              R.querySelectorAll(sel).forEach(e=>{const r=e.getBoundingClientRect(),cs=getComputedStyle(e);
                if(cs.display==='none'||cs.visibility==='hidden'||(!r.width&&!r.height))return;
                if(e.classList.contains('ami-ville-cache'))return;n++;
                if(r.height<24)petites++;
                if(/^(INPUT|SELECT|TEXTAREA)$/.test(e.tagName)&&parseFloat(cs.fontSize)<16)champs++;});
              R.querySelectorAll('*').forEach(e=>{const r=e.getBoundingClientRect();if(r.width<1)return;
                let a=e.parentElement,ro=false;while(a&&a!==R.parentElement){const o=getComputedStyle(a).overflowX;if(o==='auto'||o==='scroll'||o==='hidden'){ro=true;break}a=a.parentElement}
                if(!ro&&(r.right>w+1||r.left<-1))deb++;});
              return {n,petites,champs,deb,h:Math.round(R.getBoundingClientRect().height)}}""", k)
            ok(f'{k} : {d["n"]} commandes · {d["petites"]} sous 24 px · {d["champs"]} champ(s) sous 16 px · '
               f'{d["deb"]} débordement · {d["h"]} px de haut',
               d['petites'] == 0 and d['champs'] == 0 and d['deb'] == 0 and d['h'] > 800)

        # ── les instruments calculent ─────────────────────────────────────────────────────────────────────
        E("()=>{const b=document.querySelector('.subbar button[data-sub=theme]');b&&b.click();}"); pg.wait_for_timeout(400)
        pg.click('#tv-theme-q'); pg.fill('#tv-theme-q','lyon'); pg.wait_for_timeout(600)
        E("()=>{const b=document.querySelector('#tv-theme-l button');b&&b.click()}"); pg.wait_for_timeout(350)
        E("()=>document.getElementById('tm-passeport').click()"); pg.wait_for_timeout(300)
        ok('le Passeport refuse poliment tant qu’il n’y a pas de chiffres',
           E("()=>/Calcule d’abord/.test(document.getElementById('tm-passeport-etat').textContent)"))
        E("""()=>{const R=document.getElementById('ami-et-theme');
          R.querySelector('#tm-birthDate').value='1985-06-15'; R.querySelector('#tm-birthTime').value='14:30';}""")
        pg.wait_for_timeout(300); E("()=>document.querySelector('#ami-et-theme #tm-calculate').click()"); pg.wait_for_timeout(2400)
        ok('la Synthèse est doublée d’une traduction « En clair » (dix blocs)',
           E("()=>{const rd=document.querySelector('#ami-et-theme #reading');return !!rd && rd.querySelectorAll('.ami-clair').length===10 && /En clair/.test(rd.innerText)}"))
        ok('« Positions & Aspects » porte sa phrase en clair',
           E("()=>/En clair/.test(document.querySelector('#ami-et-theme .astro-table,#ami-et-theme .panel')?.parentElement?.innerText||document.getElementById('ami-et-theme').innerText)"))
        # ── la traduction complète (sujet + verbe + complément) et le lexique ────────────────────────────
        ok('les phrases « En clair » nomment le SUJET : chaque planète est glosée',
           E("()=>{const t=document.querySelector('#ami-et-theme #reading').innerText;"
             "return /ta façon d’agir|ta façon de comprendre|ce qui te tient|ce qui te libère|ce qui te transforme|ce qui t’agrandit|ce à quoi tu tiens|ce qui te relie sans mots|ta direction|ce qui te rassure/.test(t)}"))
        ok('« rétrograde » est traduit PLANÈTE PAR PLANÈTE, avec sa fréquence mesurée',
           E("()=>{const t=document.querySelector('#ami-et-theme #reading').innerText;"
             "return !/Mouvements rétrogrades apparents : aucun/.test(t) ? /% du temps/.test(t) && /: (le sens se cherche|le cadre se renégocie|la rupture se prépare|ce qu’on projetait|la transformation travaille|on redit|on revoit|l’élan rentre)/.test(t) : true}"))
        ok('la tension nomme les deux fonctions et ce que l’angle leur fait',
           E("()=>{const t=document.querySelector('#ami-et-theme #reading').innerText;"
             "return /se contrarient|se font face|aucune force majeure ne tire/.test(t)}"))
        ok('le lexique est là : 10 fonctions, 5 angles, 8 rétrogrades, 4 matières, 3 allures',
           E("()=>{const d=document.getElementById('tm-lexique');return !!d && d.querySelectorAll('dt').length===32 && d.querySelectorAll('.lex-t').length===4}"))
        ok('le rappel de registre est au voisinage des associations (BioMatrice, 13 Champs, Mélothésie)',
           E("()=>['biomatrice','champs','melothesie'].every(s=>{const p=document.getElementById('pane-'+s);return p && p.querySelector('.ami-registre')})"))
        # ── le Passeport de Ciel ──────────────────────────────────────────────────────────────────────────
        ok('le Passeport de Ciel porte 13 Champs, 10 positions, ses aspects et SES LIMITES',
           E("()=>{const C=window.__AMI_CIEL__;return !!C && C.format==='ami-ciel/1' && C.champs.length===13 && C.positions.length===10"
             " && C.aspects.length>0 && /pas des conséquences déduites/.test(C.registres)"
             " && C.lecture.rapprocher_par==='le nom du Champ' && C.lecture.jamais_par==='la coordonnée'"
             " && /objets distincts/.test(C.lecture.note)}"))
        ok('Thème : la roue se dessine et les aspects se calculent',
           E("()=>{const R=document.getElementById('ami-et-theme');return R.querySelectorAll('svg *').length>30 && /orbe/.test((R.querySelector('#aspects')||{}).innerText||'')}"))
        E("()=>{const b=document.querySelector('.subbar button[data-sub=ipseite]');b&&b.click();}"); pg.wait_for_timeout(700)
        ok('Ipséïté : la constellation du moment s’affiche',
           E("()=>{const e=document.querySelector('#ami-et-ipseite #w-constellation');return !!e && e.innerText.trim().length>2}"))
        E("()=>{const b=document.querySelector('.subbar button[data-sub=village]');b&&b.click();}"); pg.wait_for_timeout(500)
        E("""()=>{const R=document.getElementById('ami-et-village');
          R.querySelectorAll('input[type=checkbox]').forEach((c,i)=>{if(i<4)c.checked=true});
          const btn=R.querySelector('#compare,#vi-compare'); btn&&btn.click();}"""); pg.wait_for_timeout(900)
        ok('Village : la carte des apports se calcule',
           E("()=>{const o=document.querySelector('#ami-et-village #output');return !!o && o.innerText.trim().length>40}"))

        # ── les renvois (les trois sections que le Thème doublait) ────────────────────────────────────────
        ok('le Thème ne porte plus sa copie de l’origine des signes, des calendriers, du lexique',
           E("()=>!document.getElementById('tm-origine-des-signes') && !document.getElementById('tm-calendriers-du-monde') && !document.getElementById('tm-glossaire-astrologique')"))

        # ── LES RETOURS DU 20/09 APRÈS-MIDI ──────────────────────────────────────────────────────────────
        ok('un seul sommaire : le ◈ de la page est parti', E("()=>!document.getElementById('et-toc-btn') && !document.getElementById('et-toc-panel')"))
        ok('plus aucun renvoi ↗ dans la page', E("()=>document.querySelectorAll('.ami-renvoi').length===0"))
        ok('les trois sections que le Thème doublait ne sont plus là',
           E("()=>!document.getElementById('tm-origine-des-signes') && !document.getElementById('tm-calendriers-du-monde') && !document.getElementById('tm-glossaire-astrologique')"))
        ok('« une fédération de pratiques plutôt qu’un modèle unique » est rendue à Citoyenneté',
           E("()=>/fédération de pratiques/.test(document.getElementById('ami-et-citoyennete').innerText)"))
        # les quatre champs où la ville s'écrit
        ok('quatre champs de ville, un par lieu demandé',
           E("()=>document.querySelectorAll('#ami-espacetemps .ami-ville[data-sel]').length===4"))
        ok('les <select> d’origine sont là, réduits à un point (les moteurs les lisent toujours)',
           E("()=>['birthCity','city','aCity','bCity'].every(i=>{const s=document.getElementById(i);return s && s.offsetHeight<=2})"))
        for sub, q, mot, attendu in [('theme','tv-theme','lyon','Europe/Paris'), ('complement','tv-compl','dakar','Africa/Dakar'),
                                     ('synastrie','tv-syn-a','montreal','America/'), ('synastrie','tv-syn-b','tokyo','Asia/Tokyo')]:
            E("(k)=>{const b=document.querySelector('.subbar button[data-sub=\"'+k+'\"]');b&&b.click()}", sub); pg.wait_for_timeout(450)
            pg.click(f'#{q}-q'); pg.fill(f'#{q}-q', mot); pg.wait_for_timeout(600)
            n = E("(i)=>document.querySelectorAll('#'+i+'-l button').length", q)
            E("(i)=>{const b=document.querySelector('#'+i+'-l button');b&&b.click()}", q); pg.wait_for_timeout(350)
            txt = E("(i)=>document.getElementById(i+'-ok').textContent", q)
            ok(f'{q} : « {mot} » trouve {n} ville(s) et pose son fuseau — {txt[:60]}', n > 0 and attendu in txt)
        ok('la base des villes : 33 961 entrées, dépliée une seule fois',
           E("()=>{const e=document.getElementById('ami-villes-base');return !!e && e.textContent.trim().split('\\n§\\n')[2].split('\\n').length===33961}"))
        # la mémoire de l'onglet
        E("()=>{const b=document.querySelector('.subbar button[data-sub=inconcevable]')||document.querySelector('.grp[data-main=evolution]');b&&b.click()}"); pg.wait_for_timeout(700)
        E("()=>window.scrollTo(0,4200)"); pg.wait_for_timeout(400)
        ya = E("()=>Math.round(window.pageYOffset)")
        E("()=>{const b=document.querySelector('.subbar button[data-sub=melothesie]')||document.querySelector('.grp[data-main=temps]');b&&b.click()}"); pg.wait_for_timeout(800)
        yb = E("()=>Math.round(window.pageYOffset)")
        ok(f'un volet neuf s’ouvre EN HAUT, pas « bien en bas » ({ya} → {yb})', yb < ya - 500)
        E("()=>window.scrollBy(0,1800)"); pg.wait_for_timeout(400)
        yc = E("()=>Math.round(window.pageYOffset)")
        E("()=>{const b=document.querySelector('.subbar button[data-sub=inconcevable]')||document.querySelector('.grp[data-main=evolution]');b&&b.click()}"); pg.wait_for_timeout(800)
        yd = E("()=>Math.round(window.pageYOffset)")
        ok(f'on revient dans un volet là où on l’avait laissé ({ya} → {yd})', abs(yd - ya) <= 40)
        E("()=>{const b=document.querySelector('.subbar button[data-sub=melothesie]');b&&b.click()}"); pg.wait_for_timeout(800)
        ye = E("()=>Math.round(window.pageYOffset)")
        ok(f'et dans l’autre aussi ({yc} → {ye}) — on peut comparer deux volets sans se reperdre', abs(ye - yc) <= 40)

        # ── la boîte à outils ─────────────────────────────────────────────────────────────────────────────
        E("()=>document.getElementById('ami-toc-toggle').click()"); pg.wait_for_timeout(300)
        ok('☰ : la carte (4 portails, 17 volets) ET les titres du volet ouvert — un seul sommaire',
           E("()=>{const p=document.getElementById('ami-toc-panel');return !p.hidden && p.querySelectorAll('.toc-o').length===4 && p.querySelectorAll('.toc-s a[data-t]').length===17 && p.querySelectorAll('.toc-ici a[data-h]').length>0}"))
        E("()=>{const a=[...document.querySelectorAll('#ami-toc-panel .toc-s a')].find(x=>x.dataset.t==='synastrie');a&&a.click()}"); pg.wait_for_timeout(900)
        ok('une entrée de la carte ouvre son volet', E("()=>window.currentSub==='synastrie'"))
        E("()=>document.getElementById('amiRech').click()"); pg.wait_for_timeout(250)
        pg.fill('#rc-q', 'mélothésie'); pg.wait_for_timeout(600)
        ok('🔍 trouve « mélothésie » et propose des passages', E("()=>document.querySelectorAll('#rc-l .rc-r').length>0"))
        E("()=>document.querySelector('#rc-l .rc-r').click()"); pg.wait_for_timeout(1000)
        ok('un résultat ouvre son volet et descend dessus', E("()=>window.pageYOffset>300 && !document.getElementById('ami-rech').classList.contains('on')"))
        ok('🔍 indexe aussi les instruments (ils sont dans la page)',
           (E("()=>{document.getElementById('amiRech').click();return 1}") and (pg.fill('#rc-q', 'synastrie') or True) and pg.wait_for_timeout(600) is None and E("()=>document.querySelectorAll('#rc-l .rc-r').length>0")))
        E("()=>document.getElementById('rc-x').click()"); pg.wait_for_timeout(200)
        E("()=>window.scrollTo(0,0)"); pg.wait_for_timeout(300)
        ok('↑ paraît quand on descend', E("()=>{window.scrollTo(0,1200);return new Promise(r=>setTimeout(()=>r(!document.getElementById('amiHaut').hidden),400))}"))

        # ── la pile qui se replie ─────────────────────────────────────────────────────────────────────────
        hp = E("()=>document.getElementById('amiPile').offsetHeight")
        E("()=>window.scrollTo(0,4000)"); pg.wait_for_timeout(400); E("()=>window.scrollBy(0,90)"); pg.wait_for_timeout(500)
        ok(f'la pile ({hp} px) se replie en une ligne qui dit où on est',
           E("()=>{const m=document.getElementById('ami-pile-mini');return document.body.classList.contains('ami-repli') && m.offsetHeight<=48 && m.innerText.includes('›')}"))
        E("()=>window.scrollBy(0,-220)"); pg.wait_for_timeout(500)
        ok('remonter la redéploie', E("()=>!document.body.classList.contains('ami-repli')"))
        E("()=>window.scrollTo(0,3000)"); pg.wait_for_timeout(600)
        ok('la ligne « où je suis » est OPAQUE (le texte de la page ne transparaît pas derrière)',
           E("()=>{const c=getComputedStyle(document.getElementById('ami-pile-mini')).backgroundColor;return /^rgb\\(/.test(c)&&!/rgba/.test(c)}"))

        # ── 💧 la lecture continue, sans saut, dans les deux sens ─────────────────────────────────────────
        # on MARQUE le point sous les yeux (un attribut, pas une comparaison de texte) et on le remesure
        E("()=>{const b=document.querySelector('.subbar button[data-sub=biomatrice]')||document.querySelector('.subbar button');b&&b.click();}"); pg.wait_for_timeout(1200)
        # on CHOISIT le témoin (un paragraphe au milieu du volet), on l'amène sous les yeux, puis on note sa hauteur
        av = E("""()=>{document.querySelectorAll('[data-ami-temoin]').forEach(e=>e.removeAttribute('data-ami-temoin'));
          const pane=document.querySelector('#ami-espacetemps .et-pane.active'); if(!pane) return null;
          const ps=[...pane.querySelectorAll('p,li,h3,blockquote')].filter(x=>x.textContent.trim().length>40 && x.getBoundingClientRect().height>10);
          if(!ps.length) return null; const e=ps[Math.min(12,ps.length-1)]; e.setAttribute('data-ami-temoin','1');
          window.scrollTo({top:Math.max(0,e.getBoundingClientRect().top+window.pageYOffset-420),behavior:'instant'}); return true}""")
        pg.wait_for_timeout(700)
        av = E("()=>{const e=document.querySelector('[data-ami-temoin]');return e?{top:Math.round(e.getBoundingClientRect().top),t:e.textContent.replace(/\\s+/g,' ').trim().slice(0,36),y:window.pageYOffset}:null}")
        ok('un témoin a pu être posé sous les yeux', av is not None, str(av))
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(1000)
        ap = E("()=>{const e=document.querySelector('[data-ami-temoin]');return e?Math.round(e.getBoundingClientRect().top):null}")
        ok(f'💧 ON : le point sous les yeux ne bouge pas ({av["top"]} → {ap}) « {av["t"]} »', ap is not None and abs(ap - av['top']) <= 6)
        ok('💧 ON : les 17 volets sont déroulés', E("()=>document.querySelectorAll('.et-pane.active').length===17"))
        E("()=>document.getElementById('amiLecture').click()"); pg.wait_for_timeout(1000)
        ap2 = E("()=>{const e=document.querySelector('[data-ami-temoin]');return e?Math.round(e.getBoundingClientRect().top):null}")
        ok(f'💧 OFF : il ne bouge pas non plus ({ap} → {ap2})', ap2 is not None and abs(ap2 - av['top']) <= 6)
        ok('💧 OFF : un seul volet ouvert', E("()=>document.querySelectorAll('.et-pane.active').length===1"))

        # ── ◐ le contraste, ⛶ le plein écran, le zoom (qui ne vit qu'en plein écran) ──────────────────────
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(400)
        ok('◐ le contraste monte les encres', E("()=>document.body.classList.contains('ami-contraste')"))
        E("()=>document.getElementById('amiContraste').click()"); pg.wait_for_timeout(300)
        E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(800)
        ok('⛶ le plein écran : la barre entre dans la racine et la page défile',
           E("()=>{const R=document.getElementById('ami-espacetemps');return (R.classList.contains('ami-plein')||R.classList.contains('ami-faux-fs')) && R.contains(document.getElementById('amiBarre')) && ['auto','scroll'].includes(getComputedStyle(R).overflowY)}"))
        E("()=>document.getElementById('amiZoomP').click()"); pg.wait_for_timeout(500)
        ok('le zoom + agrandit la page (il ne vit qu’en plein écran)',
           E("()=>{const z=getComputedStyle(document.getElementById('ami-espacetemps')).zoom;return parseFloat(z)>1}"))
        ok('le zoom ne fait pas déborder la page', E("()=>document.documentElement.scrollWidth<=document.documentElement.clientWidth+1"))
        E("()=>document.getElementById('amiZoomM').click()"); pg.wait_for_timeout(400)
        E("()=>document.getElementById('amiPlein').click()"); pg.wait_for_timeout(900)
        ok('en sortant, la barre revient à sa place', E("()=>!document.getElementById('ami-espacetemps').contains(document.getElementById('amiBarre'))"))

        # ══ LES SIX RETOURS DU SOIR (Diane, 20/09) ═══════════════════════════════════════════════════════
        pg.reload(); pg.wait_for_timeout(1500)
        ok('la barre arrive REPLIÉE (elle ne mange plus la une)',
           E("()=>document.getElementById('amiBarre').classList.contains('replie')"))
        E("()=>window.scrollTo(0,900)"); pg.wait_for_timeout(500)
        ok('elle ne se déplie pas toute seule quand on descend',
           E("()=>document.getElementById('amiBarre').classList.contains('replie')"))
        E("()=>window.scrollTo(0,0)"); pg.wait_for_timeout(500)
        ok('elle ne se déplie pas non plus quand on revient en haut',
           E("()=>document.getElementById('amiBarre').classList.contains('replie')"))
        E("()=>document.getElementById('amiCoeur').click()"); pg.wait_for_timeout(500)
        ok('le ❤️‍🔥 l’ouvre — et c’est le seul à le faire',
           E("()=>!document.getElementById('amiBarre').classList.contains('replie')"))
        E("()=>window.scrollTo(0,900)"); pg.wait_for_timeout(500)
        ok('ouverte à la main, elle le reste au défilement (plus de saut)',
           E("()=>!document.getElementById('amiBarre').classList.contains('replie')"))
        E("()=>document.getElementById('amiCoeur').click()"); pg.wait_for_timeout(400)

        # la hiérarchie : titre = majuscules ambre · sous-titre = gris opale
        hie = E("""()=>{const b=document.querySelector('#ami-espacetemps .grp.active');
          const l=getComputedStyle(b.querySelector('.grp-lbl')), p=getComputedStyle(b.querySelector('.grp-pol'));
          return {lt:l.textTransform, ls:parseFloat(l.fontSize), lc:l.color,
                  pt:p.textTransform, ps:parseFloat(p.fontSize), pc:p.color}}""")
        ok('onglet : le TITRE est en majuscules', hie['lt'] == 'uppercase', str(hie))
        ok('onglet : le titre est plus gros que le sous-titre', hie['ls'] > hie['ps'], f"{hie['ls']} > {hie['ps']}")
        ok('onglet : le titre porte l’ambre, le sous-titre l’argent',
           hie['lc'] != hie['pc'] and hie['pt'] == 'none', str(hie))
        por = E("""()=>{const t=getComputedStyle(document.getElementById('et-portal-title')),
                          p=getComputedStyle(document.getElementById('et-portal-pol'));
          return {tt:t.textTransform, ts:parseFloat(t.fontSize), tc:t.color,
                  pt:p.textTransform, ps:parseFloat(p.fontSize), pc:p.color}}""")
        ok('partie : le titre est en majuscules ambre et plus gros que son sous-titre',
           por['tt'] == 'uppercase' and por['ts'] > por['ps'] and por['pt'] == 'none', str(por))

        # le bandeau se redéploie SUR PLACE
        E("()=>window.scrollTo(0,4000)"); pg.wait_for_timeout(400); E("()=>window.scrollBy(0,120)"); pg.wait_for_timeout(600)
        avant = E("()=>window.pageYOffset")
        E("()=>document.getElementById('ami-pile-mini').click()"); pg.wait_for_timeout(900)
        apres = E("()=>window.pageYOffset")
        ok('le bandeau se redéploie SANS remonter la page',
           abs(apres - avant) <= 2 and not E("()=>document.body.classList.contains('ami-repli')"),
           f'{avant} → {apres}')

        # l'Échelle des États du Vivant
        E("()=>{const b=document.querySelector('.subbar button[data-sub=echelle]');b&&b.click();}"); pg.wait_for_timeout(900)
        ech = E("""()=>{const t=document.querySelector('#ami-espacetemps .ech-table');
          const th=[...t.querySelectorAll('thead th')].map(x=>x.innerText.replace(/\s+/g,' ').trim());
          const r1=t.querySelector('tbody tr'); const c=[...r1.children].map(x=>x.className);
          const pics=[...t.querySelectorAll('.ech-pic')].map(x=>x.textContent);
          const nw=t.querySelectorAll('.ech-nw');
          const larg=t.querySelector('.ech-niv').getBoundingClientRect().width;
          return {th:th, c:c, pics:pics, nw:nw.length,
                  bloc:nw.length?getComputedStyle(nw[0]).display:'', larg:Math.round(larg)}}""")
        ok('l’Échelle : 📶 Niveau puis 🌡️ État de la Matière',
           '🌡️' in ech['th'][1] and 'MATIÈRE' in ech['th'][1].upper() and 'VIVANT' in ech['th'][2].upper(), str(ech['th'][:3]))
        ok('l’Échelle : les lignes suivent (Niveau · Matière · Vivant)',
           ech['c'][0] == 'ech-niv' and ech['c'][1] == 'ech-mat' and ech['c'][2] == 'ech-etat', str(ech['c'][:3]))
        ok('l’Échelle : les 7 pictos d’état sont là',
           ech['pics'] == ['✨', '💨', '🔥💧', '🌫️', '🌊', '🧊', '⚫️'], str(ech['pics']))
        ok('l’Échelle : les mots du Niveau reviennent à la ligne',
           ech['bloc'] == 'block' and ech['nw'] >= 12, str(ech['nw']) + ' ' + ech['bloc'])
        ok(f"l’Échelle : la colonne Niveau tient en {ech['larg']} px (moins d’un quart de 390)",
           ech['larg'] <= 110 if W == 390 else ech['larg'] <= 130)
        ok('les Lois portent 🙈 👁️ 🌱 ✨',
           E("""()=>{const c=[...document.querySelectorAll('#ami-espacetemps .ech-loi-card')].map(x=>x.innerText);
             return c.length===4 && c[0].includes('🙈') && c[0].includes('👁️') && c[1].includes('🌱')
                 && c[2].includes('🙈') && c[3].includes('✨')}"""))

        # le fil de navigation
        ok('le fil est au pied des 17 chapitres',
           E("()=>document.querySelectorAll('#ami-espacetemps nav.et-fil').length===17"))
        fil = E("""()=>{const p=document.querySelector('#ami-espacetemps .et-pane.active');
          const f=p.querySelector('nav.et-fil'); if(!f) return null;
          const bs=[...f.querySelectorAll('.fil-b')].map(b=>Math.round(b.getBoundingClientRect().height));
          return {ici:f.querySelector('.fil-ici').innerText.replace(/\s+/g,' ').trim(), h:bs}}""")
        ok('il dit le rang : « Partie 1 · Chapitre 4 / 17 »',
           '/ 17' in fil['ici'] and 'PARTIE' in fil['ici'].upper(), fil['ici'][:70])
        ok('ses boutons se prennent au pouce (≥ 44 px)', all(x >= 44 for x in fil['h']), str(fil['h']))
        ok('le « suivant » ouvre bien le chapitre suivant',
           E("""()=>{const p=document.querySelector('#ami-espacetemps .et-pane.active');
             const b=p.querySelector('.fil-suiv[data-fil]'); if(!b) return false; const cible=b.getAttribute('data-fil');
             b.click(); return new Promise(r=>setTimeout(()=>r(window.currentSub===cible),500))}"""))

        # ══ LES TROIS RETOURS DU 21/09 ═══════════════════════════════════════════════════════════════════
        ok('onglet : le titre fait au moins 15 px (le rang se voit)',
           hie2 := E("()=>parseFloat(getComputedStyle(document.querySelector('#ami-espacetemps .grp.active .grp-lbl')).fontSize)>=15"))
        ok('les sous-onglets remontent à 13 px au moins',
           E("()=>parseFloat(getComputedStyle(document.querySelector('#ami-espacetemps .subbar.active button')).fontSize)>=13"))
        E("()=>{const b=document.querySelector('.subbar button[data-sub=inconcevable]');b&&b.click();}"); pg.wait_for_timeout(700)
        ordre = E("""()=>{const c8=document.querySelector('#regne-8 .rn-t b').textContent.trim(),
             c9=document.querySelector('#regne-9 .rn-t b').textContent.trim();
           const mx=[...document.querySelectorAll('#ami-espacetemps .mx-champ')].map(x=>x.innerText.replace(/\s+/g,' ').trim());
           const m8=mx.find(t=>t.startsWith('8')), m9=mx.find(t=>t.startsWith('9'));
           return {c8:c8,c9:c9,m8:m8,m9:m9}}""")
        ok('la frise : Règne 8 = Mammalien, Règne 9 = Avial (cartes et Matrice)',
           ordre['c8'] == 'Mammalien' and ordre['c9'] == 'Avial'
           and 'Mammalien' in (ordre['m8'] or '') and 'Avial' in (ordre['m9'] or ''), str(ordre))
        ok('la note de vérité est là, datée, avec les quatre points',
           E("""()=>{const v=document.querySelector('#ami-espacetemps .rn-verite'); if(!v) return false;
             const t=v.innerText; return /21 SEPTEMBRE 2026/i.test(t) && /225/.test(t) && /150/.test(t)
               && /ptérosaures/i.test(t) && /crocodile/i.test(t) && v.querySelectorAll('.rv-u li').length===4}"""))

        ok('sous-onglets : l’émoji est AU-DESSUS du nom',
           E("""()=>{const b=document.querySelector('#ami-espacetemps .subbar.active button');
             const e=b.querySelector('.sb-em').getBoundingClientRect(), r=document.createRange();
             const t=[...b.childNodes].find(n=>n.nodeType===3&&n.textContent.trim()); r.selectNodeContents(t);
             const tr=r.getBoundingClientRect(); return e.bottom<=tr.top+2}"""))
        pile = E("()=>document.getElementById('amiPile').offsetHeight")
        ok(f'la pile d’onglets tient en {pile} px (repliée à 44 dès qu’on descend)', pile < 420)

        ok('onglet au repos : ambre lisible (4,5:1), plus l’or sombre',
           E("()=>getComputedStyle(document.querySelector('#ami-espacetemps .grp:not(.active) .grp-lbl')).color==='rgb(230, 173, 45)'"))

        # ── la mesure d'ensemble ──────────────────────────────────────────────────────────────────────────
        pg.reload(); pg.wait_for_timeout(1800)   # page fraîche : on mesure la page, pas l'état où les essais l'ont laissée
        bas = E("()=>{const R=document.getElementById('ami-espacetemps');const w=document.createTreeWalker(R,NodeFilter.SHOW_TEXT);let n;const out=[];while((n=w.nextNode())){if(n.textContent.trim().length<2)continue;const e=n.parentElement;if(!e||e.closest('svg,script,style'))continue;const cs=getComputedStyle(e);if(cs.display==='none'||cs.visibility==='hidden')continue;if(parseFloat(cs.fontSize)<11.5)out.push(e.tagName+'.'+(typeof e.className==='string'?e.className.split(' ')[0]:'')+'|'+parseFloat(cs.fontSize).toFixed(1));}return [...new Set(out)]}")
        ok('aucun texte sous 11,5 px dans la racine', not bas, str(bas[:6]))
        # et les six instruments ouverts, volets déroulés
        bas2 = []
        for k in ['ipseite','theme','complement','synastrie','citoyennete','village']:
            E("(k)=>{const b=document.querySelector('.subbar button[data-sub=\"'+k+'\"]');b&&b.click();}", k); pg.wait_for_timeout(350)
            bas2 += E("(k)=>{const R=document.getElementById('ami-et-'+k);R.querySelectorAll('details').forEach(d=>d.open=true);const w=document.createTreeWalker(R,NodeFilter.SHOW_TEXT);let n;const out=[];while((n=w.nextNode())){if(n.textContent.trim().length<2)continue;const e=n.parentElement;if(!e||e.closest('svg,script,style'))continue;const cs=getComputedStyle(e);if(cs.display==='none'||cs.visibility==='hidden')continue;if(parseFloat(cs.fontSize)<11.5)out.push(e.tagName+'|'+parseFloat(cs.fontSize).toFixed(1));}return [...new Set(out)]}", k)
        ok('aucun texte sous 11,5 px dans les six instruments, volets ouverts', not bas2, str(bas2[:6]))
        ok('la page ne déborde pas', E("()=>document.documentElement.scrollWidth<=document.documentElement.clientWidth+1"))
        pg.close()
    # ── 320 px : le débordement seul
    pg = b.new_page(viewport={'width': 320, 'height': 800}); pg.on('pageerror', lambda e: errs.append(str(e)[:160]))
    pg.goto('file://' + os.path.abspath(SRC)); pg.wait_for_timeout(1500)
    ok('320 px : la page ne déborde pas', pg.evaluate("()=>document.documentElement.scrollWidth<=document.documentElement.clientWidth+1"))
    pg.close(); b.close()
ok('aucune erreur JS', not errs, str(errs[:3]))
n = sum(1 for _, c, _ in R if c)
print(f'\n── {n}/{len(R)} ──')
for nom, c, det in R:
    if not c: print('   ✗', nom, det)

mes_cibles.pypython3 mes_cibles.py page.html [390]39 lignes

Mesure au doigt : dans chaque racine, qui est sous 44 px, quels champs feraient zoomer iOS (< 16 px), qui déborde. Sert avant/après toute reprise d'instruments pour mobile.

# -*- coding: utf-8 -*-
"""Mesure au doigt : dans chaque instrument, qui est sous 44 px, quels champs feraient zoomer iOS (<16 px), qui déborde."""
import sys, json, collections
from playwright.sync_api import sync_playwright
SRC = sys.argv[1]; W = int(sys.argv[2]) if len(sys.argv)>2 else 390
RACINES = ['ami-et-ipseite','ami-et-theme','ami-et-complement','ami-et-synastrie','ami-et-citoyennete','ami-et-village','ami-espacetemps']
JS = r"""
(rid)=>{ const R=document.getElementById(rid); if(!R) return null;
 R.querySelectorAll('details').forEach(d=>d.open=true);
 R.querySelectorAll('[hidden]').forEach(e=>e.hidden=false);
 R.querySelectorAll('.tab-content,.tab-panel,.pane,.panel,.sec,.step').forEach(p=>p.classList.add('active','on','visible'));
 const sel='a[href],button,input,select,textarea,label,[role=button],[onclick],summary,[data-sub],[data-tab],[tabindex]';
 const petites=new Map(), champs=new Map(); let n=0, deb=[];
 function sig(el){const c=(el.className&&typeof el.className==='string')?el.className.trim().split(/\s+/).slice(0,2).join('.'):'';
   return el.tagName.toLowerCase()+(c?'.'+c:'')+(el.type?'[type='+el.type+']':'');}
 R.querySelectorAll(sel).forEach(el=>{ const r=el.getBoundingClientRect(); const cs=getComputedStyle(el);
   if(cs.display==='none'||cs.visibility==='hidden'||(!r.width&&!r.height)) return; n++;
   const k=sig(el);
   if(r.height<44||r.width<24){ const o=petites.get(k)||{k,n:0,h:99,w:99,t:''}; o.n++; o.h=Math.min(o.h,+r.height.toFixed(1)); o.w=Math.min(o.w,+r.width.toFixed(1)); o.t=o.t||(el.textContent||el.placeholder||'').trim().slice(0,22); petites.set(k,o);}
   if(/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)){ const fs=parseFloat(cs.fontSize); if(fs<16){const o=champs.get(k)||{k,n:0,fs:fs}; o.n++; champs.set(k,o);} }
 });
 const rr=R.getBoundingClientRect();
 R.querySelectorAll('*').forEach(el=>{const r=el.getBoundingClientRect(); if(r.width&&r.right>rr.right+2) deb.push(sig(el)+' +'+Math.round(r.right-rr.right));});
 return {n, petites:[...petites.values()].sort((a,b)=>b.n-a.n), champs:[...champs.values()], haut:Math.round(rr.height), deb:[...new Set(deb)].slice(0,12)}; }
"""
with sync_playwright() as p:
    br=p.chromium.launch(); pg=br.new_context(viewport={'width':W,'height':844}).new_page()
    errs=[]; pg.on('pageerror', lambda e: errs.append(str(e)[:90]))
    pg.goto('file://'+__import__('os').path.abspath(SRC)); pg.wait_for_timeout(2500)
    for rid in RACINES:
        d = pg.evaluate(JS, rid)
        if not d: print(rid,'— absent'); continue
        print('═'*72); print(f'{rid} · {d["n"]} cibles · hauteur {d["haut"]} px')
        for o in d['petites'][:14]: print(f'   {o["n"]:4}× {o["k"]:<34} h={o["h"]} w={o["w"]}  « {o["t"]} »')
        for o in d['champs']: print(f'   champ {o["n"]}× {o["k"]} font {o["fs"]} px (iOS zoome)')
        if d['deb']: print('   déborde :', ', '.join(d['deb']))
    br.close()
print('erreurs JS :', errs or 'aucune')

chaine_et.shbash chaine_et.sh (et.html + les six astro_*.html à côté)23 lignes

Rejoue la chaîne de 5.3 Astro d'un trait : p1 → p2 → p3 → p4 → p19 → p2_plancher (390 et 1280) → p5 → p6 (116 mutations) → p15 'et'.

#!/bin/sh
# La chaîne de 5.3 Astro · Espace-Temps — V14 → V17 (20 septembre 2026)
# (fait_villes.py fabrique villes_monde.txt ; p7 lit aussi clair_gloses.js, clair_synthese.js, ville.css, ville.js ;
#  p8 lit ciel_build.js et passeport.js)
# Les six instruments entrent dans la page, la coque V16 se pose, et tout se mesure.
set -e
python3 p1_et.py              et.html      et_p1.html     # les six cadres → six blocs ; une seule Astronomy Engine
python3 p2_et.py              et_p1.html   et_p2.html     # ASTRO en h1 ; les doublons du Thème ôtés ; LE DOIGT (44 px, champs ≥ 16 px)
python3 p3_et.py              et_p2.html   et_p3.html     # les treize pierres ; les instruments lisent la palette de la page
python3 p4_et.py              et_p3.html   et_p4.html     # coque V16 : barre, bande, pile, conclusion, ◈ Emporter, pied, ↑ ☰ 🔍
python3 p19_plein_ecran_v16.py et_p4.html  et_p19.html ami-espacetemps
python3 p2_plancher.py        et_p19.html  390  ami-espacetemps   # (écrit dans et_p19.html)
python3 p2_plancher.py        et_p19.html  1280 ami-espacetemps
python3 p5_et.py              et_p19.html  et_p5.html     # les encres, la largeur, les fils qui sortaient
python3 p7_et.py              et_p5.html   et_p7.html     # (20/09 après-midi) la ville s'écrit, la lecture se traduit
python3 p8_et.py              et_p7.html   et_p8.html     # (20/09 soir) le Passeport de Ciel, pour l'AstroGlobe
python3 p9_et.py              et_p8.html   et_p9.html     # les six retours du soir (20/09)
python3 p10_et.py             et_p9.html   et_p10.html    # hiérarchie, frise inversée, note de vérité (21/09)
python3 p11_et.py             et_p10.html  et_p11.html    # l'émoji au-dessus dans les sous-onglets (21/09)
python3 p12_et.py             et_p11.html  et_p12.html    # encres 4,5:1 (21/09)
python3 p6_et_mutations.py    et_p12.html                 # 214 mutations
python3 p15_cadre_webnode.py  et_p12.html   et_webnode.html et

fait_villes.pypython3 fait_villes.py villes_monde.txt (pip install geonamescache babel)33 lignes

Fabrique la base de villes embarquée : GeoNames ≥ 15 000 habitants (33 961 entrées, CC BY 4.0), noms de pays en français (CLDR/babel). Encodage compact — fuseaux et pays listés une fois, noms triés et front-codés, nombres en base 36 : 777 Ko au lieu de 1,4 Mo.

# -*- coding: utf-8 -*-
"""Fabrique la base de villes embarquée dans 5.3 Astro (Diane, 20/09 : « il faudrait qu'on puisse l'écrire
car y'en a beaucoup trop… et ça dépend beaucoup de ça donc faut faire un truc plus précis »).
Source : GeoNames via geonamescache (CC BY 4.0) — toutes les villes de 15 000 habitants et plus, 33 961 entrées ;
noms de pays en français via babel (CLDR). Encodage compact : fuseaux et pays listés une fois, puis une ligne par
ville « <k><reste du nom>|lat|lon|pays|fuseau|milliers d'habitants », où <k> est le nombre de lettres partagées
avec la ligne précédente (les noms sont triés) et les nombres sont en base 36. 785 Ko au lieu de 1,4 Mo.
Usage : python3 fait_villes.py [sortie.txt]"""
import sys, geonamescache
from babel import Locale
OUT = sys.argv[1] if len(sys.argv) > 1 else 'villes_monde.txt'
A = '0123456789abcdefghijklmnopqrstuvwxyz'
def b36(n):
    n = int(n); neg = n < 0; n = abs(n); s = ''
    while n: s = A[n % 36] + s; n //= 36
    return ('-' if neg else '') + (s or '0')
g = geonamescache.GeonamesCache()
FR = Locale('fr').territories
villes = [v for v in g.get_cities().values() if v['population'] >= 15000]
tz = sorted({v['timezone'] for v in villes}); ti = {t: i for i, t in enumerate(tz)}
cc = sorted({v['countrycode'] for v in villes}); ci = {c: i for i, c in enumerate(cc)}
lig = sorted(villes, key=lambda v: (v['name'], -v['population']))
out = []; prec = ''
for v in lig:
    nom = v['name']; k = 0
    while k < len(prec) and k < len(nom) and prec[k] == nom[k] and k < 35: k += 1
    out.append(f"{A[k]}{nom[k:]}|{b36(round(v['latitude']*100))}|{b36(round(v['longitude']*100))}"
               f"|{b36(ci[v['countrycode']])}|{b36(ti[v['timezone']])}|{b36(v['population']//1000)}")
    prec = nom
s = ('\n'.join(tz) + '\n§\n' + '\n'.join(FR.get(c, c) for c in cc) + '\n§\n' + '\n'.join(out))
open(OUT, 'w', encoding='utf-8').write(s)
print(f'✓ {OUT} · {len(villes)} villes · {len(tz)} fuseaux · {len(cc)} pays · {len(s.encode())//1024} Ko')

p7_et.pypython3 p7_et.py et_p5.html et_p7.html (villes_monde.txt, ville.css, ville.js à côté)137 lignes

5.3 Astro, retours du 20/09 après-midi : la ville s'écrit dans les quatre instruments qui demandent un lieu (le <select> reste, réduit à un point, pour que les moteurs le lisent encore) ; les dix lignes de la Synthèse symbolique doublées d'une traduction « En clair » (gloses des matières et des allures) ; la phrase en clair sous Positions & Aspects ; « une fédération de pratiques plutôt qu'un modèle unique » rendue à Citoyenneté.

# -*- coding: utf-8 -*-
"""P7 · 5.3 Astro — LES RETOURS DE DIANE (20 septembre, après-midi).

1. LA VILLE S'ÉCRIT. « Pour choisir la ville il faudrait qu'on puisse l'écrire, car y'en a beaucoup trop et sinon
   c'est pas pratique, et ça dépend beaucoup de ça donc faut faire un truc plus précis. » → un champ de recherche
   sur 33 961 villes du monde (GeoNames ≥ 15 000 habitants, CC BY 4.0), embarquées dans le fichier, hors ligne
   comme le reste : on tape trois lettres, on choisit, la latitude, la longitude et le fuseau se posent tout seuls.
   Le <select> d'origine reste dans la page, caché : tout le moteur du Thème continue de le lire, on ne touche
   pas à ses calculs. « Autre lieu · coordonnées à la main » reste accessible d'un bouton.

2. LA LECTURE SE TRADUIT. « Ça signifie rien pour les gens qui savent pas lire — comme moi ! Tu pourrais faire
   en sorte qu'on ait la lecture symbolique ET la traduction, comme dans la Charte Mathématique où on a traduit
   les formules en mots ? » → chaque ligne de la Synthèse symbolique révisable reçoit sa phrase « En clair ».
   La lecture symbolique n'est pas remplacée : elle est doublée. Idem pour « Données détaillées · Positions & Aspects ».

3. LA PHRASE RENDUE À CITOYENNETÉ : « le meilleur système national ressemblerait à une fédération de pratiques
   plutôt qu'à un modèle unique » — elle venait de l'ancienne Demi Page et n'avait pas été reprise.

Usage : python3 p7_et.py entree.html sortie.html   (villes_monde.txt à côté)
"""
import re, sys, html as H
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []
VILLES = open('villes_monde.txt', encoding='utf-8').read()

def rep(old, new, n=1, why=''):
    global h
    c = h.count(old); assert c == n, f'✗ {why or old[:60]!r} : {c} trouvé(s), {n} attendu(s)'
    h = h.replace(old, new); J.append(f'{why or old[:52]} ×{n}')

# ══ 1 · LA VILLE S'ÉCRIT — dans les QUATRE instruments qui demandent un lieu ══════════════════════════════
CHAMPS = [('birthCity', 'customPlace', 'tv-theme',  'Ville de naissance'),   # 💫 Mon Thème Astro
          ('city',      'custom',      'tv-compl',  'Lieu'),                 # ☯️ Complémentarité
          ('aCity',     'aCustom',     'tv-syn-a',  'Lieu'),                 # 💞 Synastrie · première personne
          ('bCity',     'bCustom',     'tv-syn-b',  'Lieu')]                 # 💞 Synastrie · seconde personne
AIDE = ('33 961 villes du monde sont dans ce fichier. Si ton village n’y est pas, prends la ville la plus proche&#8239;: '
        'à 20 km, l’Ascendant bouge d’un tiers de degré.')
for sel, cust, q, lib in CHAMPS:
    i = h.find('<select id="' + sel + '"'); assert i > 0, sel
    deb = h.rfind('<label', 0, i); assert deb > 0, sel
    fin = h.find('</label>', h.find('</select>', i)) + len('</label>')
    ancien = h[deb:fin]
    assert ancien.count('<option') > 30 and 'custom' in ancien, sel
    champ = (f'<div class="ami-ville" id="{q}" data-sel="{sel}" data-cust="{cust}">\n'
             f'<label for="{q}-q">{lib}</label>\n'
             f'<input id="{q}-q" type="search" role="combobox" aria-expanded="false" aria-controls="{q}-l" aria-autocomplete="list"\n'
             f'       autocomplete="off" spellcheck="false" placeholder="Écris les premières lettres — Lyon, Dakar, Montréal…">\n'
             f'<div id="{q}-l" class="ami-ville-l" role="listbox" aria-label="Villes proposées" hidden></div>\n'
             f'<p class="ami-ville-ok" id="{q}-ok" aria-live="polite">{AIDE}</p>\n'
             f'<button type="button" class="ami-ville-main" id="{q}-main">📍 Entrer les coordonnées à la main</button>\n'
             f'</div>\n'
             f'<select id="{sel}" class="ami-ville-cache" aria-hidden="true" tabindex="-1">\n'
             f'<option selected="" value="">— Choisir une ville —</option>\n'
             f'<option value="" id="{q}-choisie">—</option>\n'
             f'<option value="custom">Autre lieu · coordonnées personnalisées</option>\n'
             f'</select>')
    h = h[:deb] + champ + h[fin:]
J.append('la ville s’écrit dans les quatre instruments qui demandent un lieu (Thème, Complémentarité, Synastrie ×2)')

CSS_VILLE = open('ville.css', encoding='utf-8').read()
i = h.find('<style id="ami-doigt">'); assert i > 0
h = h[:i] + '<style id="ami-ville-css">' + CSS_VILLE + '</style>\n' + h[i:]
J.append('feuille de la ville qui s’écrit et de la traduction')

BASE = '<script type="text/plain" id="ami-villes-base">\n' + VILLES.replace('</', '<\\/') + '\n</script>\n'
JS_VILLE = '<script id="ami-ville-js">\n' + open('ville.js', encoding='utf-8').read() + '\n</script>\n'
i = h.rfind('</body>'); assert i > 0
h = h[:i] + BASE + JS_VILLE + h[i:]
J.append(f'base des villes ({len(VILLES) // 1024} Ko) + les quatre champs qui cherchent')

# ══ 2 · LA LECTURE SE TRADUIT ════════════════════════════════════════════════════════════════════════════
GLOSE = '\n' + open('clair_gloses.js', encoding='utf-8').read()
rep("""    const fmt=new Intl.DateTimeFormat('fr-FR',{timeZone:tz,dateStyle:'long',timeStyle:'short'});
    const reading=`""",
    "    const fmt=new Intl.DateTimeFormat('fr-FR',{timeZone:tz,dateStyle:'long',timeStyle:'short'});\n" + GLOSE +
    "    const reading=`", 1, 'les gloses (matière, allure) et la fonction clair()')

ANCIENNE = """      <h3>🪞 Synthèse symbolique révisable</h3>
      <p><b>Référentiel symbolique principal :</b> ${referenceLabel}. La table conserve simultanément les positions tropicales, sidérales et constellationnelles.</p>
      <p><b>Noyau sélectionné :</b> ${sun.glyph} ${sun.info.sign.name} cherche à ${sun.info.sign.verb} ; ${moon.glyph} ${moon.info.sign.name} décrit une manière possible de rechercher la sécurité en ${moon.info.sign.verb}.</p>
      <p><b>Double lecture :</b> Soleil tropical ${sun.tropical.sign.icon} ${sun.tropical.sign.name} · Soleil sidéral ${sun.sidereal.sign.icon} ${sun.sidereal.sign.name} ; Lune tropicale ${moon.tropical.sign.icon} ${moon.tropical.sign.name} · Lune sidérale ${moon.sidereal.sign.icon} ${moon.sidereal.sign.name}. Ayanāṃśa utilisé : ${ayanamsa.toFixed(2)}°.</p>
      <p><b>Mouvements rétrogrades apparents :</b> ${retro.length?retro.join(' · '):'aucun parmi les planètes calculées'}.</p>
      <p><b>Dominantes :</b> ${dominantElement} · ${dominantMode}. ${flow?`Ressource fluide : ${flow.a.name} ${flow.glyph} ${flow.b.name}.`:'Aucun aspect fluide majeur dans les orbes retenues.'}</p>
      <p><b>Tension principale :</b> ${hard?`${hard.a.name} ${hard.glyph} ${hard.b.name} · orbe ${hard.delta.toFixed(1)}°`:'aucun carré ou opposition majeur dans les orbes retenues.'}</p>
      <p><b>Biais prédominants possibles à vérifier :</b> ${[...new Set(biases)].join(' · ')}.</p>
      <p><b>Trois Champs en résonance :</b> ${top.map(x=>x.name).join(' · ')}.</p>
      <p><b>Question aMi centrale :</b> ${top[0].question}</p>
      <p><b>Acte réversible :</b> ${top[0].act}</p>"""

NOUVELLE = open('clair_synthese.js', encoding='utf-8').read().rstrip('\n')

rep(ANCIENNE, NOUVELLE, 1, 'la Synthèse symbolique : dix lignes doublées d’une traduction « En clair »')

rep('<div class="panel-title"><div><div class="kicker">Données détaillées</div><h2>🪐 Positions &amp; Aspects</h2></div><p>Les hypothèses restent reliées aux calculs visibles.</p></div>',
    '<div class="panel-title"><div><div class="kicker">Données détaillées</div><h2>🪐 Positions &amp; Aspects</h2></div>'
    '<p>Les hypothèses restent reliées aux calculs visibles.</p></div>\n'
    '<div class="ami-clair"><p class="ac-fr"><b>En clair :</b> ce tableau est la matière première — l’endroit du ciel où était chaque astre, '
    'au degré près, à ta date et à ton lieu. Tout ce qui est dit plus haut en sort. Si un chiffre change, la lecture change : rien n’est ajouté en douce, '
    'et tu peux tout refaire toi-même.</p></div>', 1,
    '« Positions & Aspects » : une phrase en clair sous le titre')


# ══ 2 ter · LE RAPPEL DE REGISTRE PRÈS DES ASSOCIATIONS (retour d'Isil, fiche du 20/09, point 12) ═════════
# « Le volume distingue déjà observation, convention et lecture symbolique : c'est une base à conserver. »
# Ce qui manquait : le rappel au VOISINAGE des associations (la BioMatrice, les 13 Champs, la Mélothésie),
# là où un corps et un ciel se croisent — pas seulement dans « 🛡️ Statut de la Carte », en tête du volume.
REGISTRE = ('<p class="ami-registre">🛡️ <b>Registres.</b> Calcul astronomique, convention culturelle et lecture '
            'symbolique aMi désignent des registres différents. Les correspondances neurochimiques proposées ici '
            '<b>ne sont pas des conséquences déduites des positions célestes</b> — elles rapprochent deux langages, '
            'elles n’en tirent pas une preuve.</p>\n')
n_reg = 0
for sub in ('biomatrice', 'champs', 'melothesie'):
    i = h.find(f'id="pane-{sub}"')
    assert i > 0, sub
    i = h.find('>', i) + 1
    h = h[:i] + REGISTRE + h[i:]
    n_reg += 1
J.append(f'le rappel de registre posé au voisinage des associations ×{n_reg} (BioMatrice, 13 Champs, Mélothésie) — retour d’Isil')

# ══ 3 · LA PHRASE RENDUE À CITOYENNETÉ ═══════════════════════════════════════════════════════════════════
i = h.find('id="ct-le-meilleur-systeme"')
if i < 0:
    m = re.search(r'<h[23][^>]*>\s*🎯 Le Meilleur Système\s*</h[23]>', h)
    assert m, 'la section « Le Meilleur Système »'
    i = m.end()
else:
    i = h.find('>', i) + 1
PHRASE = ('\n<p class="ami-federation"><b>La formule combinée :</b> le meilleur système national ressemblerait à une '
          '<strong>fédération de pratiques</strong> plutôt qu’à un modèle unique — 🏘️ local fort · 🗳️ proportionnelle · '
          '🎲 tirage au sort · 📚 délibération · 🧾 transparence · 🌱 droits du Vivant.</p>\n')
h = h[:i] + PHRASE + h[i:]
J.append('« une fédération de pratiques plutôt qu’un modèle unique » rendue à Citoyenneté')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J))
print(f'→ {OUT} · {len(h) // 1024} Ko')

ville.css · ville.jslus par p7_et.py1 lignes

Le champ de ville, lisible à part : liste à 48 px, recherche sans accents, préfixes d'abord puis contenus, tri par population, clavier (↑ ↓ Entrée Échap), pose de latitude/longitude/fuseau, repli « coordonnées à la main ». La base ne se déplie qu'au premier contact (44 ms mesurées).

(script absent du dossier outils/)

p4_charte_pierres_collant.pypython3 p4_charte_pierres_collant.py c9b.html c10.html91 lignes

Charte, retours du 26/09 soir : rend une ligne de pierre aux trois parties « pont » (rubis, moldavite, saphir — lues dans les variables déjà déclarées), et pose le pont de la navbar de l'hôte : mesure de --top-site par elementsFromPoint, décalage de toutes les barres collées et du scroll-padding-top.

# -*- coding: utf-8 -*-
"""P4 · LA CHARTE — LES PIERRES DES TROIS PONTS ET LE COLLANT SOUS LA NAVBAR DU SITE (26/09/2026).
 1 · [stated] « il faut l'ajuster aux autres en mode pierre + couleur » : les trois parties « pont » avaient
     perdu leur ligne quand on a ôté « pont ☸️+🌕 · rouge 5° ». Elles reprennent la forme des cinq autres —
     la pierre et sa couleur. La Charte les nomme déjà ailleurs : ☸️🌕 rouge = le rubis · 💠🌕 vert = la
     moldavite · ☸️💠 bleu = le saphir. On ne les invente pas, on les remet.
 2 · [stated] « j'ai ma navbarre webnode sticky, et la navbarre de la page passe en dessous, et la barre des
     onglets aussi un peu ». Le pont du collant du 26/09 a rendu le COLLANT ; il ne savait pas encore qu'il y
     avait quelque chose AU-DESSUS. Il mesure maintenant ce qui occupe le haut de la fenêtre et décale les
     barres du bloc d'autant. (Rencontre n'a pas le problème : elle vit dans un cadre, et son Pont calcule
     déjà contre la fenêtre visible.)
Usage : python3 p4_charte_pierres_collant.py entree.html sortie.html"""
import sys
SRC, OUT = sys.argv[1], sys.argv[2]
h = open(SRC, encoding='utf-8').read(); J = []

def un(motif, neuf, quoi, compte=1):
    global h
    n = h.count(motif)
    assert n == compte, f'{quoi} : {n} occurrence(s), {compte} attendue(s)'
    h = h.replace(motif, neuf); J.append(quoi)

# ── 1 · les trois pierres ──────────────────────────────────────────────────
PIERRES = [('pho', 'le rubis · rouge'), ('alg', 'la moldavite · vert'), ('cod', 'le saphir · bleu')]
for ident, ligne in PIERRES:
    i = h.find(f'<section class="pan" id="pan-{ident}"')
    assert i > 0, f'panneau {ident} introuvable'
    j = h.find('</p>', h.find('<p class="po-s">', i)) + len('</p>')
    assert j > i, f'sous-titre du panneau {ident} introuvable'
    assert '<p class="po-n">' not in h[i:j+120], f'{ident} a déjà une ligne de pierre'
    h = h[:j] + f'<p class="po-n">{ligne}</p>' + h[j:]
    J.append(f'partie {ident} : « {ligne} »')

# ── 2 · le collant se pose SOUS ce qui occupe le haut de la fenêtre ────────
FEUILLE = """
<style id="ami-charte-collant-sous-navbar">
/* ── LE COLLANT SE POSE SOUS LA BARRE DU SITE (26/09/2026) ──────────────────────────────────────────
   Diane : « j'ai ma navbarre Webnode sticky, et la navbarre de la page passe en dessous, et la barre des
   onglets aussi un peu. » Un bloc ne peut pas savoir à l'avance ce que son hôte met au-dessus de lui :
   il le MESURE, et décale ses propres barres d'autant. --top-site est écrit par le script ci-dessous. ── */
#ami-charte .bar{top:var(--top-site,0px)!important}
#ami-charte .ami-topbar{top:var(--top-site,0px)!important}
#ami-charte > .tab-bar,#ami-charte #tv>.tab-bar,#ami-charte .tvx>.tab-bar,
#ami-charte .lxq #ami-lexique .tab-bar{top:calc(var(--top-site,0px) + var(--top-h,0px))!important}
#ami-charte .sub-host{top:calc(var(--top-site,0px) + var(--nav-h,0px))!important}
#ami-charte #amiPile{top:var(--top-site,0px)!important}
/* et ce vers quoi on saute ne se cache pas non plus derrière elle */
#ami-charte{scroll-padding-top:calc(var(--top-site,0px) + var(--nav-h,0px) + 1rem)}
</style>
<script id="ami-charte-mesure-du-haut">
/* ── CE QUI OCCUPE LE HAUT DE LA FENÊTRE (26/09/2026) ───────────────────────────────────────────────
   On regarde qui se trouve réellement au sommet de la fenêtre — elementsFromPoint au pixel 1 — et on
   retient le bas du plus bas des éléments FIXES ou COLLÉS qui n'appartiennent pas au bloc. C'est plus
   sûr que de deviner un sélecteur : ça marche quel que soit l'habillage du site, et ça suit une barre
   qui rétrécit au défilement. ── */
(function(){'use strict';
 var R=document.getElementById('ami-charte'); if(!R) return;
 var dernier=-1;
 function mesure(){
   var bas=0, x=Math.round(window.innerWidth/2);
   [1,3].forEach(function(y){
     (document.elementsFromPoint(x,y)||[]).forEach(function(e){
       if(!e || e===document.documentElement || e===document.body) return;
       if(R.contains(e) || e.contains(R)) return;          /* le bloc, et ce qui l'enveloppe, ne comptent pas */
       var c=getComputedStyle(e);
       if(c.position!=='fixed' && c.position!=='sticky') return;
       var r=e.getBoundingClientRect();
       if(r.height<=0 || r.height>260) return;              /* un voile plein écran n'est pas une barre */
       if(r.width < window.innerWidth*0.6) return;          /* une barre du haut traverse la fenêtre */
       if(r.top>12) return;                                 /* elle est POSÉE en haut */
       if(r.bottom>bas) bas=Math.round(r.bottom);
     });
   });
   if(bas!==dernier){ dernier=bas; document.documentElement.style.setProperty('--top-site', bas+'px'); }
 }
 mesure();
 window.addEventListener('load', mesure);
 window.addEventListener('resize', mesure);
 var t=null;
 window.addEventListener('scroll', function(){ if(t) return; t=setTimeout(function(){ t=null; mesure(); },150); }, {passive:true});
 [400,1200,2500].forEach(function(ms){ setTimeout(mesure, ms); });
})();
</script>
"""
fin = h.rfind('</body>'); assert fin > 0
h = h[:fin] + FEUILLE + h[fin:]
J.append('le collant se pose sous ce qui occupe le haut de la fenêtre (--top-site, mesuré)')

open(OUT, 'w', encoding='utf-8').write(h)
print('\n'.join('✓ ' + x for x in J)); print(f'→ {OUT} · {len(h.encode())//1024} Ko')

hote_webnode_navbar.htmlouvert par le contrôle Playwright20 lignes

Hôte d'essai qui reproduit agdistys.fr : navbar collante de 92 px PLUS les enveloppes overflow-x:hidden. Sert à mesurer si les barres du bloc se posent sous la navbar ou glissent dessous.

<!doctype html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Hôte d'essai — Webnode avec navbar collée</title><style>
body{margin:0;font:16px/1.6 system-ui;background:#fff;color:#111}
/* la navbar du site : collée en haut, comme celle d'Agdistys */
#navsite{position:sticky;top:0;z-index:5000;height:92px;display:flex;align-items:center;
  justify-content:center;background:#151515;color:#eee;font-size:20px}
#page{overflow-x:hidden}
.zone{max-width:100%;overflow-x:hidden}
footer{padding:3rem 1rem;background:#eee;text-align:center}
</style></head><body>
<div id="navsite">Agdistys • Designer d'une Vie Meilleure</div>
<div id="page"><div class="zone"><main id="zone"></main></div></div>
<footer><p>Pied du site</p></footer>
<script>fetch('c10.html').then(r=>r.text()).then(t=>{
  const corps = t.slice(t.indexOf('<body>')+6, t.lastIndexOf('</body>'));
  document.getElementById('zone').innerHTML = corps;
  [...document.getElementById('zone').querySelectorAll('script')].forEach(s=>{const n=document.createElement('script');[...s.attributes].forEach(a=>n.setAttribute(a.name,a.value));n.textContent=s.textContent;s.replaceWith(n)});
});</script>
</body></html>

p1_pied_v3.pypython3 p1_pied_v3.py v2_complet.html pied_v3.html328 lignes

Le pied de page du SITE (sommaire ☰ + recherche 🔍 + retour ↑, collé à la fin de toutes les pages Webnode) passé en V3 : reconnaissance de #amiSommaire, lecture du document du cadre pour le sommaire et la recherche, hautSite() qui mesure la navbarre, rattrapage du saut, et le Merci en serif avec la ligne en trois temps (ici · Google · Tipeee).

# -*- coding: utf-8 -*-
"""Pied de page du site → V3 (26 septembre 2026).

Trois choses, chacune mesurée avant d'être écrite :

1. LE ☰ NE SE DOUBLE PLUS. Les volumes aMi nomment leur sommaire #amiSommaire,
   le pied cherchait #ami-toc-toggle : sur agdistys.fr/ami-charte les deux ☰
   se posaient AU MÊME PIXEL (mesuré en direct : site y=1026, bloc y=1026 x=1704).
   Le ↑ et la 🔍 étaient déjà reconnus (#amiHaut, #amiRech) et ne se doublaient pas.

2. LE PIED VOIT DANS LE CADRE. Sur une page où le volume est dans un cadre
   (/ami-rencontre/ : cadre de 52 739 px), les outils du volume sont épinglés à
   la fenêtre DU CADRE — mesuré en direct : ↑ à y=0 du cadre, 🔍 à y=52 689,
   ◐ et 💧 à y=13. Autrement dit : dès qu'on a descendu, le lecteur n'a plus
   ni sommaire, ni recherche, ni contraste. Le pied du site, lui, est dans la
   page mère : il peut lire le document du cadre (même origine, srcdoc) et
   descendre la page mère au bon endroit. Donc le ☰ et la 🔍 du site
   deviennent le sommaire et la recherche DU VOLUME.

3. LES RÉSULTATS NE SE CACHENT PLUS SOUS LA NAVBARRE. La hauteur de ce qui
   occupe le haut de l'écran est mesurée (position collante ou fixe, largeur
   > 60 % de l'écran, hauteur ≤ 260 px) et retirée du point d'arrivée.

Et le Merci : « Merci pour Nous » en serif, et la ligne en trois temps
(ici · Google · Tipeee).
"""
import re, sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()
n = 0

def pose(avant, apres, combien=1):
    global h, n
    assert h.count(avant) == combien, (h.count(avant), avant[:70])
    h = h.replace(avant, apres)
    n += 1

# ── 1 · l'entête du bloc ───────────────────────────────────────────────
pose("""     SOMMAIRE AUTOMATIQUE + RECHERCHE + RETOUR EN HAUT · aMi V2
     19 septembre 2026 — la V1 (sommaire + ↑) reçoit la loupe 🔍 des volumes.""",
     """     SOMMAIRE AUTOMATIQUE + RECHERCHE + RETOUR EN HAUT · aMi V3
     26 septembre 2026 — le pied voit dans le cadre, et ne double plus le ☰.""")

pose("""       · il ne double pas les outils d'un volume aMi : s'il trouve déjà
         un ↑ (#bTop / #amiHaut), un ☰ (#ami-toc-toggle) ou une loupe
         (#amiRech) dans la page, il ne pose que ce qui manque.""",
     """       · il ne double pas les outils d'un volume aMi : s'il trouve déjà
         un ↑ (#bTop / #amiHaut), un ☰ (#ami-toc-toggle / #amiSommaire) ou
         une loupe (#amiRech) dans la page, il ne pose que ce qui manque.

     CE QU'IL FAIT DE NEUF EN V3
       · DANS UN CADRE — quand le volume est posé dans un cadre (les pages
         « WEBNODE »), ses propres ↑ ☰ 🔍 sont épinglés à la fenêtre DU
         CADRE, donc hors de vue dès qu'on a descendu. Le pied du site lit
         alors le document du cadre : son ☰ liste les vraies parties du
         volume, sa 🔍 cherche dans tout le volume, et l'arrivée se fait en
         descendant la page mère. C'est le seul endroit d'où ça marche.
       · SOUS LA NAVBARRE — la hauteur de ce qui occupe le haut de l'écran
         est mesurée, jamais devinée : un résultat n'arrive plus caché
         derrière la navbarre du site.""")

# ── 2 · reconnaître le ☰ des volumes ───────────────────────────────────
pose("""  var dejaToc  = document.getElementById('ami-toc-toggle');""",
     """  var dejaToc  = document.getElementById('ami-toc-toggle') || document.getElementById('amiSommaire');""")

# ── 3 · le cadre : où chercher ─────────────────────────────────────────
pose("""  /* ── Où chercher ─────────────────────────────────────────────── */
  function zone(){
    var v = [].slice.call(document.querySelectorAll('.pane'))
              .filter(function(p){ return !p.hidden && p.offsetParent !== null; });
    if (v.length) return v;
    return [document.body];
  }""",
     """  /* ── LE CADRE ────────────────────────────────────────────────────
     Un volume « WEBNODE » vit dans un cadre srcdoc, donc de la même
     origine : son document est lisible. Ses propres outils, eux, sont
     épinglés à la fenêtre du cadre (haute de 50 000 px) et sortent de la
     vue dès qu'on descend. C'est donc ICI qu'ils doivent revivre. */
  function cadre(){
    var fs = [].slice.call(document.querySelectorAll('iframe'));
    for (var i = 0; i < fs.length; i++) {
      var f = fs[i];
      if (f.closest('.amiToc-tiroir, .amiRech')) continue;
      var d = null;
      try { d = f.contentDocument; } catch (e) { continue; }
      if (!d || !d.body) continue;
      if (f.getBoundingClientRect().height < 400) continue;
      if ((d.body.textContent || '').replace(/\\s+/g, ' ').trim().length < 600) continue;
      return { f: f, d: d };
    }
    return null;
  }
  /* Le haut de l'écran occupé par le site (navbarre collante) — mesuré. */
  function hautSite(){
    var bas = 0, x = Math.round(window.innerWidth / 2);
    [1, 3].forEach(function(y){
      var l = document.elementsFromPoint(x, y) || [];
      [].slice.call(l).forEach(function(e){
        if (!e || e === document.documentElement || e === document.body) return;
        if (e.closest('.amiToc-out, .amiToc-tiroir, .amiRech')) return;
        var c = getComputedStyle(e);
        if (c.position !== 'fixed' && c.position !== 'sticky') return;
        var r = e.getBoundingClientRect();
        if (r.height <= 0 || r.height > 260) return;
        if (r.width < window.innerWidth * 0.6) return;
        if (r.top > 12) return;
        if (r.bottom > bas) bas = Math.round(r.bottom);
      });
    });
    return bas;
  }
  /* Le haut d'un élément dans la page MÈRE, qu'il vienne d'ici ou du cadre. */
  function hautEcran(el){
    var t = el.getBoundingClientRect().top;
    if (el.ownerDocument === document) return t;
    var C = cadre();
    return C ? t + C.f.getBoundingClientRect().top : t;
  }

  /* ── Où chercher ─────────────────────────────────────────────── */
  function zone(){
    var C = cadre();
    if (C) {
      var vc = [].slice.call(C.d.querySelectorAll('.pane'))
                 .filter(function(p){ return !p.hidden && p.offsetParent !== null; });
      return vc.length ? vc : [C.d.body];
    }
    var v = [].slice.call(document.querySelectorAll('.pane'))
              .filter(function(p){ return !p.hidden && p.offsetParent !== null; });
    if (v.length) return v;
    return [document.body];
  }""")

# ── 4 · aller à un endroit, d'ici ou du cadre, sous la navbarre ────────
pose("""  function pile(){
    var h = 0;
    ['.ami-barre', '.tab-bar', '#amiPile', '.tab-bar-full'].forEach(function(sel){
      var e = document.querySelector(sel);
      if (e && /sticky|fixed/.test(getComputedStyle(e).position) && getComputedStyle(e).display !== 'none') h += Math.round(e.getBoundingClientRect().height);
    });
    return h;
  }
  function vers(h, marge){
    var y = h.getBoundingClientRect().top + window.pageYOffset - pile() - (marge || 14);
    window.scrollTo({ top: y < 0 ? 0 : y, behavior: 'smooth' });
  }""",
     """  function pile(){
    var h = hautSite();
    ['.ami-barre', '.tab-bar', '#amiPile', '.tab-bar-full'].forEach(function(sel){
      var e = document.querySelector(sel);
      if (e && /sticky|fixed/.test(getComputedStyle(e).position) && getComputedStyle(e).display !== 'none') h += Math.round(e.getBoundingClientRect().height);
    });
    return h;
  }
  function vers(h, marge){
    var y = hautEcran(h) + window.pageYOffset - pile() - (marge || 14);
    window.scrollTo({ top: y < 0 ? 0 : y, behavior: 'smooth' });
  }""")

# ── 5 · le titre le plus proche, dans le bon document ──────────────────
pose("""    var e = el;
    while (e && e !== document.body) {""",
     """    var e = el, corps = el.ownerDocument.body;
    while (e && e !== corps) {""")

# ── 6 · le volet, dans le bon document ────────────────────────────────
pose("""    var pane = el.closest('.pane, .tab-section, .tab-content, .tab-panel, .pt-pane, [role="tabpanel"]');
    if (!pane) return null;
    var id = pane.id, k = pane.dataset.c || pane.dataset.t || pane.dataset.tab;
    var btn = null;
    if (id) btn = document.querySelector(""",
     """    var pane = el.closest('.pane, .tab-section, .tab-content, .tab-panel, .pt-pane, [role="tabpanel"]');
    if (!pane) return null;
    var doc = el.ownerDocument;
    var id = pane.id, k = pane.dataset.c || pane.dataset.t || pane.dataset.tab;
    var btn = null;
    if (id) btn = doc.querySelector(""")
pose("""    if (!btn && k) btn = document.querySelector('.tab-btn[data-c=""",
     """    if (!btn && k) btn = doc.querySelector('.tab-btn[data-c=""")

# ── 7 · l'index : le texte du cadre s'il y en a un ────────────────────
pose("""  function bati(){
    IDX = [];
    var w = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT), n;
    while ((n = w.nextNode())) {
      var s = n.textContent.replace(/\\s+/g, ' ').trim(); if (s.length < 3) continue;
      var p = n.parentElement; if (!p || p.closest(EXCL)) continue;
      if (p.matches(TITRES) || p.closest(TITRES)) continue;
      IDX.push({ t: s, tl: s.toLowerCase(), el: p });
    }""",
     """  function bati(){
    IDX = [];
    var C = cadre();
    var racine = C ? C.d.body : document.body;
    var w = (C ? C.d : document).createTreeWalker(racine, NodeFilter.SHOW_TEXT), n;
    while ((n = w.nextNode())) {
      var s = n.textContent.replace(/\\s+/g, ' ').trim(); if (s.length < 3) continue;
      var p = n.parentElement; if (!p || p.closest(EXCL)) continue;
      if (p.matches(TITRES) || p.closest(TITRES)) continue;
      IDX.push({ t: s, tl: s.toLowerCase(), el: p });
    }""")

# ── 8 · « où suis-je » : mesurer dans la page mère ────────────────────
pose("""      ancres.forEach(function(x){ if (x.h.getBoundingClientRect().top <= seuil) ici = x; x.a.classList.remove('ici'); });""",
     """      ancres.forEach(function(x){ if (hautEcran(x.h) <= seuil) ici = x; x.a.classList.remove('ici'); });""")

# ── 9 · refaire quand le cadre a fini de grandir ──────────────────────
pose("""  construis(); bati(); auDefile();
  window.addEventListener('load', refais);
  [300, 900, 2000].forEach(function(ms){ setTimeout(refais, ms); });""",
     """  construis(); bati(); auDefile();
  window.addEventListener('load', refais);
  [300, 900, 2000].forEach(function(ms){ setTimeout(refais, ms); });
  /* Un cadre arrive après la page et grandit ensuite (le pont règle sa
     hauteur) : on refait le sommaire quand son document est là. */
  (function(){
    var C0 = cadre(); if (!C0) { [3500, 6000].forEach(function(ms){ setTimeout(refais, ms); }); return; }
    C0.f.addEventListener('load', function(){ setTimeout(refais, 400); });
    [1500, 3500, 6000].forEach(function(ms){ setTimeout(refais, ms); });
  })();""")

# ── 10 · le Merci : serif, et la ligne en trois temps ─────────────────
pose("""  var TIPEEE = 'https://fr.tipeee.com/agdistys';""",
     """  var TIPEEE = 'https://fr.tipeee.com/agdistys';
  /* La fiche Google. Ce lien-ci OUVRE la fiche (le bouton « Rédiger un avis »
     y est) ; le lien qui ouvre DIRECTEMENT le formulaire se copie dans la
     Fiche d'établissement Google → « Demander des avis » — il a la forme
     https://g.page/r/xxxxxxxx/review. Une seule ligne à changer ici. */
  var AVIS = 'https://share.google/wVIE5HqQFUiZVRDrp';""")

# ── 10 bis · LE MERCI SE SÉPARE DU SOUTIEN ────────────────────────────
# [stated] 26/09 : « quand on clique ça dit juste merci, et ensuite quand on
# clique sur "un avis/témoignage sur Google · un soutien libre sur Tipeee"
# c'est sur ces deux que ça renvoie vers Tipeee ou Google ».
# Donc : le grand bouton ne va NULLE PART — il dit merci, il compte, il
# remercie. Les deux liens de la ligne du dessous portent les deux gestes
# qui coûtent quelque chose (un avis, un soutien) : on ne les confond plus
# avec le merci gratuit.
pose("""      'a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:10px 21px;border:1px solid #e7c778;border-radius:999px;background:#11100d;color:#ffe4a0;text-decoration:none;font:500 18px/1.4 system-ui,-apple-system,sans-serif;box-shadow:0 3px 14px #0003;transition:background .15s}' +
      'a:hover{background:#292318}a:focus-visible{outline:3px solid #fff4d6;outline-offset:4px}' +
      '.count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:400;color:#cfbd94}' +
      'small{display:block;margin-top:7px;color:#fff4d6;font:normal 13px/1.5 system-ui,-apple-system,sans-serif}' +
      '.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}' +
      '</style><a target="_blank" rel="noopener noreferrer" aria-label="Dire merci et ouvrir Tipeee dans un nouvel onglet">' +
      '<span>&#x1FA9E; Merci pour Nous &#x1F331;</span><span class="count"></span></a>' +
      '<small>Un merci ici · un soutien libre sur Tipeee.</small><span class="sr" role="status" aria-live="polite"></span>';""",
     """      'button.merci{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:11px 24px;border:1px solid #e7c778;border-radius:999px;background:#11100d;color:#ffe4a0;cursor:pointer;box-shadow:0 3px 14px #0003;transition:background .15s;' +
        'font:400 23px/1.3 Cormorant Garamond,Cormorant,Georgia,Times New Roman,serif;letter-spacing:.01em}' +
      'button.merci:hover{background:#292318}' +
      'button.merci:focus-visible,a:focus-visible{outline:3px solid #fff4d6;outline-offset:4px}' +
      'button.merci[disabled]{cursor:default;opacity:.92}' +
      '.count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:400;color:#cfbd94;font-family:system-ui,-apple-system,sans-serif}' +
      'small{display:block;margin-top:9px;color:#fff4d6;font:normal 13px/1.6 system-ui,-apple-system,sans-serif}' +
      'small a{color:#ffe4a0;text-decoration:none;border-bottom:1px solid rgba(231,199,120,.45);padding-bottom:1px}' +
      'small a:hover{border-bottom-color:#ffe4a0}' +
      '.dit{display:block;margin-top:7px;min-height:1.6em;color:#cfbd94;font:normal 13px/1.6 system-ui,-apple-system,sans-serif}' +
      '.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}' +
      '</style><button class="merci" type="button">' +
      '<span>&#x1FA9E; Merci pour Nous &#x1F331;</span><span class="count"></span></button>' +
      '<small>Un merci Ici · <a class="avis" target="_blank" rel="noopener noreferrer">un avis ou un t&eacute;moignage sur Google</a>' +
      ' · <a class="tip" target="_blank" rel="noopener noreferrer">un soutien libre sur Tipeee</a>.</small>' +
      '<span class="dit" aria-hidden="true"></span><span class="sr" role="status" aria-live="polite"></span>';""")

pose("""    var link = root.querySelector('a'), count = root.querySelector('.count'), status = root.querySelector('.sr');
    link.href = TIPEEE;""",
     """    var link = root.querySelector('button.merci'), count = root.querySelector('.count'), status = root.querySelector('.sr');
    var dit = root.querySelector('.dit');
    var lTip = root.querySelector('a.tip'); if (lTip) lTip.href = TIPEEE;
    var lAvis = root.querySelector('a.avis'); if (lAvis) lAvis.href = AVIS;
    function annonce(t){ status.textContent = t; if (dit) dit.textContent = t; }""")

# le merci ne navigue plus : il compte, il répond, il se tait ensuite
pose("""    function thank() {
      // Do not preventDefault or await navigation: Tipeee opens even if counting fails.
      if (!enabled || pending) return;
      read();
      if (sent) { status.textContent = 'Ton merci est déjà enregistré. Tipeee s’ouvre.'; return; }""",
     """    function thank() {
      /* Le merci ne va nulle part : il compte, et il répond. Les deux liens
         de la ligne du dessous portent l'avis et le soutien. */
      if (pending) return;
      if (!enabled) { annonce('Merci ! (le compteur est en sommeil)'); return; }
      read();
      if (sent) { annonce('Ton merci est déjà là. Merci encore.'); return; }""")

pose("""          display(data.value); sent = true; save();
          status.textContent = 'Merci ! Ton merci est enregistré.';
        })
        .catch(function () { status.textContent = 'Tipeee reste accessible ; le compteur est momentanément indisponible.'; })""",
     """          display(data.value); sent = true; save();
          annonce('Merci ! Ton merci est enregistré.');
        })
        .catch(function () { annonce('Ton merci est bien reçu ; le compteur est momentanément indisponible.'); })""")

pose("""    link.addEventListener('click', thank);
    link.addEventListener('auxclick', function (e) { if (e.button === 1) thank(); });""",
     """    link.addEventListener('click', thank);""")

# ── 11 · le rattrapage du saut ────────────────────────────────────────
# Mesuré : dans un cadre, ouvrir la bonne partie change TOUTE la hauteur
# au-dessus de la cible (arrivée à -243 px au lieu de 0). On ne prédit pas
# la nouvelle place : on remesure après coup, deux fois.
pose("""  function vers(h, marge){
    var y = hautEcran(h) + window.pageYOffset - pile() - (marge || 14);
    window.scrollTo({ top: y < 0 ? 0 : y, behavior: 'smooth' });
  }""",
     """  function vers(h, marge){
    var y = hautEcran(h) + window.pageYOffset - pile() - (marge || 14);
    window.scrollTo({ top: y < 0 ? 0 : y, behavior: 'smooth' });
  }
  /* Ouvrir une partie change la hauteur au-dessus de la cible : on remesure. */
  function versRattrape(h, marge){
    vers(h, marge);
    [420, 1000].forEach(function(ms){ setTimeout(function(){ vers(h, marge); }, ms); });
  }""")

pose("""        a.addEventListener('click', function(e){ e.preventDefault(); vers(h); ouvre(false); });""",
     """        a.addEventListener('click', function(e){ e.preventDefault(); versRattrape(h, 14); ouvre(false); });""")

pose("""      var cible = e.el.closest('p, li, td, th, h1, h2, h3, h4, blockquote, figure, div') || e.el;
      vers(cible, 64);""",
     """      var cible = e.el.closest('p, li, td, th, h1, h2, h3, h4, blockquote, figure, div') || e.el;
      versRattrape(cible, 64);""")

open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', n, 'opérations,', len(h) // 1024, 'Ko')

p5_charte_collant_generique.pypython3 p5_charte_collant_generique.py c10.html c11.html129 lignes

Charte V11 : remplace la liste de sélecteurs de la V10 par une passe générique — tout ce qui colle en haut dans la racine se décale de la hauteur de ce que l'hôte occupe, en gardant sa hauteur d'origine ; en-têtes de tableaux et collants de rouleau écartés.

# -*- coding: utf-8 -*-
"""Charte V11 — le collant se décale POUR DE BON, et on le vérifie en ayant descendu.

CE QUI N'ALLAIT PAS DANS LA V10
  J'avais écrit une LISTE de noms (.bar, .ami-topbar, .tab-bar, .sub-host, #amiPile)
  et la barre de la Charte s'appelle nav.ami-barre#amiBarre : elle est passée entre
  les mailles. Pire : ma vérification mesurait AU CHARGEMENT, quand rien ne colle
  encore — la barre était à 92 parce que la page n'avait pas bougé, pas parce que
  la règle marchait. Mesuré après 3 000 px, la vérité :

      barre aMi   chargement y=92   ·   descendu y=0   (sous la navbarre)
      ❤️‍🔥        chargement y=171  ·   descendu y=8   (couvert)
      ◐ 💧 ⛶      chargement y=97   ·   descendu y=5   (couverts)

  D'où les trois symptômes de Diane d'un seul coup : la barre passe dessous, et
  le bouton qui replie les onglets — comme le contraste et la lecture fluide —
  devient inatteignable.

CE QUE FAIT LA V11
  Plus de liste. Le bloc cherche TOUT ce qui colle en haut chez lui, retient la
  hauteur que chacun demandait au départ, et y ajoute la hauteur de ce que l'hôte
  occupe en haut de l'écran. Une barre ajoutée demain sera prise sans que je repasse.
  Sont écartés : les en-têtes de tableaux (ils collent dans leur propre rouleau,
  pas dans la fenêtre) et tout ce qui vit dans un conteneur qui défile.
"""
import sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()

# ── on retire le bloc V10 (la liste de noms + son script de mesure) ────────────
i = h.find('id="ami-charte-collant-sous-navbar"')
assert i > 0, 'bloc V10 introuvable'
a = h.rfind('<', 0, i)
j = h.find('</script>', h.find('id="ami-charte-mesure-du-haut"')) + len('</script>')
assert j > a, 'fin du bloc V10 introuvable'

NEUF = r'''<script id="ami-charte-decale-ce-qui-colle">
/* ── CE QUI COLLE SE POSE SOUS CE QUE L'HÔTE OCCUPE (V11, 26/09/2026) ──────────
   Diane : « j'ai ma navbarre Webnode sticky, et la navbarre de la page passe en
   dessous. » La V10 visait une liste de noms et a raté nav.ami-barre. Ici on ne
   nomme plus rien : on prend tout ce qui colle en haut DANS le bloc, on retient
   la hauteur qu'il demandait, et on y ajoute celle de l'hôte. Écartés : les
   en-têtes de tableaux et tout ce qui colle à l'intérieur d'un rouleau — ceux-là
   ne collent pas à la fenêtre, les décaler les ferait sauter. */
(function(){'use strict';
 var R = document.getElementById('ami-charte'); if(!R) return;
 var dernier = -1;

 function hautDeLHote(){
   var bas = 0, x = Math.round(window.innerWidth / 2);
   [1, 3].forEach(function(y){
     var l = document.elementsFromPoint(x, y) || [];
     [].slice.call(l).forEach(function(e){
       if (!e || e === document.documentElement || e === document.body) return;
       if (R.contains(e) || e.contains(R)) return;          /* pas nous, ni notre parent */
       var c = getComputedStyle(e);
       if (c.position !== 'fixed' && c.position !== 'sticky') return;
       var r = e.getBoundingClientRect();
       if (r.height <= 0 || r.height > 260) return;         /* une barre, pas un décor */
       if (r.width < window.innerWidth * 0.6) return;       /* large, donc elle barre l'écran */
       if (r.top > 12) return;                              /* posée tout en haut */
       if (r.bottom > bas) bas = Math.round(r.bottom);
     });
   });
   return bas;
 }

 function dansUnRouleau(e){
   var p = e.parentElement;
   while (p && p !== R && p !== document.body) {
     var c = getComputedStyle(p);
     if (/auto|scroll/.test(c.overflowY) || /auto|scroll/.test(c.overflowX)) return true;
     p = p.parentElement;
   }
   return false;
 }

 function collants(){
   var out = [];
   var tous = [R].concat([].slice.call(R.querySelectorAll('*')));
   tous.forEach(function(e){
     var c = getComputedStyle(e);
     if (c.position !== 'sticky' && c.position !== 'fixed') return;
     if (/^(TH|THEAD|TR|TD|CAPTION)$/.test(e.tagName)) return;   /* en-tête de tableau */
     if (dansUnRouleau(e)) return;                               /* colle dans son rouleau */
     if (e.dataset.amiHaut === undefined) {                      /* la hauteur d'origine, une fois */
       var t = parseFloat(c.top);
       if (!isFinite(t)) return;                                 /* top:auto : il ne colle pas en haut */
       if (t > 260) return;                                      /* posé bas (un pied collant) */
       e.dataset.amiHaut = String(Math.round(t));
     }
     out.push(e);
   });
   return out;
 }

 function pose(){
   var hote = hautDeLHote();
   if (hote === dernier) return;
   dernier = hote;
   document.documentElement.style.setProperty('--top-site', hote + 'px');
   collants().forEach(function(e){
     e.style.setProperty('top', (parseInt(e.dataset.amiHaut, 10) + hote) + 'px', 'important');
   });
   R.style.setProperty('scroll-padding-top', (hote + 96) + 'px');
 }

 pose();
 window.addEventListener('load', pose);
 window.addEventListener('resize', function(){ dernier = -1; pose(); });
 var t = null;
 window.addEventListener('scroll', function(){
   if (t) return;
   t = setTimeout(function(){ t = null; pose(); }, 150);
 }, {passive:true});
 /* le bloc se déplie encore un moment après l'arrivée : on repasse */
 [400, 1200, 2500, 5000].forEach(function(ms){ setTimeout(function(){ dernier = -1; pose(); }, ms); });
})();
</script>'''

h = h[:a] + NEUF + h[j:]

# le marqueur de version dans la page
h = h.replace('<html', '<!-- Charte aMi · collant générique V11 — 26 septembre 2026 -->\n<html', 1)

open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', len(h) // 1024, 'Ko')

p6_charte_v12.pypython3 p6_charte_v12.py c11.html c12.html113 lignes

Charte V12 : le collant ne gèle plus sa hauteur (on relit la feuille à chaque passe), nom des onglets en 600, Codons du Langage en tanzanite.

# -*- coding: utf-8 -*-
"""Charte V12 — trois retours de Diane du 27/09 au matin.

1 · LE GROS TROU ENTRE LA NAVBARRE ET LES ONGLETS. Mesuré : la barre des 8
    parties (div.bar) se posait à 221 px quand la barre aMi finit à 140 —
    81 px de vide par lequel le texte défilait. CAUSE : ma V11 FIGEAIT la
    hauteur d'origine de chaque collant. Or celle de div.bar s'écrit
    min(var(--nav-h),9rem), et --nav-h est la hauteur VIVANTE de la barre aMi :
    129 px dépliée, 48 px repliée. J'ai gelé le 129 du chargement, puis j'ai
    ajouté 92 : 221. La barre se repliait, le trou restait.
    RÉPARÉ : on ne gèle plus rien. À chaque passe on rend la parole à la
    feuille de style (on retire notre top), on lit ce qu'elle dit MAINTENANT,
    et on y ajoute la hauteur de l'hôte. Le calcul du document reste vivant.

2 · LE NOM DES ONGLETS EN GRAS. En serif clair sur fond noir, au téléphone,
    il disparaît. On passe .ot en 600.

3 · LES CODONS DU LANGAGE EN TANZANITE. ☸️ grenat + 💠 chrysocolle : le seul
    bleu de la palette qui garde le violet du grenat.
"""
import sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()
n = 0

def pose(avant, apres, combien=1):
    global h, n
    assert h.count(avant) == combien, (h.count(avant), avant[:80])
    h = h.replace(avant, apres); n += 1

# ── 1 · on ne gèle plus la hauteur d'origine ──────────────────────────────────
pose("""     if (e.dataset.amiHaut === undefined) {                      /* la hauteur d'origine, une fois */
       var t = parseFloat(c.top);
       if (!isFinite(t)) return;                                 /* top:auto : il ne colle pas en haut */
       if (t > 260) return;                                      /* posé bas (un pied collant) */
       e.dataset.amiHaut = String(Math.round(t));
     }
     out.push(e);""",
     """     out.push(e);""")

pose(""" function pose(){
   var hote = hautDeLHote();
   if (hote === dernier) return;
   dernier = hote;
   document.documentElement.style.setProperty('--top-site', hote + 'px');
   collants().forEach(function(e){
     e.style.setProperty('top', (parseInt(e.dataset.amiHaut, 10) + hote) + 'px', 'important');
   });
   R.style.setProperty('scroll-padding-top', (hote + 96) + 'px');
 }""",
     """ /* On ne retient AUCUNE hauteur : celle que la feuille de style demande peut
    changer d'un instant à l'autre (min(var(--nav-h),9rem) suit la barre qui se
    replie). À chaque passe on lui rend la parole, on écoute, puis on ajoute. */
 function pose(){
   var hote = hautDeLHote();
   document.documentElement.style.setProperty('--top-site', hote + 'px');
   var barres = collants();
   barres.forEach(function(e){ e.style.removeProperty('top'); });
   var dits = barres.map(function(e){ return parseFloat(getComputedStyle(e).top); });
   barres.forEach(function(e, i){
     var t = dits[i];
     if (!isFinite(t) || t > 260) return;   /* top:auto, ou posé bas : pas notre affaire */
     e.style.setProperty('top', Math.round(t + hote) + 'px', 'important');
   });
   R.style.setProperty('scroll-padding-top', (hote + 96) + 'px');
   dernier = hote;
 }""")

pose(""" window.addEventListener('resize', function(){ dernier = -1; pose(); });
 var t = null;
 window.addEventListener('scroll', function(){
   if (t) return;
   t = setTimeout(function(){ t = null; pose(); }, 150);
 }, {passive:true});
 /* le bloc se déplie encore un moment après l'arrivée : on repasse */
 [400, 1200, 2500, 5000].forEach(function(ms){ setTimeout(function(){ dernier = -1; pose(); }, ms); });""",
     """ window.addEventListener('resize', pose);
 var t = null;
 /* la barre se replie EN DÉFILANT : il faut repasser pendant le défilement,
    sinon les onglets restent posés à la hauteur de la barre dépliée. */
 window.addEventListener('scroll', function(){
   if (t) return;
   t = setTimeout(function(){ t = null; pose(); }, 120);
 }, {passive:true});
 /* le bloc se déplie encore un moment après l'arrivée : on repasse */
 [400, 1200, 2500, 5000].forEach(function(ms){ setTimeout(pose, ms); });""")

# ── 2 · le nom des onglets en gras ───────────────────────────────────────────
pose('</head>',
     """<style id="ami-charte-onglets-lisibles">
/* Diane, 27/09 : « le titre des onglets en serif faut mettre en gras sinon sur
   téléphone on voit rien. » Un serif clair, fin, sur du noir, à 13 px : les
   pleins et les déliés se ferment. On épaissit le nom, pas la légende. */
#ami-charte .bar .ong .ot{font-weight:600;letter-spacing:.005em}
</style>
</head>""")

# ── 3 · Les Codons du Langage : saphir → tanzanite ───────────────────────────
pose('style="--tc:var(--saphir);--tcl:var(--saphir);--tc-rgb:0,119,238;--tcx:var(--saphir-ct)"',
     'style="--tc:var(--tanzanite);--tcl:var(--tanzanite);--tc-rgb:107,99,255;--tcx:var(--tanzanite-ct)"', 2)
pose('#ami-charte .pan[data-o="cod"]{--tc:var(--saphir-gras)!important;--tc-rgb:0,99,219!important}',
     '#ami-charte .pan[data-o="cod"]{--tc:var(--tanzanite-gras)!important;--tc-rgb:87,84,238!important}')
pose('#ami-charte .pan[data-o="cod"]{--tcl:var(--saphir-gras)!important}',
     '#ami-charte .pan[data-o="cod"]{--tcl:var(--tanzanite-gras)!important}')
pose('<p class="po-n">le saphir · bleu</p>', '<p class="po-n">la tanzanite · bleu-violet</p>')

h = h.replace('collant générique V11 — 26 septembre 2026',
              'collant vivant V12 — 27 septembre 2026', 1)

open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', n, 'opérations,', len(h) // 1024, 'Ko')

p2_pied_v4.pypython3 p2_pied_v4.py pied_v3.html pied_v4.html161 lignes

Pied du site V4 : numérotation et reprise de place sur une version plus ancienne ; le gras d'un paragraphe devient un titre ; le niveau du sommaire vient de la taille réelle ; étiquette = première ligne de innerText ; hiérarchie visible dans le tiroir.

# -*- coding: utf-8 -*-
"""Pied de page du site → V4 (27 septembre 2026).

TROIS CHOSES, chacune mesurée avant d'être écrite.

1 · LA PAGE QUI N'AVAIT PAS DE LOUPE. agdistys.fr/la-tour-de-babel porte DEUX
    blocs : la V1 (« SOMMAIRE AUTOMATIQUE + RETOUR EN HAUT · aMi V1 »), collée
    dans la page elle-même, et la V3 du pied du site. La V1 arrive la première,
    pose window.__amiToc = true, et la V3 se retire poliment : « collé deux fois,
    une seule vie ». Mesuré en ligne : deux boutons de classe « amiToc-b » seule,
    dans l'ordre ☰ puis ↑ (l'ordre de la V1), et AUCUN .amiRech dans la page.
    RÉPARÉ : la V4 se numérote. Si elle trouve une version plus ancienne déjà
    installée, elle ne se retire plus : elle prend la place — elle retire les
    boutons, le tiroir et la boîte de recherche de l'ancienne, et s'installe.
    Diane n'a plus à retrouver dans quelles pages traîne une vieille copie.

2 · LE SOMMAIRE NE MONTRAIT AUCUNE HIÉRARCHIE. Diane : « il ne prend pas en
    compte la taille des titres donc tout est à la même taille. Faudrait pouvoir
    voir la différence avec les titres en gras — moi ça correspond à mes
    intitulés car je me sers quasi jamais de la fonction "titre". »
    Donc deux choses : le GRAS d'un paragraphe devient un titre (c'est sa façon
    d'écrire), et le niveau ne vient plus de la balise mais de la TAILLE RÉELLE
    du titre dans la page — ce que l'œil voit, le sommaire le voit.

3 · LES TITRES COLLÉS. « La Fréquence Géométrique des Motset plus encore » :
    textContent recolle deux blocs sans espace. On prend la PREMIÈRE LIGNE de
    innerText, qui suit le rendu.
"""
import sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()
n = 0

def pose(avant, apres, combien=1):
    global h, n
    assert h.count(avant) == combien, (h.count(avant), avant[:80])
    h = h.replace(avant, apres); n += 1

# ── l'entête ──────────────────────────────────────────────────────────────────
pose("""     SOMMAIRE AUTOMATIQUE + RECHERCHE + RETOUR EN HAUT · aMi V3
     26 septembre 2026 — le pied voit dans le cadre, et ne double plus le ☰.""",
     """     SOMMAIRE AUTOMATIQUE + RECHERCHE + RETOUR EN HAUT · aMi V4
     27 septembre 2026 — il remplace les vieilles copies, et le sommaire
     retrouve ses niveaux (le gras compte comme un titre).""")

# ── 1 · la reprise de place ───────────────────────────────────────────────────
pose("""  if (window.__amiToc) return;      /* collé deux fois : une seule vie */
  window.__amiToc = true;""",
     """  /* ── QUI TIENT LA PLACE ? ─────────────────────────────────────────
     Une vieille copie collée dans une page (la V1, par exemple) arrive avant
     le pied du site et posait __amiToc : le pied se retirait, et la page
     restait sans loupe. Désormais on se numérote : à version égale ou plus
     récente on laisse la place, sinon ON LA PREND. */
  var MOI = 4;
  if (window.__amiTocV >= MOI) return;                 /* déjà nous, ou plus neuf */
  if (window.__amiToc && !(window.__amiTocV >= MOI)) { /* une plus ancienne : on la remplace */
    ['.amiToc-out', '.amiToc-tiroir', '.amiRech'].forEach(function(s){
      [].slice.call(document.querySelectorAll(s)).forEach(function(e){ e.remove(); });
    });
    if (window.console) console.log('[aMi · pied] une version plus ancienne était posée : la V' + MOI + ' prend la place.');
  }
  window.__amiToc = true;
  window.__amiTocV = MOI;""")

# ── 2 · les candidats au sommaire : le gras compte, la taille décide ─────────
pose("""  var R = document.documentElement;
  var TITRES = 'h1, h2, h3, h4, [data-toc], .fam, .sechead';
  var NIVEAU = { H1: 2, H2: 2, H3: 3, H4: 3 };""",
     """  var R = document.documentElement;
  var TITRES = 'h1, h2, h3, h4, [data-toc], .fam, .sechead';
  var NIVEAU = { H1: 2, H2: 2, H3: 3, H4: 3 };

  /* ── CE QUI FAIT UN TITRE ──────────────────────────────────────────
     Diane écrit ses intitulés en GRAS, pas avec la fonction « titre ».
     Un gras devient un titre quand il tient seul sa ligne : il porte
     presque tout le texte de son paragraphe, il est court, et il n'est
     pas un mot mis en avant au milieu d'une phrase. */
  function grasTitres(z){
    var out = [];
    [].slice.call(z.querySelectorAll('strong, b')).forEach(function(g){
      if (g.closest('.amiToc-tiroir, .amiRech, .amiToc-out, table, nav, header, footer')) return;
      var p = g.parentElement;
      if (!p) return;
      var t = (g.textContent || '').replace(/\\s+/g, ' ').trim();
      if (t.length < 3 || t.length > 90) return;
      var tp = (p.textContent || '').replace(/\\s+/g, ' ').trim();
      if (!tp.length) return;
      /* Rien d'écrit AVANT lui dans le paragraphe : un gras au milieu d'une
         phrase n'est pas un intitulé. Et il doit peser dans son paragraphe —
         un chapô en gras suivi d'une longue phrase n'en est pas un non plus. */
      var avant = '';
      for (var k = 0; k < p.childNodes.length; k++) {
        var nd = p.childNodes[k];
        if (nd === g || (nd.contains && nd.contains(g))) break;
        avant += (nd.textContent || '');
      }
      if (avant.replace(/\s+/g, '').length > 0) return;
      if (t.length / tp.length < 0.35) return;
      if (p.matches(TITRES)) return;                   /* déjà un vrai titre */
      if (!/^(P|DIV|LI|SPAN|SECTION|ARTICLE)$/.test(p.tagName)) return;
      out.push(g);
    });
    return out;
  }

  /* L'étiquette : la PREMIÈRE LIGNE de ce qu'on voit. textContent recolle
     deux blocs sans espace (« des Motset plus encore ») ; innerText suit le
     rendu, donc la coupe est celle de l'œil. */
  function etiquette(el){
    var t = (el.innerText || el.textContent || '').split('\\n')[0];
    return t.replace(/\\s+/g, ' ').trim();
  }

  /* Le niveau vient de la TAILLE RÉELLE, pas de la balise : ce que l'œil
     distingue, le sommaire le distingue. La plus grande taille fait les
     groupes ; en dessous, ce sont des enfants. */
  function candidats(z){
    var l = [].slice.call(z.querySelectorAll(TITRES)).concat(grasTitres(z));
    l = l.filter(function(e, i){ return l.indexOf(e) === i; });
    l.sort(function(a, b){
      var p = a.compareDocumentPosition(b);
      if (p & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
      if (p & Node.DOCUMENT_POSITION_PRECEDING) return 1;
      return 0;
    });
    var max = 0;
    l.forEach(function(e){
      var s = parseFloat(getComputedStyle(e).fontSize) || 0;
      e.__amiT = s; if (s > max) max = s;
    });
    l.forEach(function(e){
      e.__amiN = (e.tagName === 'H1' || e.tagName === 'H2') ? 2
               : (e.__amiT >= max - 0.6 ? 2 : 3);
    });
    return l;
  }""")

pose("""      [].slice.call(z.querySelectorAll(TITRES)).forEach(function(h){
        if (h.closest('.amiToc-tiroir, .amiRech')) return;
        if (h.querySelector(TITRES)) return;
        var t = (h.textContent || '').replace(/\\s+/g, ' ').trim();""",
     """      candidats(z).forEach(function(h){
        if (h.closest('.amiToc-tiroir, .amiRech')) return;
        if (h.querySelector(TITRES)) return;
        var t = etiquette(h);""")

pose("""        var niv = NIVEAU[h.tagName] || (h.hasAttribute('data-toc') ? 2 : 3);""",
     """        var niv = h.__amiN || NIVEAU[h.tagName] || (h.hasAttribute('data-toc') ? 2 : 3);""")

# ── 3 · le tiroir montre ses niveaux ─────────────────────────────────────────
pose(""".amiToc-tiroir a.n3{font-size:.78rem;color:var(--gris,#888898)}""",
     """.amiToc-tiroir a.n3{font-size:.78rem;font-weight:300;color:var(--gris,#888898)}
/* La hiérarchie se voit : un groupe pèse plus que ses enfants (27/09). */
.amiToc-g > a{font-size:.95rem;font-weight:500;color:var(--nacre,#f2ede2);letter-spacing:.005em}
.amiToc-g > a:hover{color:var(--or-pale,#e6d090)}
.amiToc-enfants > a{padding-left:.75rem}""")

open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', n, 'opérations,', len(h) // 1024, 'Ko')

p7_charte_v13.pypython3 p7_charte_v13.py c12.html c13.html126 lignes

Charte V13 : épaissit au rendu le Cormorant italique léger, rend les mots à définition à la couleur de leur texte (pointillé seul), et donne à la barre des huit parties un bouton qui l'enroule.

# -*- coding: utf-8 -*-
"""Charte V13 — trois retours de Diane du 27/09 au soir.

1 · LE SERIF ITALIQUE SE LIT MAL. « La Poésie, Mon Art de Vivre » : du Cormorant
    italique, clair, fin, sur du noir — les déliés disparaissent. On l'épaissit.
    Pas par une liste de classes (la V11 a montré ce que ça coûte) : on cherche
    au rendu tout ce qui est en serif ET en italique, et on lui donne du corps.

2 · LES MOTS À DÉFINITION NE CHANGENT PLUS DE COULEUR. [stated] « je veux juste
    qu'ils soient juste soulignés, pas qu'ils changent de couleur en ambre. »
    Le pointillé reste — c'est lui qui dit « il y a une définition dessous » —
    mais il prend la couleur du texte, et le mot garde la sienne.

3 · LES ONGLETS S'ENROULENT. Le ❤️‍🔥 ne replie que la barre d'architecture ;
    la barre des huit parties, elle, n'avait aucun moyen de se refermer — trois
    rangées au téléphone, et rien pour les rendre. On lui donne son bouton :
    enroulée, elle ne montre que la partie ouverte ; déroulée, les huit.
"""
import sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()
n = 0

def pose(avant, apres, combien=1):
    global h, n
    assert h.count(avant) == combien, (h.count(avant), avant[:80])
    h = h.replace(avant, apres); n += 1

BLOC = r'''<style id="ami-charte-lisibilite-v13">
/* ── 1 · LE SERIF ITALIQUE PREND DU CORPS ────────────────────────────────
   Posé par le script ci-dessous sur ce qui est VRAIMENT rendu en Cormorant
   italique : on ne devine pas une liste de classes, on regarde. */
#ami-charte .ami-it-lisible{font-weight:600!important}

/* ── 2 · LE MOT À DÉFINITION EST JUSTE SOULIGNÉ ──────────────────────────
   Diane : « je veux juste qu'ils soient juste soulignés, pas qu'ils changent
   de couleur en ambre. » Le pointillé garde son métier (il annonce la
   définition au survol) mais il emprunte la couleur du texte. */
#ami-charte .df,
#ami-charte #tv .df,
#ami-charte .tvx .df{color:inherit!important;font-weight:inherit!important;
  border-bottom:1px dotted currentColor!important;opacity:1}

/* ── 3 · LA BARRE DES HUIT PARTIES S'ENROULE ─────────────────────────────
   Le ❤️‍🔥 ne replie que la barre d'architecture. Celle-ci n'avait rien. */
#ami-charte .bar{position:relative}
#ami-charte .bar .plier{position:absolute;top:2px;right:4px;z-index:3;
  width:30px;height:30px;padding:0;line-height:28px;text-align:center;
  background:rgba(9,9,14,.72);border:1px solid var(--or-somb,#7a611a);border-radius:50%;
  color:var(--or,#c8a84a);font:400 13px/28px Jost,-apple-system,sans-serif;
  cursor:pointer;transition:color .16s,border-color .16s,transform .2s}
#ami-charte .bar .plier:hover{color:var(--or-pale,#e6d090);border-color:var(--or,#c8a84a)}
#ami-charte .bar .plier:focus-visible{outline:2px solid var(--or,#c8a84a);outline-offset:2px}
#ami-charte .bar.enroulee .ong:not(.on){display:none}
#ami-charte .bar.enroulee{padding-right:40px}
#ami-charte .bar.enroulee .ong.on{margin:0 auto}
#ami-charte .bar.enroulee .plier{transform:rotate(180deg)}
</style>
<script id="ami-charte-lisibilite-v13-js">
/* Ce bloc vit dans le <head> : le corps n'existe pas encore. On attend. */
function amiCharteV13(){
 'use strict';
 var R = document.getElementById('ami-charte'); if(!R) return;

 /* 1 · le serif italique : on le cherche au rendu, on ne le devine pas. */
 function epaissisLItalique(){
   var n = 0;
   var tous = R.querySelectorAll('p,li,dd,dt,blockquote,em,i,span,div,figcaption,h1,h2,h3,h4,h5,h6,small,td,th');
   [].forEach.call(tous, function(e){
     if (e.classList.contains('ami-it-lisible')) return;
     if (e.closest('.amiToc-tiroir, .amiRech, .plier')) return;
     var c = getComputedStyle(e);
     if (c.fontStyle !== 'italic') return;
     /* PIÈGE : « Jost, -apple-system, sans-serif » CONTIENT « serif ». On ôte
        d'abord les « sans-serif », sinon toute la page passe en gras (mesuré :
        2 631 éléments au lieu d'une centaine). */
     var fam = (c.fontFamily || '').replace(/sans-serif/gi, '');
     if (!/Cormorant|Garamond|Georgia|Times|(^|[\s,"'])serif/i.test(fam)) return;
     if (parseInt(c.fontWeight, 10) >= 500) return;
     var t = (e.textContent || '').trim();
     if (!t || t.length > 400) return;            /* un long paragraphe reste léger */
     e.classList.add('ami-it-lisible'); n++;
   });
   return n;
 }
 epaissisLItalique();
 [600, 1800, 3500].forEach(function(ms){ setTimeout(epaissisLItalique, ms); });
 R.addEventListener('click', function(){ setTimeout(epaissisLItalique, 120); });

 /* 3 · la barre des huit parties s'enroule */
 var bar = R.querySelector('.bar');
 if (bar && !bar.querySelector('.plier')) {
   var b = document.createElement('button');
   b.type = 'button'; b.className = 'plier';
   b.setAttribute('aria-controls', 'ami-charte-barre-parties');
   b.setAttribute('aria-expanded', 'true');
   b.title = 'Enrouler les huit parties';
   b.setAttribute('aria-label', 'Enrouler les huit parties');
   b.textContent = '▴';
   bar.id = bar.id || 'ami-charte-barre-parties';
   b.addEventListener('click', function(){
     var ferme = bar.classList.toggle('enroulee');
     b.setAttribute('aria-expanded', ferme ? 'false' : 'true');
     b.title = b.getAttribute('aria-label') === null ? '' : (ferme ? 'Dérouler les huit parties' : 'Enrouler les huit parties');
     b.setAttribute('aria-label', ferme ? 'Dérouler les huit parties' : 'Enrouler les huit parties');
   });
   bar.appendChild(b);
   /* en changeant de partie quand elle est enroulée, on montre la nouvelle */
   bar.addEventListener('click', function(e){
     var o = e.target.closest ? e.target.closest('.ong') : null;
     if (o && bar.classList.contains('enroulee')) setTimeout(function(){ /* .on suit */ }, 0);
   });
 }
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', amiCharteV13);
else amiCharteV13();
</script>
</head>'''

pose('</head>', BLOC)
h = h.replace('collant vivant V12 — 27 septembre 2026',
              'lisibilité et enroulement V13 — 27 septembre 2026', 1)
open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', len(h)//1024, 'Ko')

p8_charte_v14.pypython3 p8_charte_v14.py c13.html c14.html306 lignes

Charte V14 : goutte pleine, marges du téléphone, ◈ → •, barre enroulée sur une ligne, tableaux dépilés en fiches et sans défilement vertical, tableau du mot en trois colonnes avec ce qui a grandi, lexique non collant et recompté, ☰ avec symbole et « tout déplier ».

# -*- coding: utf-8 -*-
"""Charte V14 — les douze retours de Diane du 27/09 au soir, plus le fond.

Chaque point est numéroté comme elle les a dits. Ce qui est mesuré est écrit
avec son chiffre ; ce qui ne l'est pas est dit tel quel.
"""
import re, sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()
n = 0

def pose(avant, apres, combien=1):
    global h, n
    assert h.count(avant) == combien, (h.count(avant), avant[:80])
    h = h.replace(avant, apres); n += 1

# ═══ 3 · LES CARRÉS DEVIENNENT DES PUCES RONDES ══════════════════════════════
# ◈ sert de puce 956 fois dans la page et 156 fois en ::before. Diane :
# « tous les carrés deviennent des ronds (des puces) : • ». On garde le ◈
# LÀ OÙ IL EST UN SIGNE DE LA CHARTE : le registre ◈ Essentialiste.
h = h.replace('◈ Essentialiste', '\x00ESS\x00')
h = h.replace('class="r-ess">◈', 'class="r-ess">\x00ESS2\x00')
avant_puces = h.count('◈')
h = h.replace('content:"◈"', 'content:"•"').replace("content:'◈'", "content:'•'")
h = h.replace('◈', '•')
h = h.replace('\x00ESS\x00', '◈ Essentialiste').replace('\x00ESS2\x00', '◈')
n += 1
print(f'  3 · {avant_puces} losanges ◈ passés en puces • (le registre ◈ Essentialiste est gardé)')

# ═══ 9 · LA TABLE DE TRADUCTION PREND SON NOM ════════════════════════════════
# [stated] « on pourrait plutôt appeler ça "La Table de Traduction — La Pierre
# & Sa Couleur" ^^ ». Le titre vit deux fois : dans le sommaire et sur la table.
AV = 'La table de traduction — l\u2019ancien nom, la pierre'
AP = 'La Table de Traduction — La Pierre &amp; Sa Couleur'
combien = h.count(AV)
assert combien >= 1, 'titre de la table de traduction introuvable'
h = h.replace(AV, AP); n += 1
print(f'  9 · titre de la table de traduction changé en {combien} endroit(s)')

# ═══ 8 + LE FOND · « LE MOT » EN TROIS COLONNES, ET CE QUI A GRANDI ══════════
# Diane : « on divise la première colonne en 2 » — le mot et son mot de secours
# vont ensemble, c'est la même idée à deux âges. Et elle ajoute le fond :
# l'ÉcoLogie sous l'ÉcoFéminisme, l'Internet sous la MétaConScience.
TABLE_AVANT = h[h.find('<table class="t">\n<thead><tr><th>le mot</th>'):]
TABLE_AVANT = TABLE_AVANT[:TABLE_AVANT.find('</table>') + 8]
assert TABLE_AVANT.startswith('<table'), 'table « le mot » introuvable'

TABLE_APRES = '''<table class="t t-mot">
<thead><tr><th>le mot · et son mot de secours</th><th>ce que l’usage en a fait</th><th>ce qui s’est perdu — et ce qui a grandi</th></tr></thead>
<tbody>
<tr class="tc" style="--c1:var(--amazonite)">
  <td class="nom"><span class="m-1">🧠 <span translate="no">ConScience</span></span><span class="m-fl">↓</span><span class="m-2"><span translate="no">MétaConScience</span></span></td>
  <td>l’usage appelle «&#8239;conscience&#8239;» l’instinct de survie — c’est-à-dire la <span translate="no"><span class="df" tabindex="0" data-d="proto- — le premier, l’avant — et ConScience. L’instinct de survie : ce qu’on nomme l’Ego. C’est le socle, et il est nécessaire : c’est sur lui que l’Éco vient grandir, quand l’Ego est assez serein pour apprendre. · 🏠 📖 Lexique du Vrai">ProtoConScience</span></span>.</td>
  <td class="fin">la <span translate="no">ConScience</span> est <em>la Science du Nous</em>, celle des <span translate="no">CoNaissances</span> partagées. <b>Le mot de secours nomme ce que le premier disait déjà.</b><span class="m-gr"><b>Ce qui a grandi depuis&#8239;:</b> la Noosphère Matérialisée — <b>l’Internet</b>.</span></td></tr>
<tr class="tc" style="--c1:var(--grenat)">
  <td class="nom"><span class="m-1">♀ Féminisme</span><span class="m-fl">↓</span><span class="m-2"><span translate="no"><span class="df" tabindex="0" data-d="Un mot de secours, pas un mot de plus. Le féminisme est par essence de l’écoféminisme — le préfixe ne rajoute pas une doctrine : il répare une réputation. · 🏠 📖 Lexique du Vrai">ÉcoFéminisme</span></span></span></td>
  <td>employé sans sa définition, jusqu’à ce que la connotation rende le mot difficile à porter.</td>
  <td class="fin"><b>le féminisme est par essence de l’<span translate="no">ÉcoFéminisme</span></b> — <em>le préfixe n’ajoute rien&#8239;: il répare une réputation.</em><span class="m-gr"><b>Ce qui a grandi depuis&#8239;:</b> l’Environnement Conceptuel — <b>l’ÉcoLogie</b>.</span></td></tr>
</tbody></table>
<p class="m-loi">Le mot de secours ne renie pas le premier&#8239;: <b>il redit ce que le premier disait déjà</b> — à la taille que nous avons prise depuis. Entre-temps le monde a grandi, et le mot avec lui&#8239;: c’est le même sens, devenu assez vaste pour contenir ce qui n’existait pas encore quand on l’a dit la première fois.</p>'''

h = h.replace(TABLE_AVANT, TABLE_APRES); n += 1

# ═══ LE BLOC DE STYLE ET DE SCRIPT ═══════════════════════════════════════════
BLOC = r'''<style id="ami-charte-v14">
/* ── 1 · LA GOUTTE SE REMPLIT, LE FOND NE S'ALLUME PAS ──────────────────
   La Charte l'écrivait déjà dans son propre tableau des états — « goutte en
   trait → goutte pleine » — mais la règle n'était appliquée qu'au ◐. */
#ami-charte #amiLecture[aria-pressed="true"]{background:transparent!important;box-shadow:none!important}
#ami-charte #amiLecture[aria-pressed="true"] svg{fill:currentColor!important}
#ami-charte #amiLecture svg{fill:none;stroke:currentColor;stroke-width:1.6}

/* ── 2 · LE TÉLÉPHONE REND DE LA LARGEUR AU TEXTE ───────────────────────
   Mesuré à 390 : 24 px de marge de chaque côté laissaient 326 px au texte.
   À 12 px il en reste 350 — quatorze caractères de plus par ligne. */
@media (max-width:560px){
  #ami-charte main,#ami-charte .pan,#ami-charte .une{padding-left:12px!important;padding-right:12px!important}
  #ami-charte .ec,#ami-charte .bk,#ami-charte .enc{padding-left:.7rem!important;padding-right:.7rem!important}
}

/* ── 5 · LES TROIS BARRES SE TOUCHENT ───────────────────────────────────
   Un liseré d'un pixel entre deux barres collées laisse passer le texte. */
#ami-charte .bar{margin-top:-1px}
#ami-charte .sub-host,#ami-charte .sbar{margin-top:-1px}

/* ── 4 · ENROULÉE, LA BARRE TIENT SUR UNE LIGNE ─────────────────────────
   « ⚓︎ La Communication · ce que c'est », centré. */
#ami-charte .bar.enroulee{display:flex!important;align-items:center;justify-content:center;
  min-height:0;padding:.35rem 40px .35rem 12px}
#ami-charte .bar.enroulee .ong.on{display:flex!important;flex-direction:row!important;
  align-items:baseline;gap:.5rem;width:auto;max-width:100%;margin:0;padding:.15rem .4rem;
  border:0;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ami-charte .bar.enroulee .ong.on .og{font-size:1em;margin:0}
#ami-charte .bar.enroulee .ong.on .ot{font-size:.95rem}
#ami-charte .bar.enroulee .ong.on .os::before{content:"· ";opacity:.75}
#ami-charte .bar.enroulee .ong.on .os{font-size:.72rem;letter-spacing:.06em}

/* ── 7 · AUCUN TABLEAU NE DÉFILE VERTICALEMENT ──────────────────────────
   Mesuré : cinq rouleaux verticaux, dont un de 658 px pour 8 259 px de
   contenu. Un tableau qui défile dans la page ne se lit pas : il se devine. */
#ami-charte .tw,#ami-charte .tw.longue,#ami-charte .scroll{max-height:none!important}
/* overflow-x:auto force overflow-y à « auto » : on ne peut pas mélanger les
   deux axes. Le script rend donc « visible » aux rouleaux dont le tableau
   tient déjà, et le téléphone les libère tous (les tableaux s'y dépilent). */
@media (max-width:560px){
  #ami-charte .tw,#ami-charte .tw.longue,#ami-charte .scroll{overflow:visible!important}
  /* .ec table.tbl porte min-width:640px — c'est LUI qui tenait les deux
     derniers tableaux à 640 px dans un conteneur de 320. */
  #ami-charte table.t-fiches{width:100%!important;max-width:100%!important;
    min-width:0!important;table-layout:auto!important}
  #ami-charte table.t-fiches tr{max-width:100%}
}

/* ── 6 + 7 · AU TÉLÉPHONE, UN TABLEAU TROP LARGE SE DÉPILE EN FICHES ────
   Posé par le script sur les seuls tableaux qui débordent vraiment. */
@media (max-width:560px){
  #ami-charte table.t-fiches{display:block;width:100%}
  #ami-charte table.t-fiches thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #ami-charte table.t-fiches tbody,#ami-charte table.t-fiches tr,#ami-charte table.t-fiches td{display:block;width:auto}
  #ami-charte table.t-fiches tr{border:1px solid rgba(200,168,74,.22);border-radius:10px;
    margin:.7rem 0;padding:.5rem .7rem;background:rgba(255,255,255,.02)}
  #ami-charte table.t-fiches td{border:0!important;padding:.35rem 0!important;text-align:left!important}
  #ami-charte table.t-fiches td+td{border-top:1px solid rgba(200,168,74,.12)!important}
  #ami-charte table.t-fiches td[data-l]::before{content:attr(data-l);display:block;
    font:500 .64rem/1.5 Jost,-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;
    color:var(--gris,#888898);margin-bottom:.15rem}
  #ami-charte table.t-fiches td:empty{display:none}
  /* Un td en display:block peut ENCORE forcer la largeur si son contenu
     refuse de se couper (nowrap, un long jeton de code). Mesuré : deux
     tableaux restaient à 640 px dans un conteneur de 320. */
  #ami-charte table.t-fiches td,#ami-charte table.t-fiches th{white-space:normal!important;
    overflow-wrap:anywhere;word-break:break-word}
  #ami-charte table.t-fiches td *{white-space:normal!important;max-width:100%}
}

/* ── 8 · « LE MOT » ET SON MOT DE SECOURS, DANS LA MÊME CASE ────────────*/
#ami-charte .t-mot td.nom{line-height:1.45}
#ami-charte .t-mot .m-1,#ami-charte .t-mot .m-2{display:block}
#ami-charte .t-mot .m-2{font-weight:600;color:var(--or-pale,#e6d090)}
#ami-charte .t-mot .m-fl{display:block;font-size:.8em;opacity:.55;line-height:1.1}
#ami-charte .m-gr{display:block;margin-top:.5rem;padding-top:.45rem;
  border-top:1px dashed rgba(200,168,74,.28);font-size:.94em}
#ami-charte .m-loi{margin:.9rem 0 1.4rem;padding:.9rem 1rem;
  border-left:3px solid var(--or-somb,#7a611a);border-radius:0 8px 8px 0;
  background:rgba(200,168,74,.05);font-size:.98em;line-height:1.65}

/* ── 10 · LES OUTILS DU LEXIQUE NE COLLENT PLUS ─────────────────────────*/
#ami-charte .lxq #ami-lexique .tools{position:static!important;top:auto!important}

/* ── 12 · LE ☰ : SON SYMBOLE, ET « TOUT DÉPLIER » ───────────────────────*/
#ami-charte .ami-toc .toc-tout{display:block;width:calc(100% - 1rem);margin:.2rem .5rem .6rem;
  padding:.4rem .6rem;background:rgba(200,168,74,.08);border:1px solid rgba(200,168,74,.28);
  border-radius:7px;color:var(--or,#c8a84a);cursor:pointer;
  font:500 .72rem/1.4 Jost,-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#ami-charte .ami-toc .toc-tout:hover{background:rgba(200,168,74,.16);color:var(--or-pale,#e6d090)}
#ami-charte .ami-toc .toc-em{margin-right:.4rem}
/* « ILes 8 Arts Libéraux » : le chiffre romain collait au titre. */
#ami-charte .ami-toc .tc-n{margin-right:.5rem;opacity:.72;font-variant-numeric:tabular-nums}
#ami-charte .ami-toc .ami-toc-t .toc-em{font-size:1.05em}
</style>
<script id="ami-charte-v14-js">
function amiCharteV14(){
 'use strict';
 var R = document.getElementById('ami-charte'); if(!R) return;

 /* 6+7 · les tableaux qui débordent se dépilent en fiches au téléphone.
    On ne touche QUE ceux qui débordent vraiment, et on leur donne l'étiquette
    de leur colonne pour que la fiche reste lisible. */
 function prepareLesTableaux(){
   [].forEach.call(R.querySelectorAll('table'), function(t){
     if (t.dataset.amiFiche) return;
     var tetes = [].map.call(t.querySelectorAll('thead th'), function(x){
       return (x.textContent || '').replace(/\s+/g, ' ').trim();
     });
     if (tetes.length < 3) return;                  /* deux colonnes tiennent toujours */
     t.dataset.amiFiche = '1';
     [].forEach.call(t.querySelectorAll('tbody tr'), function(tr){
       [].forEach.call(tr.children, function(td, i){
         if (tetes[i] && !td.hasAttribute('data-l')) td.setAttribute('data-l', tetes[i]);
       });
     });
   });
 }
 function dePileCeQuiDeborde(){
   if (window.innerWidth > 560) {
     [].forEach.call(R.querySelectorAll('table.t-fiches'), function(t){ t.classList.remove('t-fiches'); });
     return;
   }
   [].forEach.call(R.querySelectorAll('table'), function(t){
     if (t.classList.contains('t-fiches')) return;
     if (!t.querySelector('thead th')) return;
     var large = t.scrollWidth > t.clientWidth + 2 || t.getBoundingClientRect().width > window.innerWidth - 8;
     if (large) t.classList.add('t-fiches');
   });
 }
 function libereLesRouleaux(){
   [].forEach.call(R.querySelectorAll('.tw, .scroll'), function(w){
     var t = w.querySelector('table'); if (!t) return;
     var tient = t.scrollWidth <= w.clientWidth + 2;
     w.style.overflow = tient ? 'visible' : '';
     if (tient) w.style.maxHeight = 'none';
   });
 }
 prepareLesTableaux(); dePileCeQuiDeborde(); libereLesRouleaux();
 window.addEventListener('resize', function(){ function libereLesRouleaux(){
   [].forEach.call(R.querySelectorAll('.tw, .scroll'), function(w){
     var t = w.querySelector('table'); if (!t) return;
     var tient = t.scrollWidth <= w.clientWidth + 2;
     w.style.overflow = tient ? 'visible' : '';
     if (tient) w.style.maxHeight = 'none';
   });
 }
 prepareLesTableaux(); dePileCeQuiDeborde(); libereLesRouleaux(); });
 [700, 2000, 4000].forEach(function(ms){ setTimeout(function(){ function libereLesRouleaux(){
   [].forEach.call(R.querySelectorAll('.tw, .scroll'), function(w){
     var t = w.querySelector('table'); if (!t) return;
     var tient = t.scrollWidth <= w.clientWidth + 2;
     w.style.overflow = tient ? 'visible' : '';
     if (tient) w.style.maxHeight = 'none';
   });
 }
 prepareLesTableaux(); dePileCeQuiDeborde(); libereLesRouleaux(); }, ms); });
 R.addEventListener('click', function(){ setTimeout(function(){ function libereLesRouleaux(){
   [].forEach.call(R.querySelectorAll('.tw, .scroll'), function(w){
     var t = w.querySelector('table'); if (!t) return;
     var tient = t.scrollWidth <= w.clientWidth + 2;
     w.style.overflow = tient ? 'visible' : '';
     if (tient) w.style.maxHeight = 'none';
   });
 }
 prepareLesTableaux(); dePileCeQuiDeborde(); libereLesRouleaux(); }, 200); });

 /* 10 · le compte du lexique. Mesuré : 175 entrées dans la page, « 169 »
    affiché. On redit le vrai nombre. */
 function recompteLeLexique(){
   var lx = R.querySelectorAll('#ami-lexique .lx, #ami-lexique .fiche');
   if (!lx.length) return;
   var vus = 0;
   [].forEach.call(lx, function(e){ if (e.offsetParent !== null || e.getClientRects().length) vus++; });
   [].forEach.call(R.querySelectorAll('#ami-lexique *'), function(e){
     if (e.children.length) return;
     var t = (e.textContent || '').trim();
     var m = t.match(/^(\d+)\s+(TERMES? AFFICH\S+)\s*\/\s*(\d+)$/i);
     if (!m) return;
     e.textContent = vus + ' ' + m[2] + ' / ' + lx.length;
   });
 }
 recompteLeLexique();
 [900, 2600].forEach(function(ms){ setTimeout(recompteLeLexique, ms); });

 /* 12 · le ☰ : chaque partie porte son symbole, le numéro se décolle,
    et un « tout déplier » coiffe le tiroir. */
 function soigneLeSommaire(){
   var d = R.querySelector('.ami-toc'); if (!d) return;
   /* le symbole de la partie ouverte, pris sur son onglet */
   var actif = R.querySelector('.bar .ong.on .og');
   var em = actif ? (actif.textContent || '').trim() : '';
   /* Le tiroir liste les chapitres de la partie ouverte : le symbole va donc
      sur le NOM de la partie, en tête du tiroir — et sur toute entrée qui
      désigne une partie, s'il y en a. */
   var titre = d.querySelector('.ami-toc-t');
   if (em && titre && !titre.querySelector('.toc-em')) {
     var s0 = document.createElement('span'); s0.className = 'toc-em'; s0.textContent = em;
     titre.insertBefore(s0, titre.firstChild);
   }
   [].forEach.call(d.querySelectorAll('a[data-o], button[data-o]'), function(a){
     if (a.querySelector('.toc-em')) return;
     var ong = R.querySelector('.bar .ong[data-o="' + a.dataset.o + '"] .og');
     if (!ong) return;
     var s1 = document.createElement('span'); s1.className = 'toc-em';
     s1.textContent = (ong.textContent || '').trim();
     a.insertBefore(s1, a.firstChild);
   });
   if (!d.querySelector('.toc-tout')) {
     var b = document.createElement('button');
     b.type = 'button'; b.className = 'toc-tout'; b.textContent = '⊞ tout déplier';
     b.addEventListener('click', function(){
       var plis = d.querySelectorAll('[aria-expanded]');
       var ouvrir = b.dataset.etat !== 'ouvert';
       [].forEach.call(plis, function(p){
         if (p === b) return;
         var estOuvert = p.getAttribute('aria-expanded') === 'true';
         if (estOuvert !== ouvrir) p.click();
       });
       b.dataset.etat = ouvrir ? 'ouvert' : 'ferme';
       b.textContent = ouvrir ? '⊟ tout replier' : '⊞ tout déplier';
     });
     d.insertBefore(b, d.firstChild);
   }
 }
 var som = document.getElementById('amiSommaire');
 if (som) som.addEventListener('click', function(){ setTimeout(soigneLeSommaire, 160); });
 setTimeout(soigneLeSommaire, 1500);
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', amiCharteV14);
else amiCharteV14();
</script>
</head>'''

pose('</head>', BLOC)
h = h.replace('lisibilité et enroulement V13 — 27 septembre 2026',
              'les douze retours V14 — 27 septembre 2026', 1)
open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', n, 'opérations,', len(h)//1024, 'Ko')

p9_charte_v15.pypython3 p9_charte_v15.py c14.html c15.html228 lignes

Charte V15 : marges rendues par une passe mesurée, pictos sans halo (goutte ambre, cercle plein, ✕ discret, zoom ambre), sous-titre de barre au-dessus du seuil en contraste, ligne de une sur deux lignes sans version, date par la méta, et la navigation précédente/suivante au bout de chaque partie.

# -*- coding: utf-8 -*-
"""Charte V15 — les neuf retours de Diane du 27/09, 21h.

Ce qui est écrit ici a été mesuré d'abord. Les deux mesures qui commandent
tout le reste :

  · LES MARGES S'EMPILENT. À 390 px, six niveaux se succèdent —
    main 374 (12) → .pan 350 (12) → .ec 326 (11) → section 272 (16+20)
    → article 230 (19) → p 189. Le texte le plus intérieur tient sur
    189 px, soit vingt-quatre signes par ligne : c'est la « colonne »
    que Diane voit. Ailleurs, le même texte a 326 px. D'où son mot juste :
    « y'a des endroits où la marge fait plus le téléphone, et y'a des
    endroits ça fait colonne donc c'est pas tout partout ».

  · LE SOUS-TITRE DE LA BARRE TOMBE SOUS LE SEUIL. En mode contraste,
    « La Création du Sanctuaire » est à 7,6:1 et « Les Outils Réflectifs :
    Diagnostic Préventif » à 3,9:1 — sous les 4,5:1 de la Charte. Diane
    l'a vu à l'œil nu.
"""
import sys

src, dst = sys.argv[1], sys.argv[2]
h = open(src, encoding='utf-8').read()
n = 0

def pose(avant, apres, combien=1):
    global h, n
    assert h.count(avant) == combien, (h.count(avant), avant[:80])
    h = h.replace(avant, apres); n += 1

# ═══ 1 · SA PHRASE, DANS SES MOTS ════════════════════════════════════════════
pose('à la taille que nous avons prise depuis',
     'à la taille que nous avons développée depuis')

# ═══ 8 · LA DATE ET LA VERSION ═══════════════════════════════════════════════
pose('<span data-ami="date">26 septembre 2026</span>',
     '<span data-ami="date">27 septembre 2026</span>')
# PIÈGE : un script recopie les <meta ami:*> dans les [data-ami] au chargement.
# Changer le texte ne suffit pas — c'est la méta qui fait foi.
pose('<meta name="ami:date" content="2026-09-26">',
     '<meta name="ami:date" content="2026-09-27">', 2)

# ═══ 8 bis · LA LIGNE DE LA UNE : DEUX LIGNES, SANS LA VERSION ══════════════
# Elle est écrite trois fois (la une, le titre du document, l'export).
AV = ('<div class="c-vol">Protocole de <span translate="no">ConScience</span> '
      '<span translate="no">aMi</span> — Charte de Communication · '
      '<span data-ami="version">V1</span></div>')
AP = ('<div class="c-vol">Protocole de <span translate="no">ConScience</span> '
      '<span translate="no">aMi</span><span class="c-vol-br"></span>'
      'Charte de Communication</div>')
assert h.count(AV) == 1, h.count(AV)
h = h.replace(AV, AP); n += 1
print('  8 · ligne de la une : la version ôtée (elle est déjà au pied), coupure posée')

BLOC = r'''<style id="ami-charte-v15">
/* ── 2 · LES MARGES NE S'EMPILENT PLUS AU TÉLÉPHONE ─────────────────────
   Mesuré à 390 : six niveaux de retrait menaient un paragraphe à 189 px.
   On garde UN retrait — celui de la partie — et les conteneurs intérieurs
   se contentent d'un filet. Aucun bloc de texte ne descend plus sous 300 px. */
@media (max-width:560px){
  #ami-charte .pan section,#ami-charte .pan article,#ami-charte .pan .ec,
  #ami-charte .pan .enc,#ami-charte .pan .bk,#ami-charte .pan .portail,
  #ami-charte .pan blockquote,#ami-charte .pan .card,#ami-charte .pan .cards > *,
  #ami-charte .pan [class*="-intro"],#ami-charte .pan [class*="-grid"] > *{
    padding-left:.5rem!important;padding-right:.5rem!important;
    margin-left:0!important;margin-right:0!important}
  #ami-charte .pan blockquote{padding-left:.8rem!important}
  #ami-charte .pan [class*="-grid"]{gap:.6rem!important}
  /* l'encart « Emporter » avait déjà la bonne mesure : on s'aligne sur lui */
  #ami-charte .pan .emp{padding-left:.9rem!important;padding-right:.9rem!important}
}

/* ── 3 · LE PLEIN ÉCRAN NE S'ALLUME PLUS ────────────────────────────────
   En plein écran le bouton devient ✕ : un halo doré au coin d'une page de
   lecture attire l'œil plus que le texte. Le signe suffit. */
#ami-charte #amiPlein.actif,#ami-charte #tv #amiPlein.actif,#ami-charte .tvx #amiPlein.actif{
  background:transparent!important;border-color:rgba(200,168,74,.32)!important;
  box-shadow:none!important;color:var(--or)!important}
#ami-charte #amiPlein.actif:hover{background:rgba(200,168,74,.10)!important;border-color:var(--or)!important}

/* ── 4 · 5 · 6 · LES PICTOS SE COLORENT, LE FOND RESTE NOIR ─────────────
   Diane : « pas de halo coloré dans le cercle, juste le picto qui se colore ».
   Et la goutte en ambre, comme le reste — elle paraissait blanche. */
#ami-charte .coin[aria-pressed="true"],#ami-charte .ami-coin[aria-pressed="true"]{
  background:transparent!important;box-shadow:none!important;
  border-color:var(--or)!important;color:var(--or)!important}
#ami-charte #amiLecture[aria-pressed="true"] svg{fill:var(--or)!important;stroke:var(--or)!important}
#ami-charte #amiContraste svg circle{fill:none;stroke:currentColor}
#ami-charte #amiContraste[aria-pressed="true"] svg circle{fill:var(--or)!important;stroke:var(--or)!important}
#ami-charte #amiContraste[aria-pressed="true"] svg path{fill:var(--or)!important;stroke:var(--or)!important}
#ami-charte .coin-zoom .zv{color:var(--or)!important}

/* ── 7 · LE SOUS-TITRE DE LA BARRE REPASSE LE SEUIL ─────────────────────
   Mesuré en contraste : titre 7,6:1, sous-titre 3,9:1. La Charte demande
   4,5:1. Le sous-titre prend la teinte claire de sa famille. */
#ami-charte.ami-contraste .ami-barre .porte .sub,
#ami-charte.ami-contraste .ami-barre .sub,
#ami-charte.ami-contraste .ami-barre .p-ti + .sub{color:#a9a6b8!important;opacity:1}
/* visé : au-dessus du seuil de 4,5:1, mais SOUS le titre, pour que la
   hiérarchie tienne. Le titre est à 7,6:1 ; le sous-titre vise ~6:1. */

/* ── 8 · LA LIGNE DE LA UNE TIENT SUR DEUX LIGNES ───────────────────────*/
#ami-charte .c-vol .c-vol-br{display:inline}
#ami-charte .c-vol .c-vol-br::before{content:" — "}
@media (max-width:560px){
  #ami-charte .c-vol .c-vol-br{display:block;height:0}
  #ami-charte .c-vol .c-vol-br::before{content:""}
  #ami-charte .c-vol{line-height:1.7}
}

/* ── 9 · LA PAGE PRÉCÉDENTE ET LA SUIVANTE, AU BOUT DE CHAQUE PARTIE ────
   Convention prise avec 5.3 Astro : au bout d'un onglet, on passe au
   suivant sans remonter. En lecture fluide, tout est déjà à la suite :
   la navigation disparaît. */
#ami-charte .nav-pp{display:flex;gap:.6rem;align-items:stretch;justify-content:space-between;
  margin:2.4rem 0 1rem;padding-top:1.2rem;border-top:1px solid rgba(200,168,74,.18)}
#ami-charte .nav-pp button{flex:1 1 0;min-height:52px;padding:.55rem .8rem;
  background:rgba(255,255,255,.02);border:1px solid rgba(200,168,74,.24);border-radius:10px;
  color:var(--gris-cl);cursor:pointer;text-align:left;
  font:400 .82rem/1.35 Jost,-apple-system,sans-serif;transition:border-color .16s,color .16s}
#ami-charte .nav-pp button:hover{border-color:var(--or);color:var(--nacre)}
#ami-charte .nav-pp button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
#ami-charte .nav-pp .pp-s{display:block;font-size:.62rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gris);margin-bottom:.2rem}
#ami-charte .nav-pp .pp-n{display:block;color:var(--or-pale);font-weight:500}
#ami-charte .nav-pp .pp-suiv{text-align:right}
#ami-charte .nav-pp button[disabled]{opacity:.32;cursor:default}
body.ami-une-partie #ami-charte .nav-pp{display:flex}
#ami-charte.ami-fluide .nav-pp{display:none!important}
</style>
<script id="ami-charte-v15-js">
function amiCharteV15(){
 'use strict';
 var R = document.getElementById('ami-charte'); if(!R) return;

 /* 2 · LES MARGES, MESURÉES PLUTÔT QUE DEVINÉES.
    Une liste de classes en rate toujours une : on parcourt la partie ouverte
    et on rend la largeur à tout conteneur qui prend plus de 10 px de retrait
    horizontal — sauf les tableaux et les figures, qui ont leurs raisons. */
 function rendsLaLargeur(){
   if (window.innerWidth > 560) {
     [].forEach.call(R.querySelectorAll('[data-ami-marge]'), function(e){
       e.style.paddingLeft = ''; e.style.paddingRight = '';
       e.style.marginLeft = ''; e.style.marginRight = '';
       e.removeAttribute('data-ami-marge');
     });
     return;
   }
   var pans = R.querySelectorAll('.pan:not([hidden])');
   [].forEach.call(pans, function(pan){
     [].forEach.call(pan.querySelectorAll('div,section,article,aside,ul,ol,blockquote,figure'), function(e){
       if (e.closest('table, .tw, .scroll, .ami-barre, .bar, .nav-pp')) return;
       if (e.classList.contains('emp')) return;            /* l'encart Emporter est déjà juste */
       var c = getComputedStyle(e);
       var pl = parseFloat(c.paddingLeft) || 0, pr = parseFloat(c.paddingRight) || 0;
       var ml = parseFloat(c.marginLeft) || 0, mr = parseFloat(c.marginRight) || 0;
       if (pl <= 10 && pr <= 10 && ml <= 4 && mr <= 4) return;
       e.dataset.amiMarge = '1';
       if (pl > 10) e.style.paddingLeft = '8px';
       if (pr > 10) e.style.paddingRight = '8px';
       if (ml > 4) e.style.marginLeft = '0px';
       if (mr > 4) e.style.marginRight = '0px';
     });
   });
 }
 rendsLaLargeur();
 window.addEventListener('resize', rendsLaLargeur);
 [800, 2400].forEach(function(ms){ setTimeout(rendsLaLargeur, ms); });
 R.addEventListener('click', function(){ setTimeout(rendsLaLargeur, 220); });

 /* 9 · au bout de chaque partie, la précédente et la suivante */
 function poseLaNavigation(){
   var ongs = [].slice.call(R.querySelectorAll('.bar .ong[data-o]'));
   if (ongs.length < 2) return;
   ongs.forEach(function(o, i){
     var cle = o.dataset.o;
     var pan = R.querySelector('.pan[data-o="' + cle + '"]');
     if (!pan || pan.querySelector('.nav-pp')) return;
     var nav = document.createElement('nav');
     nav.className = 'nav-pp';
     nav.setAttribute('aria-label', 'Aller à la partie précédente ou suivante');
     [[-1, 'pp-prec', '← partie précédente'], [1, 'pp-suiv', 'partie suivante →']].forEach(function(d){
       var v = ongs[i + d[0]];
       var b = document.createElement('button');
       b.type = 'button'; b.className = d[1];
       if (!v) { b.disabled = true; b.innerHTML = '<span class="pp-s">' + d[2] + '</span>'; }
       else {
         var em = (v.querySelector('.og') || {}).textContent || '';
         var nom = (v.querySelector('.ot') || {}).textContent || '';
         b.innerHTML = '<span class="pp-s">' + d[2] + '</span><span class="pp-n">' +
           em.trim() + ' ' + nom.trim() + '</span>';
         b.addEventListener('click', function(){
           v.click();
           var bar = R.querySelector('.bar');
           var y = (bar ? bar.getBoundingClientRect().bottom : 0) + window.pageYOffset;
           setTimeout(function(){ window.scrollTo({top: Math.max(0, y - 40), behavior: 'smooth'}); }, 90);
         });
       }
       nav.appendChild(b);
     });
     pan.appendChild(nav);
   });
 }
 poseLaNavigation();
 [900, 2600].forEach(function(ms){ setTimeout(poseLaNavigation, ms); });

 /* la lecture fluide efface la navigation : tout est déjà à la suite */
 function suisLaLecture(){
   var d = document.getElementById('amiLecture');
   var fluide = d && d.getAttribute('aria-pressed') === 'true';
   R.classList.toggle('ami-fluide', !!fluide);
 }
 suisLaLecture();
 var dl = document.getElementById('amiLecture');
 if (dl) dl.addEventListener('click', function(){ setTimeout(suisLaLecture, 60); });
 setTimeout(suisLaLecture, 1200);
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', amiCharteV15);
else amiCharteV15();
</script>
</head>'''

pose('</head>', BLOC)
h = h.replace('les douze retours V14 — 27 septembre 2026',
              'les neuf retours du soir V15 — 27 septembre 2026', 1)
open(dst, 'w', encoding='utf-8').write(h)
print('✓', dst, '—', n, 'opérations,', len(h)//1024, 'Ko')

🧵 La passe des volumes — 26 octobre 2026

Dans l'ordre où ils se rejouent sur un volume : on AUDITE, puis on pose les meubles, puis les définitions, puis le collant — et on VÉRIFIE après chaque pose. Le dictionnaire des définitions (317 mots relevés dans le corpus) vit à côté, dans outils/passe/dictionnaire.json : trop long pour être collé ici, et il se régénère. Les archives d'avant-passe sont dans CONTROLE QUALITE/ARCHIVES/.

audit.jsnode audit.js volume.html126 lignes

Relève AU RENDU ce qu'un volume porte des points de la passe : barre du haut, pied, pager, accessibilité, « Emporter » et son repli, bande d'esprit critique et ses groupes, rangées d'onglets et leurs poignées, chapitres repliés, définitions, titres, et les témoins (ancres mortes, débordements, erreurs JS). Lecture seule. Sait descendre dans un CADRE HÔTE.

/* audit.js — relève, AU RENDU, ce que chaque volume porte des points de la
   passe à la Charte. Lecture seule : il n'écrit jamais dans le volume.
   Usage : node audit.js <fichier.html>   → une ligne JSON sur la sortie. */
const {chromium}=require('playwright');

(async()=>{
const file=process.argv[2];
const b=await chromium.launch();
const p=await b.newPage({viewport:{width:1280,height:900}});
/* le conteneur n'a pas le droit d'aller chercher les polices : chaque appel
   attend puis echoue, ~2 s perdues par page. On les coupe net. */
await p.route('**/*',route=>{
  const u=route.request().url();
  if(/^file:/.test(u)) return route.continue();
  return route.abort();
});
const errs=[];
p.on('pageerror',e=>errs.push(String(e).slice(0,160)));
p.on('console',m=>{if(m.type()==='error'&&!/ERR_TUNNEL|ERR_NAME|net::/.test(m.text()))errs.push('console: '+m.text().slice(0,140));});
try{
  await p.goto('file://'+file,{waitUntil:'load',timeout:120000});
}catch(e){ console.log(JSON.stringify({fichier:file,erreur:'chargement : '+String(e).slice(0,120)})); await b.close(); return; }
await p.waitForTimeout(2200);

/* Certains volumes sont des CADRES HOTES : tout le document vit dans un
   <iframe srcdoc>. Mesure : 0.1 Apokalypse (#ami-apo-cadre-hote) renvoyait
   zero partout. On releve donc dans le cadre le plus garni, pas dans l'hote. */
let cible=p.mainFrame(), mieux=-1;
for(const f of p.frames()){
  let k=0; try{ k=await f.evaluate(()=>document.querySelectorAll('*').length); }catch(e){ k=-1; }
  if(k>mieux){ mieux=k; cible=f; }
}
const cadre = cible!==p.mainFrame();

const r=await cible.evaluate(()=>{
 const Q=s=>Array.from(document.querySelectorAll(s));
 const n=s=>Q(s).length;
 const txt=e=>(e.textContent||'').replace(/\s+/g,' ').trim();

 /* ── la racine du volume : le grand div #ami-… s'il existe ── */
 const racine=document.querySelector('div[id^="ami-"]')||document.body;

 /* ── 1 · la barre du haut ── */
 const barre=document.querySelector('nav.ami-barre');

 /* ── 2 · le pied ── */
 const pieds=Q('footer');
 const pied=document.querySelector('footer.ami-pied')||pieds[0]||null;

 /* ── 3 · pager suivant / précédent ── */
 const pager=Q('a,button').filter(e=>{
   const t=txt(e).toLowerCase();
   return /(^|[^a-z])(précédent|precedent|suivant|page précédente|page suivante)([^a-z]|$)/.test(t)
       || /^[←→⟵⟶‹›«»]\s*\S/.test(t);
 });

 /* ── 4 · accessibilité ── */
 const acces=Q('.access-tools,[class*="acces"],[aria-label*="Confort"],[aria-label*="confort"]');
 const accesBtn=acces.length?acces[0].querySelectorAll('button').length:0;

 /* ── 5 · emporter ── */
 const emp=document.querySelector('.emporter,[class*="emporter"]');
 const empPli=emp?(emp.tagName==='DETAILS'||!!emp.querySelector('details')):false;

 /* ── 6 · bandeau d'esprit critique ── */
 const bande=document.querySelector('.ami-bande-pli');
 const bandeGroupes=bande?bande.querySelectorAll('.br-g,.br-pli-g,details>div>div[class^="br-"]').length:0;
 const bandeH=bande?Math.round(bande.getBoundingClientRect().height):0;

 /* ── 7 · les rangées d'onglets, et si elles se replient ── */
 const rangs=[];
 Q('[role="tablist"],#tabbar,.tabbar,.bar,.sbar,.nav-wrap .tablist,.tab-nav').forEach(e=>{
   if(rangs.some(x=>x.el===e||x.el.contains(e)||e.contains(x.el))) return;
   const bb=e.getBoundingClientRect();
   const onglets=e.querySelectorAll('button,a,[role="tab"]').length;
   const enveloppe=e.closest('.nav-wrap')||e.parentElement;
   const poignee=!!(enveloppe&&(enveloppe.querySelector('.plier,.nav-toggle')||e.querySelector('.plier')));
   rangs.push({el:e,cls:e.className||e.id,onglets,h:+bb.height.toFixed(0),poignee});
 });

 /* ── 8 · les chapitres se replient-ils ── */
 const h2=Q('h2'), h3=Q('h3');
 const plie=e=>!!e.closest('summary');
 const h2Plies=h2.filter(plie).length, h3Plies=h3.filter(plie).length;

 /* ── 9 · les définitions ── */
 const defs=Q('.df[data-d],[data-d],[data-def],.ami-def');
 let pointilles=0;
 Q('span,abbr,em,b,strong').slice(0,4000).forEach(e=>{
   const c=getComputedStyle(e);
   if(/dotted/.test(c.textDecorationStyle)||/dotted/.test(c.borderBottomStyle)) pointilles++;
 });

 /* ── 10 · les titres ── */
 const titres=[...Q('h1'),...h2,...h3].map(e=>({t:e.tagName,x:txt(e).slice(0,140)}));

 /* ── 11 · témoins ── */
 const anc=Q('a[href^="#"]');
 const morts=anc.filter(a=>{const h=a.getAttribute('href').slice(1);return h&&!document.getElementById(h)});
 const vw=document.documentElement.clientWidth;
 let over=0;
 racine.querySelectorAll('*').forEach(e=>{const bb=e.getBoundingClientRect();if(bb.width>0&&bb.right>vw+2)over++;});

 return {
  racineId:racine.id||null,
  hauteur:Math.round(document.documentElement.scrollHeight),
  barre:!!barre, barreH:barre?Math.round(barre.getBoundingClientRect().height):0,
  pied:!!pied, piedCls:pied?(pied.className||'(sans classe)'):null, pieds:pieds.length,
  pager:pager.length, pagerEx:pager.slice(0,3).map(e=>txt(e).slice(0,40)),
  acces:acces.length, accesBtn,
  emporter:!!emp, emporterPli:empPli,
  bande:!!bande, bandeGroupes, bandeH,
  rangs:rangs.map(({el,...o})=>o),
  h1:n('h1'), h2:h2.length, h3:h3.length, h2Plies, h3Plies,
  details:n('details'), ouverts:n('details[open]'),
  defs:defs.length, pointilles,
  liens:anc.length, morts:morts.length,
  over, svg:n('svg'), img:n('img'),
  titres
 };
});
r.fichier=file; r.cadre=cadre; r.elements=mieux; r.erreursJS=errs.length; r.erreursEx=errs.slice(0,3);
console.log(JSON.stringify(r));
await b.close();
})();

passe.pypython3 passe.py [dossier]48 lignes

Lance audit.js sur tous les volumes d'un dossier, écarte ceux que Diane fait elle-même, applique sa règle de majuscules aux titres relevés, et écrit audit.json.

# -*- coding: utf-8 -*-
"""passe.py — l'audit de la passe à la Charte, volume par volume, AU RENDU.
   Lecture seule. Usage : python3 passe.py <dossier> [> rapport.md]"""
import json, subprocess, sys, os, glob
from regle_majuscules import ecarts, a_emoji

DOSSIER = sys.argv[1] if len(sys.argv) > 1 else '/mnt/user-data/uploads/Protocole de Conscience/0.Protocole'
# Diane les fait elle-même, ou une autre session les tient :
HORS = ('0.0_Initiation', '7_QuinteSSence', '4.2_EVEIL', '0.1_APOKALYPSE',
        '0.3_LUNION', '1.2_MIROIR', '2.2_ASTROGLOBE', '0.0.0_Charte')

def audit(f):
    r = subprocess.run(['node', 'audit.js', f], capture_output=True, text=True, timeout=600)
    if r.returncode != 0 or not r.stdout.strip():
        return {'fichier': f, 'erreur': (r.stderr or '')[-300:]}
    return json.loads(r.stdout.strip().splitlines()[-1])

def main():
    fichiers = sorted(glob.glob(os.path.join(DOSSIER, '*.html')))
    res = []
    for f in fichiers:
        nom = os.path.basename(f)
        dedans = not nom.startswith(HORS)
        d = audit(f)
        d['nom'] = nom
        d['dans_la_passe'] = dedans
        # les titres : sa règle de majuscules, et l'emoji de tête
        ti = d.get('titres', [])
        d['titres_n'] = len(ti)
        mauvais, sans_emoji = [], 0
        for x in ti:
            e = ecarts(x['x'])
            if e:
                mauvais.append({'t': x['t'], 'x': x['x'][:90], 'e': e[:4]})
            if x['t'] in ('H2', 'H3') and not a_emoji(x['x']):
                sans_emoji += 1
        d['titres_hors_regle'] = len(mauvais)
        d['titres_exemples'] = mauvais[:6]
        d['titres_sans_emoji'] = sans_emoji
        d.pop('titres', None)
        res.append(d)
        print('… ' + nom, file=sys.stderr)
    json.dump(res, open('audit.json', 'w'), ensure_ascii=False, indent=1)
    print('écrit audit.json —', len(res), 'fichiers', file=sys.stderr)

if __name__ == '__main__':
    main()

rapport.pypython3 rapport.py > rapport.md50 lignes

Tourne audit.json en deux tableaux : ce que chaque volume porte, et le détail des témoins.

# -*- coding: utf-8 -*-
import json, os, sys
d = json.load(open('audit.json'))
# on ne garde que la version la plus récente de chaque volume (préfixe x.y_NOM)
VOLUMES = ['0.1_APOKALYPSE_travail_passe1_boucle_couverture.html',
 '0.2_PSYCHATRICE_aMi_V25_WEBNODE.html','0_Index_aMi.html',
 '1.1_EGO_Evidence-Engine_aMi_V31_WEBNODE.html',
 '1.3_ANDROGYNIE_travail_passe8_bande_et_sans_yin.html',
 '2.1_ECO_Bonus-Plaisir_aMi_V5_WEBNODE.html','2.3_ENCYCLOPEDIE_Culture_aMi_(V17).html',
 '3.1_Rencontre_Tu-Sais-Apprivoiser_aMi_V13_WEBNODE.html',
 '3.2_JUSTICE_Code-Peinal_aMi_V12_WEBNODE.html','3.3_COSMOLOGIE_aMi_V14_WEBNODE.html',
 '4.1_DECRYPTAGE_Tuto-Ouroboros_aMi_V8_WEBNODE.html','4.3_COSMOGONIE_Connexion_V37.html',
 '5.1_SOUVENIR_Memorire_aMi_V3.html','5.2_LEGS_Corpus_aMi_V2_WEBNODE.html',
 '5.3_ASTRO_Espace-Temps_aMi_V21_WEBNODE.html',
 '6.0_KARMA_travail_passe10_avant_de_chiffrer.html']
par = {x['nom']: x for x in d}
manquants=[v for v in VOLUMES if v not in par]
if manquants: print('ABSENTS DE L AUDIT :', manquants, file=sys.stderr)
def oui(b): return '✅' if b else '—'
lignes=[]
for v in VOLUMES:
    x=par.get(v)
    if not x or 'erreur' in x:
        lignes.append('| '+v.split('_')[0]+' | **non lu** | | | | | | | | | | |'); continue
    rangs=x['rangs']; poign=sum(1 for r in rangs if r['poignee'])
    ong = ('%d rangée%s'%(len(rangs),'s' if len(rangs)>1 else '')+(' · %d repliable%s'%(poign,'s' if poign>1 else '') if poign else ' · 0 repliable')) if rangs else '—'
    chap = '%d/%d h2 · %d/%d h3'%(x['h2Plies'],x['h2'],x['h3Plies'],x['h3'])
    lignes.append('| %s | %s | %s | %s | %s | %s | %s | %s | %s | %s | %s |' % (
      v.split('_')[0], oui(x['barre']), oui(x['pied']),
      ('%d'%x['pager']) if x['pager'] else '—',
      ('%d bt'%x['accesBtn']) if x['acces'] else '—',
      (oui(True)+(' repli' if x['emporterPli'] else ' **sans repli**')) if x['emporter'] else '—',
      ('%d gr.'%x['bandeGroupes']) if x['bande'] else '—',
      ong, chap,
      ('%d'%x['defs']) if x['defs'] else '**0**',
      '%d/%d'%(x['titres_hors_regle'],x['titres_n'])))
print('| Volume | barre | pied | pager | accès | Emporter | bande | onglets | chapitres repliés | défs | titres hors règle |')
print('|---|---|---|---|---|---|---|---|---|---|---|')
print('\n'.join(lignes))
print()
print('### Détail des témoins')
print('| Volume | hauteur | h2 | h3 | replis | liens | morts | débord. | erreurs JS | titres sans emoji |')
print('|---|---|---|---|---|---|---|---|---|---|')
for v in VOLUMES:
    x=par.get(v)
    if not x or 'erreur' in x: continue
    print('| %s | %d px | %d | %d | %d | %d | %s | %d | %d | %d |'%(v.split('_')[0],
      x['hauteur'],x['h2'],x['h3'],x['details'],x['liens'],
      ('**%d**'%x['morts']) if x['morts'] else '0', x['over'], x['erreursJS'], x['titres_sans_emoji']))

regle_majuscules.pyimport regle_majuscules48 lignes

SA règle de majuscules, relevée sur ses 622 titres de Charte : mots-outils en bas, mots pleins en haut, jamais un mot à majuscule interne, pas de point final. Rend la liste des écarts d'un titre.

# -*- coding: utf-8 -*-
"""La règle de majuscules de Diane, relevée sur ses 622 titres de Charte
   (r115, 25/10) : les mots-outils restent bas, les mots qui portent le sens
   montent, et JAMAIS un mot qui a déjà une majuscule interne (ConScience,
   aMi, eXpression, MIROIR). Pas de point final dans un titre."""
import re

BAS = set("""de des du d le la les l un une au aux à et ou ni mais car donc or
en dans sur sous par pour sans avec vers chez entre contre selon depuis pendant
que qui quoi dont où quand comme si ce cet cette ces se s ne n est sont été être
a ai as ont avait avaient sera seront peut peuvent pouvait doit doivent va vont
fait font pas plus moins très trop bien y en on il elle ils elles je j tu nous
vous me m te t lui leur leurs son sa ses mon ma mes ton ta tes notre nos votre
vos qu c jusqu lorsqu puisqu quelqu aussi encore déjà toujours jamais ainsi
cela ça ceci celui celle ceux celles tout toute tous toutes même mêmes
""".split())

MOT = re.compile(r"[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['’][A-Za-zÀ-ÖØ-öø-ÿ]+)*")

def interne(mot):
    """un mot qui porte déjà une majuscule ailleurs qu'au début : intouchable"""
    return any(c.isupper() for c in mot[1:])

def ecarts(titre):
    """rend la liste des mots qui ne suivent pas sa règle"""
    t = titre.strip()
    out = []
    if t.endswith('.') and not t.endswith('...'):
        out.append(('point final', t[-20:]))
    mots = MOT.findall(t)
    for i, m in enumerate(mots):
        if interne(m):
            continue                       # ConScience, aMi, eXpression…
        bas = m.split("'")[0].split("’")[0].lower() if ("'" in m or "’" in m) else m.lower()
        outil = bas in BAS or m.lower() in BAS
        if i == 0:
            continue                       # le premier mot monte toujours
        if outil and m[0].isupper():
            out.append(('outil en majuscule', m))
        elif (not outil) and m[0].islower() and len(m) > 1:
            out.append(('mot plein en minuscule', m))
    return out

EMOJI = re.compile('[\U0001F000-\U0001FAFF←-⯿☀-➿️™©®]')

def a_emoji(titre):
    return bool(EMOJI.search(titre[:6]))

appliquer.pypython3 appliquer.py source.html sortie.html92 lignes

Pose LE BLOC DE LA PASSE : chapitres repliables, poignée de repli des rangées d'onglets, « Emporter » repliable au rond + / −, trois boutons d'accessibilité. Les meubles montent AU CHARGEMENT, comme la Charte fabrique ses 232 replis. Sait écrire dans un cadre hôte, dans sa convention d'échappement.

# -*- coding: utf-8 -*-
"""appliquer.py — pose LE BLOC DE LA PASSE à la fin d'un volume.

   Il n'enlève rien : il ajoute un <style> et un <script> qui montent les
   meubles AU CHARGEMENT, comme la Charte le fait pour ses 232 replis.
   Pour annuler : retirer les deux blocs id="passe-…".

   DEUX FORMES DE VOLUME, mesurées le 26/10 sur les seize :
     — six sont des pages ordinaires ;
     — dix sont des CADRES HÔTES : tout le document vit dans l'attribut
       srcdoc d'un <iframe>, où seules les guillemets sont échappées
       (&quot;). Un bloc posé dans l'hôte n'y touche jamais rien — mesuré
       sur 2.1 ECO : le bloc se posait, et le rendu ne bougeait pas d'un
       pixel. Il faut donc écrire DANS l'attribut, échappé comme lui.

   Usage : python3 appliquer.py <source.html> <sortie.html>"""
import io, sys, os, re

MARQUE = 'passe-bloc-2026-10-26'
ICI = os.path.dirname(os.path.abspath(__file__))


def bloc():
    css = io.open(os.path.join(ICI, 'bloc_passe.css.tpl'), encoding='utf-8').read()
    js = io.open(os.path.join(ICI, 'bloc_passe.js.tpl'), encoding='utf-8').read()
    return ('\n<style id="%s-style">\n%s\n</style>\n<script id="%s-js">\n%s\n</script>\n'
            % (MARQUE, css, MARQUE, js))


def dans_attribut(t):
    """échappe pour vivre dans un attribut délimité par des guillemets"""
    return t.replace('&', '&amp;').replace('"', '&quot;')


def borne_srcdoc(s):
    """rend (début, fin) de la VALEUR de l'attribut srcdoc, ou None"""
    m = re.search(r'\bsrcdoc\s*=\s*"', s)
    if not m:
        return None
    a = m.end()
    b = s.find('"', a)          # toutes les guillemets internes sont &quot;
    if b < 0:
        return None
    return a, b


def pose(src, dst):
    s = io.open(src, encoding='utf-8').read()
    if MARQUE in s:
        return None, 'déjà posé'
    B = bloc()
    bornes = borne_srcdoc(s)
    if bornes:
        a, b = bornes
        inner = s[a:b]
        # DEUX CONVENTIONS d'échappement dans les srcdoc du corpus, mesurées :
        #   2.1 ECO n'échappe que les guillemets — </body> y est littéral ;
        #   4.1 Décryptage échappe aussi les chevrons — &lt;/body&gt;.
        # On écrit DANS la convention du volume, sinon le bloc n'est pas lu.
        i = inner.rfind('</body>')
        esc = dans_attribut
        if i < 0:
            i = inner.rfind('&lt;/body&gt;')
            if i >= 0:
                esc = lambda t: (t.replace('&', '&amp;').replace('<', '&lt;')
                                  .replace('>', '&gt;').replace('"', '&quot;'))
        if i < 0:
            i = inner.rfind('</html>')
        if i < 0:
            i = inner.rfind('&lt;/html&gt;')
            if i >= 0:
                esc = lambda t: (t.replace('&', '&amp;').replace('<', '&lt;')
                                  .replace('>', '&gt;').replace('"', '&quot;'))
        if i < 0:
            return None, 'cadre hôte sans fin de corps : rien touché'
        inner = inner[:i] + esc(B) + inner[i:]
        s = s[:a] + inner + s[b:]
        forme = 'cadre hôte'
    else:
        i = s.rfind('</body>')
        if i < 0:
            i = s.rfind('</html>')
        s = (s[:i] + B + s[i:]) if i >= 0 else (s + B)
        forme = 'page ordinaire'
    io.open(dst, 'w', encoding='utf-8').write(s)
    return (len(s), forme), None


if __name__ == '__main__':
    r, err = pose(sys.argv[1], sys.argv[2])
    print(err or ('posé (%s) — %d caractères' % (r[1], r[0])))

bloc_passe.css.tpl(gabarit)67 lignes

La forme des meubles posés par appliquer.py — valeurs relevées au rendu de la Charte V38.

/* ══════════════════════════════════════════════════════════════════
   LE BLOC DE LA PASSE — la forme des meubles posés au chargement.
   Les valeurs viennent du RENDU de la Charte V38 (md5 2224518f67de),
   pas d'un souvenir : rond 30 × 30, bord 1 px #7a611a, fond
   rgba(9,9,14,.72), glyphe ▴ en #ffc545 à 13 px, à 4 px du bord.
   ══════════════════════════════════════════════════════════════════ */

/* ── 1 · les chapitres repliés ─────────────────────────────────── */
details.passe-pli{display:block;margin:0;border-top:1px solid rgba(255,197,69,.14)}
/* le résumé n'impose rien : il hérite l'alignement du chapitre, sinon un
   titre centré se retrouve collé à gauche (mesuré sur 2.3 Encyclopédie) */
details.passe-pli>summary{cursor:pointer;list-style:none;position:relative;
 padding:.55rem 1.9rem .55rem 0;text-align:inherit}
details.passe-pli>summary::-webkit-details-marker{display:none}
details.passe-pli>summary::after{content:'\25BE';position:absolute;right:.2rem;top:.75rem;
 color:#ffc545;opacity:.72;font-size:.9em;transition:transform .2s}
details.passe-pli[open]>summary::after{transform:rotate(180deg)}
details.passe-pli>summary>h2,details.passe-pli>summary>h3{margin:0!important;display:block}
details.passe-pli>summary:hover>h2,details.passe-pli>summary:hover>h3{color:#ffe08a}
.passe-corps{padding:.1rem 0 .9rem}

/* ── 2 · la poignée de repli d'une rangée d'onglets ────────────── */
.passe-plier{position:absolute;right:4px;top:2px;z-index:3;
 width:30px;height:30px;display:grid;place-items:center;
 border:1px solid #7a611a;border-radius:50%;
 background:rgba(9,9,14,.72);color:#ffc545;
 font:400 13px/1 'Jost',Arial,sans-serif;cursor:pointer;
 padding:0;transition:transform .2s}
.passe-plier:hover{background:rgba(255,197,69,.12)}
.passe-enroulee>.passe-plier{transform:rotate(180deg)}
/* enroulée : seul l'onglet actif reste visible, sur une ligne */
.passe-enroulee>button:not(.passe-plier),
.passe-enroulee>a,
.passe-enroulee>[role="tab"]{display:none!important}
.passe-enroulee>.active,.passe-enroulee>.on,
.passe-enroulee>[aria-selected="true"],
.passe-enroulee>[data-active="true"]{display:flex!important;flex:1 1 auto}

/* ── 3 · « Emporter » qui se replie, rond + / − ────────────────── */
details.passe-emp{display:block}
details.passe-emp>summary{cursor:pointer;list-style:none;position:relative;padding-right:3rem}
details.passe-emp>summary::-webkit-details-marker{display:none}
details.passe-emp>summary::after{content:'+';position:absolute;right:.6rem;top:50%;
 transform:translateY(-50%);width:1.65rem;height:1.65rem;
 border:1px solid #ffc545;border-radius:50%;display:grid;place-items:center;
 color:#ffc545;font:400 1.1rem/1 'Jost',Arial,sans-serif;background:rgba(255,197,69,.06)}
details.passe-emp[open]>summary::after{content:'\2212'}
details.passe-emp>summary>h2,details.passe-emp>summary>h3{display:inline-block;margin:0}
.passe-emp-c{padding-top:.4rem}

/* ── 4 · les trois boutons d'accessibilité ─────────────────────── */
.passe-acces{position:fixed;right:10px;bottom:14px;z-index:140;
 display:flex;flex-direction:column;gap:.4rem}
.passe-acces button{width:34px;height:34px;border-radius:50%;
 border:1px solid #7a611a;background:rgba(9,9,14,.80);color:#ffc545;
 font:600 14px/1 'Jost',Arial,sans-serif;cursor:pointer;
 display:grid;place-items:center;padding:0}
.passe-acces button:hover{background:rgba(255,197,69,.14)}
.passe-acces button[aria-pressed="true"]{background:rgba(255,197,69,.22);color:#fff3cf}
@media print{.passe-acces{display:none}}

/* les trois réglages, posés sur <html> */
html.passe-contraste{filter:contrast(1.18) saturate(1.06)}
html.passe-grand{font-size:118%}
html.passe-calme *,html.passe-calme *::before,html.passe-calme *::after{
 animation:none!important;transition:none!important}

bloc_passe.js.tpl(gabarit)165 lignes

Le script des meubles. Ne replie QUE les h3 (replier les h2 avalait les titres de panneau), et laisse les devises d'une ligne tranquilles.

/* ══════════════════════════════════════════════════════════════════
   LE BLOC DE LA PASSE — meubles de la Charte posés AU CHARGEMENT.
   Même grammaire que la Charte elle-même, dont la source ne montre
   qu'un seul <details> quand le rendu en fabrique 232.
   Rien n'est retiré du volume : on ajoute, on enveloppe, on replie.
   Pour tout annuler : supprimer ce <script> et son <style>.
   ══════════════════════════════════════════════════════════════════ */
(function(){'use strict';
 var D=document;
 function prem(s,r){return (r||D).querySelector(s);}
 function tous(s,r){return Array.prototype.slice.call((r||D).querySelectorAll(s));}
 function texte(e){return (e.textContent||'').replace(/\s+/g,' ').trim();}

 /* ── la racine du volume ─────────────────────────────────────── */
 var R = prem('div[id^="ami-"]') || D.body;

 /* ══ 1 · LES CHAPITRES SE REPLIENT ═══════════════════════════════
    Un chapitre = un titre, et tout ce qui le suit jusqu'au titre de
    même rang ou de rang supérieur. On n'enveloppe QUE des frères :
    jamais on ne déplace un nœud d'un parent à un autre. */
 function replieTitres(rang){
  var faits=0;
  tous(rang, R).forEach(function(h){
   if(h.closest('summary')) return;              // déjà replié
   if(h.closest('.passe-pli')) return;
   if(h.closest('.passe-emp')||h.closest('.emporter')) return;   // le bandeau a son propre rond
   if(h.closest('.ami-bande-pli')||h.closest('summary')) return; // la bande d'esprit critique est déjà un meuble
   if(h.closest('table')||h.closest('figure')) return;           // un titre de cellule n'est pas un chapitre
   var p=h.parentElement; if(!p) return;
   if(p.tagName==='SUMMARY'||p.tagName==='DETAILS') return;
   /* le titre doit être un enfant direct d'un conteneur de flux */
   var corps=[], n=h.nextSibling, stop=false;
   while(n){
    if(n.nodeType===1){
     var t=n.tagName;
     if(t==='H1') break;
     if(rang==='h2' && (t==='H2')) break;
     if(rang==='h3' && (t==='H2'||t==='H3')) break;
     if(t==='SCRIPT'||t==='STYLE'){ n=n.nextSibling; continue; }
    }
    corps.push(n); n=n.nextSibling;
   }
   if(!corps.length) return;
   var dur=corps.filter(function(x){return x.nodeType===1;});
   if(!dur.length) return;
   /* Un chapitre a un corps. Mesuré sur 2.3 Encyclopédie : un titre suivi
      d'une seule ligne en italique est une devise, pas un chapitre — la
      replier la faisait disparaître de la page sans rien donner en échange.
      Seuil : deux éléments, ou 220 caractères. */
   var poids=corps.reduce(function(n,x){return n+((x.textContent||'').trim().length);},0);
   if(dur.length<2 && poids<220) return;
   var det=D.createElement('details'); det.className='passe-pli';
   var som=D.createElement('summary');
   var box=D.createElement('div'); box.className='passe-corps';
   p.insertBefore(det,h);
   som.appendChild(h); det.appendChild(som);
   corps.forEach(function(x){box.appendChild(x);});
   det.appendChild(box);
   faits++;
  });
  return faits;
 }

 /* ══ 2 · LA POIGNÉE DE REPLI DES RANGÉES D'ONGLETS ════════════════
    Grammaire relevée AU RENDU de la Charte V38 : bouton rond 30×30,
    bord 1 px #7a611a, fond rgba(9,9,14,.72), glyphe ▴ #ffc545 13 px,
    posé en absolu à 4 px du bord droit, pivoté quand c'est replié ;
    la rangée enroulée ne garde que l'onglet actif. */
 function poignees(){
  var vus=[], n=0;
  tous('[role="tablist"],#tabbar,.tabbar,.bar,.sbar,.tab-nav,.ami-volume-tabs,.apk-mainbar', R).forEach(function(e){
   if(vus.some(function(v){return v===e||v.contains(e)||e.contains(v);})) return;
   if(e.querySelector('.passe-plier')) return;
   var ong=tous('button,a,[role="tab"]',e);
   if(ong.length<2) return;
   vus.push(e);
   if(getComputedStyle(e).position==='static') e.style.position='relative';
   var b=D.createElement('button');
   b.type='button'; b.className='passe-plier';
   b.setAttribute('aria-expanded','true');
   b.title='Enrouler les onglets'; b.setAttribute('aria-label','Enrouler les onglets');
   b.textContent='▴';
   b.addEventListener('click',function(ev){
    ev.preventDefault(); ev.stopPropagation();
    var ferme=e.classList.toggle('passe-enroulee');
    b.setAttribute('aria-expanded',String(!ferme));
    b.title=ferme?'Dérouler les onglets':'Enrouler les onglets';
    b.setAttribute('aria-label',b.title);
   });
   e.appendChild(b); n++;
  });
  return n;
 }

 /* ══ 3 · « EMPORTER » SE REPLIE ═══════════════════════════════════
    Le rond « + » / « − » décidé le 25/10 pour les encarts — et donc
    PAS de seconde flèche. */
 function emporter(){
  var s=prem('.emporter',R)||prem('[class*="emporter"]',R);
  if(!s) return 0;
  if(s.tagName==='DETAILS'||s.querySelector('details')) return 0;  // déjà replié
  var h=s.querySelector('h2,h3,.emp-t'); if(!h) return 0;
  var det=D.createElement('details'); det.className='passe-emp';
  var som=D.createElement('summary');
  var box=D.createElement('div'); box.className='passe-emp-c';
  var reste=[]; var n=h.nextSibling;
  while(n){ reste.push(n); n=n.nextSibling; }
  s.insertBefore(det,h);
  som.appendChild(h); det.appendChild(som);
  reste.forEach(function(x){box.appendChild(x);});
  det.appendChild(box);
  return 1;
 }

 /* ══ 4 · LES BOUTONS D'ACCESSIBILITÉ ══════════════════════════════
    Trois, et trois seulement : le contraste, la taille du texte, et
    l'arrêt des animations. Chacun se souvient de son état. */
 function acces(){
  if(prem('.passe-acces',R)) return 0;
  var boite=D.createElement('div');
  boite.className='passe-acces'; boite.setAttribute('role','group');
  boite.setAttribute('aria-label','Confort de lecture');
  var outils=[
   ['contraste','◐','Renforcer le contraste','passe-contraste'],
   ['taille','A','Agrandir le texte','passe-grand'],
   ['calme','❄','Arrêter les animations','passe-calme']
  ];
  outils.forEach(function(o){
   var b=D.createElement('button');
   b.type='button'; b.className='pa-'+o[0]; b.textContent=o[1];
   b.title=o[2]; b.setAttribute('aria-label',o[2]);
   b.setAttribute('aria-pressed','false');
   b.addEventListener('click',function(){
    var on=D.documentElement.classList.toggle(o[3]);
    b.setAttribute('aria-pressed',String(on));
    try{localStorage.setItem(o[3],on?'1':'0');}catch(x){}
   });
   try{ if(localStorage.getItem(o[3])==='1'){ D.documentElement.classList.add(o[3]); b.setAttribute('aria-pressed','true'); } }catch(x){}
   boite.appendChild(b);
  });
  (R.firstElementChild?R.insertBefore(boite,R.firstElementChild):R.appendChild(boite));
  return 1;
 }

 /* ── on pose, et on dit ce qu'on a posé ──────────────────────── */
 function pose(){
  var bilan={chapitres:0,onglets:0,emporter:0,acces:0};
  /* ORDRE : « Emporter » d'abord. Mesuré : quand les chapitres passaient en
     premier, leur repli enveloppait le h2 d'« Emporter », et le bandeau
     recevait le triangle des chapitres au lieu de son rond « + / − ». */
  try{ bilan.emporter = emporter(); }catch(e){}
  /* On ne replie QUE les h3. Mesuré sur 2.3 Encyclopédie : replier les h2
     avalait les titres de panneau — « La Communication » perdait son
     centrage, son sous-titre et sa ligne en italique passaient sous le pli.
     Dans les volumes qu'elle a validés, le chapitre est un h3 ; le h2 est
     le titre de la section. Les volumes dont les chapitres sont des h2
     (3.3 CosmoLogie, 2.3 Encyclopédie) attendent son œil. */
  try{ bilan.chapitres = replieTitres('h3'); }catch(e){}
  try{ bilan.onglets  = poignees(); }catch(e){}
  try{ bilan.acces    = acces(); }catch(e){}
  window.__passe = bilan;
 }
 if(D.readyState==='loading') D.addEventListener('DOMContentLoaded',pose); else pose();
})();

defs.pypython3 defs.py source.html sortie.html64 lignes

Pose LES DÉFINITIONS : chaque mot du dictionnaire sur sa PREMIÈRE OCCURRENCE DE CHAQUE SECTION, en pointillé, avec UNE SEULE BULLE pour toute la page. N'embarque que les mots présents dans le volume.

# -*- coding: utf-8 -*-
"""defs.py — pose LE BLOC DES DÉFINITIONS sur un volume.
   Le dictionnaire est filtré : seuls les mots qui apparaissent vraiment
   dans le volume voyagent avec lui.
   Usage : python3 defs.py <source.html> <sortie.html>"""
import io, json, os, re, sys, html

MARQUE = 'passe-defs-2026-10-26'
ICI = os.path.dirname(os.path.abspath(__file__))
DICO = json.load(io.open(os.path.join(ICI, 'dictionnaire.json'), encoding='utf-8'))

from appliquer import borne_srcdoc, dans_attribut


def bloc(mots):
    css = io.open(os.path.join(ICI, 'bloc_defs.css.tpl'), encoding='utf-8').read()
    js = io.open(os.path.join(ICI, 'bloc_defs.js.tpl'), encoding='utf-8').read()
    js = js.replace('__DICO__', json.dumps(mots, ensure_ascii=False))
    return ('\n<style id="%s-style">\n%s\n</style>\n<script id="%s-js">\n%s\n</script>\n'
            % (MARQUE, css, MARQUE, js))


def pose(src, dst):
    s = io.open(src, encoding='utf-8').read()
    if MARQUE in s:
        return None, 'déjà posé'
    # le texte où chercher : la source décodée des entités, cadre compris
    # PIÈGE : dans un cadre hôte qui échappe les chevrons, retirer les
    # balises AVANT de décoder ne retire rien — et le volume semble ne
    # contenir aucun mot du dictionnaire (mesuré sur 4.1 Décryptage).
    # On décode d'abord, on retire les balises ensuite.
    plat = re.sub(r'<[^>]+>', ' ', html.unescape(s))
    mots = {m: d['def'] for m, d in DICO.items() if m in plat}
    if not mots:
        return None, 'aucun mot du dictionnaire dans ce volume'
    B = bloc(mots)
    bornes = borne_srcdoc(s)
    if bornes:
        a, b = bornes
        inner = s[a:b]
        i = inner.rfind('</body>')
        esc = dans_attribut
        if i < 0:
            i = inner.rfind('&lt;/body&gt;')
            if i >= 0:
                esc = lambda t: (t.replace('&', '&amp;').replace('<', '&lt;')
                                  .replace('>', '&gt;').replace('"', '&quot;'))
        if i < 0:
            return None, 'cadre hôte sans fin de corps'
        inner = inner[:i] + esc(B) + inner[i:]
        s = s[:a] + inner + s[b:]
        forme = 'cadre hôte'
    else:
        i = s.rfind('</body>')
        s = (s[:i] + B + s[i:]) if i >= 0 else (s + B)
        forme = 'page ordinaire'
    io.open(dst, 'w', encoding='utf-8').write(s)
    return (len(mots), forme), None


if __name__ == '__main__':
    r, err = pose(sys.argv[1], sys.argv[2])
    print(err or ('%d mots embarqués (%s)' % r))

bloc_defs.js.tpl(gabarit)119 lignes

Le script des définitions. Ne touche ni un lien, ni du code, ni un mot déjà défini.

/* ══════════════════════════════════════════════════════════════════
   LES DÉFINITIONS — les mots du Lexique et les mots difficiles, posés
   sur leur PREMIÈRE OCCURRENCE DE CHAQUE SECTION, en pointillé, avec
   leur bulle.

   Le dictionnaire n'est pas inventé : il est relevé dans SON corpus —
   toutes les paires mot → définition déjà écrites dans les volumes,
   la Charte, la QuinteSSence et l'Initiation (317 mots, 2 603 emplois
   relevés le 26/10). Un mot qui porte deux formulations garde la plus
   fréquente, et la liste des 19 cas est à côté pour qu'elle tranche.

   UNE SEULE BULLE pour toute la page : c'est la solution qu'elle a
   validée le 26/10 à 02h27, après avoir vu deux bulles s'ouvrir en
   même temps sur un mot (« ça se mange »).
   ══════════════════════════════════════════════════════════════════ */
(function(){'use strict';
 var DICO = __DICO__;
 var D=document;
 var R = D.querySelector('div[id^="ami-"]') || D.body;
 if(!DICO || !Object.keys(DICO).length) return;

 /* les plus longs d'abord : « 8 Plans de ConScience » avant « ConScience » */
 var MOTS = Object.keys(DICO).sort(function(a,b){return b.length-a.length;});

 /* on ne touche pas : ce qui est déjà défini, les liens, le code, les
    scripts, les champs de saisie, ni un mot déjà posé dans la section */
 function interdit(n){
  for(var e=n.parentElement;e;e=e.parentElement){
   var t=e.tagName;
   if(t==='A'||t==='CODE'||t==='PRE'||t==='SCRIPT'||t==='STYLE'||t==='TEXTAREA'||t==='INPUT'||t==='BUTTON'||t==='SVG'||t==='svg') return true;
   if(e.classList&&(e.classList.contains('df')||e.classList.contains('passe-df'))) return true;
   if(e.hasAttribute&&e.hasAttribute('data-d')) return true;
  }
  return false;
 }
 function section(n){
  for(var e=n.parentElement;e;e=e.parentElement){
   if(e===R) break;
   var t=e.tagName;
   if(t==='SECTION'||t==='ARTICLE') return e;
   if(e.classList&&(e.classList.contains('tab-content')||e.classList.contains('panel'))) return e;
   if(e.hasAttribute&&e.hasAttribute('data-panel')) return e;
  }
  return R;
 }

 var faits=0, poses=new WeakMap();
 function dejaVu(sec,mot){
  var m=poses.get(sec); if(!m){ m={}; poses.set(sec,m); }
  if(m[mot]) return true; m[mot]=1; return false;
 }

 function echappe(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');}
 /* une frontière de mot qui compte les lettres accentuées comme des lettres */
 function motif(m){
  return new RegExp('(^|[^A-Za-zÀ-ÖØ-öø-ÿ0-9\'’-])('+echappe(m)+')(?=[^A-Za-zÀ-ÖØ-öø-ÿ0-9\'’-]|$)');
 }

 function parcours(){
  var it=D.createTreeWalker(R, NodeFilter.SHOW_TEXT, null);
  var lots=[], n;
  while((n=it.nextNode())){
   if(!n.nodeValue || n.nodeValue.length<3) continue;
   if(interdit(n)) continue;
   lots.push(n);
  }
  lots.forEach(function(nd){
   for(var i=0;i<MOTS.length;i++){
    var mot=MOTS[i];
    var v=nd.nodeValue; if(!v || v.indexOf(mot)<0) continue;
    var sec=section(nd);
    if(dejaVu(sec,mot)) continue;
    var re=motif(mot), m=re.exec(v);
    if(!m){ var p=poses.get(sec); if(p) delete p[mot]; continue; }
    var a=m.index+m[1].length, b=a+mot.length;
    var apres=nd.splitText(a); apres.splitText(mot.length);
    var sp=D.createElement('span');
    sp.className='passe-df'; sp.setAttribute('tabindex','0');
    sp.setAttribute('data-d', DICO[mot]);
    sp.textContent=mot;
    apres.parentNode.replaceChild(sp, apres);
    faits++;
    nd = sp.nextSibling || nd;   /* on continue après le mot posé */
    if(!nd || nd.nodeType!==3) break;
   }
  });
 }

 /* ── la bulle, une seule pour toute la page ─────────────────────── */
 var bulle=null, ancre=null;
 function montre(e){
  if(!bulle){
   bulle=D.createElement('div'); bulle.className='passe-bulle';
   bulle.setAttribute('role','tooltip'); D.body.appendChild(bulle);
  }
  bulle.textContent=e.getAttribute('data-d');
  bulle.style.visibility='hidden'; bulle.style.opacity='0'; bulle.style.display='block';
  var r=e.getBoundingClientRect();
  var larg=Math.min(380, Math.max(240, window.innerWidth-32));
  bulle.style.width=larg+'px';
  var x=Math.min(Math.max(8, r.left), window.innerWidth-larg-8);
  var h=bulle.getBoundingClientRect().height;
  var y=r.bottom+8; if(y+h>window.innerHeight-8) y=Math.max(8, r.top-h-8);
  bulle.style.left=x+'px'; bulle.style.top=y+'px';
  bulle.style.visibility='visible'; bulle.style.opacity='1';
  ancre=e;
 }
 function cache(){ if(bulle){ bulle.style.opacity='0'; bulle.style.visibility='hidden'; } ancre=null; }
 D.addEventListener('mouseover',function(e){var t=e.target.closest&&e.target.closest('.passe-df'); if(t) montre(t);});
 D.addEventListener('mouseout', function(e){var t=e.target.closest&&e.target.closest('.passe-df'); if(t&&t===ancre) cache();});
 D.addEventListener('focusin',  function(e){var t=e.target.closest&&e.target.closest('.passe-df'); if(t) montre(t);});
 D.addEventListener('focusout', function(e){var t=e.target.closest&&e.target.closest('.passe-df'); if(t&&t===ancre) cache();});
 D.addEventListener('keydown',  function(e){ if(e.key==='Escape') cache(); });
 window.addEventListener('scroll',function(){ if(ancre) montre(ancre); },{passive:true});

 function pose(){ try{ parcours(); }catch(e){} window.__passeDefs=faits; }
 if(D.readyState==='loading') D.addEventListener('DOMContentLoaded',pose); else pose();
})();

bloc_defs.css.tpl(gabarit)14 lignes

Le pointillé et la bulle, relevés au rendu de la Charte V38.

/* ── les définitions : grammaire relevée AU RENDU de la Charte V38 ──
   soulignement pointillé 1 px rgb(176,176,189), même teinte pour le
   mot, curseur « help », graisse 300 ; la bulle : fond #181826,
   texte #b0b0bd, 13,12 px / 20,99 px, coins 5 px, ombre
   0 12px 34px rgba(0,0,0,.55). Une seule bulle pour toute la page. */
.passe-df{border-bottom:1px dotted rgb(176,176,189);cursor:help;font-weight:300}
.passe-df:hover,.passe-df:focus{color:#ffe08a;border-bottom-color:#ffc545;outline:none}
.passe-bulle{position:fixed;z-index:200;display:none;
 background:#181826;color:#b0b0bd;border-radius:5px;padding:12px 16px;
 font:300 13.12px/20.992px 'Jost',Arial,sans-serif;
 box-shadow:0 12px 34px rgba(0,0,0,.55);
 opacity:0;transition:opacity .14s;pointer-events:none;white-space:normal}
@media print{.passe-bulle{display:none!important}}

collant.pypython3 collant.py source.html sortie.html27 lignes

Pose LE COLLANT SOUS L'HABILLAGE : les deux scripts de la Charte (le pont du collant et le décalage sous l'hôte), rendus génériques. Sans eux, sur Webnode, la navbar et les onglets ne collent pas et la barre de progression passe sous l'en-tête du site.

# -*- coding: utf-8 -*-
"""collant.py — pose LE COLLANT SOUS L'HABILLAGE (les deux scripts de la Charte)."""
import io, os, sys
MARQUE = 'passe-collant-2026-10-26'
ICI = os.path.dirname(os.path.abspath(__file__))
from appliquer import borne_srcdoc, dans_attribut
def pose(src, dst):
    s = io.open(src, encoding='utf-8').read()
    if MARQUE in s: return None, 'déjà posé'
    js = io.open(os.path.join(ICI, 'bloc_collant.js.tpl'), encoding='utf-8').read()
    B = '\n<script id="%s">\n%s\n</script>\n' % (MARQUE, js)
    bornes = borne_srcdoc(s)
    if bornes:
        a, b = bornes; inner = s[a:b]
        i = inner.rfind('</body>'); esc = dans_attribut
        if i < 0:
            i = inner.rfind('&lt;/body&gt;')
            if i >= 0: esc = lambda t: (t.replace('&','&amp;').replace('<','&lt;').replace('>','&gt;').replace('"','&quot;'))
        if i < 0: return None, 'cadre hôte sans fin de corps'
        s = s[:a] + inner[:i] + esc(B) + inner[i:] + s[b:]; forme='cadre hôte'
    else:
        i = s.rfind('</body>'); s = (s[:i] + B + s[i:]) if i >= 0 else (s + B); forme='page ordinaire'
    io.open(dst, 'w', encoding='utf-8').write(s)
    return forme, None
if __name__ == '__main__':
    f, e = pose(sys.argv[1], sys.argv[2]); print(e or ('posé (%s)' % f))

bloc_collant.js.tpl(gabarit)141 lignes

Les deux scripts, repris mot pour mot de la Charte (26/09/2026), la racine rendue générique et la portée élargie à la boîte du bloc.


/* ══════════════════════════════════════════════════════════════════
   LE COLLANT SOUS L'HABILLAGE — repris MOT POUR MOT de la Charte
   (scripts `ami-charte-pont-du-collant` et
   `ami-charte-decale-ce-qui-colle`, 26/09/2026), seule la racine est
   rendue générique : le bloc du volume, quel que soit son nom.

   Mesuré le 26/10 sur agdistys.fr/ami-leveil-de-lia, à 1 500 px de
   défilement : la navbar du volume était à −998 et la rangée d'onglets
   à 397 au lieu de 48 — deux ancêtres Webnode (DIV.b-c et
   DIV.wnd-page) portent overflow:hidden, ce qui fait d'eux la boîte de
   référence du collant. Et la barre de progression, elle, fonctionnait
   (fixed, 427 px de large sur 1 200) mais l'en-tête fixe de Webnode
   (80 px) était peint par-dessus.
   La Charte réglait les deux depuis septembre. Diane : « la charte est
   ok, t'as juste à faire pareil. »
   ══════════════════════════════════════════════════════════════════ */

/* ── LE PONT DU COLLANT (26/09/2026) ────────────────────────────────────────────────────────────────
   « position:sticky » cesse d'agir dès qu'un ANCÊTRE porte overflow hidden/auto/scroll : l'élément se
   colle alors à une boîte qui, elle, ne défile pas. Les habillages de site (Webnode entre autres) posent
   couramment overflow-x:hidden pour mater les débordements. On remplace, sur les seuls ancêtres du bloc,
   « hidden » par « clip » : ça coupe pareil, et ça ne crée pas de conteneur de défilement. ── */
(function(){'use strict';
 var R=document.querySelector('div[id^="ami-"]')||document.getElementById('ami-charte');
 if(!R) return;
 function libere(){
   var e=R.parentElement, n=0;
   while(e && e!==document.documentElement){
     var c=getComputedStyle(e);
     if(c.overflowX==='hidden'){ e.style.overflowX='clip'; n++; }
     if(c.overflowY==='hidden'){ e.style.overflowY='visible'; n++; }
     e=e.parentElement;
   }
   return n;
 }
 libere();
 /* l'habillage peut arriver après nous : on repasse une fois la page posée */
 window.addEventListener('load', libere);
 setTimeout(libere, 600); setTimeout(libere, 2000);
})();


/* ── CE QUI COLLE SE POSE SOUS CE QUE L'HÔTE OCCUPE (V11, 26/09/2026) ──────────
   Diane : « j'ai ma navbarre Webnode sticky, et la navbarre de la page passe en
   dessous. » La V10 visait une liste de noms et a raté nav.ami-barre. Ici on ne
   nomme plus rien : on prend tout ce qui colle en haut DANS le bloc, on retient
   la hauteur qu'il demandait, et on y ajoute celle de l'hôte. Écartés : les
   en-têtes de tableaux et tout ce qui colle à l'intérieur d'un rouleau — ceux-là
   ne collent pas à la fenêtre, les décaler les ferait sauter. */
(function(){'use strict';
 var R = document.querySelector('div[id^="ami-"]') || document.getElementById('ami-charte');
 if (!R) return;
 var dernier = -1;

 function hautDeLHote(){
   var bas = 0, x = Math.round(window.innerWidth / 2);
   [1, 3].forEach(function(y){
     var l = document.elementsFromPoint(x, y) || [];
     [].slice.call(l).forEach(function(e){
       if (!e || e === document.documentElement || e === document.body) return;
       if (R.contains(e) || e.contains(R)) return;          /* pas nous, ni notre parent */
       var c = getComputedStyle(e);
       if (c.position !== 'fixed' && c.position !== 'sticky') return;
       var r = e.getBoundingClientRect();
       if (r.height <= 0 || r.height > 260) return;         /* une barre, pas un décor */
       if (r.width < window.innerWidth * 0.6) return;       /* large, donc elle barre l'écran */
       if (r.top > 12) return;                              /* posée tout en haut */
       if (r.bottom > bas) bas = Math.round(r.bottom);
     });
   });
   return bas;
 }

 function dansUnRouleau(e){
   var p = e.parentElement;
   while (p && p !== R && p !== document.body) {
     var c = getComputedStyle(p);
     if (/auto|scroll/.test(c.overflowY) || /auto|scroll/.test(c.overflowX)) return true;
     p = p.parentElement;
   }
   return false;
 }

 function collants(){
   var out = [];
   /* 26/10 : dans la Charte, la barre d'architecture vit DANS #ami-charte ;
      dans l'Éveil elle est posée JUSTE AVANT #ami-leveil-de-lia, et la barre
      de progression est un <div id="prog"> frère lui aussi. Scanner la seule
      racine les laissait derrière — mesuré : les onglets passaient bien à
      128 px, la navbar et la barre de progression restaient à 0, sous
      l'en-tête de l'hôte.
      On scanne donc la BOÎTE DU BLOC — le parent de la racine. Chez Webnode
      c'est .b-c, qui ne contient que notre bloc ; l'en-tête du site vit
      ailleurs dans le document et n'est donc jamais touché. Sur une page
      autonome ce parent est <body>, et il n'y a pas d'hôte à heurter. */
   var PORTEE = (R.parentElement && R.parentElement !== document.documentElement)
                ? R.parentElement : R;
   var tous = [PORTEE].concat([].slice.call(PORTEE.querySelectorAll('*')));
   tous.forEach(function(e){
     var c = getComputedStyle(e);
     if (c.position !== 'sticky' && c.position !== 'fixed') return;
     if (/^(TH|THEAD|TR|TD|CAPTION)$/.test(e.tagName)) return;   /* en-tête de tableau */
     if (dansUnRouleau(e)) return;                               /* colle dans son rouleau */
     out.push(e);
   });
   return out;
 }

 /* On ne retient AUCUNE hauteur : celle que la feuille de style demande peut
    changer d'un instant à l'autre (min(var(--nav-h),9rem) suit la barre qui se
    replie). À chaque passe on lui rend la parole, on écoute, puis on ajoute. */
 function pose(){
   var hote = hautDeLHote();
   document.documentElement.style.setProperty('--top-site', hote + 'px');
   var barres = collants();
   barres.forEach(function(e){ e.style.removeProperty('top'); });
   var dits = barres.map(function(e){ return parseFloat(getComputedStyle(e).top); });
   barres.forEach(function(e, i){
     var t = dits[i];
     if (!isFinite(t) || t > 260) return;   /* top:auto, ou posé bas : pas notre affaire */
     e.style.setProperty('top', Math.round(t + hote) + 'px', 'important');
   });
   R.style.setProperty('scroll-padding-top', (hote + 96) + 'px');
   dernier = hote;
 }

 pose();
 window.addEventListener('load', pose);
 window.addEventListener('resize', pose);
 var t = null;
 /* la barre se replie EN DÉFILANT : il faut repasser pendant le défilement,
    sinon les onglets restent posés à la hauteur de la barre dépliée. */
 window.addEventListener('scroll', function(){
   if (t) return;
   t = setTimeout(function(){ t = null; pose(); }, 120);
 }, {passive:true});
 /* le bloc se déplie encore un moment après l'arrivée : on repasse */
 [400, 1200, 2500, 5000].forEach(function(ms){ setTimeout(pose, ms); });
})();

essai_webnode.pypython3 essai_webnode.py volume.html essai.html28 lignes

Reproduit l'habillage de Webnode autour d'un volume — en-tête fixe de 80 px et deux boîtes en overflow:hidden — pour vérifier le collant SANS publier.

# -*- coding: utf-8 -*-
"""essai_webnode.py — reproduit l'habillage de Webnode autour d'un volume, tel
   qu'il a été MESURÉ le 26/10 sur agdistys.fr : un en-tête fixe de 80 px, et
   deux boîtes en overflow:hidden entre la page et la racine du volume
   (DIV.b-c et DIV.wnd-page). Sert à vérifier le collant sans publier."""
import io, re, sys
src, dst = sys.argv[1], sys.argv[2]
s = io.open(src, encoding='utf-8').read()
HOTE_CSS = """
<style id="essai-hote-webnode">
 .h-w{position:fixed;top:0;left:0;right:0;height:80px;background:#2b1a0b;color:#fff;
      z-index:900;display:flex;align-items:center;justify-content:center;font:14px Arial}
 .b-c{overflow:hidden}
 .wnd-page{overflow:hidden}
 body{padding-top:0}
</style>
"""
i = s.find('<body')
j = s.find('>', i) + 1
k = s.rfind('</body>')
corps = s[j:k]
s = (s[:j] + HOTE_CSS
     + '<div class="h-w">en-tête de l\'hôte — 80 px, fixe</div>'
     + '<div class="wnd-page"><div class="b-c">' + corps + '</div></div>'
     + s[k:])
io.open(dst, 'w', encoding='utf-8').write(s)
print('écrit', dst, len(s))

collant_test.jsnode collant_test.js sans.html avec.html24 lignes

Mesure la position des barres à 0, 1 500 et 4 000 px de défilement, avant et après le collant.

const {chromium}=require('playwright');
(async()=>{const b=await chromium.launch();
for(const f of [process.argv[2],process.argv[3]]){
 const p=await b.newPage({viewport:{width:1280,height:900}});
 await p.route('**/*',r=>/^file:/.test(r.request().url())?r.continue():r.abort());
 await p.goto('file://'+f,{waitUntil:'load',timeout:120000}); await p.waitForTimeout(2800);
 const lignes=[];
 for(const y of [0,1500,4000]){
  await p.evaluate(Y=>window.scrollTo(0,Y),y); await p.waitForTimeout(450);
  lignes.push(await p.evaluate(()=>{
   const g=s=>{const e=document.querySelector(s);if(!e)return null;const r=e.getBoundingClientRect();const c=getComputedStyle(e);
     return {top:Math.round(r.top),pos:c.position,top_css:c.top};};
   return {y:Math.round(window.pageYOffset), barre:g('.ami-barre'), tabs:g('#tabbar'),
     ov:(()=>{const R=document.querySelector('div[id^="ami-"]');const o=[];
       for(let e=R.parentElement;e&&e!==document.documentElement;e=e.parentElement){const c=getComputedStyle(e);
         if(!/visible/.test(c.overflowX)||!/visible/.test(c.overflowY)) o.push((e.className||e.tagName)+':'+c.overflowX+'/'+c.overflowY);}
       return o;})()};
  }));
 }
 console.log(f.split('/').pop()); lignes.forEach(l=>console.log('   ',JSON.stringify(l)));
 await p.close();
}
await b.close();})();

verif.jsnode verif.js avant.html apres.html49 lignes

LES TÉMOINS. Compare un volume avant/après : titres perdus, compteurs de structure, erreurs JS, débordements, et surtout LE TEXTE LU TOUT DÉPLIÉ — le seul qui dise si quelque chose a disparu.

/* verif.js — compare un volume AVANT et APRÈS le bloc de la passe. */
const {chromium}=require('playwright');
(async()=>{
const b=await chromium.launch();
const out={};
for(const [cle,f] of [['avant',process.argv[2]],['apres',process.argv[3]]]){
 const p=await b.newPage({viewport:{width:1280,height:900}});
 const errs=[]; p.on('pageerror',e=>errs.push(String(e).slice(0,140)));
 await p.route('**/*',r=>/^file:/.test(r.request().url())?r.continue():r.abort());
 await p.goto('file://'+f,{waitUntil:'load',timeout:120000});
 await p.waitForTimeout(2500);
 let cible=p.mainFrame(),mieux=-1;
 for(const fr of p.frames()){let k=0;try{k=await fr.evaluate(()=>document.querySelectorAll('*').length)}catch(e){k=-1}if(k>mieux){mieux=k;cible=fr}}
 out[cle]=await cible.evaluate(()=>{
  const n=s=>document.querySelectorAll(s).length;
  const R=document.querySelector('div[id^="ami-"]')||document.body;
  const vw=document.documentElement.clientWidth; let over=0;
  R.querySelectorAll('*').forEach(e=>{const r=e.getBoundingClientRect();if(r.width>0&&r.right>vw+2)over++;});
  const T=[...document.querySelectorAll('h1,h2,h3')].map(e=>(e.textContent||'').replace(/\s+/g,' ').trim());
  /* LE TÉMOIN QUI COMPTE : on ouvre TOUT avant de lire le texte. Un repli
     cache du texte sans rien perdre ; seul le texte tout déplié dit si
     quelque chose a disparu. */
  document.querySelectorAll('details').forEach(d=>d.open=true);
  const texte=(R.innerText||'').replace(/\s+/g,' ').trim();
  return {h1:n('h1'),h2:n('h2'),h3:n('h3'),details:n('details'),ouverts:n('details[open]'),
   a:n('a'),img:n('img'),svg:n('svg'),tables:n('table'),li:n('li'),p:n('p'),
   plier:n('.passe-plier'),acces:n('.passe-acces button'),emp:n('details.passe-emp'),pli:n('details.passe-pli'),
   over, titres:T, nTexte:texte.length, bilan:window.__passe||null,
   hauteur:Math.round(document.documentElement.scrollHeight)};
 });
 out[cle].erreursJS=errs.length; out[cle].ex=errs.slice(0,2);
 await p.close();
}
const A=out.avant,B=out.apres;
const diff={};
for(const k of ['h1','h2','h3','a','img','svg','tables','li','p']) if(A[k]!==B[k]) diff[k]=A[k]+' → '+B[k];
// les titres doivent être les mêmes, mot pour mot
const perdus=A.titres.filter(t=>!B.titres.includes(t));
const neufs=B.titres.filter(t=>!A.titres.includes(t));
console.log(JSON.stringify({
 avant:{details:A.details,over:A.over,err:A.erreursJS,h:A.hauteur,texte:A.nTexte},
 apres:{details:B.details,ouverts:B.ouverts,over:B.over,err:B.erreursJS,h:B.hauteur,texte:B.nTexte,
        plier:B.plier,acces:B.acces,emp:B.emp,pli:B.pli,bilan:B.bilan,ex:B.ex},
 compteurs_qui_bougent:diff,
 titres_perdus:perdus.slice(0,8), titres_neufs:neufs.slice(0,8),
 texte_delta:B.nTexte-A.nTexte
},null,1));
await b.close();})();

photo.jsnode photo.js volume.html photo.png [y]11 lignes

Photographie un volume à une hauteur donnée, pour comparer avant/après à l'œil.

const {chromium}=require('playwright');
(async()=>{const b=await chromium.launch();
const p=await b.newPage({viewport:{width:1280,height:1100},deviceScaleFactor:1});
await p.route('**/*',r=>/^file:/.test(r.request().url())?r.continue():r.abort());
await p.goto('file://'+process.argv[2],{waitUntil:'load',timeout:120000});
await p.waitForTimeout(2600);
await p.evaluate(y=>window.scrollTo(0,y), +(process.argv[4]||0));
await p.waitForTimeout(500);
await p.screenshot({path:process.argv[3]});
await b.close();})();

tourner.pypython3 tourner.py49 lignes

Pose le bloc de la passe sur tous les volumes, puis vérifie chacun. Ne garde que ceux dont les témoins tiennent.

# -*- coding: utf-8 -*-
"""tourner.py — pose le bloc sur chaque volume de la passe, puis VÉRIFIE.
   Un volume n'est gardé que si ses témoins tiennent : aucun titre perdu,
   aucun compteur de structure qui bouge, le texte tout déplié inchangé
   (à la marge des boutons posés), et zéro erreur JS de plus qu'avant."""
import json, os, subprocess, sys

U = '/mnt/user-data/uploads/Protocole de Conscience/0.Protocole'
S = '[référence locale non publiée]'
os.makedirs(S, exist_ok=True)

VOLUMES = ['0.2_PSYCHATRICE_aMi_V25_WEBNODE.html', '0_Index_aMi.html',
 '1.1_EGO_Evidence-Engine_aMi_V31_WEBNODE.html',
 '1.3_ANDROGYNIE_travail_passe8_bande_et_sans_yin.html',
 '2.1_ECO_Bonus-Plaisir_aMi_V5_WEBNODE.html', '2.3_ENCYCLOPEDIE_Culture_aMi_(V17).html',
 '3.1_Rencontre_Tu-Sais-Apprivoiser_aMi_V13_WEBNODE.html',
 '3.2_JUSTICE_Code-Peinal_aMi_V12_WEBNODE.html', '3.3_COSMOLOGIE_aMi_V14_WEBNODE.html',
 '4.1_DECRYPTAGE_Tuto-Ouroboros_aMi_V8_WEBNODE.html', '4.3_COSMOGONIE_Connexion_V37.html',
 '5.1_SOUVENIR_Memorire_aMi_V3.html', '5.2_LEGS_Corpus_aMi_V2_WEBNODE.html',
 '5.3_ASTRO_Espace-Temps_aMi_V21_WEBNODE.html',
 '6.0_KARMA_travail_passe10_avant_de_chiffrer.html']

res = []
for v in VOLUMES:
    src, dst = os.path.join(U, v), os.path.join(S, v)
    p = subprocess.run(['python3', 'appliquer.py', src, dst], capture_output=True, text=True)
    pose = p.stdout.strip() or p.stderr.strip()[-200:]
    if not os.path.exists(dst):
        res.append({'nom': v, 'pose': pose, 'verdict': 'NON POSÉ'})
        print('✗', v, pose, file=sys.stderr); continue
    q = subprocess.run(['node', 'verif.js', src, dst], capture_output=True, text=True, timeout=900)
    try:
        d = json.loads(q.stdout)
    except Exception:
        res.append({'nom': v, 'pose': pose, 'verdict': 'VÉRIF ILLISIBLE', 'err': q.stderr[-200:]})
        print('✗', v, 'vérif illisible', file=sys.stderr); continue
    ok = (not d['titres_perdus']) and (not d['compteurs_qui_bougent']) \
         and abs(d['texte_delta']) <= 40 \
         and d['apres']['err'] <= d['avant']['err'] \
         and d['apres']['over'] <= d['avant']['over'] + 2
    d.update({'nom': v, 'pose': pose, 'verdict': 'OK' if ok else 'À REVOIR'})
    res.append(d)
    b = d['apres'].get('bilan') or {}
    print(('✓' if ok else '⚠') + ' ' + v.split('_')[0].ljust(5)
          + ' chap %-4s onglets %-3s emporter %-2s accès %-2s   texte %+d  err %d→%d'
          % (b.get('chapitres'), b.get('onglets'), b.get('emporter'), b.get('acces'),
             d['texte_delta'], d['avant']['err'], d['apres']['err']), file=sys.stderr)
json.dump(res, open('tour.json', 'w'), ensure_ascii=False, indent=1)

tourner2.pypython3 tourner2.py31 lignes

Pose les définitions sur tous les volumes, puis vérifie chacun contre son état d'avant.

# -*- coding: utf-8 -*-
"""tourner2.py — pose LE BLOC DES DÉFINITIONS par-dessus le bloc de la passe,
   puis vérifie chaque volume contre son état d'avant."""
import json, os, subprocess, sys
S, T = '[référence locale non publiée]', '[référence locale non publiée]'
os.makedirs(T, exist_ok=True)
res = []
for v in sorted(os.listdir(S)):
    if not v.endswith('.html'): continue
    src, dst = os.path.join(S, v), os.path.join(T, v)
    p = subprocess.run(['python3', 'defs.py', src, dst], capture_output=True, text=True)
    pose = p.stdout.strip() or p.stderr.strip()[-200:]
    if not os.path.exists(dst):
        res.append({'nom': v, 'pose': pose, 'verdict': 'NON POSÉ'})
        print('✗', v.split('_')[0], pose, file=sys.stderr); continue
    q = subprocess.run(['node', 'verif.js', src, dst], capture_output=True, text=True, timeout=900)
    try: d = json.loads(q.stdout)
    except Exception:
        res.append({'nom': v, 'pose': pose, 'verdict': 'VÉRIF ILLISIBLE', 'err': q.stderr[-300:]})
        print('✗', v.split('_')[0], 'vérif illisible', q.stderr[-160:], file=sys.stderr); continue
    ok = (not d['titres_perdus']) and (not d['compteurs_qui_bougent']) \
         and abs(d['texte_delta']) <= 5 and d['apres']['err'] <= d['avant']['err'] \
         and d['apres']['over'] <= d['avant']['over'] + 2
    d.update({'nom': v, 'pose': pose, 'verdict': 'OK' if ok else 'À REVOIR'})
    res.append(d)
    print(('✓' if ok else '⚠') + ' ' + v.split('_')[0].ljust(5)
          + ('%-28s  posées %-5s texte %+d  err %d→%d  débord %d→%d'
             % (pose, d['apres']['defs'], d['texte_delta'],
                d['avant']['err'], d['apres']['err'], d['avant']['over'], d['apres']['over'])), file=sys.stderr)
json.dump(res, open('tour2.json', 'w'), ensure_ascii=False, indent=1)

tourner3.pypython3 tourner3.py18 lignes

Pareil, pour le collant.

# -*- coding: utf-8 -*-
"""tourner3.py — vérifie chaque volume après la pose du collant."""
import json, os, subprocess, sys
S, T = '[référence locale non publiée]', '[référence locale non publiée]'
res=[]
for v in sorted(os.listdir(T)):
    if not v.endswith('.html'): continue
    q = subprocess.run(['node','verif.js',os.path.join(S,v),os.path.join(T,v)],capture_output=True,text=True,timeout=900)
    try: d=json.loads(q.stdout)
    except Exception:
        print('✗',v.split('_')[0],'vérif illisible',q.stderr[-160:],file=sys.stderr); res.append({'nom':v,'verdict':'ILLISIBLE'}); continue
    ok=(not d['titres_perdus']) and (not d['compteurs_qui_bougent']) and abs(d['texte_delta'])<=5 \
       and d['apres']['err']<=d['avant']['err'] and d['apres']['over']<=d['avant']['over']+2
    d.update({'nom':v,'verdict':'OK' if ok else 'À REVOIR'}); res.append(d)
    print(('✓' if ok else '⚠')+' '+v.split('_')[0].ljust(5)+'texte %+d  err %d→%d  débord %d→%d  replis %d→%d'
      %(d['texte_delta'],d['avant']['err'],d['apres']['err'],d['avant']['over'],d['apres']['over'],d['avant']['details'],d['apres']['details']),file=sys.stderr)
json.dump(res,open('tour3.json','w'),ensure_ascii=False,indent=1)

🪶 La Charte, de la V39 à la V46 — 26 octobre 2026

Huit versions dans la soirée, toutes reconstruites depuis la V38 par un seul outil : les versions intermédiaires ne sont que des étapes, et l'outil ci-dessous porte les dix-neuf corrections à la fois. Deux retouches seulement entrent dans la source (le lien des fontes, le <small> retiré, le titre des Non-Excuses, le 🌱 du Legs, les deux portes de la navbar, l'écran de chargement) ; tout le reste vit dans un bloc marqué qu'on retire d'un coup pour revenir en arrière. Les archives d'avant-passe sont dans CONTROLE QUALITE/ARCHIVES/, le détail mesuré de chaque version dans 00_LISTE_PASSE_CHARTE_V28.md.

V39 — la une sans capitales · le gras de l'onglet (la fonte 600 n'était pas chargée) · les onglets qui s'enroulent au défilement · la devise du Manuel en ambre, son catalogue retiré · la marge des onze familles (à 393 px, « 10. » et « 11. » sortaient du cadre).
V40 — les sous-onglets collés, sur toute la largeur, visibles quand on déplie, et repliés DANS la ligne de l'onglet primaire en sans-serif · « ▾ Tout déplier » sous le titre de la partie · le « en⚡️re » doré.
V41 — les deux blocs du pied resserrés à la largeur de l'encre du texte du dessous · le Legs en moldavite · « La règle qui tient toute la page » en bandeau pleine largeur, posé avant le bandeau d'esprit critique qui se colle aux onglets · « 🧠 Tuto d'Esprit Critique » en gras.
V42 et V43 — le pied sur UNE SEULE LIGNE : filet de fraction · puce · « en⚡️re » · puce · filet, à l'écart 0,00 · plus de blanc sous le pied quand le fichier s'ouvre seul.
V44 — le « & » abaissé de 2,60 px pour que le haut de l'éclair touche sa boucle · les puces au milieu du creux · le doré d'entrée éclairci · « Pour » sur sa ligne · l'écran de chargement noir « Chargement · Protocole aMi » · Les Schémas et Les Fables dans la navbar.
V45 — les onglets sans article de tête (22 libellés, 71 caractères, nom entier gardé en infobulle) · le sous-titre en sans-serif · le compteur maigre et gris, et retiré de la ligne repliée.
V46 — « Pour Le Désir de » recalé sur l'axe de la paire et rapproché d'une ligne · les bords sombres du métal éclaircis · « 👁️ Les Schémas Illustratifs » et « 🗣️ Les Fables Contées ».

Témoin de la V46 contre la V38, tout déplié, à 1 280 et à 393 px : −517 caractères — le <small> du Manuel (−449), le 🌱 (+3) et les articles des onglets (−71), tous comptés un à un — +2 liens (les deux portes), et 258 replis · 8 onglets · 24 sous-onglets · 763 titres · 269 tableaux identiques. Débordements inchangés à 1 280 (16) et en baisse à 393 (986 → 921). 0 erreur JS.

charte_v46.pypython3 charte_v46.py V38.html V46.html731 lignes

Reconstruit la Charte V46 depuis la V38 : dix-neuf corrections, deux retouches de source et un bloc marqué. Chaque remplacement est compté et refusé s'il ne tombe pas sur le nombre attendu — un motif qui ne mord plus ARRÊTE la construction au lieu de produire un fichier à moitié juste. Les réglages qui dépendent de la fonte (largeur d'encre, croisement du « & », alignement des puces) sont MESURÉS au rendu par le bloc, jamais écrits en dur.

# -*- coding: utf-8 -*-
"""
charte_v46.py — la passe du 26 octobre 2026 sur la Charte de Communication.
            (V46 = V45 + ses retours de 20h08 : « Pour Le Désir de » recalé
             et rapproché, les bords du doré éclaircis, et les deux portes
             de la navbar renommées.)
            (V45 = V44 + ses retours de 19h52 : les onglets sans article,
             le sous-titre en sans-serif, et le repli qui porte le nom du
             sous-onglet — pas son compteur.)
            (V44 = V43 + ses retours de 19h28 : le « & » abaissé pour que
             l'éclair touche sa boucle, les puces au milieu des creux, le
             noir jusqu'aux bords, le doré du pied éclairci, « Pour » sur
             sa ligne, et un écran de chargement noir.)

Six retours de Diane, un par bloc :
  1  la une : plus de capitales, on lit « La Charte de Communication »
  2  l'onglet : son gras manquait parce que la fonte 600 n'était pas chargée
  3  les onglets s'enroulent au défilement, et les sous-rangées ont leur poignée
  4  le pied : « en⚡️re » revient sur la ligne des deux puces
  5  le pied du Manuel : la devise plus grande et en ambre, le catalogue retiré
  6  les onze familles : une marge qui tient les numéros à deux chiffres
  7  les sous-onglets : collés, sur toute la largeur, et repliés DANS la ligne
     de l'onglet primaire, en sans-serif
  8  « 🙊 Les Non-Excuses » retrouve son titre de chapitre
  9  « ▾ Tout déplier » passe sous le titre de la partie, et le « en⚡️re » dore
 10  le pied : les pictos reviennent DANS les boucles du « & », les deux
     puces descendent à la hauteur de l'éclair, les deux blocs se
     resserrent à la largeur du texte du dessous, et le Legs passe en
     moldavite
 11  le haut : la règle devient un bandeau pleine largeur et passe AVANT
     le bandeau d'esprit critique, qui se colle aux onglets — et son nom
     passe en gras
 12  le « en⚡️re » va au CROISEMENT des boucles du « & » — relevé dans le
     dessin du glyphe servi, pas deviné — pendant que les deux puces
     restent sur la ligne des deux formules ; et le Legs prend son 🌱
     et son gras
 13  tout se range sur UNE SEULE LIGNE : le filet de la fraction de
     gauche, la puce, « en⚡️re », la puce, le filet de droite — et cette
     ligne est le milieu de l'encre du « & »
 14  plus de blanc sous le pied quand le fichier s'ouvre tout seul
 15  le « & » descend juste assez pour que le haut de l'éclair touche sa
     boucle · les puces se posent au milieu du creux entre la formule et
     le sceau · le doré de « Pour / Le Désir de / Se Découvrir / Se
     réUnir » s'éclaircit · « Pour » passe sur sa propre ligne
 16  un écran de chargement NOIR, « Chargement · Protocole aMi »
 18  les onglets perdent leur article (Le · La · Les · L') pour gagner de
     la place · le sous-titre passe en sans-serif · le compteur reste
     maigre et gris · et la rangée repliée porte le NOM du sous-onglet,
     jamais son compteur

Deux retouches seulement dans la source (le lien des fontes, le <small> retiré) ;
tout le reste vit dans UN bloc marqué, qu'on retire pour revenir en arrière.
"""
import re, sys, hashlib

SRC = sys.argv[1]
DST = sys.argv[2]

s = open(SRC, encoding='utf-8').read()
avant = len(s)
journal = []

def une_fois(vieux, neuf, nom, attendu=1):
    global s
    n = s.count(vieux)
    if n != attendu:
        raise SystemExit(f"ARRÊT · {nom} : {n} occurrence(s), {attendu} attendue(s)")
    s = s.replace(vieux, neuf)
    journal.append(f"{nom} : {n} remplacement(s)")

# ── 2 · LA FONTE QUI MANQUAIT ────────────────────────────────────────────
# .ong demande font-weight:600!important (sa consigne du 25/10, « les onglets
# doivent être bold en serif sinon on les lit pas sur mobile ») — mais le lien
# ne chargeait Cormorant Garamond qu'en 300 et 400. Un poids qu'on ne charge
# pas n'existe pas : le navigateur rendait le 400, ou un gras synthétique.
une_fois(
 'family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400',
 'family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400',
 "fonte · Cormorant 500/600/700 chargés", attendu=2)

# ── 5 · LE PIED DU MANUEL ────────────────────────────────────────────────
vieux_pied = re.search(
  r'<div class="foot">\s*\n?\s*🛡️ Une défense qui se sait défense a déjà cessé d’être une prison\.\s*\n?\s*<small>.*?</small>\s*\n?\s*</div>',
  s, re.S)
if not vieux_pied:
    raise SystemExit("ARRÊT · le pied du Manuel est introuvable")
une_fois(vieux_pied.group(0),
 '<div class="foot" id="mn-devise">\n  🛡️ Une défense qui se sait défense a déjà cessé d’être une prison.\n</div>',
 "pied du Manuel · catalogue retiré, devise nommée")

# ── 8 · LE TITRE QUE LE PLIEUR EMPORTAIT ────────────────────────────────
# `plie()` déplace hors de la tête tout enfant de .sechead qui n'est ni .num,
# ni .sec-header, ni .tag, ni un span — un <h2> posé NU dans une .sechead part
# donc dans le corps, et le chapitre perd son titre. Une seule tête sur 49
# était dans ce cas. On l'enveloppe comme les 48 autres.
une_fois(
 '''<span class="num">1a</span><h2>🙊 Les non-excuses</h2>''',
 '''<span class="num">1a</span><div class="sec-header"><h2 id="man-les-non-excuses-corps">🙊 Les Non-Excuses</h2></div>''',
 "Les Non-Excuses · le titre rendu au chapitre")

# ── 12a · LE LEGS PREND SON PICTO ───────────────────────────────────────
une_fois(
 '''class="f-legs" title="Legs = \u03a6 \u00d7 t \u2014 la Puissance du lien, dans la dur\u00e9e">Legs = \u03a6 \u00d7 t</a>''',
 '''class="f-legs" title="Legs = \u03a6 \u00d7 t \u2014 la Puissance du lien, dans la dur\u00e9e"><span class="f-legs-e">\U0001f331</span> Legs = \u03a6 \u00d7 t</a>''',
 "le Legs · son 🌱")

# ── 17 · LA NAVBAR · LES SCHÉMAS ET LES FABLES DANS L'ARCHITECTURE ─────
# Le tiroir « temple » porte le sous-titre « L'Architecture : Les Ancres du
# Réel ». Les deux pages du site s'y ajoutent sur une deuxième ligne, sans
# opérateur : ce ne sont pas les termes d'une formule, ce sont deux portes.
# Noms et émojis donnés par Diane le 26/10 à 20h08.
une_fois(
 '''<span class="m-e e">\U0001f5bc\ufe0f</span>La Charte d\u2019Expression</a>
      </div>''',
 '''<span class="m-e e">\U0001f5bc\ufe0f</span>La Charte d\u2019Expression</a>
      </div>
      <div class="ln">
        <a class="m" href="https://agdistys.fr/schemas"
          title="\U0001f441\ufe0f Les Sch\u00e9mas Illustratifs \u2014 ce que la forme montre d\u2019un seul coup d\u2019\u0153il"><span class="m-e e">\U0001f441\ufe0f</span>Les Sch\u00e9mas Illustratifs</a>
        <a class="m" href="https://agdistys.fr/fables"
          title="\U0001f5e3\ufe0f Les Fables Cont\u00e9es \u2014 ce que le r\u00e9cit fait comprendre sans le dire"><span class="m-e e">\U0001f5e3\ufe0f</span>Les Fables Cont\u00e9es</a>
      </div>''',
 "navbar · Les Schémas et Les Fables")

# ── 16 · L'ÉCRAN DE CHARGEMENT ──────────────────────────────────────────
# Le blanc de la page se voit AVANT que la moindre feuille du bloc soit
# lue : il faut donc que ça parte de la tête. Et l'écran d'attente se
# pose juste après <body>, hors du bloc — ainsi il ne part pas dans
# Webnode avec le bloc, et il ne couvre jamais le site.
une_fois(
 '<meta name="viewport" content="width=device-width,initial-scale=1">',
 '<meta name="viewport" content="width=device-width,initial-scale=1">\n'
 '<meta name="color-scheme" content="dark">\n'
 '<style id="ami-charte-ecran-noir">html{background:#09090e;color-scheme:dark}\n'
 'body{background:#09090e;margin:0}\n'
 '#ami-attente{position:fixed;inset:0;z-index:2147483000;background:#09090e;\n'
 '  display:flex;flex-direction:column;align-items:center;justify-content:center;\n'
 '  gap:.55rem;font-family:Jost,-apple-system,BlinkMacSystemFont,\'Segoe UI\',sans-serif;\n'
 '  transition:opacity .45s ease}\n'
 '#ami-attente.parti{opacity:0;pointer-events:none}\n'
 '#ami-attente .at-t{font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;\n'
 '  color:#9595a2}\n'
 '#ami-attente .at-n{font-family:\'Cormorant Garamond\',Georgia,serif;font-size:1.5rem;\n'
 '  letter-spacing:.02em;color:#ffd06a}\n'
 '#ami-attente .at-f{width:88px;height:1px;background:linear-gradient(90deg,\n'
 '  rgba(200,168,74,0),#c8a84a,rgba(200,168,74,0));margin-top:.3rem}\n'
 '@media(prefers-reduced-motion:reduce){#ami-attente{transition:none}}</style>',
 "écran de chargement · la tête")

une_fois(
 '<body><div id="ami-charte">',
 '<body>\n'
 '<div id="ami-attente" role="status" aria-live="polite">\n'
 '  <span class="at-t">Chargement</span>\n'
 '  <span class="at-n">Protocole aMi</span>\n'
 '  <span class="at-f"></span>\n'
 '</div>\n'
 '<script>(function(){var e=document.getElementById("ami-attente");if(!e)return;\n'
 ' function pars(){e.classList.add("parti");setTimeout(function(){if(e.parentNode)e.parentNode.removeChild(e);},600);}\n'
 ' if(document.readyState==="complete")setTimeout(pars,120);\n'
 ' else window.addEventListener("load",function(){setTimeout(pars,120);});\n'
 ' setTimeout(pars,6000);})();</script>\n'
 '<div id="ami-charte">',
 "écran de chargement · le voile")

# ── LE BLOC ──────────────────────────────────────────────────────────────
BLOC = r'''
<style id="charte-v46-2026-10-26">
/* ══ LA PASSE DU 26 OCTOBRE 2026 · neuf retours de Diane ════════════════
   Tout ce bloc se retire d'un coup pour revenir à la V38.               */

/* 1 · LA UNE — elle se lit, elle ne crie pas.
   Le dégradé doré de r57 reste ; seules les capitales s'en vont.        */
#ami-charte .c-nom.r57-or{text-transform:none;letter-spacing:.015em}

/* 6 · LES ONZE FAMILLES — la marge tient « 10. » et « 11. »
   À 393 px la marge tombait à 8 px : les numéros à deux chiffres
   sortaient du cadre et s'affichaient « 0. » et « 1. ».                 */
#ami-charte .man #ami-defenses .toc{padding-left:1.1rem;padding-right:1.1rem}
#ami-charte .man #ami-defenses .toc ol{padding-left:2.1rem}
@media(max-width:700px){
  #ami-charte .man #ami-defenses .toc{padding-left:.9rem!important;padding-right:.9rem!important}
  #ami-charte .man #ami-defenses .toc ol{padding-left:1.9rem!important}
}

/* 5 · LA DEVISE DU MANUEL — plus grande, en ambre.                      */
#ami-charte .man #ami-defenses .foot#mn-devise{
  font-size:1.34rem;line-height:1.5;color:var(--ambre,#ffc545)}
@media(max-width:600px){
  #ami-charte .man #ami-defenses .foot#mn-devise{font-size:1.12rem}}

/* 18 · LES ONGLETS
   a) le sous-titre en sans-serif — il était en Cormorant 600, 8,96 px ;
   b) le compteur du sous-onglet (« 210 ») reste maigre et gris : ce
      n'est pas une information de premier rang.                      */
/* La dernière feuille du fichier impose `font-family:inherit!important`
   à TOUT ce qui vit dans un onglet : sans !important ici, le sous-titre
   restait en Cormorant. */
#ami-charte .bar > button.ong .os,
#ami-charte .bar .ong .os{font-family:'Jost',-apple-system,sans-serif!important;
  font-weight:400!important;letter-spacing:.04em}
#ami-charte .sbar .tab-btn .n,
#ami-charte .sbar .sous-btn .n{font-weight:400!important;color:var(--gris,#9595a2)!important}

/* 15 · LE PIED — le doré d'entrée, un cran plus clair, et « Pour » sur
   sa propre ligne. Mesuré avant : #d1ae6b pour « Le Désir », #9f7044
   pour « Pour » et « de » — deux bruns qui s'éteignent sur le noir.   */
#ami-charte .ami-pied .f-haut .f-or,
#ami-charte .ami-pied .f-col .f-act{color:#e2c68a}
/* 19b · LES BORDS DU DORÉ. Le dégradé métal part et finit sur #653815 —
   un brun qui s'éteint sur le noir. On ne touche qu'aux deux extrémités
   et au deuxième arrêt ; le cœur du métal reste celui de la Charte.  */
/* PIÈGE PAYÉ : `background` est un RACCOURCI — il remet background-clip
   à sa valeur initiale et efface le `background-clip:text` du métal : les
   deux mots devenaient deux rectangles dorés pleins. On n'écrit donc que
   `background-image`. */
body #ami-charte .ami-pied .f-col .f-act b{
  background-image:linear-gradient(100deg,#8a5526 0%,#a5753f 8%,#c19d5e 25%,#d1ae6b 28%,
    #d3b16f 33%,#d9ba7d 38%,#e3c994 43%,#f2deb3 48%,#fcecc8 51%,#f1dcb1 58%,
    #d6b677 71%,#d1ae6b 74%,#8a5526 100%)}
#ami-charte .ami-pied .f-haut .f-or b,
#ami-charte .ami-pied .f-col .f-act b{color:#fbeec9}
#ami-charte .ami-pied .f-haut .f-min{color:#bd9060}
#ami-charte .ami-pied .f-haut .f-min:first-child{display:block;margin-bottom:.08rem}

/* 9 · LE SCEAU DU PIED — « en⚡️re » doré.                               */
#ami-charte .ami-pied .f-sceau .amp-g .f-entre{color:var(--or,#ffc545)}

/* 10 · LE PIED
   a) les deux blocs se resserrent sur la largeur de la ligne du dessous
      — la mesure est prise au rendu et posée dans --f-largeur ;
   b) le Legs en moldavite, comme dans l'Initiation : une règle dorée
      posée plus bas le repeignait en #ffd06a.                        */
#ami-charte .ami-pied .f-grille{max-width:min(calc(880px * var(--sc,.86)),
  var(--f-largeur, 880px))}
#ami-charte .ami-pied .ap-fin .f-legs,
body #ami-charte .ami-pied .ap-fin .f-legs{color:var(--moldavite,#62a802);font-weight:600}
#ami-charte .ami-pied .ap-fin .f-legs .f-legs-e{font-style:normal;font-weight:400;
  margin-right:.12em}

/* 11 · LE HAUT DE PAGE
   La règle devient un bandeau pleine largeur, posée AVANT le bandeau
   d'esprit critique — qui vient, lui, se coller aux onglets.         */
#ami-charte .regle.v45-bandeau{max-width:none;margin:1.1rem 0 0;border-radius:0;
  padding:1.25rem clamp(1rem,4vw,3rem)}
#ami-charte .ami-bande-pli.v45-collee{margin-bottom:0!important}
#ami-charte .ami-bande-pli.v45-collee + .bar,
#ami-charte .ami-bande-pli.v45-collee ~ .bar{margin-top:0!important}
#ami-charte .ami-bande-pli .br-pli-n{font-weight:600}

/* 7 · LES SOUS-ONGLETS
   PIÈGE PAYÉ LE 26/10 : poser `position:relative` sur .sbar TUE son
   `position:sticky` — même poids de sélecteur, la règle la plus basse
   gagne — et la rangée part à la dérive au milieu de la page. On n'y
   touche pas : un élément collant est déjà un repère pour ses enfants
   en position absolue.
   a) ils prennent toute la largeur, au lieu d'un petit groupe centré ;
   b) repliés, ils n'ouvrent PAS une deuxième ligne : le sous-onglet
      ouvert vient se poser dans la ligne de l'onglet primaire, en
      sans-serif, comme la Charte le dit d'elle-même.               */
#ami-charte .bar:has(~ .sbar:not([hidden])){margin-bottom:0!important}
#ami-charte .sbar{margin-top:-1px}
#ami-charte .sbar .sog,
#ami-charte .sbar .tab-btn,
#ami-charte .sbar .sous-btn{flex:1 1 auto;max-width:50%}
#ami-charte .sbar.sous-dans-la-ligne{display:none!important}
#ami-charte .bar .v40-sous{display:none}
#ami-charte .bar.enroulee .v40-sous{display:inline-flex;align-items:baseline;
  gap:.34rem;margin-left:.2rem;min-width:0;
  font-family:'Jost',-apple-system,sans-serif;font-weight:600;
  font-size:.8rem;letter-spacing:.03em;color:var(--tcl,var(--tc,#c8a84a));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ami-charte .bar.enroulee .v40-sous .v40-pt{opacity:.55;font-weight:400}
@media print{#ami-charte .plier{display:none!important}
  #ami-charte .bar.enroulee .ong{display:flex!important}
  #ami-charte .sbar{display:flex!important}
  #ami-charte .bar .v40-sous{display:none!important}}
</style>
<script id="charte-v46-js-2026-10-26">
(function(){
 'use strict';
 var R = document.getElementById('ami-charte') || document.body;
 if(!R) return;

 /* ── 4 · LE SCEAU DU PIED · « en⚡️re » sur la ligne des deux puces ───
    On ne devine pas l'écart : on le MESURE. Deux émojis au-dessus, un
    seul en dessous — le mot tombait 7 px sous l'axe des puces. Mesuré
    au rendu, le décalage vaut sur n'importe quelle fonte d'émoji.     */
 /* ── 4 et 10 · LE SCEAU DU PIED ──────────────────────────────────────
    LEÇON PAYÉE : j'avais déplacé la COLONNE DE PICTOS pour amener le mot
    sur la ligne des deux puces. C'était l'inverse qu'il fallait faire :
    la colonne tombe DANS les boucles du « & » — l'éclair sur le
    croisement — et ce sont les PUCES qui reviennent à sa hauteur, comme
    la Charte l'écrit elle-même. On ne bouge donc plus les pictos, on
    mesure l'éclair et on y descend les points.                       */
 /* ── 13 · UNE SEULE LIGNE AU PIED ───────────────────────────────────
    Sa règle du 26/10 19h05, et elle est simple une fois dite : le filet
    de la fraction de gauche, la puce, « en⚡️re », la puce et le filet de
    droite sont sur LA MÊME ligne — et cette ligne est le milieu de
    l'encre du « & » (le trait bleu du relevé, juste sous le rouge).
    Deux essais pour l'entendre : j'avais d'abord descendu les puces vers
    le mot (V41), puis monté le mot sur le croisement des boucles (V42).
    Ce n'était ni l'un ni l'autre : tout se range sur une ligne.

    PIÈGE PAYÉ : écrire `transform` en ligne EFFACE le translateX que la
    feuille pose (--gly-dx : les 9,7 % qui font tomber les glyphes dans
    les boucles et non sur la panse). On le reporte toujours.         */
 function sceau(){
   var g  = R.querySelector('.ami-pied .f-sceau .amp-g');
   var sc = R.querySelector('.ami-pied .f-sceau');
   var te = R.querySelector('.ami-pied .f-sceau .f-entre');
   var pts = R.querySelectorAll('.ami-pied .f-amp .f-pt');
   var barre = R.querySelector('.ami-pied .f-eq .frac span + span');
   if(!g || !sc || !te) return;

   /* on repart de la place naturelle, en gardant le décalage horizontal */
   var dx = (getComputedStyle(g).getPropertyValue('--gly-dx') || '0px').trim() || '0px';
   g.style.transform = 'translateX(' + dx + ')';
   [].forEach.call(pts, function(pt){ pt.style.transform = ''; });

   var rs = sc.getBoundingClientRect();
   if(!rs.height) return;
   /* LA LIGNE. Le milieu de l'encre du « & » et le filet de la fraction
      sont à un pixel l'un de l'autre (mesuré). On prend le FILET comme
      référence, puisque c'est lui qu'on voit des deux côtés — et on ne
      déplace jamais le sceau pour l'y amener : il porte la ligne, il ne
      la suit pas. */
   var LIGNE = rs.top + rs.height / 2;
   if(barre){
     var rb0 = barre.getBoundingClientRect();
     if(rb0.height && Math.abs(rb0.top - LIGNE) < 12) LIGNE = rb0.top;
   }

   /* le mot y monte */
   var rt = te.getBoundingClientRect();
   if(rt.height){
     var dy = LIGNE - (rt.top + rt.height/2);
     if(Math.abs(dy) >= 0.4)
       g.style.transform = 'translate(' + dx + ',' + dy.toFixed(2) + 'px)';
   }

   /* les puces aussi — et les filets de fraction sont déjà là : on le
      VÉRIFIE au lieu de le supposer, et on les y amène sinon. */
   /* ── 15a · LE « & » DESCEND JUSTE ASSEZ ─────────────────────────────
      Sa règle du 19h28 : « le haut de ⚡️ doit toucher la boucle du & ».
      On ne baisse donc pas « un chouilla » au jugé : on relève dans le
      DESSIN du glyphe la bande de lignes SANS trou qui sépare les deux
      contre-formes — c'est là que les boucles se croisent — et on pose
      l'esperluette pour que le bas de sa boucle haute tombe sur le haut
      de l'éclair. Mesuré avant : 2,6 px de trop-haut.               */
   var fin = R.querySelector('.ami-pied .ap-fin');
   var ecl = R.querySelector('.ami-pied .f-entre .e');
   if (fin && ecl){
     if (BOUCLE === null) BOUCLE = basDeLaBoucleHaute();
     if (BOUCLE !== null){
       var re2 = ecl.getBoundingClientRect(), rs2 = sc.getBoundingClientRect();
       if (re2.height && rs2.height){
         /* PIÈGE : la boîte du sceau ne bouge pas avec --amp-dy, c'est
            l'ENCRE qui bouge. Une correction cumulée diverge donc à
            chaque passage (mesuré : -1 → 1,6 → 4,2 → 6,8 px). On pose
            une valeur ABSOLUE, pas un ajout. */
         var vise = re2.top - (rs2.top + BOUCLE * rs2.height);
         if (Math.abs(vise) < 24)
           fin.style.setProperty('--amp-dy', vise.toFixed(2) + 'px');
       }
     }
   }

   /* ── 15b · LES PUCES AU MILIEU DU CREUX ─────────────────────────────
      Entre le bord du bloc de formules et le bord du sceau. On mesure le
      creux au lieu de s'en remettre à l'écart du flex, qui colle la puce
      au « & » dès que la colonne est plus large que son texte.      */
   var cols = R.querySelectorAll('.ami-pied .f-col');
   var bordG = null, bordD = null;
   if (cols[0]) [].forEach.call(cols[0].children, function(e){
     var r = e.getBoundingClientRect(); if(!r.width) return;
     if (bordG === null || r.right > bordG) bordG = r.right; });
   if (cols[1]) [].forEach.call(cols[1].children, function(e){
     var r = e.getBoundingClientRect(); if(!r.width) return;
     if (bordD === null || r.left < bordD) bordD = r.left; });
   var rsc = sc.getBoundingClientRect();
   var creux = [ (bordG !== null ? (bordG + rsc.left)/2 : null),
                 (bordD !== null ? (rsc.right + bordD)/2 : null) ];

   [].forEach.call(pts, function(pt, i){
     var rp = pt.getBoundingClientRect();
     if(!rp.height) return;
     var dy2 = LIGNE - (rp.top + rp.height/2);
     var dx2 = 0;
     if (creux[i] !== null && isFinite(creux[i])){
       var cc = creux[i] - (rp.left + rp.width/2);
       if (Math.abs(cc) < 140) dx2 = cc;
     }
     if (Math.abs(dy2) < 0.4 && Math.abs(dx2) < 0.4) return;
     pt.style.transform = 'translate(' + dx2.toFixed(2) + 'px,' + dy2.toFixed(2) + 'px)';
   });

 }

 /* Le bas de la boucle haute du « & », relevé dans le dessin du glyphe
    servi. Rien n'est écrit en dur : une autre fonte, une autre valeur. */
 var BOUCLE = null;
 function basDeLaBoucleHaute(){
   var w = R.querySelector('.ami-pied .amp-w');
   if(!w) return null;
   try{
     var cs2 = getComputedStyle(w), T = 240;
     var cv = document.createElement('canvas'); cv.width = T; cv.height = T;
     var x = cv.getContext('2d', {willReadFrequently:true});
     if(!x) return null;
     x.fillStyle = '#000'; x.fillRect(0,0,T,T);
     x.fillStyle = '#fff'; x.textAlign = 'center'; x.textBaseline = 'alphabetic';
     x.font = (cs2.fontWeight || '700') + ' ' + Math.round(T*0.72) + 'px ' + cs2.fontFamily;
     x.fillText('&', T/2, T*0.82);
     var d = x.getImageData(0,0,T,T).data, li = [];
     for (var y=0; y<T; y++){
       var runs = 0, dans = false, vu = false;
       for (var i=0; i<T; i++){
         var v = d[(y*T+i)*4] > 90;
         if (v && !dans){ dans = true; runs++; vu = true; }
         if (!v && dans) dans = false;
       }
       if (vu) li.push({y:y, trous:runs-1});
     }
     if (li.length < 12) return null;
     var h0 = li[0].y, b0 = li[li.length-1].y, H = b0-h0+1, grd = H*0.08;
     var grp = [], cur = [];
     for (var k=1; k<li.length-1; k++){
       var L = li[k];
       if (L.trous === 0 && L.y > h0+grd && L.y < b0-grd){
         if (cur.length && L.y === cur[cur.length-1]+1) cur.push(L.y);
         else { if(cur.length) grp.push(cur); cur = [L.y]; }
       }
     }
     if (cur.length) grp.push(cur);
     if (!grp.length) return null;
     grp.sort(function(a,b){ return b.length - a.length; });
     var pct = (grp[0][0] - h0) / H;
     return (pct > 0.12 && pct < 0.88) ? pct : null;
   }catch(e){ return null; }
 }

 /* ── 19 · « POUR LE DÉSIR DE » ───────────────────────────────────────
    Deux réglages, tous deux mesurés au rendu :
    a) L'AXE. La ligne est bien centrée sur la page (640 px), mais la
       PAIRE « Se Découvrir · Se réUnir » ne l'est pas : la colonne de
       gauche est alignée à droite, celle de droite à gauche, et les deux
       mots n'ont pas la même longueur — leur milieu optique tombe à
       629,7, soit 10,3 px à gauche. L'œil lit l'écart. On recale donc la
       ligne sur la paire, pas sur la page.
    b) LA HAUTEUR. « Pour » et « Le Désir de » sont séparés de 2,3 px,
       mais « Le Désir de » et « Se Découvrir » de 15,7 : ça se lit comme
       un double saut de ligne. On ramène l'écart à 6 px.           */
 function pourLeDesir(){
   var haut = R.querySelector('.ami-pied .f-haut');
   var acts = R.querySelectorAll('.ami-pied .f-col .f-act');
   if(!haut || acts.length < 2 || !document.createRange) return;
   var rg = document.createRange();
   var enc = function(e){ rg.selectNodeContents(e); return rg.getBoundingClientRect(); };
   var a = enc(acts[0]), z = enc(acts[1]);
   if(!a.width || !z.width) return;

   haut.style.transform = '';
   var axe = (a.left + z.right) / 2;
   var b = haut.querySelector('b');
   if (b){
     var rb = enc(b).left, rd = rb;
     var mins = haut.querySelectorAll('.f-min');
     var der = mins.length > 1 ? enc(mins[mins.length-1]).right : enc(b).right;
     var centre = (enc(b).left + der) / 2;
     var dx = axe - centre;
     if (Math.abs(dx) >= 0.4 && Math.abs(dx) < 80)
       haut.style.transform = 'translateX(' + dx.toFixed(2) + 'px)';
   }

   haut.style.marginBottom = '';
   var basTexte = (b ? enc(b).bottom : haut.getBoundingClientRect().bottom);
   var hautAct = Math.min(a.top, z.top);
   var vide = hautAct - basTexte;
   var mb = parseFloat(getComputedStyle(haut).marginBottom) || 0;
   if (vide > 6.5 && vide < 60)
     haut.style.marginBottom = (mb - (vide - 6)).toFixed(2) + 'px';
 }

 /* ── 14 · LE BLANC SOUS LE PIED ──────────────────────────────────────
    Ouvert tout seul, le fichier laisse voir le blanc de la page sous le
    bloc (html et body sont transparents, et body garde sa marge de
    8 px). Dans Webnode le bloc est enfoui sous les enveloppes du site :
    il n'est JAMAIS enfant direct de body. C'est donc ce test-là, et pas
    une supposition, qui décide — et la couleur se lit sur le bloc.   */
 function fondDeLaPage(){
   if(!R || R.parentElement !== document.body) return;
   var fond = getComputedStyle(R).backgroundColor;
   if(!fond || fond === 'rgba(0, 0, 0, 0)' || fond === 'transparent') return;
   document.documentElement.style.background = fond;
   document.body.style.background = fond;
 }

 /* ── 10c · LES DEUX BLOCS À LA LARGEUR DU TEXTE DU DESSOUS ───────────
    On mesure l'ENCRE de « Tu es un Beau Cadeau… », pas sa boîte, qui
    fait toute la page. Une fonte plus large donnera une grille plus
    large : c'est voulu, les deux bougent ensemble.                   */
 function largeurDuPied(){
   var bas = R.querySelector('.ami-pied .f-bas');
   var fin = R.querySelector('.ami-pied .ap-fin');
   var amp = R.querySelector('.ami-pied .f-amp');
   if(!bas || !fin || !amp || !document.createRange) return;
   var rg = document.createRange();
   rg.selectNodeContents(bas);
   var vise = rg.getBoundingClientRect().width;      /* la largeur visée */
   if(!(vise > 40)) return;
   /* Un plancher qui ne se devine pas : la plus large ligne des deux
      colonnes, doublée, plus le sceau. En deçà, « Plaisir d'Offrir »
      viendrait toucher le « & ».                                    */
   var large = 0;
   [].forEach.call(R.querySelectorAll('.ami-pied .f-col > *'), function(e){
     var w = e.getBoundingClientRect().width;
     if(w > large) large = w;
   });
   var plancher = 2 * large + amp.getBoundingClientRect().width + 48;
   fin.style.setProperty('--f-largeur', Math.round(Math.max(vise, plancher)) + 'px');
 }

 /* ── 11 · LE HAUT DE PAGE ────────────────────────────────────────────
    La règle sort de son <main> — qui la rétrécissait à 1 080 px — et
    vient se poser juste après la une, en bandeau pleine largeur ; le
    bandeau d'esprit critique passe derrière elle, collé aux onglets. */
 function hautDePage(){
   var regle = R.querySelector('.regle');
   var bande = R.querySelector('.ami-bande-pli');
   var barre = R.querySelector('.bar');
   if(!regle || !bande || !barre) return;
   if(!bande.classList.contains('v45-collee')) bande.classList.add('v45-collee');
   if(!regle.classList.contains('v45-bandeau')) regle.classList.add('v45-bandeau');
   /* l'ordre voulu : la une · la règle · le bandeau · les onglets */
   if(regle.nextElementSibling !== bande){
     bande.parentNode.insertBefore(regle, bande);
   }
   if(bande.nextElementSibling !== barre){
     barre.parentNode.insertBefore(bande, barre);
   }
   var vide = R.querySelector('main:empty');
   if(vide) vide.style.display = 'none';
 }

 /* ── 9 · « ▾ TOUT DÉPLIER » SOUS LE TITRE DE LA PARTIE ───────────────
    La Charte le dit d'elle-même — « en pastille dorée, sous le titre de
    la partie » — mais son script le posait en tête du volet, donc
    AU-DESSUS du portail. On le repose juste après.                   */
 function boutonSousLePortail(){
   [].forEach.call(R.querySelectorAll('section.pan'), function(pan){
     var b = pan.querySelector(':scope > .ch-tout');
     var portail = pan.querySelector(':scope > .portail');
     if(!b || !portail) return;
     if(b.previousElementSibling === portail) return;
     portail.parentNode.insertBefore(b, portail.nextSibling);
   });
 }

 /* ── 7 · LE SOUS-ONGLET DANS LA LIGNE ────────────────────────────────
    Le nom se LIT sur l'onglet, il n'est jamais recopié en dur.       */
 /* ── 18a · LES ONGLETS SANS ARTICLE ──────────────────────────────────
    Sa règle du 19h52 : « retire les articles (la le les), comme ça on a
    un peu plus de place pour le texte, car c'est petit ». On ne retire
    que l'article de TÊTE, jamais un « du » ou un « de » à l'intérieur ;
    et le nom entier est gardé sur l'élément (data-plein + title), pour
    que rien ne disparaisse.                                          */
 var ARTICLE = /^(?:Les|Le|La)\s+|^L[\u2019']\s*/;
 function sansArticle(el){
   if(!el || el.dataset.v45 === '1') return;
   var plein = (el.textContent || '').trim();
   var court = plein.replace(ARTICLE, '');
   el.dataset.v45 = '1';
   if(court === plein || !court) return;
   el.dataset.plein = plein;
   el.textContent = court;
   var bt = el.closest('button, a');
   if(bt && !bt.getAttribute('title')) bt.setAttribute('title', plein);
 }
 function onglelsSansArticle(){
   [].forEach.call(R.querySelectorAll('.bar .ong .ot, .sbar .tb-lbl, .sbar .sous-btn .t'),
     sansArticle);
 }

 /* ── 18b · LE NOM DU SOUS-ONGLET, PAS SON COMPTEUR ───────────────────
    Le bouton « 🔤 Définitions<span class="n">210</span> » n'a pas de
    libellé à lui : mon repli prenait donc son PREMIER enfant, c'est-à-
    dire le compteur, et affichait « 210 » en gras dans la ligne. On lit
    maintenant le texte du bouton en ayant retiré compteurs et
    sous-titres, et on enlève l'émoji de tête : l'onglet primaire porte
    déjà le sien.                                                    */
 function nomDu(bouton){
   if(!bouton) return '';
   var n = bouton.querySelector('.tb-lbl, .t, .ot');
   var txt;
   if(n){ txt = n.textContent; }
   else {
     var c = bouton.cloneNode(true);
     [].forEach.call(c.querySelectorAll('.n, .tb-pol, .d, .os, .cpt'),
       function(e){ e.remove(); });
     txt = c.textContent;
   }
   txt = (txt || '').trim();
   try{ txt = txt.replace(/^[\p{Extended_Pictographic}\uFE0F\u200D\s]+/u, ''); }
   catch(e){ txt = txt.replace(/^[^\p{L}\p{N}]+/u, ''); }
   return txt.replace(ARTICLE, '').trim();
 }

 function ligne(){
   var bar = R.querySelector('.bar');
   if(!bar) return;
   var enroule = bar.classList.contains('enroulee');
   var sb = [].filter.call(R.querySelectorAll('.sbar'), function(s){
     return !s.hidden && s.getBoundingClientRect().height > 0 || (enroule && !s.hidden);
   })[0];
   var actif = bar.querySelector('.ong.on');
   var vieux = bar.querySelector('.v40-sous');

   [].forEach.call(R.querySelectorAll('.sbar'), function(s){
     s.classList.toggle('sous-dans-la-ligne', enroule);
   });

   if(!enroule || !sb || !actif){ if(vieux) vieux.remove(); return; }
   var nom = nomDu(sb.querySelector('[aria-selected="true"], .on'));
   if(!nom){ if(vieux) vieux.remove(); return; }
   var sp = vieux;
   if(!sp){
     sp = document.createElement('span');
     sp.className = 'v40-sous';
     sp.setAttribute('aria-hidden','true');
     sp.innerHTML = '<span class="v40-pt">·</span><span class="v40-n"></span>';
   }
   sp.querySelector('.v40-n').textContent = nom;
   if(actif.nextSibling !== sp) actif.parentNode.insertBefore(sp, actif.nextSibling);
 }

 /* ── 3 · LE REPLI AU DÉFILEMENT ──────────────────────────────────────
    La poignée ▴ existait, mais il fallait aller la chercher : la rangée
    ne s'enroulait jamais toute seule. Elle est présentée à l'arrivée,
    s'enroule dès qu'elle se colle, et se redéploie quand on remonte.  */
 var bar = R.querySelector('.bar');
 var mainPosee = 0;          /* un choix à la main vit quatre secondes */

 /* UNE RANGÉE COLLÉE MENT SUR SA PLACE : son offsetTop suit le collage.
    On pose donc un fantôme de hauteur nulle juste avant elle.         */
 var fantome = null;
 if(bar && bar.parentNode){
   fantome = document.createElement('div');
   fantome.setAttribute('aria-hidden','true');
   fantome.style.cssText = 'height:0;margin:0;padding:0;border:0';
   bar.parentNode.insertBefore(fantome, bar);
 }

 /* La poignée est fabriquée par la Charte APRÈS ce script : on ne peut pas
    s'y accrocher directement. On délègue, et surtout on SURVEILLE la classe
    de la rangée — ainsi la ligne suit, qui que ce soit qui la replie.    */
 if(bar){
   bar.addEventListener('click', function(e){
     if(e.target.closest && e.target.closest('.plier')) mainPosee = Date.now();
   }, true);
   if(window.MutationObserver){
     new MutationObserver(function(){ ligne(); })
       .observe(bar, {attributes:true, attributeFilter:['class']});
   }
 }

 /* UN DÉFILEMENT QU'ON PROVOQUE SOI-MÊME N'EST PAS UN DÉFILEMENT.
    Un clic d'onglet fait descendre la page jusqu'à la rangée : sans cette
    garde, la rangée s'enroulait à l'instant même où on vient de l'ouvrir,
    et on ne voyait jamais ses sous-onglets. On la PRÉSENTE, et elle ne
    s'enroule qu'au premier vrai mouvement — 120 px suffisent.          */
 var presentation = null;

 function presente(){
   presentation = window.scrollY;
   if(bar) bar.classList.remove('enroulee');
   ligne();
 }

 function lire(){
   if(Date.now() - mainPosee < 4000) return;
   if(!bar || !fantome) return;
   if(presentation !== null){
     if(Math.abs(window.scrollY - presentation) < 120) return;
     presentation = null;
   }
   var collee = (parseFloat(getComputedStyle(bar).top) || 0) + 2;
   var enroule = fantome.getBoundingClientRect().top <= collee;
   if(bar.classList.contains('enroulee') !== enroule){
     bar.classList.toggle('enroulee', enroule);
   }
   ligne();
 }

 /* UNE TRANSITION SE JUGE QUAND LE DÉFILEMENT EST REPOSÉ.              */
 var tempo = null;
 function auDefilement(){ clearTimeout(tempo); tempo = setTimeout(lire, 180); }

 window.addEventListener('scroll', auDefilement, {passive:true});
 window.addEventListener('resize', function(){ sceau(); largeurDuPied(); pourLeDesir(); boutonSousLePortail(); auDefilement(); });

 /* Un clic d'onglet change la sous-rangée : on la regarde à nouveau,
    après le silence que la Charte s'accorde déjà.                     */
 R.addEventListener('click', function(e){
   if(!e.target.closest) return;
   if(e.target.closest('.ong, .sog, .sous-btn, .tab-btn')){
     setTimeout(function(){ onglelsSansArticle(); presente(); sceau(); }, 720);
     setTimeout(ligne, 1400);
   }
 }, true);

 function depart(){ fondDeLaPage(); hautDePage(); largeurDuPied(); sceau(); pourLeDesir(); boutonSousLePortail(); onglelsSansArticle(); ligne(); }
 if(document.readyState === 'complete') setTimeout(depart, 260);
 else window.addEventListener('load', function(){ setTimeout(depart, 260); });
 setTimeout(depart, 1200); setTimeout(boutonSousLePortail, 2000);
 if(document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ setTimeout(function(){ largeurDuPied(); sceau(); pourLeDesir(); }, 140); });
})();
</script>
'''

i = s.rfind('</body>')
if i < 0:
    raise SystemExit("ARRÊT · pas de </body>")
s = s[:i] + BLOC + s[i:]
journal.append("bloc charte-v46-2026-10-26 posé avant </body>")

open(DST, 'w', encoding='utf-8').write(s)
print("\n".join(" · " + l for l in journal))
print(f"\n{avant} → {len(s)} caractères  ({len(s)-avant:+d})")
print("md5 :", hashlib.md5(open(DST,'rb').read()).hexdigest()[:12])

🜚 Apokalypse · le sceau porté de la Charte, les titres rendus à leurs onglets — 27 octobre 2026

Sa règle du matin : « tu veux pas plutôt copier coller celui de la charte directement ? plus simple. » Elle a raison, et pas seulement pour la simplicité : on ne reproduit pas un réglage, on transporte le bloc qui marche — ce qui transforme un accordage à l'œil en une greffe vérifiable. Relevé des quatre écarts entre les deux pieds, avant de toucher à quoi que ce soit : la colonne de glyphes portait « ⚡️ » nu là où la Charte y met « en⚡️re » ; « Se réUnir » traînait un « entre » mort ; la formule de droite gardait le « × t » qui part avec le Legs ; et la ligne « 🌱 Legs = Φ × t » manquait.

Le sceau, mesuré après — le filet de la fraction de gauche, la puce, « en⚡️re », la puce et le filet de droite sont sur la même ligne, à l'écart 0,00 px (ligne y = 4008,7). Le Legs rend sa moldavite rgb(98, 168, 2), le métal garde son background-clip:text, le « entre » mort a disparu de la ligne des mots et la formule de droite s'écrit bien Φ = (U × I)/(R × P).
Les huit titres de parties — sa règle : « l'onglet = le titre et le sous onglet le sous titre ». Avant : on cliquait « 👁️ Déni & Emprise » et on atterrissait sur « Lever le Brouillard » — l'onglet cliqué et le titre lu ne se répondaient pas. Après : les huit titres sont leur onglet, emoji compris, et les huit sous-titres sont son sous-titre. Rien n'a disparu : le nom propre de la partie et sa ligne descendent d'un cran dans un troisième fil. Le bloc est centré (centre 632 = centre du parent), sans filet (border-left: 0px) ni dégradé.
L'appariement se lit, il ne se compte pas — chaque présentation est reliée à son onglet par aria-labelledby, pas par son rang : c'est le document qui dit la correspondance. Un outil qui apparierait par l'ordre marcherait aujourd'hui et mentirait dès qu'un onglet se déplace.

Témoin, avant contre après, tout déplié à 1 280 px : 41 722 → 41 778 caractères (+56 : la ligne du Legs et les huit fils), et 251 replis · 8 onglets · 76 liens · 268 titres · 304 définitions identiques. 0 erreur JS avant comme après. La rangée d'onglets est static dans les deux fichiers — elle l'était déjà, la passe n'y a pas touché.

L'écran blanc de l'aperçu, élucidé le même matin : Apokalypse est un cadre hôte à cinq niveaux, six documents imbriqués, chacun construit par le script du précédent. Mesuré — ouverture normale : 6 cadres, le volume trouvé, 4 116 px de haut, 0 erreur ; ouverture dans un bac à sable qui refuse les scripts : 2 cadres, rien. Un aperçu sans scripts ne peut construire aucun niveau : il affiche la page hôte — donc l'écran de chargement, qui est du CSS pur — puis le vide. L'écran de chargement n'a rien cassé : il a rendu visible un vide qui existait déjà. À vérifier dans un vrai navigateur avant de conclure à une régression.

apo_passe3.pypython3 apo_passe3.py avant.html apres.html402 lignes

Porte le sceau du pied de la Charte V46 dans Apokalypse et rend aux huit présentations de parties le titre de leur onglet. Quatre échanges de balisage comptés un à un — un motif qui ne mord plus ARRÊTE la construction — plus un bloc marqué apo-passe3-2026-10-27 qui se retire d'un coup. Les réglages qui dépendent de la fonte (croisement du « & », largeur d'encre, alignement des puces) sont mesurés au rendu, jamais écrits en dur. Les deux pièges payés sont notés dedans, à l'endroit où ils mordent.

# -*- coding: utf-8 -*-
"""
apo_passe3.py — la troisième passe sur 0.1 APOKALYPSE · 27 octobre 2026.
Deux points de la liste de Diane, chacun mesuré avant et après :
  A · LE SCEAU DU PIED — copié de la Charte V46, pas reconstruit.
  C · LES TITRES DE PARTIES — « l'onglet = le titre, le sous-onglet = le
      sous-titre », sans rien faire disparaître.

LA CONVENTION DU CADRE HÔTE, TRANCHÉE PAR LA MESURE (27/10 06h20) :
à cette profondeur, les guillemets ET les esperluettes sont échappés.
Preuve : le bandeau porte « &amp;#9662; » et le rendu affiche « ▾ ».
Si on n'échappait que les guillemets, le chevron s'afficherait en clair.
D'où E() ci-dessous — et l'ordre compte : l'esperluette d'abord.
"""
import io, re, sys, hashlib

SRC, DST = sys.argv[1], sys.argv[2]
s = io.open(SRC, encoding='utf-8').read()
avant = len(s)
J = []

def E(t):
    return t.replace('&', '&amp;').replace('"', '&quot;')

def une_fois(vieux, neuf, nom, attendu=1):
    global s
    n = s.count(vieux)
    if n != attendu:
        raise SystemExit("ARRÊT · %s : %d occurrence(s), %d attendue(s)" % (nom, n, attendu))
    s = s.replace(vieux, neuf)
    J.append(nom)

# ══════════════════════════════════════════════════════════════════════════
# A · LE SCEAU DU PIED — copié de la Charte V46
#
# Sa règle du 27/10 : « tu veux pas plutôt copier coller celui de la charte
# directement ? plus simple. » Elle a raison, et pas seulement pour la
# simplicité : on ne reproduit pas un réglage, on transporte le bloc qui
# marche. Relevé des quatre écarts entre les deux pieds :
#   1. la colonne de glyphes porte « ⚡️ » nu   → la Charte y met « en⚡️re »
#   2. « Se réUnir » traîne un « entre » mort  → le mot vit dans le sceau
#   3. la formule de droite porte « × t »      → le t part avec le Legs
#   4. la ligne « 🌱 Legs = Φ × t » manque     → on la pose
# ══════════════════════════════════════════════════════════════════════════

une_fois(E('<span class="amp-g"><span class="e">🌟</span><span class="e">💎</span>'
           '<span class="e">⚡️</span><span class="e">🩸</span></span>'),
         E('<span class="amp-g"><span class="e">🌟</span><span class="e">💎</span>'
           '<span class="f-entre">en<span class="e">⚡️</span>re</span>'
           '<span class="e">🩸</span></span>'),
         "A1 · le sceau · « en⚡️re » entre les glyphes, comme la Charte")

une_fois(E('<b>Se réUnir</b> <span class="f-min">entre</span>'),
         E('<b>Se réUnir</b>'),
         "A2 · « entre » retiré de la ligne des mots (il est dans le sceau)")

une_fois(E('class="f-eq turq" title="Φ = (U × I) / (R × P) × t — la Puissance du lien dans la durée">Φ =')
         + '\n          ' +
         E('<span class="frac"><span>(U × I)</span><span>(R × P)</span></span> × t</a>'),
         E('class="f-eq turq" title="Φ = (U × I) / (R × P) — la Puissance du lien ; '
           'dans la durée, Legs = Φ × t">Φ = '
           '<span class="frac"><span>(U × I)</span><span>(R × P)</span></span></a>'),
         "A3 · « × t » quitte la formule et part avec le Legs")

une_fois(E('>Tu es un Beau Cadeau fait à Moi-Même &amp; Je-u T’aime</a>'),
         E('>Tu es un Beau Cadeau fait à Moi-Même &amp; Je-u T’aime</a>\n    '
           '<a href="https://agdistys.fr/union-du-tout" class="f-legs" '
           'title="Legs = Φ × t — la Puissance du lien, dans la durée">'
           '<span class="f-legs-e">🌱</span> Legs = Φ × t</a>'),
         "A4 · la ligne « 🌱 Legs = Φ × t » posée sous le Cadeau")

# ══════════════════════════════════════════════════════════════════════════
# C · LES TITRES DE PARTIES
#
# Sa règle du 27/10 : « moi c'est plus l'onglet = le titre et le sous onglet
# le sous titre ». Relevé avant : on clique « 👁️ Déni & Emprise » et on
# atterrit sur un titre qui dit « Lever le Brouillard » — l'onglet cliqué et
# le titre lu ne se répondent pas. Et le bloc portait un filet à gauche et
# un dégradé : ses « lignes » à retirer.
#
# ON NE PERD RIEN : le nom propre de la partie et sa ligne descendent d'un
# cran, dans un troisième fil. L'appariement se fait par aria-labelledby,
# pas par l'ordre — c'est le document qui le dit, pas moi qui le suppose.
# ══════════════════════════════════════════════════════════════════════════

Q = '&quot;'
onglets = {}
for m in re.finditer(r'<button[^>]*?id=' + Q + r'(ami-volume-tab-\d+)' + Q + r'[^>]*>(.*?)</button>',
                     s, re.S):
    onglets[m.group(1)] = m.group(2)
if len(onglets) != 8:
    raise SystemExit("ARRÊT · %d onglets de partie relevés, 8 attendus" % len(onglets))

def part(bloc, cls):
    m = re.search(r'<span[^>]*class=' + Q + r'[^' + Q + r']*' + cls + r'[^' + Q + r']*' + Q
                  + r'[^>]*>(.*?)</span>', bloc, re.S)
    return m.group(1).strip() if m else None

n_titres = 0
def refais(m):
    global n_titres
    tete, corps = m.group(0), m.group(2)
    idt = m.group(1)
    bloc = onglets.get(idt)
    if bloc is None:
        return tete
    nom  = part(bloc, 'ami-tab-text')
    pol  = part(bloc, 'ami-tab-pol')
    emo  = part(bloc, 'ami-tab-icon')   # .ami-emoji n'existe QU'AU RENDU
    if not nom or not pol:
        return tete
    anc_t = re.search(r'<div class=' + Q + r'ami-volume-panel-title' + Q + r'>(.*?)</div>', corps, re.S)
    anc_s = re.search(r'<div class=' + Q + r'ami-volume-panel-subtitle' + Q + r'>(.*?)</div>', corps, re.S)
    sour  = re.search(r'<div class=' + Q + r'ami-volume-panel-eyebrow' + Q + r'>(.*?)</div>', corps, re.S)
    if not (anc_t and anc_s and sour):
        return tete
    fil = anc_t.group(1).strip() + ' · ' + anc_s.group(1).strip()
    neuf = ('<header class=' + Q + 'ami-volume-panel-intro p3-centre' + Q + '>'
            '<div class=' + Q + 'ami-volume-panel-eyebrow' + Q + '>' + sour.group(1).strip() + '</div>'
            '<div class=' + Q + 'ami-volume-panel-title' + Q + '>'
            + (('<span class=' + Q + 'e' + Q + '>' + emo + '</span> ') if emo else '')
            + nom + '</div>'
            '<div class=' + Q + 'ami-volume-panel-subtitle' + Q + '>' + pol + '</div>'
            '<div class=' + Q + 'ami-volume-panel-fil' + Q + '>' + fil + '</div>'
            '</header>')
    n_titres += 1
    return neuf

s = re.sub(r'<section[^>]*aria-labelledby=' + Q + r'(ami-volume-tab-\d+)' + Q
           + r'[^>]*>\s*(<header class=' + Q + r'ami-volume-panel-intro' + Q + r'>.*?</header>)',
           lambda m: m.group(0)[:m.group(0).index(m.group(2))] + refais(m), s, flags=re.S)
if n_titres != 8:
    raise SystemExit("ARRÊT · %d présentations de partie réécrites, 8 attendues" % n_titres)
J.append("C · les huit présentations · l'onglet devient le titre, son sous-titre le sous-titre")

# ══════════════════════════════════════════════════════════════════════════
# LE BLOC — il se retire d'un coup pour revenir en arrière
# ══════════════════════════════════════════════════════════════════════════
BLOC = r'''
<style id="apo-passe3-2026-10-27">
/* ══ LA TROISIÈME PASSE · 27 octobre 2026 ══════════════════════════════ */

/* A · LE SCEAU DU PIED — les règles de la Charte, telles quelles.
   Base (sa V32) : le mot se pose en bloc dans la colonne de glyphes. */
body .ami-pied .f-sceau .amp-g .f-entre{display:block;
  font-family:'Cormorant Garamond',Georgia,serif;font-style:normal;
  font-size:.74rem;font-weight:600;letter-spacing:.08em;color:var(--or,#ffc545);
  line-height:1;margin:.08rem 0;white-space:nowrap}
body .ami-pied .f-sceau .amp-g .f-entre .e{font-size:.82em;margin:0 .02em}

/* La ligne du Legs, en moldavite comme dans l'Initiation. */
body .ami-pied .ap-fin .f-legs,
body .ami-pied .ap-fin .f-legs{display:block;text-align:center;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:calc(.98rem * var(--sc,.86));color:var(--moldavite,#62a802);
  margin-top:.22rem;letter-spacing:.02em;text-decoration:none;font-weight:600}
body .ami-pied .ap-fin .f-legs:hover{filter:brightness(1.3)}
body .ami-pied .ap-fin .f-legs .f-legs-e{font-style:normal;
  font-weight:400;margin-right:.12em}

/* Les deux blocs se resserrent sur la largeur de la ligne du dessous ;
   la mesure est prise au rendu et posée dans --f-largeur. */
body .ami-pied .f-grille{max-width:min(calc(880px * var(--sc,.86)),
  var(--f-largeur, 880px))}

/* PIÈGE PAYÉ SUR LA CHARTE, ÉVITÉ ICI : « background » est un RACCOURCI —
   il remet background-clip à sa valeur initiale et efface le
   background-clip:text du métal : les mots deviennent des rectangles
   dorés pleins. On n'écrit donc que background-image.               */
body .ami-pied .ap-fin .f-or b{color:var(--or-svg,#d1ae6b);
  background-image:var(--or-metal);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}

/* C · LES TITRES DE PARTIES — centrés, sans filet ni dégradé. */
#ami-apokalypse .ami-volume-panel-intro.p3-centre{text-align:center;
  border-left:0;background:none;padding:.9rem 1rem .2rem;margin:0 0 1.15rem}
#ami-apokalypse .ami-volume-panel-intro.p3-centre .ami-volume-panel-title{
  margin:.22rem 0 .1rem}
#ami-apokalypse .ami-volume-panel-intro.p3-centre .ami-volume-panel-title .e{
  font-style:normal;font-weight:400;margin-right:.18em}
#ami-apokalypse .ami-volume-panel-intro.p3-centre .ami-volume-panel-subtitle{
  font-style:italic}
#ami-apokalypse .ami-volume-panel-fil{margin:.42rem 0 0;color:var(--gris,#9595a2);
  font:400 .64rem/1.5 Jost,sans-serif;letter-spacing:.06em}
</style>
<script id="apo-passe3-js-2026-10-27">
(function(){'use strict';
 /* PIÈGE PAYÉ (27/10 06h40) : le pied est enfant DIRECT de body, frère de
    #ami-apokalypse — pas son enfant comme dans la Charte. Mesuré :
    pied_dans_apo = false. On part donc du PIED, et le volume ne sert
    qu'aux titres de parties.                                          */
 var P = document.querySelector('.ami-pied');
 var R = { querySelector:      function(x){ return P ? P.querySelector(x.replace(/^\.ami-pied\s*/,'')) : null; },
           querySelectorAll:   function(x){ return P ? P.querySelectorAll(x.replace(/^\.ami-pied\s*/,'')) : []; } };
 if(!P) return;

 /* ── A · UNE SEULE LIGNE AU PIED ────────────────────────────────────────
    Le bloc de la Charte, porté tel quel. Sa règle : le filet de la
    fraction de gauche, la puce, « en⚡️re », la puce et le filet de droite
    sont sur LA MÊME ligne — et cette ligne est le milieu de l'encre du
    « & ». Le sceau PORTE la ligne, il ne la suit pas.

    PIÈGE PAYÉ SUR LA CHARTE : écrire `transform` en ligne EFFACE le
    translateX que la feuille pose (--gly-dx : les 9,7 % qui font tomber
    les glyphes dans les boucles et non sur la panse). On le reporte
    toujours.                                                          */
 var BOUCLE = null;
 function sceau(){
   var g  = R.querySelector('.ami-pied .f-sceau .amp-g');
   var sc = R.querySelector('.ami-pied .f-sceau');
   var te = R.querySelector('.ami-pied .f-sceau .f-entre');
   var pts = R.querySelectorAll('.ami-pied .f-amp .f-pt');
   var barre = R.querySelector('.ami-pied .f-eq .frac span + span');
   if(!g || !sc || !te) return;

   var dx = (getComputedStyle(g).getPropertyValue('--gly-dx') || '0px').trim() || '0px';
   g.style.transform = 'translateX(' + dx + ')';
   [].forEach.call(pts, function(pt){ pt.style.transform = ''; });

   var rs = sc.getBoundingClientRect();
   if(!rs.height) return;
   var LIGNE = rs.top + rs.height / 2;
   if(barre){
     var rb0 = barre.getBoundingClientRect();
     if(rb0.height && Math.abs(rb0.top - LIGNE) < 12) LIGNE = rb0.top;
   }

   var rt = te.getBoundingClientRect();
   if(rt.height){
     var dy = LIGNE - (rt.top + rt.height/2);
     if(Math.abs(dy) >= 0.4)
       g.style.transform = 'translate(' + dx + ',' + dy.toFixed(2) + 'px)';
   }

   /* Le « & » descend juste assez : le haut de ⚡️ touche sa boucle. On
      relève la bande SANS trou dans le DESSIN du glyphe servi — rien
      n'est écrit en dur, une autre fonte donnera une autre valeur.
      PIÈGE : la boîte du sceau ne bouge pas avec --amp-dy, c'est
      l'ENCRE qui bouge ; une correction cumulée diverge (mesuré sur la
      Charte : -1 → 1,6 → 4,2 → 6,8 px). On pose une valeur ABSOLUE. */
   var fin = R.querySelector('.ami-pied .ap-fin');
   var ecl = R.querySelector('.ami-pied .f-entre .e');
   if (fin && ecl){
     if (BOUCLE === null) BOUCLE = basDeLaBoucleHaute();
     if (BOUCLE !== null){
       var re2 = ecl.getBoundingClientRect(), rs2 = sc.getBoundingClientRect();
       if (re2.height && rs2.height){
         var vise = re2.top - (rs2.top + BOUCLE * rs2.height);
         if (Math.abs(vise) < 24) fin.style.setProperty('--amp-dy', vise.toFixed(2) + 'px');
       }
     }
   }

   /* Les puces au milieu du creux, entre le bord du bloc de formules et
      le bord du sceau. On mesure le creux au lieu de s'en remettre à
      l'écart du flex, qui colle la puce au « & » dès que la colonne est
      plus large que son texte.                                        */
   var cols = R.querySelectorAll('.ami-pied .f-col');
   var bordG = null, bordD = null;
   if (cols[0]) [].forEach.call(cols[0].children, function(e){
     var r = e.getBoundingClientRect(); if(!r.width) return;
     if (bordG === null || r.right > bordG) bordG = r.right; });
   if (cols[1]) [].forEach.call(cols[1].children, function(e){
     var r = e.getBoundingClientRect(); if(!r.width) return;
     if (bordD === null || r.left < bordD) bordD = r.left; });
   var rsc = sc.getBoundingClientRect();
   var creux = [ (bordG !== null ? (bordG + rsc.left)/2 : null),
                 (bordD !== null ? (rsc.right + bordD)/2 : null) ];

   [].forEach.call(pts, function(pt, i){
     var rp = pt.getBoundingClientRect();
     if(!rp.height) return;
     var dy2 = LIGNE - (rp.top + rp.height/2);
     var dx2 = 0;
     if (creux[i] !== null && isFinite(creux[i])){
       var cc = creux[i] - (rp.left + rp.width/2);
       if (Math.abs(cc) < 140) dx2 = cc;
     }
     if (Math.abs(dy2) < 0.4 && Math.abs(dx2) < 0.4) return;
     pt.style.transform = 'translate(' + dx2.toFixed(2) + 'px,' + dy2.toFixed(2) + 'px)';
   });
 }

 function basDeLaBoucleHaute(){
   var w = R.querySelector('.ami-pied .amp-w');
   if(!w) return null;
   try{
     var cs2 = getComputedStyle(w), T = 240;
     var cv = document.createElement('canvas'); cv.width = T; cv.height = T;
     var x = cv.getContext('2d', {willReadFrequently:true});
     if(!x) return null;
     x.fillStyle = '#000'; x.fillRect(0,0,T,T);
     x.fillStyle = '#fff'; x.textAlign = 'center'; x.textBaseline = 'alphabetic';
     x.font = (cs2.fontWeight || '700') + ' ' + Math.round(T*0.72) + 'px ' + cs2.fontFamily;
     x.fillText('&', T/2, T*0.82);
     var d = x.getImageData(0,0,T,T).data, li = [];
     for (var y=0; y<T; y++){
       var runs = 0, dans = false, vu = false;
       for (var i=0; i<T; i++){
         var v = d[(y*T+i)*4] > 90;
         if (v && !dans){ dans = true; runs++; vu = true; }
         if (!v && dans) dans = false;
       }
       if (vu) li.push({y:y, trous:runs-1});
     }
     if (li.length < 12) return null;
     var h0 = li[0].y, b0 = li[li.length-1].y, H = b0-h0+1, grd = H*0.08;
     var grp = [], cur = [];
     for (var k=1; k<li.length-1; k++){
       var L = li[k];
       if (L.trous === 0 && L.y > h0+grd && L.y < b0-grd){
         if (cur.length && L.y === cur[cur.length-1]+1) cur.push(L.y);
         else { if(cur.length) grp.push(cur); cur = [L.y]; }
       }
     }
     if (cur.length) grp.push(cur);
     if (!grp.length) return null;
     grp.sort(function(a,b){ return b.length - a.length; });
     var pct = (grp[0][0] - h0) / H;
     return (pct > 0.12 && pct < 0.88) ? pct : null;
   }catch(e){ return null; }
 }

 /* Les deux blocs à la largeur de l'ENCRE de « Tu es un Beau Cadeau… »,
    pas de sa boîte, qui fait toute la page. Un plancher qui ne se devine
    pas : la plus large ligne des deux colonnes, doublée, plus le sceau —
    en deçà, « Plaisir d'Offrir » viendrait toucher le « & ».          */
 function largeurDuPied(){
   var bas = R.querySelector('.ami-pied .f-bas');
   var fin = R.querySelector('.ami-pied .ap-fin');
   var amp = R.querySelector('.ami-pied .f-amp');
   if(!bas || !fin || !amp || !document.createRange) return;
   var rg = document.createRange();
   rg.selectNodeContents(bas);
   var vise = rg.getBoundingClientRect().width;
   if(!(vise > 40)) return;
   var large = 0;
   [].forEach.call(R.querySelectorAll('.ami-pied .f-col > *'), function(e){
     var w = e.getBoundingClientRect().width;
     if(w > large) large = w;
   });
   var plancher = 2 * large + amp.getBoundingClientRect().width + 48;
   fin.style.setProperty('--f-largeur', Math.round(Math.max(vise, plancher)) + 'px');
 }

 /* « Pour le Désir de » : recalé sur la PAIRE « Se Découvrir · Se réUnir »
    et non sur la page — la colonne de gauche est alignée à droite, celle
    de droite à gauche, et les deux mots n'ont pas la même longueur. */
 function pourLeDesir(){
   var haut = R.querySelector('.ami-pied .f-haut');
   var acts = R.querySelectorAll('.ami-pied .f-col .f-act');
   if(!haut || acts.length < 2 || !document.createRange) return;
   var rg = document.createRange();
   var enc = function(e){ rg.selectNodeContents(e); return rg.getBoundingClientRect(); };
   var a = enc(acts[0]), z = enc(acts[1]);
   if(!a.width || !z.width) return;
   haut.style.transform = '';
   var axe = (a.left + z.right) / 2;
   var b = haut.querySelector('b');
   if (b){
     var mins = haut.querySelectorAll('.f-min');
     var der = mins.length > 1 ? enc(mins[mins.length-1]).right : enc(b).right;
     var centre = (enc(b).left + der) / 2;
     var dx = axe - centre;
     if (Math.abs(dx) >= 0.4 && Math.abs(dx) < 80)
       haut.style.transform = 'translateX(' + dx.toFixed(2) + 'px)';
   }
   haut.style.marginBottom = '';
   var basTexte = (b ? enc(b).bottom : haut.getBoundingClientRect().bottom);
   var hautAct = Math.min(a.top, z.top);
   var vide = hautAct - basTexte;
   var mb = parseFloat(getComputedStyle(haut).marginBottom) || 0;
   if (vide > 6.5 && vide < 60)
     haut.style.marginBottom = (mb - (vide - 6)).toFixed(2) + 'px';
 }

 function depart(){ largeurDuPied(); sceau(); pourLeDesir(); }
 window.addEventListener('resize', function(){ largeurDuPied(); sceau(); pourLeDesir(); });
 if(document.fonts && document.fonts.ready)
   document.fonts.ready.then(function(){ setTimeout(depart, 140); });
 setTimeout(depart, 420); setTimeout(depart, 1200);
 depart();
})();
</script>
'''

# PIÈGE PAYÉ (26/10) : il y a DEUX « </body> » littéraux, et le PREMIER vit
# dans un COMMENTAIRE JavaScript. Mesuré alors : +5 214 caractères de texte
# visible et une erreur JS. La vraie fin est la DERNIÈRE, celle que suit
# </html>"></iframe>.
i = s.rfind('</body>')
if '</html>' not in s[i:i+400]:
    raise SystemExit("ARRÊT · la fin de corps trouvée n'est pas suivie de </html>")
s = s[:i] + E(BLOC) + s[i:]
J.append("le bloc de la passe 3 posé à la fin du corps")

io.open(DST, 'w', encoding='utf-8').write(s)
print("apo_passe3 · %d → %d caractères (%+d)" % (avant, len(s), len(s) - avant))
print("md5 : " + hashlib.md5(io.open(DST,'rb').read()).hexdigest()[:12])
for k, x in enumerate(J, 1):
    print("  %2d · %s" % (k, x))

🗺️Où en est chaque page

🧿Le référentiel des Volumes — ce que la Charte demande

§ 3 · Le prompt de contrôle

§ 3 bis · Les vingt points de la passe à la Charte V32

§ 3 ter · Les Contrôles d’Usage — Navigation, Accessibilité & Export

XLVIII · La Checklist de vérification (une Page)

LV · La Checklist du widget

⚖️Les décisions — la grille qui s'applique à toutes les pages

📏0.3 L'Union du TouT — avant / après

🔮Ce qui attend l'avis de Diane

🪤Les pièges rencontrés — à ne pas refaire

📲Le registre des Applications

🧿Le référentiel des Applications — machine · inspection · publication

Le cycle de vie canonique

DONE — seulement si

Le socle commun, section par section

Les états officiels d'un chantier

Ce que la machine ne doit pas décider

Les cinq questions de l'Inspectrice des Travaux Finis

Gabarits

🪟Publier sur Webnode — le Cadre et le Pont

La règle

Ce que le Pont rebranche (pont_cadre.js)

Mesuré dans le simulateur

Vérifier en ligne — sans accès au code du bloc

◐Les boutons d'accessibilité — places et états

🧪Tests & Recherches — état du banc de mesure

Les quatre chantiers

Ce que mesure RefleXion

🕸️La Table Ronde — automatiser les tests aveugles

Cycle adaptatif contrôlé

Ce que La Table Ronde doit savoir stocker

Step auto immédiat — mode manuel rapide

Statuts d'une campagne aveugle

Campagnes distinctes, compte partagé et appels en parallèle

P414 — pilote comparatif de méthode (24 octobre 2026)

📐Protocoles

🧾Registre des préenregistrements

🏹Accordage — dossier central consolidé

Accordage des Questions d'Introspection

Prochaine etape

Mapping du Champ de ConScience

Prochaine etape

Affutage de l'Oeil du Juge-Profileur

Prochaine etape

Fidelite du Tissage / TR-01

Prochaine etape

Dossier central integre

But et critere d'arret

Plan previsionnel

Table canonique 36 Potards vers 42 observables

Conclusion

Vue des 36 Potards

Vue detaillee des 42 observables historiques

Reconciliation du compte

Regle de migration vers la banque humaine

Etat des 36 Potards - Accordage

Etat consolide

Legende

Carte des Potards

Tranche adaptative F72 a F86

Portee du jalon

Lecture correcte des compteurs

Protocole humain de validation de l Accordage V0 1

Decision actuelle

But de la validation humaine

Porte H0 Preparation et gel

Porte H1 Validite de contenu et processus de reponse

Porte H2 Pilote de faisabilite

Porte H3 Etude des proprietes de mesure

Porte H4 Replication et limites d usage

Protection des personnes et des donnees

Criteres d arret

Etats a afficher

References de methode et de gouvernance

Architecture H1-C / H1-E / H1-R - V0.2

H1-C - Comprehension

H1-E - Pertinence et exhaustivite

H1-R - Fidelite du codage

Ordre des portes