/* =========================================================================
   AMORE CORP — « LA PLANCHE »
   La mise en page de /tarifs/, et d'elle seule.

   CE QUE CETTE PAGE EST : un outil. On y cherche un chiffre, on compare, on
   décide. Densité assumée, chiffres alignés en chasse fixe, mentions dites
   UNE fois en tête et jamais répétées sur les trente-cinq lignes. Ce n'est
   pas une page de récit : pas de grand titre qui prend un écran, pas de
   moitié droite laissée nue, pas de fond qui se voit à travers.

   LA MATIÈRE : la feuille est PLIÉE. Chaque bloc se ferme sur une arête —
   l'ombre monte vers le pli, la lumière retombe dessous — dessinée en CSS
   pur par ::after : aucune image, aucun élément de plus, aucun octet chargé.
   Le pli est VRAI et il est mesuré. Profil de luminance en travers d'une
   frontière de panneau, relevé le 09/09/2026 sur les pixels rendus, dans la
   marge (aucun texte pour polluer la colonne) :
     papier 242 → l'ombre se creuse jusqu'à 233 → l'arête 192 → la lumière
     retombe à 254 → papier 244.
   Soit 62/255 d'amplitude en travers de l'arête, 24,3 %.
   ⚠ Un premier relevé annonçait 171/255 : la colonne passait alors par un
   élément sombre étranger au pli. Une amplitude se mesure là où il n'y a
   QUE l'objet mesuré.

   ⛔ LE « DÉPLI » EST RETIRÉ (09/09/2026), ET C'EST UNE DÉCISION.
   Il promettait « le papier se met à plat, charnière en haut puis en bas,
   comme un dépliant qu'on ouvre ». Mesuré, il faisait ceci :
     · déplacement maximal d'un coin de panneau : 3,06 px (sur 1440 × 309) ;
     · 0,73 px à 126 ms, 0,15 px à 210 ms, 0,00 px ensuite ;
     · pendant ce temps l'opacité montait de 0,45 à 1 sur 620 ms.
   C'est-à-dire : pendant les quatre cinquièmes de sa durée, ce « geste » était
   EXACTEMENT le fondu générique que styles.css applique déjà à chaque
   paragraphe (.rev), avec trois pixels d'inclinaison en tête. La DA demande
   « un détail coûteux par section — celui que personne ne prend le temps de
   faire » ; un fondu déguisé n'en est pas un, et le tableau des gestes
   interdit de refaire un verbe déjà en ligne.
   Et il y avait une raison de fond de ne pas le rattraper en l'amplifiant :
   UN PLI QUI S'OUVRE DOIT DÉCOUVRIR QUELQUE CHOSE. Ici tout est lisible avant
   qu'il ne joue (c'est la règle de sûreté n°1, non négociable) — donc le
   dépli n'a rien à découvrir, et aucune amplitude ne l'aurait rendu vrai.
   → Le détail coûteux de cette page est TYPOGRAPHIQUE et statique : le barème
   en chiffres elzévirs de l'en-tête. Il ne peut ni tomber en panne, ni être
   coupé par « mouvement réduit », ni partir en 404.

   LES DEUX RÈGLES DE SÛRETÉ, chacune payée d'une erreur réelle sur ce site :
   1. LE REPLI DE TOUTE VALEUR EST L'ÉTAT OUVERT. Il n'y a plus rien du tout
      à poser par script : la feuille est plate dans le CSS, point.
   2. Rien ne calcule avant le premier pixel : planche.js ne fait plus
      d'animation, il vérifie le barème (voir sa tête) et sort.

   PAS DE VOILE : les deux bandes sombres de la page sont OPAQUES (le décor
   du site est un voile posé sur une scène qui n'existe pas ici — il ne
   laissait voir qu'un fond nu).
   ========================================================================= */

/* ------------------------------------------------------- le cadre commun */
.pl-dans{max-width:84rem;margin:0 auto;}

/* les deux bandes sombres : opaques, et leur voile est retiré */
.pl-tete.nuit,
.pl-fin.nuit{background:var(--abysse);}
.pl-tete.nuit::before,
.pl-fin.nuit::before{display:none;}

