/* Lecture — « Histoires de justice » (version 2, 2026-09-30).
   Page construite par Deploiement/lecture-construire.py ; comportements dans
   lecture.js. Sans JavaScript, tout reste lisible et déplié : les outils
   (recherche, filtres, fiches repliables, frise) ne sont révélés que par le
   script. */

/* ----------------------------------------------------------------- palette */
.lec-page{
  --lec-fond:#f6f2ea;--lec-papier:#fbf8f2;--lec-encre:#1b1d22;--lec-texte:#2a2a2d;
  --lec-gris:#5c554c;--lec-bordeaux:#7b2d2a;--lec-nuit:#141a2a;
  --lec-ivoire:#f3ede2;--lec-filet:rgba(27,29,34,.14);--lec-filet-fort:rgba(27,29,34,.28);
  --lec-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --lec-large:1180px;--lec-marge:1rem;--lec-haut-nav:98px;
  --lec-ease:cubic-bezier(.2,.7,.1,1);
  position:relative;color:var(--lec-encre);overflow-x:clip;
}
body:has(main.lec-page),body.lec-corps{background:#f6f2ea}
body.lec-corps.lec-defile .site-header{background:rgba(251,248,242,.94);box-shadow:0 8px 28px rgba(10,21,34,.1)}

.lec-page :where(h1,h2,h3,h4){font-family:var(--lec-serif);font-weight:500;color:var(--lec-encre);text-wrap:balance}
.lec-page :where(p){text-wrap:pretty}
.lec-page :where(a){color:inherit}
.lec-page :where(a,button,input,select,summary):focus-visible{outline:2px solid var(--lec-bordeaux);outline-offset:3px;border-radius:6px}
.lec-page :where([id]){scroll-margin-top:110px}

.lec-page>:where(.lec-fil,.lec-ouverture,.lec-avis,.lec-intro,.lec-domaines,.lec-outils,.lec-vide,.lec-collection,.lec-chrono,.lec-methode),
.lec-fin-cadre{width:min(calc(100% - 2*var(--lec-marge)),var(--lec-large));margin-inline:auto}

.lec-sur{font:600 .74rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lec-bordeaux);display:flex;align-items:center;gap:.7rem;margin:0 0 1rem}
.lec-sur::before{content:"";width:2.2rem;height:1px;background:currentColor;opacity:.6;flex:none}