/* =========================== l'en-tête de planche ======================= */
.sec.pl-tete{
  padding:clamp(6.5rem,10vw,8.5rem) var(--marge) clamp(3rem,5vw,4.5rem);
  border-bottom:1px solid rgba(196,161,90,.22);
}

/* ------------------------------- LE BARÈME ------------------------------
   Le premier objet de la page est un CHIFFRE, pas une étiquette : c'est ce
   qui sort /tarifs/ du rituel d'ouverture qui sert sept sections du site.
   La forme est une LIGNE DE COTE — les deux bornes aux deux marges, la
   mesure écrite entre elles. Les deux bords tiennent la page et le vide est
   d'un seul morceau (règle du 05/09/2026).
   Aucun mouvement, aucun script : ce détail-là ne peut pas tomber en panne. */
.pl-bareme{
  display:grid;
  grid-template-columns:auto minmax(2.5rem,1fr) auto;
  column-gap:clamp(1rem,2.6vw,2.2rem);
  align-items:center;
  margin:0 0 clamp(2.6rem,5vw,4rem);
}
/* LES CHIFFRES SONT DES ELZÉVIRS — et c'est le jeu par DÉFAUT de Cormorant
   dans notre sous-ensemble, pas une option qu'on active : mesuré le
   09/09/2026, `font-variant-numeric:oldstyle-nums` change 0 pixel sur 70 950.
   ⛔ Ne pas écrire cette propriété ici : elle ne ferait rien tout en laissant
   croire qu'elle fait quelque chose. */
.pl-fig{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(2.7rem,6.6vw,4.9rem);
  line-height:.94;
  letter-spacing:-.005em;
  color:var(--ivoire-titre);
  white-space:nowrap;
  font-feature-settings:"liga" 1;
}
.pl-fig-max{text-align:right;}
/* la cote elle-même : l'or DÉSIGNE l'intervalle, il ne remplit rien —
   un filet d'un pixel.
   ⚠ ELLE NE SE CENTRE PAS TOUTE SEULE, et c'est propre aux elzévirs : le
   milieu de la BOÎTE de texte n'est pas le milieu de l'ENCRE, puisque 3 4 5
   7 9 descendent sous la ligne de base. Mesuré le 09/09/2026 sur les pixels
   rendus (encre de « 790 € » de y=159 à y=218, milieu à 188,5 ; la boîte
   donnait 172,8) : il manquait 15,7 px, soit exactement 0,200 em du corps
   des chiffres. La correction est donc écrite comme 0,2 × leur clamp, pour
   qu'elle suive la taille à toutes les largeurs.
   ⚠ ET LA CORRECTION SE POSE EN `translateY`, PAS EN `margin-top` : sous
   `align-items:center`, c'est la boîte AVEC ses marges qui est centrée, donc
   une marge de 16 px ne descend l'élément que de 8 (vérifié : 15,7 px
   demandés, 7,8 px obtenus). Un décalage purement optique se fait par
   transformation — déplacement plein, et aucun effet sur la mise en page. */
.pl-cote{
  height:1px;background:var(--or);opacity:.72;
  transform:translateY(clamp(.54rem,1.32vw,.98rem));   /* = 0,200 em de .pl-fig */
}
/* la mesure, sous la cote et sur toute sa largeur. En Archivo bas de casse :
   en petites capitales interlettrées, on aurait reconstruit l'étiquette
   qu'on vient de retirer, simplement posée au milieu. */
.pl-compte{
  grid-column:1 / -1;
  font-family:var(--texte);
  font-size:.8125rem;line-height:1.55;
  color:rgba(228,230,234,.72);
  margin:1.15rem 0 0;
  max-width:80ch;
  text-wrap:pretty;        /* pas de mot seul en dernière ligne, si connu */
}

/* -------------------- le titre, et les deux unités ---------------------- */
.pl-cart{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:start;
}
/* Le titre passe SOUS le barème et sous sa taille : sur une page de prix, le
   titre du document est le chiffre. Un h1 plus petit que le nombre qu'il
   annonce n'existe nulle part ailleurs sur le site — c'est voulu. */
.sec.pl-tete h1{
  font-size:clamp(1.6rem,2.7vw,2.15rem);
  line-height:1.14;
  letter-spacing:-.01em;
  margin:0;
  /* ⚠ LA COUPE EST FAITE PAR UN <br>, ET C'EST UNE DÉCISION MESURÉE.
     On voulait couper sur la virgule ; en largeur, « avant de commencer. »
     vaut 8,167 em et « Ce que ça coûte, écrit » 8,380 em (relevé du
     09/09/2026, Cormorant à 34,4 px). Une max-width qui coupe au bon endroit
     doit donc tomber dans une fenêtre de 2 % — la moindre différence de
     métrique d'un navigateur à l'autre la fait basculer.
     Et `ch` ment ici : le « 0 » de Cormorant est un elzévir étroit, il ne
     vaut que 0,477 em — 18ch faisaient 8,59 em, d'où « écrit » resté sur la
     première ligne malgré la consigne. */
  color:var(--ivoire-titre);
}
.pl-sous{
  font-family:var(--texte);
  font-size:.9375rem;line-height:1.6;
  color:rgba(228,230,234,.78);
  max-width:46ch;
  margin:1.25rem 0 0;
}

/* les conditions — dites UNE fois, ici. */
.pl-cond{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(1.5rem,3vw,2.6rem);
}
.pl-cond > div{
  border-top:1px solid rgba(196,161,90,.34);
  padding:.85rem 0 1.05rem;
}
.pl-cond dt{
  font-family:var(--mono);
  font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--or);
  margin-bottom:.42rem;
}
.pl-cond dd{
  margin:0;
  font-family:var(--texte);
  font-size:.8125rem;line-height:1.55;
  color:rgba(228,230,234,.74);
}

/* =============================== LA FEUILLE ============================= */
/* Opaque, pleine largeur : les plis doivent traverser la feuille d'un bord
   à l'autre, donc les marges sont portées par les PANNEAUX, pas par elle. */
.sec.pl-feuille{
  --pl-fond:var(--papier);
  padding:0;
  background:var(--pl-fond);
  color:var(--encre);
}
.sec.pl-suite{--pl-fond:var(--ivoire);}

/* -------------------------------- un panneau ---------------------------- */
.pl-pan{
  position:relative;
  padding:clamp(1.15rem,2.1vw,1.65rem) var(--marge);
  /* la facette : la lumière prise juste sous l'arête du panneau précédent,
     l'ombre qui se creuse en approchant de la sienne. C'est ce qui fait lire
     un PLI plutôt qu'un simple filet de séparation — mesuré à l'œil sur la
     capture du 04/09/2026, où l'arête seule ne se voyait pas. */
  background-image:linear-gradient(180deg,
    rgba(255,255,255,.72) 0,
    rgba(255,255,255,0) 22px,
    rgba(255,255,255,0) calc(100% - 34px),
    rgba(22,52,85,.055) 100%);
}
/* L'ARÊTE DU PLI. Trois traits en un : l'ombre qui monte vers l'arête,
   l'arête elle-même (1 px), la lumière qui retombe juste en dessous.
   Rien ici n'est un élément : c'est un pseudo, il ne compte pas dans les
   nœuds de la page. */
.pl-pan::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:1px;
  background:rgba(22,52,85,.22);
  box-shadow:
    0 -16px 17px -15px rgba(22,52,85,.40),
    0 1px 0 0 rgba(255,255,255,.98);
  pointer-events:none;
}

/* ⛔ ICI SE TROUVAIT LE « DÉPLI » (@keyframes pl-poser + .pl-pan.pose).
   Retiré le 09/09/2026 après mesure — le détail des chiffres est en tête de
   ce fichier. Résumé : 3,06 px de déplacement maximum, éteint en 210 ms,
   pendant un fondu d'opacité de 620 ms. C'était .rev avec un supplément.
   ⚠ Ne pas le remettre « en plus fort » : un pli qui s'ouvre doit découvrir
   quelque chose, et cette page n'a rien à cacher — tout y est lisible avant
   qu'un script ne s'exécute, et ça, ça ne change pas.
   La feuille est plate, ses arêtes sont peintes, il n'y a plus rien à poser. */