/* --------------------------------------------------------------- ouverture */
.lec-fil{padding-top:1.4rem}
.lec-ouverture{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"texte" "vitrine";gap:clamp(1.8rem,4vw,2.6rem);padding-block:clamp(2rem,5vw,3.5rem) clamp(3rem,6vw,4.5rem)}
.lec-ouverture::before{content:"";position:absolute;z-index:-1;inset:-4rem -30vw 0;background:radial-gradient(ellipse 42% 55% at 76% 38%,rgba(123,45,42,.075),transparent 70%),radial-gradient(ellipse 30% 40% at 12% 20%,rgba(20,26,42,.035),transparent 70%);pointer-events:none}
.lec-ouv-texte{grid-area:texte;position:relative}
.lec-label{font:600 .76rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lec-bordeaux);margin:0 0 1.5rem;display:flex;align-items:center;gap:.8rem;opacity:0;animation:lec-fondu .8s ease .05s forwards}
.lec-label::before{content:"";width:2.6rem;height:1px;background:currentColor;flex:none;transform-origin:left;transform:scaleX(0);animation:lec-trait .9s var(--lec-ease) .15s forwards}
@keyframes lec-trait{to{transform:none}}
.lec-titre{font-size:clamp(3.1rem,9.6vw,7.6rem);line-height:.92;letter-spacing:-.025em;margin:0}
.lec-ligne{display:block;overflow:hidden;padding:.02em 0 .1em}
.lec-ligne>span{display:inline-block;transform:translateY(108%);animation:lec-monte 1.05s var(--lec-ease) .15s forwards}
.lec-ligne+.lec-ligne>span{font-style:italic;color:var(--lec-bordeaux);animation-delay:.3s;padding-left:clamp(0rem,5vw,4.5rem)}
@keyframes lec-monte{to{transform:none}}
.lec-paraphe{display:block;width:min(78%,30rem);height:auto;margin:.2rem 0 clamp(1.4rem,3vw,2rem) clamp(0rem,5vw,4.5rem);overflow:visible}
.lec-paraphe path{fill:none;stroke:var(--lec-bordeaux);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.7;animation:lec-dessin 1.6s var(--lec-ease) 1s forwards}
@keyframes lec-dessin{to{stroke-dashoffset:0}}
.lec-chapo{font-family:var(--lec-serif);font-size:clamp(1.06rem,1.55vw,1.3rem);line-height:1.62;color:#3f3a34;max-width:38rem;margin:0 0 clamp(1.6rem,3vw,2.2rem);opacity:0;animation:lec-fondu .9s ease .6s forwards}
@keyframes lec-fondu{to{opacity:1}}
.lec-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin:0;opacity:0;animation:lec-fondu .8s ease .85s forwards}
.lec-bouton{display:inline-flex;align-items:center;gap:.7rem;min-height:3rem;padding:.9rem 1.45rem;border-radius:999px;background:var(--lec-encre);color:var(--lec-papier)!important;font-weight:600;font-size:.98rem;text-decoration:none;transform:translate3d(var(--lec-mx,0px),var(--lec-my,0px),0);transition:background-color .25s ease,transform .25s var(--lec-ease),box-shadow .25s ease;box-shadow:0 10px 26px rgba(27,29,34,.16)}
.lec-bouton:hover{background:var(--lec-bordeaux);box-shadow:0 14px 34px rgba(123,45,42,.26)}
.lec-fleche{display:inline-block;transition:transform .3s var(--lec-ease)}
.lec-bouton:hover .lec-fleche{transform:translateY(3px)}
.lec-bouton-clair{background:var(--lec-ivoire);color:var(--lec-nuit)!important;box-shadow:none}
.lec-bouton-clair:hover{background:#fff}
.lec-bouton-clair:hover .lec-fleche-droite{transform:translateX(3px)}
.lec-bouton-second{font-weight:600;font-size:.95rem;text-decoration:none;color:var(--lec-encre);background:linear-gradient(var(--lec-bordeaux),var(--lec-bordeaux)) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:color .2s ease,background-size .3s var(--lec-ease)}
.lec-bouton-second:hover{color:var(--lec-bordeaux);background-size:40% 1px}

/* le sceau gravé */
.lec-vitrine{grid-area:vitrine;display:grid;justify-items:center;gap:1.2rem;--vx:0;--vy:0}
.lec-sceau{display:block;width:min(100%,21rem);height:auto;overflow:visible;opacity:0;animation:lec-fondu 1.2s ease .3s forwards}
.lec-sceau-fond circle{fill:none;stroke:rgba(123,45,42,.35);stroke-width:.8}
.lec-pointille{stroke-dasharray:1 5;stroke-width:1.4!important;stroke:rgba(123,45,42,.4)!important;stroke-linecap:round}
.lec-couche{transition:translate .6s var(--lec-ease)}
.lec-couche-1{translate:calc(var(--vx) * 7px) calc(var(--vy) * 7px)}
.lec-couche-2{translate:calc(var(--vx) * -5px) calc(var(--vy) * -5px)}
.lec-couche-3{translate:calc(var(--vx) * 3px) calc(var(--vy) * 3px)}
.lec-rosace{transform-box:view-box;transform-origin:200px 200px}
.lec-rosace ellipse{fill:none;stroke-width:.55}
.lec-rosace-a ellipse{stroke:rgba(123,45,42,.26)}
.lec-rosace-b ellipse{stroke:rgba(20,26,42,.2)}
.lec-rosace-a{animation:lec-tour 150s linear infinite}
.lec-rosace-b{animation:lec-tour 110s linear infinite reverse}
@keyframes lec-tour{to{rotate:360deg}}
.lec-anneau{transform-box:view-box;transform-origin:200px 200px;animation:lec-tour 220s linear infinite reverse}
.lec-anneau text{font:600 10.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;fill:var(--lec-bordeaux);opacity:.78}
.lec-medaillon{fill:var(--lec-papier);stroke:rgba(123,45,42,.55);stroke-width:1}
.lec-medaillon-filet{fill:none;stroke:rgba(123,45,42,.28);stroke-width:.6;stroke-dasharray:2 3}
.lec-balance :is(path,circle){fill:none;stroke:var(--lec-encre);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lec-dessin 2.2s var(--lec-ease) .8s forwards}
.lec-fleau{transform-box:view-box;transform-origin:200px 171.5px;animation:lec-bascule 5.5s ease-in-out 3.2s infinite alternate}
.lec-plateau-g{animation:lec-monte-g 5.5s ease-in-out 3.2s infinite alternate}
.lec-plateau-d{animation:lec-monte-d 5.5s ease-in-out 3.2s infinite alternate}
@keyframes lec-bascule{from{rotate:-2.6deg}to{rotate:2.6deg}}
@keyframes lec-monte-g{from{translate:0 2.4px}to{translate:0 -2.4px}}
@keyframes lec-monte-d{from{translate:0 -2.4px}to{translate:0 2.4px}}

/* scène : orbites, ondes, horizon des palais, paroles qui sortent du sceau */
.lec-scene{position:relative;width:min(100%,27rem);display:grid;justify-items:center;--ampx:120px;--ampy:150px}
.lec-scene .lec-sceau{width:100%}
.lec-orbite{transform-box:view-box;transform-origin:200px 200px}
.lec-orbite circle{fill:var(--lec-bordeaux)}
.lec-orbite-a{animation:lec-tour 22s linear infinite}
.lec-orbite-b circle{fill:rgba(20,26,42,.55)}
.lec-orbite-b{animation:lec-tour 34s linear infinite reverse}
.lec-onde{fill:none;stroke:var(--lec-bordeaux);stroke-width:1.2;opacity:0;transform-box:view-box;transform-origin:200px 200px;animation:lec-onde 4.5s cubic-bezier(.2,.6,.3,1) 2s infinite}
.lec-onde-2{animation-delay:2.35s;stroke-width:.7}
@keyframes lec-onde{0%{opacity:.55;scale:1}45%{opacity:0;scale:1.95}100%{opacity:0;scale:1.95}}
.lec-fleau{animation-name:lec-bascule}
@keyframes lec-bascule{from{rotate:-4deg}to{rotate:4deg}}
@keyframes lec-monte-g{from{translate:0 4px}to{translate:0 -4px}}
@keyframes lec-monte-d{from{translate:0 -4px}to{translate:0 4px}}
.lec-horizon{position:absolute;left:-18%;width:136%;bottom:-3%;height:auto;overflow:visible;pointer-events:none;translate:calc(var(--vx) * -10px) 0;transition:translate .6s var(--lec-ease)}
.lec-masse{fill:#f4efe6;stroke:none}
.lec-trait{fill:none;stroke:rgba(123,45,42,.62);stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:lec-dessin 3s var(--lec-ease) 1.1s forwards}
.lec-eclat{fill:none;stroke:#b3473f;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:.045 .955;stroke-dashoffset:1;opacity:0;animation:lec-eclat 9s linear 4.5s infinite}
@keyframes lec-eclat{0%{stroke-dashoffset:1;opacity:.95}80%{stroke-dashoffset:0;opacity:.95}81%,100%{opacity:0}}
.lec-sol{fill:none;stroke:rgba(123,45,42,.45);stroke-width:1;vector-effect:non-scaling-stroke}
.lec-fenetres circle{fill:#c98a3d;opacity:0;animation:lec-fenetre 5s ease-in-out calc(var(--l) * .6s + 3.5s) infinite}
@keyframes lec-fenetre{0%,100%{opacity:.15}50%{opacity:.9}}
.lec-oiseaux{fill:none;stroke:rgba(20,26,42,.45);stroke-width:1.1;stroke-linecap:round;animation:lec-vol 28s linear 2s infinite;opacity:0}
@keyframes lec-vol{0%{translate:-60px 30px;opacity:0}6%{opacity:.8}60%{opacity:.8}70%{translate:940px -10px;opacity:0}100%{translate:940px -10px;opacity:0}}
.lec-paroles{position:absolute;inset:0;pointer-events:none;z-index:2}
.lec-parole{position:absolute;left:50%;top:46%;margin:0;width:max-content;max-width:min(16.5rem,86vw);padding:.75rem .95rem .7rem;border-radius:12px;border:1px solid rgba(123,45,42,.22);border-left:2px solid var(--lec-bordeaux);background:rgba(251,248,242,.96);box-shadow:0 14px 34px rgba(27,29,34,.14);opacity:0;visibility:hidden;translate:-50% -50%;scale:.55}
.lec-js .lec-parole{animation:lec-parole calc(var(--n) * 4.5s) var(--lec-ease) calc(var(--k) * 4.5s + 2.2s) infinite}
@keyframes lec-parole{
  0%{opacity:0;visibility:visible;translate:-50% -50%;scale:.5}
  1.1%{opacity:1;translate:calc(-50% + var(--x) * var(--ampx)) calc(-50% + var(--y) * var(--ampy));scale:1}
  5.2%{opacity:1;translate:calc(-50% + var(--x) * var(--ampx) * 1.06) calc(-50% + var(--y) * var(--ampy) * 1.06);scale:1}
  6.1%{opacity:0;visibility:visible;translate:calc(-50% + var(--x) * var(--ampx) * 1.14) calc(-50% + var(--y) * var(--ampy) * 1.14);scale:.97}
  6.25%,100%{opacity:0;visibility:hidden}
}
.lec-parole q{display:block;font-family:var(--lec-serif);font-style:italic;font-size:1.02rem;line-height:1.35;color:var(--lec-encre);quotes:"« " " »"}
.lec-parole cite,.lec-parole-genre{display:block;font:600 .64rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lec-bordeaux);font-style:normal}
.lec-parole cite{margin-top:.4rem;color:var(--lec-gris)}
.lec-parole-genre{margin-bottom:.25rem}
.lec-choc{border-left-color:var(--lec-nuit);background:rgba(20,26,42,.94);border-color:rgba(20,26,42,.9)}
.lec-choc .lec-parole-texte{display:block;font-family:var(--lec-serif);font-size:1.05rem;line-height:1.3;color:var(--lec-ivoire)}
.lec-choc .lec-parole-genre{color:#e0a79c}
.lec-choc cite{color:#b9b2a6}
.lec-vitrine:hover .lec-parole{animation-play-state:paused}

/* à la une */
.lec-une{width:min(100%,23rem)}
.lec-une-titre{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;font:600 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lec-gris)}
.lec-une-titre::before,.lec-une-titre::after{content:"";flex:1;height:1px;background:var(--lec-filet-fort)}
.lec-une ul{list-style:none;margin:0;padding:0;display:grid}
.lec-une li{grid-area:1/1}
.lec-une a{display:grid;gap:.3rem;padding:1rem 1.15rem 1.05rem;border:1px solid var(--lec-filet);border-radius:14px;background:rgba(251,248,242,.92);text-decoration:none;box-shadow:0 12px 30px rgba(27,29,34,.07);transition:border-color .25s ease,box-shadow .25s ease}
.lec-une a:hover{border-color:rgba(123,45,42,.5);box-shadow:0 16px 36px rgba(123,45,42,.12)}
.lec-une-meta{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lec-bordeaux);font-weight:600}
.lec-une strong{font-family:var(--lec-serif);font-weight:500;font-size:1.18rem;line-height:1.2;color:var(--lec-encre)}
.lec-une-lire{font-size:.84rem;font-weight:600;color:var(--lec-gris)}
.lec-une a:hover .lec-une-lire{color:var(--lec-bordeaux)}
.lec-js .lec-une li{opacity:0;visibility:hidden;animation:lec-defile-une 24s linear calc(var(--u) * 4s + 1.4s) infinite}
.lec-js .lec-une:hover li,.lec-js .lec-une:focus-within li{animation-play-state:paused}
@keyframes lec-defile-une{
  0%{opacity:0;visibility:visible;transform:translateY(10px)}
  2.5%{opacity:1;transform:none}
  14.5%{opacity:1;transform:none}
  16.6%{opacity:0;visibility:visible;transform:translateY(-8px)}
  16.7%,100%{opacity:0;visibility:hidden}
}

/* chiffres et frise des siècles */
.lec-chiffres{grid-area:chiffres;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem clamp(1.2rem,4vw,3rem);margin:0;padding-top:1.3rem;border-top:1px solid var(--lec-filet-fort)}
.lec-chiffres div{display:flex;flex-direction:column-reverse;gap:.3rem}
.lec-chiffres dd{margin:0;font-family:var(--lec-serif);font-size:clamp(2.1rem,4.2vw,3.2rem);line-height:1;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.lec-chiffres dt{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lec-gris)}
.lec-siecles{grid-area:siecles;margin:0}
.lec-siecles figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;margin-bottom:.6rem}
.lec-siecles figcaption span{font-family:var(--lec-serif);font-size:1.15rem}
.lec-siecles figcaption small{font-size:.8rem;color:var(--lec-gris)}
.lec-siecles svg{display:block;width:100%;height:clamp(64px,8vw,96px);overflow:visible}
.lec-siecles line{stroke:var(--lec-filet-fort);stroke-width:1;vector-effect:non-scaling-stroke}
.lec-siecles rect{fill:var(--lec-bordeaux);opacity:.82;transform-box:fill-box;transform-origin:50% 100%}
.lec-siecles rect.lec-vide-barre{opacity:.22}
.lec-siecles-axe{position:relative;height:1.2rem;margin:.35rem 0 0;font-size:.72rem;color:var(--lec-gris);font-variant-numeric:tabular-nums}
.lec-siecles-axe span{position:absolute;top:0;transform:translateX(-50%)}
.lec-siecles-axe span:first-child{transform:none}
.lec-siecles-axe span:last-child{transform:translateX(-100%)}
.lec-js .lec-siecles rect{transform:scaleY(0);transition:transform .9s var(--lec-ease) calc(var(--i) * 22ms)}
.lec-js .lec-siecles.est-visible rect{transform:none}

@media (min-width:1000px){
  .lec-ouverture{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"texte vitrine";column-gap:clamp(2rem,5vw,4.5rem);align-items:center;min-height:calc(100svh - 150px)}
  .lec-sceau{width:min(100%,27rem)}
}
.lec-defiler{display:none}

/* ----------------------------------------------------------- avertissement */
.lec-avis{background:var(--lec-papier);border:1px solid var(--lec-filet);border-left:3px solid var(--lec-bordeaux);border-radius:14px;margin-bottom:clamp(1rem,2vw,1.6rem)}
.lec-avis summary{display:flex;align-items:center;gap:.85rem;padding:1rem 1.2rem;cursor:pointer;list-style:none;font-size:.96rem;line-height:1.45}
.lec-avis summary::-webkit-details-marker{display:none}
.lec-avis-marque{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--lec-bordeaux);color:var(--lec-bordeaux);font:italic 600 .9rem/1 var(--lec-serif)}
.lec-avis summary>span:nth-child(2){flex:1}
.lec-avis-bascule{flex:none;width:.6rem;height:.6rem;border-right:1.5px solid var(--lec-gris);border-bottom:1.5px solid var(--lec-gris);transform:rotate(45deg);transition:transform .25s ease;margin:0 .3rem .25rem}
.lec-avis[open] .lec-avis-bascule{transform:rotate(-135deg);margin-bottom:-.15rem}
.lec-avis p{margin:0;padding:0 1.2rem 1.1rem 3.65rem;color:#433e37;line-height:1.6;font-size:.95rem}

/* ------------------------------------------------------------ avant de lire */
.lec-intro{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,5vw,5rem);align-items:start;padding-block:clamp(2.5rem,5vw,4rem)}
.lec-geant{font-family:var(--lec-serif);font-size:clamp(6rem,17vw,14rem);line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(123,45,42,.35);transform:translate3d(0,var(--lec-p,0px),0);user-select:none}
.lec-intro h2{font-size:clamp(1.9rem,4.2vw,3.2rem);line-height:1.05;margin:0 0 1.2rem}
.lec-intro-texte>p:not(.lec-sur):not(.lec-bases){font-family:var(--lec-serif);font-size:clamp(1.04rem,1.45vw,1.2rem);line-height:1.7;color:#3f3a34;margin:0 0 1.6rem;max-width:40rem}
.lec-bases{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin:0;font-size:.88rem}
.lec-bases>span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lec-gris);margin-right:.3rem}
.lec-lien{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:1px solid var(--lec-filet);border-radius:999px;text-decoration:none;background:var(--lec-papier);transition:border-color .2s ease,color .2s ease}
.lec-lien:hover{border-color:var(--lec-bordeaux);color:var(--lec-bordeaux)}
.lec-fleche-ext{display:inline-block;font-size:.85em;transition:transform .3s var(--lec-ease)}
a:hover>.lec-fleche-ext{transform:translate(2px,-2px)}