/* ---------------------- la barre de tête d'une planche ------------------ */
.pl-bar{padding-top:clamp(2.2rem,4vw,3.2rem);padding-bottom:clamp(1.4rem,2.4vw,2rem);}
.pl-bar-dans{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(1.5rem,4vw,3.5rem);
  align-items:end;
}
.pl-feuille h2{
  font-size:clamp(1.7rem,2.8vw,2.3rem);
  line-height:1.05;letter-spacing:-.01em;
  color:var(--bleu);
  margin:0;
}
.pl-bar-note{
  font-family:var(--texte);
  font-size:.875rem;line-height:1.6;
  color:#39424D;                       /* 8,4:1 sur le papier */
  max-width:58ch;
  margin:.85rem 0 0;
}
.pl-bar-note b{color:var(--bleu);font-weight:600;}
/* la légende de la colonne des prix : elle en tient lieu d'en-tête, et c'est
   pour cela qu'elle est alignée à droite, sur les montants. */
/* 11 px / graisse 500 et non 10 px : à 10 px interlettrées, le contraste
   relevé sur les PIXELS RENDUS tombait à 4,43 quand le calcul donnait 5,36 —
   des capitales trop fines n'ont presque aucun pixel plein sous le grain. */
.pl-legende{
  font-family:var(--mono);
  font-size:.6875rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--bronze);                 /* 5,36:1 sur le papier */
  text-align:right;line-height:1.5;
  margin:0 0 .2rem;
  border-right:1px solid var(--or);
  padding-right:.85rem;
}

/* ============================== une famille ============================= */
.pl-fam-dans{
  display:grid;
  grid-template-columns:minmax(0,18.5rem) minmax(0,1fr);
  gap:clamp(1.3rem,3.4vw,3rem);
  align-items:start;
}
.pl-fam-tete h3{
  font-family:var(--display);
  font-weight:600;                     /* Cormorant sous 24 px : 500-600 */
  font-size:1.3125rem;line-height:1.2;
  color:var(--bleu);
  margin:0;
  display:flex;align-items:baseline;gap:.7rem;
}
.pl-num{
  font-family:var(--mono);
  font-size:.625rem;letter-spacing:.18em;font-weight:500;
  color:var(--bronze);
  font-variant-numeric:tabular-nums;
  flex:none;
}
.pl-acc{
  font-family:var(--display);font-style:italic;
  font-size:1.0625rem;line-height:1.35;
  color:#3A4450;
  margin:.4rem 0 0;
  padding-left:calc(.625rem * 2 + .7rem);   /* aligné sous le nom, pas sous le numéro */
}

/* --------------------------- les lignes de prix ------------------------- */
.pl-lignes{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(1.5rem,3.2vw,3rem);
}
.pl-l{
  display:flex;align-items:baseline;justify-content:space-between;gap:.9rem;
  padding:.4rem 0 .42rem;
  border-bottom:1px solid rgba(22,52,85,.13);
  font-family:var(--texte);
}
.pl-nom{
  font-size:.875rem;line-height:1.45;
  color:#232B34;                       /* 12,3:1 sur le papier */
}
.pl-pv{
  flex:none;
  font-size:.875rem;font-weight:600;
  color:var(--bleu);                   /* 11,6:1 */
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  min-width:5.6rem;text-align:right;
}
.pl-mois{font-weight:400;font-size:.75rem;color:var(--bronze);}
/* « HT » à chaque montant (27/10), comme sur l'accueil ; avant « /mois » sur les mensualités.
   planche.js ne lit que les chiffres de .pl-pv : les lettres n'y changent rien. */
.pl-ht{margin-left:.3em;font-size:.6rem;font-weight:600;letter-spacing:.1em;color:#555D69;text-decoration:none;}

/* la ligne phare : l'or DÉSIGNE — un filet, jamais un fond */
.pl-l.phare{border-bottom-color:var(--or);}
.pl-l.phare .pl-nom{color:var(--bleu);font-weight:600;}
.pl-phare-note{
  grid-column:2;
  font-family:var(--texte);
  font-size:.8125rem;line-height:1.6;
  color:#3F4750;                       /* 7,6:1 sur le papier */
  margin:.85rem 0 0;
  border-left:1px solid var(--or);
  padding-left:.9rem;
  max-width:74ch;
}
.pl-phare-note b{color:var(--bleu);font-weight:600;}

/* ========================= après la livraison ===========================
   CETTE SECTION OUVRE PAR SON REGISTRE, PAS PAR SON TITRE (15/10/2026).
   Relevé du jour : « La carte », « Après la livraison » et la clôture
   ouvraient toutes trois de la même façon — titre Cormorant contre la marge
   gauche (36,8 / 36,8 / 38,4 px, même x, 51 à 81 px sous le haut de la
   section), paragraphe Archivo dessous, objet à filet d'or à droite. Trois
   fois le même squelette d'affilée, sur Mac comme sur téléphone.
   On ne change qu'UNE entrée, celle du milieu : deux voisines ne commencent
   plus par le même objet. Le premier objet lu ici est le registre — le seul
   objet tracé à la main de la page, tout le reste est droit. Le diptyque est
   le miroir de celui de « La carte » : le registre tient la marge gauche, le
   texte tient la marge droite, le vide est au centre, d'un seul morceau.
   ⚠ L'ORDRE CHANGE À L'ÉCRAN, PAS DANS LE DOCUMENT : `order` seulement. Un
   lecteur d'écran garde « titre → texte → figure », la figure ne contient
   rien de focalisable, et vivant.js ne lit que la position de la figure
   elle-même (sa propre traversée de l'écran) : son récit ne bouge pas.
   Aucun mot ni aucun montant n'a changé. */
.pl-suite-tete{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
  gap:clamp(1.5rem,4vw,3.5rem);
  align-items:start;
}
.pl-suite-tete > .vivant{order:-1;}
.pl-suite-tete > div{justify-self:end;}

/* la grille des onze formules — une liste de définitions, pas un tableau
   converti en blocs : la sémantique tient à toutes les largeurs. */
.pl-tabpan{padding-bottom:clamp(2rem,3.5vw,3rem);}
.pl-tab{margin:0;}
.pl-tab > div{
  display:grid;
  grid-template-columns:minmax(0,20rem) 8.5rem minmax(0,1fr);
  gap:0 clamp(1rem,2.4vw,2.2rem);
  align-items:baseline;
  padding:.58rem 0 .6rem;
  border-bottom:1px solid rgba(22,52,85,.13);
}
.pl-tab > div:first-child{border-top:1px solid var(--or);}
.pl-tab dt{
  font-family:var(--texte);
  font-size:.875rem;font-weight:600;line-height:1.45;
  color:var(--bleu);
}
.pl-tab dd{margin:0;font-family:var(--texte);}
.pl-tab dd.pl-pv{text-align:right;min-width:0;}
.pl-tab dd.pl-quoi{
  font-size:.8125rem;line-height:1.55;
  color:#3F4750;                       /* 7,0:1 sur l'ivoire */
}

/* la petite ligne du bas de planche. Une seule colonne : en deux, le moteur
   laissait « Amore Corp. » seul dans la colonne de droite — un orphelin qui
   se voit plus que le blanc qu'il devait combler. */
.pl-mention{
  font-family:var(--texte);
  font-size:.75rem;line-height:1.6;
  color:#3F4750;
  max-width:84ch;
  margin:clamp(1.4rem,2.6vw,2rem) 0 0;
  padding-top:.9rem;
  border-top:1px solid rgba(22,52,85,.18);
}

/* =============================== la clôture =============================
   ⛔ ELLE N'EST PLUS CENTRÉE, et le centrage n'était pas un détail : la
   dernière section de l'ACCUEIL est centrée, portait le même titre au mot
   près et menait au même endroit. Deux pages qui se terminent pareil, c'est
   une seule page lue deux fois.
   La forme est un DIPTYQUE calé sur les deux marges : à gauche ce qu'on
   affirme et la porte, à droite les deux engagements. Le vide est au centre,
   d'un seul morceau, et aucun des deux bords n'est nu — c'est la règle du
   05/09/2026 (« un bloc qui ne touche aucune des deux marges lit posé
   n'importe où »), qui interdisait déjà de laisser un demi-écran vide. */
.sec.pl-fin{
  padding:clamp(3rem,5.5vw,5rem) var(--marge);
  border-top:1px solid rgba(196,161,90,.22);
}
.pl-fin-dans{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.86fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:start;
}
.sec.pl-fin h2{
  font-size:clamp(1.7rem,3vw,2.4rem);
  line-height:1.06;letter-spacing:-.012em;
  color:var(--ivoire-titre);
  margin:0;
  max-width:16ch;
}
.pl-fin .pl-sous{max-width:48ch;}
/* les deux engagements se lisent l'un sous l'autre : en deux colonnes dans la
   moitié droite, les lignes tombaient à ~28 caractères — on gagne la marge et
   on perd la lecture, exactement le piège relevé le 05/09/2026. */
.pl-fin-cond{grid-template-columns:1fr;}
/* une porte, pas un bouton : texte + filet d'or, comme partout sur le site */
.pl-porte{
  margin-top:1.7rem;
  font-family:var(--mono);
  font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ivoire-titre);text-decoration:none;
  display:inline-flex;align-items:center;gap:.85rem;
  white-space:nowrap;
  min-height:44px;padding-block:.55rem;
}
.pl-porte::after{
  content:"";width:38px;height:1px;background:var(--or);
  transition:width .3s cubic-bezier(.4,0,.2,1);
}
.pl-porte:hover::after,.pl-porte:focus-visible::after{width:64px;}