/* ------------------------------------------------------- tuiles de domaines */
.lec-domaines{padding-block:clamp(1rem,3vw,2rem) clamp(2rem,4vw,3rem)}
.lec-domaines h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;margin:0 0 1.4rem}
.lec-domaines ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.7rem}
.lec-tuile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.85rem;align-items:baseline;height:100%;padding:1rem 1.05rem;border:1px solid var(--lec-filet);border-radius:14px;background:var(--lec-papier);text-decoration:none;transition:border-color .2s ease,transform .25s var(--lec-ease),box-shadow .25s ease}
.lec-tuile:hover{border-color:var(--lec-bordeaux);transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,29,34,.08)}
.lec-tuile[aria-current="true"]{border-color:var(--lec-bordeaux);background:#fff;box-shadow:inset 0 0 0 1px var(--lec-bordeaux)}
.lec-tuile-n{grid-row:1/3;font-family:var(--lec-serif);font-size:1.9rem;line-height:1;color:rgba(123,45,42,.55);font-variant-numeric:lining-nums}
.lec-tuile strong{font-family:var(--lec-serif);font-weight:500;font-size:1.08rem;line-height:1.25}
.lec-tuile-c{grid-column:2;font-size:.8rem;color:var(--lec-gris);margin-top:.25rem}

/* ------------------------------------------------- recherche et filtres */
.lec-outils{position:sticky;top:var(--lec-haut-nav);z-index:8;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;padding:.55rem .6rem;border:1px solid var(--lec-filet);border-radius:16px;background:rgba(251,248,242,.93);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 6px 22px rgba(27,29,34,.06);margin-bottom:1rem}
.lec-outils[hidden]{display:none}
.lec-outils-ligne{display:flex;align-items:center;gap:.6rem;flex:1 1 20rem;min-width:0}
.lec-recherche{flex:1;min-width:0;display:block}
.lec-recherche input{font:inherit;font-size:.95rem;width:100%;padding:.6rem .9rem .6rem 2.2rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c554c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat .75rem 50%/1rem;color:var(--lec-encre)}
.lec-recherche input:focus{outline:2px solid var(--lec-bordeaux);outline-offset:1px}
.lec-compte{flex:none;margin:0;font-size:.84rem;color:var(--lec-gris);white-space:nowrap;font-variant-numeric:tabular-nums}
.lec-compte span{font-weight:700;color:var(--lec-encre)}
.lec-outils-plus{flex:none;font:inherit;font-size:.88rem;font-weight:600;padding:.55rem .95rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:transparent;color:var(--lec-encre);cursor:pointer}
.lec-outils-plus[aria-expanded="true"],.lec-outils-plus.est-actif{background:var(--lec-encre);color:var(--lec-papier);border-color:var(--lec-encre)}
.lec-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 100%}
.lec-filtres label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--lec-gris)}
.lec-filtres label span{white-space:nowrap}
.lec-filtres select{font:inherit;font-size:.88rem;color:var(--lec-encre);padding:.5rem 2rem .5rem .8rem;border-radius:10px;border:1px solid var(--lec-filet-fort);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c554c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .55rem center/.9rem;appearance:none;-webkit-appearance:none;max-width:15rem;cursor:pointer}
.lec-filtres select.est-actif{border-color:var(--lec-bordeaux);box-shadow:inset 0 0 0 1px var(--lec-bordeaux)}
.lec-filtres button{font:inherit;font-size:.84rem;font-weight:600;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:transparent;color:var(--lec-encre);cursor:pointer;white-space:nowrap}
.lec-filtres button:hover{border-color:var(--lec-bordeaux);color:var(--lec-bordeaux)}
.lec-tout-ouvrir[aria-pressed="true"]{background:var(--lec-bordeaux);border-color:var(--lec-bordeaux);color:#fff!important}
.lec-js .lec-outils:not(.est-ouvert) .lec-filtres{display:none}
@media (min-width:1100px){
  .lec-outils{flex-wrap:nowrap}
  .lec-outils-plus{display:none}
  .lec-js .lec-outils:not(.est-ouvert) .lec-filtres,.lec-filtres{display:flex;flex:0 1 auto;flex-wrap:nowrap}
  .lec-filtres select{max-width:12.5rem}
  .lec-filtres label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .lec-outils-ligne{flex:1 1 16rem}
}

.lec-vide{margin-block:1rem 3rem;padding:2rem;text-align:center;border:1px solid var(--lec-filet);border-radius:16px;background:var(--lec-papier);color:var(--lec-gris)}
.lec-vide[hidden]{display:none}
.lec-vide .lec-reinitialiser{font:inherit;font-weight:600;margin-left:.4rem;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--lec-bordeaux);background:transparent;color:var(--lec-bordeaux);cursor:pointer}