/* ============================ largeurs moyennes ========================= */
@media (max-width:1080px){
  .pl-cart{grid-template-columns:1fr;gap:clamp(1.8rem,4vw,2.6rem);}
  .pl-cond{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pl-fin-dans{grid-template-columns:1fr;gap:clamp(2rem,4vw,2.8rem);}
  .pl-fin-cond{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sec.pl-fin h2{max-width:none;}
  .pl-fam-dans{grid-template-columns:1fr;gap:.9rem;}
  .pl-acc{padding-left:0;}
  .pl-phare-note{grid-column:1;}
  /* en une colonne le registre passe au-dessus du titre ; l'écart grandit
     pour que sa légende en capitales reste SA légende et ne se lise pas
     comme l'étiquette du titre qui suit. */
  .pl-suite-tete{grid-template-columns:1fr;align-items:start;row-gap:clamp(2.4rem,6vw,3.2rem);}
  .pl-suite-tete > div{justify-self:stretch;}
  .pl-tab > div{grid-template-columns:minmax(0,1fr) 7.5rem;}
  .pl-tab dd.pl-quoi{grid-column:1 / -1;margin-top:.25rem;}
}

/* ============================== téléphone =============================== */
@media (max-width:720px){
  .pl-cond{grid-template-columns:1fr;}
  .pl-fin-cond{grid-template-columns:1fr;}
  .pl-lignes{grid-template-columns:1fr;}
  /* la cote garde ses deux bornes aux deux marges : c'est ce qui la fait lire
     comme une mesure. Seule la respiration se resserre. */
  .pl-bareme{column-gap:.85rem;}
  .pl-compte{margin-top:.9rem;}
  .pl-bar-dans{grid-template-columns:1fr;align-items:start;}
  .pl-legende{text-align:left;border-right:0;border-left:1px solid var(--or);
              padding-right:0;padding-left:.85rem;}
  .pl-legende br{display:none;}
  .sec.pl-tete{padding-top:clamp(5.5rem,18vw,7rem);}
}
@media (max-width:400px){
  .pl-nom{font-size:.8125rem;}
  .pl-pv{min-width:5rem;}
  .pl-tab > div{grid-template-columns:minmax(0,1fr) 6.4rem;}
}

/* =============================== les replis ============================= */
/* Mouvement refusé : il n'y a plus une seule animation sur cette planche —
   depuis le retrait du dépli, la feuille est simplement à plat et complète.
   Ne reste que la transition du filet de la porte, qu'on coupe.
   C'est le bon état : ce que voit quelqu'un en « mouvement réduit » est ce
   que voit tout le monde, au filet près. */
@media (prefers-reduced-motion:reduce){
  .pl-porte::after{transition:none;}
}

/* Impression : le pli n'a aucun sens sur du vrai papier, et une ombre coûte
   de l'encre. On imprime la planche nue. */
@media print{
  .pl-pan::after{box-shadow:none;background:rgba(0,0,0,.25);}
}