/* ------------------------------------------------------------------ domaines */
.lec-domaine{padding-top:clamp(2.5rem,6vw,4.5rem)}
.lec-domaine[hidden],.lec-sous[hidden],.lec-grille>li[hidden],.lec-grille[hidden]{display:none}
.lec-d-tete{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:end;padding-bottom:1.2rem;margin-bottom:1.4rem;border-bottom:1px solid var(--lec-filet-fort)}
.lec-d-n{font-family:var(--lec-serif);font-size:clamp(3.6rem,9vw,6.5rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(123,45,42,.45);font-variant-numeric:lining-nums}
.lec-d-tete .lec-sur{margin-bottom:.6rem}
.lec-d-tete h2,.lec-d-tete h1{font-size:clamp(1.8rem,4.2vw,3.1rem);line-height:1.02;letter-spacing:-.015em;margin:0}
.lec-d-desc{margin:.7rem 0 0;max-width:44rem;font-family:var(--lec-serif);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.55;color:var(--lec-gris)}
.lec-sous{margin-top:2.2rem}
.lec-sous:first-of-type{margin-top:.4rem}
.lec-sous-titre{display:flex;align-items:baseline;gap:.6rem;font-size:clamp(1.2rem,2.2vw,1.5rem);margin:0 0 .9rem}
.lec-sous-compte{font:600 .75rem/1 Inter,ui-sans-serif,system-ui,sans-serif;padding:.28rem .5rem;border-radius:999px;background:rgba(123,45,42,.1);color:var(--lec-bordeaux)}

/* -------------------------------------------------------------------- fiches */
/* Fermées : fiches compactes sur trois colonnes. Ouverte : la fiche prend
   toute la largeur, récit à gauche, « Et en France ? » à droite. */
.lec-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18.5rem),1fr));grid-auto-flow:row dense;gap:.8rem;align-items:stretch}
.lec-grille>li{display:flex;min-width:0}
.lec-grille>li>.lec-fiche{flex:1;min-width:0}
.lec-chrono{padding-top:1rem}
.lec-grille>li:has(.est-ouverte){grid-column:1/-1}
.lec-fiche{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:.95rem 1.05rem .85rem;border:1px solid var(--lec-filet);border-radius:14px;background:var(--lec-papier);transition:border-color .25s ease,box-shadow .3s ease,transform .25s var(--lec-ease)}
.lec-fiche:not(.est-ouverte):hover{border-color:rgba(123,45,42,.35);transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,29,34,.07)}
.lec-fiche.est-ouverte{padding:1.4rem clamp(1.1rem,3vw,2rem) 1.2rem;border-color:rgba(123,45,42,.45);box-shadow:0 18px 44px rgba(27,29,34,.09);background:#fff}
.lec-fiche:target,.lec-fiche.est-cible{box-shadow:0 0 0 2px var(--lec-bordeaux),0 14px 34px rgba(27,29,34,.1)}
/* Fiches hors de l'écran : rendu différé par le navigateur (PERF-02, 2026-10-08).
   Le texte reste dans la page (recherche du navigateur, ancres, impression).
   Hauteur réservée proche de la hauteur réelle d'une fiche fermée, mesurée le
   2026-10-08 : 180 à 255 px sur une colonne, 262 à 325 px à partir de deux
   colonnes (vers 638 px de large) ; sinon la barre de défilement et la barre de
   progression de lecture sont faussées tant que tout n'a pas été parcouru. */
.lec-fiche{content-visibility:auto;contain-intrinsic-size:auto 250px}
@media (min-width:640px){.lec-fiche{contain-intrinsic-size:auto 320px}}
.lec-f-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem .8rem;margin:0;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--lec-gris)}
.lec-f-n{font-weight:700;color:var(--lec-bordeaux);font-variant-numeric:tabular-nums}
.lec-f-titre{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.2;margin:0}
.lec-fiche.est-ouverte .lec-f-titre{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.12}
.lec-f-ref{margin:0;font-family:var(--lec-serif);font-style:italic;font-size:.86rem;line-height:1.35;color:var(--lec-gris)}
.lec-js .lec-fiche:not(.est-ouverte) .lec-f-ref{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.lec-f-corps{padding-top:.4rem}
.lec-f-corps[hidden]{display:none}
.lec-f-recit p{margin:0 0 .85rem;font-size:1rem;line-height:1.72;color:var(--lec-texte)}
.lec-f-recit p:first-child::first-letter{font-family:var(--lec-serif);float:left;font-size:2.9em;line-height:.82;padding:.08em .08em 0 0;color:var(--lec-bordeaux)}
.lec-f-recit p:last-child{margin-bottom:0}
.lec-france{margin-top:1rem;padding:1rem 1.1rem;border-radius:12px;background:rgba(20,26,42,.045);border:1px solid rgba(20,26,42,.1)}
.lec-france-label{display:flex;align-items:center;gap:.55rem;margin:0 0 .5rem;font:700 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lec-nuit)}
.lec-drapeau{width:1.1rem;height:.72rem;border-radius:2px;flex:none;background:linear-gradient(90deg,#1f3a8a 0 33.3%,#fff 33.3% 66.6%,#b3262d 66.6%);box-shadow:0 0 0 1px rgba(20,26,42,.18)}
.lec-france>p:not(.lec-france-label):not(.lec-france-sources){margin:0;font-size:.97rem;line-height:1.68;color:var(--lec-texte)}
.lec-france-sources{margin:.6rem 0 0;font-size:.8rem;display:flex;flex-wrap:wrap;gap:.2rem 1rem}
.lec-fiche .lec-retenir{position:relative;padding-left:.85rem;border-left:2px solid var(--lec-bordeaux)}
.lec-retenir-label{margin:0 0 .15rem;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lec-bordeaux)}
.lec-retenir-label+p{margin:0;font-family:var(--lec-serif);font-style:italic;font-size:.98rem;line-height:1.45;color:var(--lec-encre)}
.lec-js .lec-fiche:not(.est-ouverte) .lec-retenir-label+p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lec-fiche.est-ouverte .lec-retenir{margin-top:.6rem;padding:.7rem 0 .7rem 1rem}
.lec-fiche.est-ouverte .lec-retenir-label+p{font-size:1.12rem}
.lec-f-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:auto 0 0;padding-top:.65rem;border-top:1px solid var(--lec-filet)}
.lec-f-source{font-size:.8rem;line-height:1.45;margin-left:auto;text-align:right}
.lec-js .lec-fiche:not(.est-ouverte) .lec-f-source{display:none}
.lec-source{color:var(--lec-gris);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--lec-ease),color .2s ease;padding-bottom:1px}
.lec-source:hover{color:var(--lec-bordeaux);background-size:100% 1px}
.lec-f-bouton{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.84rem;font-weight:600;padding:.4rem .85rem .4rem .7rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:transparent;color:var(--lec-encre);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.lec-f-bouton:hover{border-color:var(--lec-bordeaux);color:var(--lec-bordeaux)}
.lec-f-bouton::before{content:"";width:.9rem;height:.9rem;flex:none;background:linear-gradient(currentColor,currentColor) center/100% 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 100% no-repeat;transition:transform .3s var(--lec-ease)}
.lec-f-bouton[aria-expanded="true"]::before{transform:rotate(45deg)}
.lec-f-bouton[aria-expanded="true"]{background:var(--lec-encre);border-color:var(--lec-encre);color:var(--lec-papier)}
@media (min-width:1000px){
  .lec-fiche.est-ouverte .lec-f-corps:has(.lec-france){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:2rem;align-items:start}
  .lec-fiche.est-ouverte .lec-france{margin-top:0}
}
.lec-fiche.est-ouverte{animation:lec-ouvre .45s var(--lec-ease)}
@keyframes lec-ouvre{from{opacity:.4;transform:translateY(6px)}}

/* ------------------------------------------------------ légendes urbaines */
.lec-legendes{width:min(calc(100% - 2*var(--lec-marge)),var(--lec-large));margin:clamp(3rem,7vw,5rem) auto 0}
.lec-legendes-marque{font-size:clamp(3.2rem,8vw,5.4rem)!important;font-style:italic}
.lec-verdicts{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem}
.lec-verdicts[hidden]{display:none}
.lec-verdict-filtre{font:inherit;font-size:.82rem;padding:.42rem .85rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:transparent;color:var(--lec-texte);cursor:pointer}
.lec-verdict-filtre:hover{border-color:var(--lec-bordeaux);color:var(--lec-bordeaux)}
.lec-verdict-filtre[aria-pressed="true"]{background:var(--lec-encre);border-color:var(--lec-encre);color:var(--lec-papier)}
.lec-legendes-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:.9rem;align-items:stretch}
.lec-legendes-grille>li{display:flex;min-width:0}
.lec-legendes-grille>li[hidden]{display:none}
.lec-legende{position:relative;flex:1;display:flex;flex-direction:column;gap:.6rem;padding:1.15rem 1.2rem 1rem;border-radius:14px;border:1px solid var(--lec-filet);background:var(--lec-papier);overflow:hidden;--tampon:#7b2d2a}
.lec-legende-vrai{--tampon:#2f6b45}
.lec-legende-nuance{--tampon:#9a6512}
.lec-legende::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tampon);opacity:.75}
.lec-legende-pays{margin:0;font:700 .66rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lec-gris)}
.lec-legende-affirmation{margin:0;padding-right:5.2rem;font-family:var(--lec-serif);font-size:1.22rem;line-height:1.3;color:var(--lec-encre)}
.lec-legende-affirmation::before{content:"« "}
.lec-legende-affirmation::after{content:" »"}
.lec-legende-legende .lec-legende-affirmation{text-decoration:line-through;text-decoration-color:rgba(123,45,42,.55);text-decoration-thickness:1.5px}
.lec-tampon{position:absolute;top:.9rem;right:.8rem;margin:0;padding:.28rem .55rem;border:2px solid var(--tampon);border-radius:6px;color:var(--tampon);font:800 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-8deg);opacity:.9;background:rgba(251,248,242,.7)}
.lec-js .lec-legende .lec-tampon{opacity:0;transform:rotate(-8deg) scale(2.2)}
.lec-js .lec-legende.est-visible .lec-tampon{animation:lec-tampon .5s cubic-bezier(.2,1.4,.4,1) .35s forwards}
@keyframes lec-tampon{0%{opacity:0;transform:rotate(-14deg) scale(2.2)}70%{opacity:1;transform:rotate(-7deg) scale(.94)}100%{opacity:.9;transform:rotate(-8deg) scale(1)}}
.lec-legende:hover .lec-tampon{transform:rotate(-4deg) scale(1.06);transition:transform .3s var(--lec-ease)}
.lec-legende-explication{margin:0;font-size:.93rem;line-height:1.62;color:var(--lec-texte)}
.lec-legende-sources{margin:auto 0 0;padding-top:.55rem;border-top:1px solid var(--lec-filet);font-size:.78rem;display:flex;flex-wrap:wrap;gap:.2rem 1rem}
.lec-tuile-legendes{background:linear-gradient(160deg,#fbf8f2,#efe7e4)}

/* ------------------------------------------------------------------ adages */
.lec-adages{width:min(calc(100% - 2*var(--lec-marge)),var(--lec-large));margin:clamp(3rem,7vw,5rem) auto 0}
.lec-adages-guillemet{font-size:clamp(3.4rem,8vw,5.6rem)!important;letter-spacing:-.08em}
.lec-langues{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem}
.lec-langues[hidden]{display:none}
.lec-langue,.lec-hasard{font:inherit;font-size:.82rem;padding:.42rem .8rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:transparent;color:var(--lec-texte);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.lec-langue:hover{border-color:var(--lec-bordeaux);color:var(--lec-bordeaux)}
.lec-langue[aria-pressed="true"]{background:var(--lec-bordeaux);border-color:var(--lec-bordeaux);color:#fff}
.lec-hasard{margin-left:auto;font-weight:600;background:var(--lec-encre);border-color:var(--lec-encre);color:var(--lec-papier)}
.lec-hasard:hover{background:var(--lec-bordeaux);border-color:var(--lec-bordeaux)}
.lec-adages-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:.8rem;align-items:stretch}
.lec-adages-grille>li{display:flex;min-width:0}
.lec-adages-grille>li[hidden]{display:none}
.lec-adage{position:relative;flex:1;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1.1rem 1.15rem 1rem;border-radius:14px;border:1px solid var(--lec-filet);background:var(--lec-papier);transition:transform .3s var(--lec-ease),box-shadow .3s ease,border-color .3s ease}
.lec-adage::before{content:"«";position:absolute;right:-.05em;top:-.28em;font:italic 7.5rem/1 var(--lec-serif);color:rgba(123,45,42,.07);transition:transform .6s var(--lec-ease),color .4s ease;pointer-events:none}
.lec-adage:hover{transform:translateY(-3px);border-color:rgba(123,45,42,.4);box-shadow:0 14px 30px rgba(27,29,34,.09)}
.lec-adage:hover::before{transform:rotate(-8deg) scale(1.08);color:rgba(123,45,42,.13)}
.lec-adage-latin{background:linear-gradient(160deg,#fbf8f2,#f3ece0)}
.lec-adage-etr{background:linear-gradient(160deg,#fbf8f2,#eef0ee)}
.lec-adage-langue{display:flex;align-items:baseline;gap:.2rem;margin:0;font:700 .66rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lec-bordeaux)}
.lec-adage-langue span{font-weight:500;color:var(--lec-gris);letter-spacing:.06em}
.lec-adage-original{margin:.1rem 0 0;font-family:var(--lec-serif);font-size:1.3rem;line-height:1.3;color:var(--lec-encre)}
.lec-adage-original p{margin:0;background:linear-gradient(var(--lec-bordeaux),var(--lec-bordeaux)) 0 100%/0 1.5px no-repeat;transition:background-size .7s var(--lec-ease);display:inline}
.lec-adage:hover .lec-adage-original p{background-size:100% 1.5px}
.lec-adage-original:lang(zh),.lec-adage-original:lang(ja),.lec-adage-original:lang(ko){font-family:"Hiragino Mincho ProN","Songti SC","Noto Serif CJK SC",serif;letter-spacing:.04em}
.lec-adage-original[dir="rtl"]{text-align:right;font-family:"Geeza Pro","Times New Roman",serif;font-size:1.4rem}
.lec-adage-transcription{margin:0;font-size:.82rem;font-style:italic;color:var(--lec-gris)}
.lec-adage-traduction{margin:0;font-family:var(--lec-serif);font-style:italic;font-size:1rem;line-height:1.4;color:#3f3a34}
.lec-adage-sens{margin:0;font-size:.9rem;line-height:1.58;color:var(--lec-texte)}
.lec-adage-droit{margin:0;padding:.55rem .7rem;border-radius:10px;background:rgba(20,26,42,.045);font-size:.84rem;line-height:1.5;color:var(--lec-texte)}
.lec-adage-droit>span:first-child{display:block;margin-bottom:.15rem;font:700 .62rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lec-nuit)}
.lec-adage-source{margin:auto 0 0;padding-top:.5rem;border-top:1px solid var(--lec-filet);font-size:.76rem}
.lec-adage.est-tire{animation:lec-tire 1.6s var(--lec-ease)}
@keyframes lec-tire{0%{box-shadow:0 0 0 0 rgba(123,45,42,.5)}40%{box-shadow:0 0 0 10px rgba(123,45,42,0);transform:scale(1.02)}100%{box-shadow:0 0 0 0 rgba(123,45,42,0)}}
.lec-tuile-adages{background:linear-gradient(160deg,#fbf8f2,#f1e9dc)}

/* ------------------------------------------------------------------ méthode */
.lec-methode{margin-top:clamp(4rem,8vw,6rem);padding:clamp(1.6rem,3vw,2.4rem);border:1px dashed var(--lec-filet-fort);border-radius:18px;background:rgba(251,248,242,.6)}
.lec-methode h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 1rem}
.lec-methode ul{margin:0 0 1rem;padding-left:1.1rem;list-style:disc;display:grid;gap:.6rem;color:#3f3a34;line-height:1.6}
.lec-methode>p:last-child{margin:0;color:var(--lec-gris);font-size:.95rem;line-height:1.6}

/* ----------------------------------------------------------- dernière page */
.lec-fin{margin-top:clamp(4rem,9vw,7rem);background:var(--lec-nuit);color:var(--lec-ivoire);padding-block:clamp(4.5rem,10vw,8rem)}
.lec-fin .lec-sur{color:#e0a79c;justify-content:center}
.lec-fin .lec-sur::after{content:"";width:2.2rem;height:1px;background:currentColor;opacity:.6}
.lec-fin-cadre{text-align:center}
.lec-fin h2{color:var(--lec-ivoire);font-size:clamp(2.2rem,5.4vw,4.2rem);line-height:1.02;margin:0 auto 1.2rem;max-width:16ch}
.lec-fin-cadre>p:not(.lec-sur):not(.lec-fin-actions){max-width:36rem;margin:0 auto 2.6rem;font-family:var(--lec-serif);font-size:clamp(1.05rem,1.6vw,1.24rem);line-height:1.65;color:#d9d2c5}
.lec-fin-liens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:52rem;margin:0 auto 2.6rem}
.lec-fin-liens a{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1rem;border:1px solid rgba(243,237,226,.18);border-radius:14px;text-decoration:none;text-align:left;transition:background-color .25s ease,border-color .25s ease,transform .25s var(--lec-ease)}
.lec-fin-liens a:hover{background:rgba(243,237,226,.06);border-color:rgba(243,237,226,.4);transform:translateY(-2px)}
.lec-fin-liens small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#b3ab9d}
.lec-fin-liens span{font-family:var(--lec-serif);font-size:1.3rem;color:var(--lec-ivoire)}
.lec-fin-actions{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1rem}
.lec-fin-retour{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:.9rem 1.3rem;border-radius:999px;border:1px solid rgba(243,237,226,.28);color:#e7e1d6!important;text-decoration:none;font-weight:600;font-size:.95rem;transition:border-color .2s ease,background-color .2s ease}
.lec-fin-retour:hover{border-color:rgba(243,237,226,.6);background:rgba(243,237,226,.06)}
.lec-fin a:focus-visible{outline-color:#e0a79c}

/* ------------------------------------------- repères fixes (révélés par JS) */
.lec-progression{position:fixed;z-index:40;left:0;top:0;width:100%;height:3px;pointer-events:none}
.lec-progression span{display:block;height:100%;background:var(--lec-bordeaux);transform:scaleX(var(--lec-avance,0));transform-origin:left}
.lec-frise,.lec-indice{display:none}
@media (min-width:1240px){
  .lec-page{--lec-large:min(1180px,calc(100vw - 11rem))}
  .lec-js .lec-frise{display:block;position:fixed;z-index:6;left:22px;top:50%;height:min(52vh,440px);width:46px;transform:translateY(-50%);opacity:0;transition:opacity .4s ease;pointer-events:none}
  .lec-histoire-active .lec-frise{opacity:1}
  .lec-frise::before,.lec-frise::after{position:absolute;left:0;width:100%;text-align:center;font-size:.66rem;color:var(--lec-gris);font-variant-numeric:tabular-nums}
  .lec-frise::before{content:attr(data-min);top:-1.4rem}
  .lec-frise::after{content:attr(data-max);bottom:-1.4rem}
  .lec-frise-ligne{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--lec-filet-fort)}
  .lec-frise-point{position:absolute;left:50%;top:calc(var(--lec-frise,0)*100%);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--lec-bordeaux);box-shadow:0 0 0 4px rgba(123,45,42,.15);transition:top .5s var(--lec-ease)}
  .lec-frise-annee{position:absolute;left:50%;top:calc(var(--lec-frise,0)*100%);transform:translate(-50%,-1.9rem);font:500 .8rem/1 var(--lec-serif);color:var(--lec-bordeaux);background:var(--lec-fond);padding:.15rem .25rem;border-radius:4px;transition:top .5s var(--lec-ease);font-variant-numeric:lining-nums tabular-nums}
}
@media (min-width:900px){
  .lec-js .lec-indice{display:block;position:fixed;z-index:6;left:22px;bottom:22px;margin:0;padding:.4rem .8rem;border-radius:999px;background:rgba(251,248,242,.92);border:1px solid var(--lec-filet);font-size:.78rem;color:var(--lec-gris);font-variant-numeric:tabular-nums;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
  .lec-histoire-active .lec-indice{opacity:1;transform:none}
  .lec-indice-n{font-weight:700;color:var(--lec-encre)}
}

/* ------------------------------------------------------------- apparitions */
.lec-js .lec-apparait{opacity:0;transform:translate3d(0,18px,0);transition:opacity .75s ease,transform .85s var(--lec-ease)}
.lec-js .lec-apparait.est-visible{opacity:1;transform:none}

/* ------------------------------------------------------------------- mobile */
@media (max-width:899px){
  .lec-page{--lec-haut-nav:76px}
  .lec-chiffres{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.5rem}
  .lec-scene{width:min(80%,18rem);--ampx:14px;--ampy:112px}
  .lec-parole{max-width:min(15rem,80vw)}
  .lec-avis p{padding-left:1.2rem}
  .lec-intro{grid-template-columns:minmax(0,1fr);gap:.5rem}
  .lec-geant{font-size:clamp(5rem,30vw,8rem)}
  .lec-outils{border-radius:14px;padding:.45rem}
  .lec-compte{font-size:.78rem}
  .lec-filtres label{flex:1 1 100%;justify-content:space-between}
  .lec-filtres select{max-width:none;flex:1}
  .lec-fiche{padding:1rem 1.05rem .9rem}
  .lec-fin-liens{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lec-page :where([id]){scroll-margin-top:150px}
}
@media (min-width:900px){.lec-page :where(.lec-fiche,.lec-domaine,.lec-sous,#ecartes,#fin){scroll-margin-top:180px}}
@media (max-width:600px){.lec-siecles-axe span:nth-last-child(2){display:none}
  .lec-js .lec-fiche:not(.est-ouverte) .lec-retenir{display:none}
  .lec-js .lec-fiche:not(.est-ouverte){gap:.35rem}}
@media (max-width:420px){
  .lec-titre{font-size:clamp(2.8rem,15vw,3.6rem)}
  .lec-ligne+.lec-ligne>span{padding-left:0}
  .lec-compte span+*{display:none}
}

/* --------------------------------------------------- mouvement réduit, print */
@media (prefers-reduced-motion:reduce){
  .lec-page *,.lec-page *::before,.lec-page *::after{animation:none!important;transition:none!important}
  .lec-ligne>span,.lec-chapo,.lec-label,.lec-actions,.lec-sceau{transform:none;opacity:1}
  .lec-label::before{transform:none}
  .lec-paraphe path,.lec-balance :is(path,circle){stroke-dashoffset:0}
  .lec-js .lec-une li{opacity:1;visibility:visible;animation:none}
  .lec-js .lec-une li:not(:first-child){display:none}
  .lec-js .lec-siecles rect{transform:none}
  .lec-js .lec-legende .lec-tampon{opacity:.9;transform:rotate(-8deg);animation:none}
  .lec-trait{stroke-dashoffset:0}
  .lec-eclat,.lec-onde,.lec-oiseaux{display:none}
  .lec-fenetres circle{opacity:.5}
  .lec-js .lec-parole{animation:none}
  .lec-parole:first-child{opacity:1;visibility:visible;translate:-50% calc(-50% - 150px);scale:1}
  .lec-js .lec-apparait{opacity:1;transform:none}
  .lec-geant,.lec-bouton{transform:none}
  .lec-defiler{display:none}
}
@media print{
  .lec-progression,.lec-frise,.lec-indice,.lec-outils,.lec-domaines,.lec-defiler,.lec-filigrane,.lec-geant,.lec-f-bouton{display:none!important}
  .lec-js .lec-apparait,.lec-ligne>span,.lec-chapo{opacity:1!important;transform:none!important;animation:none!important}
  .lec-f-corps[hidden]{display:block!important}
  .lec-fin{background:none;color:#000}
  .lec-fin h2,.lec-fin-liens span{color:#000}
  .lec-fiche{break-inside:avoid}
}

/* ------------------------------------------------ téléphone (2026-10-01)
   Relevé par un contrôle automatique à 320 et 375 px, écran tactile émulé. */
.lec-plus{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;margin:1rem 0 0;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--lec-filet-fort);background:var(--lec-papier);color:var(--lec-encre);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer}
.lec-plus::after{content:"↓";color:var(--lec-bordeaux)}
.lec-plus:hover{border-color:var(--lec-bordeaux);color:var(--lec-bordeaux)}
.lec-plus:focus-visible{outline:2px solid var(--lec-bordeaux);outline-offset:3px}
.lec-plus[hidden]{display:none}
@media (pointer:coarse){
  .lec-verdict-filtre,.lec-langue,.lec-hasard{min-height:40px}
}
@media (max-width:700px){
  /* Étiquettes de 10,5 px : portées à 11,5 px. */
  .lec-legende-pays,.lec-adage-langue{font-size:.72rem}
  .lec-f-meta{font-size:.72rem}
  /* « Chercher une affaire » : cible de 25 px de haut. */
  .lec-bouton-second{display:inline-flex;align-items:center;min-height:44px}
  /* 21 langues : une seule ligne qui défile au doigt, « Un adage au hasard » toujours visible. */
  .lec-langues{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--lec-marge));padding:2px var(--lec-marge) 6px}
  .lec-langues::-webkit-scrollbar{display:none}
  .lec-langue{flex:none}
  .lec-hasard{flex:none;position:sticky;right:0;box-shadow:-14px 0 14px -4px var(--lec-papier)}
  .lec-verdicts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .lec-verdict-filtre{flex:none}
  /* Index des domaines : deux colonnes au lieu de quatorze lignes. */
  .lec-domaines ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .lec-tuile{grid-template-columns:1fr;padding:.85rem .9rem}
  .lec-tuile-n{grid-row:auto;font-size:1.5rem;margin-bottom:.35rem}
  .lec-tuile strong{font-size:1rem}
  .lec-tuile-c{grid-column:1}
  /* Sceau : la ligne de palais recouvrait l'anneau de texte. */
  .lec-horizon{bottom:-15%}
  .lec-scene{margin-bottom:11%}
}

/* Complément mobile : empêcher les contrôles natifs de dépasser leur ligne. */
@media (max-width: 700px) {
  .lec-filtres label {
    min-width: 0;
    width: 100%;
    flex: 1 1 100%;
  }
  .lec-filtres label span {
    white-space: normal;
  }
  .lec-filtres select {
    min-width: 0;
    width: 100%;
    flex: 1 1 0;
  }
  .lec-outils-ligne {
    flex-wrap: wrap;
  }
  .lec-recherche {
    flex: 1 1 100%;
    width: 100%;
  }
  .lec-recherche input {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    font-size: 1rem;
  }
  .lec-compte {
    margin-left: auto;
  }
}

/* Lecture illustrée — découvertes, confort de lecture et partage. */
.lec-page>.lec-selection{width:min(calc(100% - 2*var(--lec-marge)),var(--lec-large));margin:0 auto 3rem}
.lec-vitrine{width:100%;align-self:center}
.lec-hero-illustration{width:100%;margin:0;position:relative;border:1px solid var(--lec-filet);border-radius:22px;overflow:hidden;background:var(--lec-papier);box-shadow:0 20px 60px rgba(71,46,34,.09)}
.lec-hero-illustration>a{display:block;text-decoration:none}
.lec-hero-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.lec-hero-caption{display:block;padding:1.5rem 1.7rem 1.6rem;border-top:1px solid var(--lec-filet)}
.lec-hero-caption small,.lec-selection-meta{display:block;font:600 .72rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lec-bordeaux)}
.lec-hero-caption strong{display:block;font:500 clamp(1.55rem,2.6vw,2.1rem)/1.12 var(--lec-serif);margin:.55rem 0 .75rem;text-wrap:balance}
.lec-hero-caption>span{font-size:.87rem;font-weight:600;color:var(--lec-gris)}
.lec-hero-illustration>a:hover .lec-hero-caption>span{color:var(--lec-bordeaux)}
.lec-hero-illustration figcaption{padding:.65rem 1.7rem;font-size:.7rem;color:var(--lec-gris);border-top:1px solid var(--lec-filet);background:var(--lec-ivoire)}
.lec-selection-tete{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1.3rem}
.lec-selection h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;margin:0}
.lec-selection-tete>p{max-width:23rem;font-size:.93rem;line-height:1.6;color:var(--lec-gris);margin:0}
.lec-selection-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;list-style:none;padding:0;margin:0}
.lec-selection-grille>li{min-width:0;display:flex}
.lec-selection-carte{display:flex;flex:1;flex-direction:column;background:var(--lec-papier);border:1px solid var(--lec-filet);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.lec-selection-carte:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(71,46,34,.1);border-color:rgba(123,45,42,.45)}
.lec-selection-carte img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--lec-ivoire)}
.lec-selection-corps{display:flex;flex:1;flex-direction:column;padding:1.35rem 1.4rem 1.45rem}
.lec-selection-carte h3{font-size:1.6rem;line-height:1.14;margin:.55rem 0 .7rem}
.lec-selection-resume{font-size:.95rem;line-height:1.65;color:var(--lec-gris);margin:0 0 1.2rem}
.lec-selection-lire{margin-top:auto;font-size:.85rem;font-weight:650;display:flex;justify-content:space-between;gap:.8rem;border-top:1px solid var(--lec-filet);padding-top:.8rem}
.lec-selection-note{font-size:.75rem;line-height:1.5;color:var(--lec-gris);margin:.75rem 0 0}
/* Deux lignes stables laissent de la place au champ de recherche. */
.lec-outils{flex-wrap:wrap;padding:.7rem .8rem;gap:.7rem}
.lec-outils-ligne{flex:1 1 100%;gap:.7rem;flex-wrap:wrap}
.lec-recherche{flex:1 1 16rem}
.lec-recherche input{min-height:44px;box-sizing:border-box}
.lec-outils .lec-hasard{margin-left:0;font:600 .84rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;min-height:44px;padding:.6rem .95rem;border:1px solid var(--lec-bordeaux);border-radius:999px;background:var(--lec-bordeaux);color:var(--lec-papier);cursor:pointer;white-space:nowrap}
.lec-outils .lec-hasard:hover{background:#5e2321}
.lec-outils .lec-hasard:disabled{opacity:.45;cursor:default}
.lec-outils-plus{min-height:44px}
.lec-filtres{flex:1 1 100%;gap:.5rem .8rem}
.lec-filtres select{min-height:44px;max-width:100%;width:100%;min-width:0;flex:1}
.lec-filtres label{flex:1;min-width:0}
.lec-filtres button{min-height:44px}
.lec-temps{white-space:nowrap;letter-spacing:0;text-transform:none;color:var(--lec-gris);font-size:.72rem}
.lec-fiche:not(.est-ouverte) .lec-temps{flex-basis:100%}
.lec-fiche.est-ouverte{scroll-margin-top:285px}
.lec-fiche.est-ouverte .lec-f-recit>p{font-size:1.06rem;line-height:1.8}
.lec-copier{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.4rem .5rem;font:500 .78rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;color:var(--lec-gris);background:none;border:1px solid transparent;border-radius:8px}
.lec-copier:hover{color:var(--lec-bordeaux);border-color:var(--lec-filet-fort)}
.lec-f-bouton{min-height:36px}
.lec-lien-manuel{flex:1 1 100%;width:100%;min-width:0;padding:.65rem;border:1px solid var(--lec-filet-fort);border-radius:8px;font:inherit;font-size:.84rem;color:var(--lec-encre);background:#fff}
.lec-recit-image{margin:0 0 1.35rem}
.lec-recit-image img{width:100%;height:auto;display:block;border-radius:10px;aspect-ratio:3/2;object-fit:cover}
.lec-recit-image figcaption{font-size:.75rem;line-height:1.5;color:var(--lec-gris);margin-top:.5rem}
.lec-eclairage{margin-top:1.3rem;padding:1.1rem 1.25rem;border:1px solid rgba(123,45,42,.18);border-left:3px solid var(--lec-bordeaux);border-radius:0 12px 12px 0;background:#f9f4ed}
.lec-eclairage h4{font-size:1.2rem;margin:0 0 .5rem}
.lec-f-recit .lec-eclairage p{font-size:.97rem;line-height:1.7;margin:0 0 .6rem}
.lec-eclairage a{font-size:.82rem;text-underline-offset:3px;color:var(--lec-bordeaux)}
@media(min-width:1100px){
 .lec-js .lec-outils:not(.est-ouvert) .lec-filtres,.lec-filtres{flex:1 1 100%;flex-wrap:wrap}
 .lec-filtres label span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
 .lec-filtres label{gap:.55rem}
 .lec-filtres label:nth-child(2){flex:1.2}
 .lec-filtres select{max-width:none}
}
@media(max-width:800px){
 .lec-selection-grille{grid-template-columns:1fr}
 .lec-selection-tete{display:block}
 .lec-selection-tete>p{margin-top:.8rem;max-width:none}
 .lec-selection-carte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .lec-selection-carte img{height:100%;aspect-ratio:auto;object-fit:cover}
 .lec-selection-carte h3{font-size:1.4rem}
 .lec-selection-resume{font-size:.89rem}
 .lec-selection-corps{padding:1rem}
}
@media(max-width:700px){
 .lec-outils{padding:.55rem .6rem;gap:.5rem}
 .lec-recherche{flex:1 1 100%}
 .lec-outils-ligne{gap:.5rem}
 .lec-outils .lec-hasard{order:2;font-size:.8rem;padding:.55rem .8rem}
 .lec-outils-plus{order:3;margin-left:auto}
 .lec-compte{order:4;flex-basis:100%;margin:0;font-size:.78rem}
 .lec-filtres label{flex:1 1 100%}
 .lec-filtres select{max-width:none}
 .lec-fiche.est-ouverte{scroll-margin-top:265px}
 .lec-outils.est-ouvert{position:relative;top:auto}
 .lec-hero-caption{padding:1.2rem 1.3rem}
 .lec-hero-illustration figcaption{padding:.6rem 1.3rem}
}
@media(max-width:480px){
 .lec-selection-carte{display:flex}
 .lec-selection-carte img{height:auto;aspect-ratio:3/2}
 .lec-selection-corps{padding:1.2rem}
 .lec-selection-carte h3{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){.lec-selection-carte{transition:none}.lec-selection-carte:hover{transform:none}}
@media print{.lec-selection,.lec-hero-illustration,.lec-copier,.lec-lien-manuel{display:none!important}.lec-recit-image{max-width:12cm;break-inside:avoid}.lec-eclairage{break-inside:avoid}}


/* Commandes d'écoute communes à toutes les histoires. */
.lec-ecouter{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .75rem;border:1px solid var(--lec-filet-fort);border-radius:999px;background:transparent;color:var(--lec-bordeaux);font:600 .8rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.lec-ecouter:before{content:"▶";font-size:.65rem;margin-right:.45rem}
.lec-ecouter[aria-pressed="true"]:before{content:"♪"}
.lec-ecouter:hover,.lec-ecouter[aria-pressed="true"]{background:var(--lec-bordeaux);color:var(--lec-papier);border-color:var(--lec-bordeaux)}
.lec-audio[hidden]{display:none!important}
.lec-audio{position:fixed;z-index:35;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 32px));box-sizing:border-box;padding:1rem 1.25rem .7rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.2rem;align-items:center;border:1px solid var(--lec-filet-fort);border-radius:16px;background:var(--lec-papier);box-shadow:0 8px 45px rgba(27,29,34,.2)}
.lec-audio-entete{min-width:0}
.lec-audio-sur{font-size:.65rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--lec-bordeaux)}
.lec-audio-titre{display:block;font:500 1.1rem/1.35 var(--lec-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0}
.lec-audio-etat{margin:0;font-size:.76rem;line-height:1.4;color:var(--lec-gris)}
.lec-audio-commandes{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.lec-audio-commandes button,.lec-audio-commandes select{min-height:42px;border:1px solid var(--lec-filet-fort);border-radius:9px;padding:.55rem .8rem;font:600 .82rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;background:var(--lec-ivoire);color:var(--lec-encre);cursor:pointer}
.lec-audio-commandes .lec-audio-pause{background:var(--lec-bordeaux);color:var(--lec-papier);border-color:var(--lec-bordeaux)}
.lec-audio-vitesse{display:flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--lec-gris)}
.lec-audio-progres{width:100%;height:4px;grid-column:1/-1;border:0;border-radius:3px;overflow:hidden;accent-color:var(--lec-bordeaux)}
.lec-audio-progres::-webkit-progress-bar{background:var(--lec-filet)}
.lec-audio-progres::-webkit-progress-value{background:var(--lec-bordeaux)}
.lec-audio-progres::-moz-progress-bar{background:var(--lec-bordeaux)}
body.lec-audio-visible{padding-bottom:var(--lec-audio-hauteur,220px)}
.lec-audio-visible .retour-haut{bottom:calc(var(--lec-audio-hauteur,220px) + 12px)}
.lec-audio-indisponible{font-size:.85rem;color:var(--lec-gris)}
@media(max-width:700px){.lec-audio{grid-template-columns:minmax(0,1fr);padding:.8rem 1rem .6rem;width:calc(100% - 20px);gap:.55rem}.lec-audio-commandes{gap:.45rem}.lec-audio-vitesse{margin-left:auto}.lec-audio-commandes button,.lec-audio-commandes select{padding:.55rem .6rem}.lec-audio-titre{font-size:1rem}.lec-ecouter{min-height:42px}}
@media print{.lec-audio,.lec-ecouter,.lec-audio-indisponible{display:none!important}body.lec-audio-visible{padding-bottom:0!important}}

/* Partage des histoires — une fenêtre commune, ouverte uniquement sur demande. */
.lec-partager{color:var(--lec-bordeaux);border-color:var(--lec-filet-fort);border-radius:999px;min-height:38px;padding:.45rem .75rem;font-weight:600}
.lec-partager:before{content:"↗";font-size:1rem;margin-right:.4rem}
.lec-partager:hover{background:var(--lec-bordeaux);color:var(--lec-papier);border-color:var(--lec-bordeaux)}
.lec-partage[hidden],.lec-partage-voile[hidden]{display:none!important}
.lec-partage-voile{position:fixed;inset:0;background:rgba(27,29,34,.5);z-index:999}
.lec-partage{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--lec-filet-fort);border-radius:18px;padding:1.5rem;color:var(--lec-encre);background:var(--lec-papier);box-shadow:0 18px 70px rgba(27,29,34,.25);font-family:Inter,ui-sans-serif,system-ui,sans-serif;z-index:1000}
.lec-partage::backdrop{background:rgba(27,29,34,.5)}
body.lec-partage-visible{overflow:hidden}
.lec-partage-fermer{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem auto;padding:.5rem .7rem;min-height:40px;border:1px solid var(--lec-filet-fort);border-radius:999px;background:transparent;color:var(--lec-gris);font:500 .8rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.lec-partage-fermer span{font-size:1.2rem;line-height:1}
.lec-partage-sur{margin:0 0 .5rem;color:var(--lec-bordeaux);font-size:.65rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.lec-partage h2{margin:0;font:500 1.8rem/1.2 var(--lec-serif);letter-spacing:-.02em}
#lec-partage-histoire{margin:.8rem 0 1.2rem;font:400 1.1rem/1.5 var(--lec-serif);color:var(--lec-gris)}
.lec-partage-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.4rem}
.lec-partage-actions a,.lec-partage-actions button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;padding:.65rem .7rem;border:1px solid var(--lec-filet-fort);border-radius:10px;background:var(--lec-ivoire);color:var(--lec-encre);text-decoration:none;font:600 .85rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;text-align:center}
.lec-partage-actions .lec-partage-copier{background:var(--lec-bordeaux);color:var(--lec-papier);border-color:var(--lec-bordeaux)}
.lec-partage-actions [hidden]{display:none!important}
.lec-partage-actions :disabled{opacity:.65;cursor:wait}
.lec-partage-label{display:block;margin:0 0 .4rem;font-size:.75rem;color:var(--lec-gris)}
#lec-partage-lien{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--lec-filet-fort);border-radius:8px;padding:.6rem .7rem;color:var(--lec-encre);background:var(--lec-ivoire);font:400 16px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}
.lec-partage-statut{margin:.65rem 0 0;min-height:1.4em;font-size:.78rem;line-height:1.4;color:var(--lec-bordeaux)}
.lec-partage :focus-visible,.lec-partager:focus-visible{outline:3px solid var(--lec-bordeaux);outline-offset:3px}
@media(max-width:400px){.lec-partage{width:calc(100% - 20px);padding:1.1rem}.lec-partage h2{font-size:1.6rem}.lec-partager{min-height:42px}}
@media print{body.lec-partage-visible{overflow:visible!important}.lec-partage,.lec-partage-voile,.lec-partager{display:none!important}}

/* Légendes et adages dans leurs propres pages (2026-10-08) : cartes de /lecture,
   en-tête des pages /legendes-de-la-justice et /adages-juridiques. */
.lec-page>.lec-annexes,.lec-page>.lec-retour{width:min(calc(100% - 2*var(--lec-marge)),var(--lec-large));margin-inline:auto}
.lec-page>.lec-annexes{margin-top:clamp(3rem,7vw,5rem)}
.lec-annexes h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;margin:0 0 1.4rem}
.lec-annexes-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.9rem}
.lec-annexes-grille>li{display:flex;min-width:0}
.lec-annexe-carte{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1.2rem 1.25rem;border:1px solid var(--lec-filet);border-radius:16px;background:var(--lec-papier);text-decoration:none;transition:border-color .2s ease,transform .25s var(--lec-ease),box-shadow .25s ease}
.lec-annexe-legendes{background:linear-gradient(160deg,#fbf8f2,#efe7e4)}
.lec-annexe-adages{background:linear-gradient(160deg,#fbf8f2,#f1e9dc)}
.lec-annexe-carte:hover{border-color:var(--lec-bordeaux);transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,29,34,.08)}
.lec-annexe-marque{font-family:var(--lec-serif);font-size:2.3rem;line-height:1;color:rgba(123,45,42,.55);min-width:2.2rem}
.lec-annexe-corps{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.lec-annexe-corps strong{font-family:var(--lec-serif);font-weight:500;font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.2}
.lec-annexe-compte{font:600 .72rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lec-bordeaux)}
.lec-annexe-desc{font-size:.93rem;line-height:1.6;color:var(--lec-gris)}
.lec-annexe-fleche{color:var(--lec-bordeaux);font-size:1.2rem;line-height:1.3;transition:transform .3s var(--lec-ease)}
.lec-annexe-carte:hover .lec-annexe-fleche{transform:translateX(3px)}
.lec-d-cabinet{margin:-.5rem 0 1.4rem;font-size:.92rem;line-height:1.5}
.lec-d-cabinet a{color:var(--lec-bordeaux);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lec-d-cabinet a:hover{text-decoration-thickness:2px}
.lec-retour{margin-top:.6rem;font-size:.9rem}
.lec-retour a{color:var(--lec-bordeaux);font-weight:600;text-decoration:none}
.lec-retour a:hover{text-decoration:underline;text-underline-offset:3px}
.lec-page-annexe .lec-legendes,.lec-page-annexe .lec-adages{margin-top:clamp(1.4rem,3.5vw,2.4rem)}
.lec-page-annexe .lec-d-tete .lec-sur{flex-wrap:wrap;row-gap:.25rem}
@media (max-width:600px){.lec-page-annexe .lec-d-tete{grid-template-columns:minmax(0,1fr);gap:.6rem}.lec-page-annexe .lec-d-tete .lec-d-n{font-size:2.8rem!important;line-height:1}}
.lec-legendes-grille>li:target>.lec-legende,.lec-adages-grille>li:target>.lec-adage{box-shadow:0 0 0 2px var(--lec-bordeaux),0 14px 34px rgba(27,29,34,.1)}
@media (max-width:480px){.lec-annexe-carte{gap:.75rem;padding:1rem}.lec-annexe-marque{font-size:1.9rem;min-width:1.8rem}}
@media (prefers-reduced-motion:reduce){.lec-annexe-carte,.lec-annexe-fleche{transition:none}.lec-annexe-carte:hover{transform:none}}
@media print{.lec-annexes,.lec-retour{display:none!important}}