/* La Bible ouverte en 3D — liseuse bilingue (Louis Segond 1910 | World English Bible).
   Le livre est fait de vrais éléments HTML (texte sélectionnable) placés dans une scène CSS 3D :
   couverture de cuir, tranches dorées, pli de reliure, papier crème grainé (texture générée en JS), ruban signet. */
@font-face{font-family:'EB Garamond';font-weight:400;font-style:normal;font-display:swap;src:url(/bible/lire/fonts/eb-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-weight:400;font-style:italic;font-display:swap;src:url(/bible/lire/fonts/eb-garamond-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-weight:600;font-style:normal;font-display:swap;src:url(/bible/lire/fonts/eb-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-weight:600;font-style:italic;font-display:swap;src:url(/bible/lire/fonts/eb-garamond-latin-600-italic.woff2) format('woff2')}

.lr{
  --papier:#f4ead3; --encre:#2a2017; --encre-douce:#6a5640; --rubrique:#8f2a1e; --dore:#e7c26a;
  --f-livre:'EB Garamond', Garamond, 'Times New Roman', Georgia, serif;
  --pw:400px; --ph:580px; --fs:15px; --c:18px; --emax:13px; --eg:4px; --ed:12px;
  height:max(500px, calc(100svh - var(--barre-h,64px)));
  display:flex; flex-direction:column; overflow:hidden;
  background:
    radial-gradient(1000px 640px at 26% -14%, rgba(255,184,98,.24), transparent 62%),
    radial-gradient(1200px 800px at 50% 78%, #26170d 0%, #120b06 62%, #080504 100%);
  color:#eadbb9;
}
body.mc-ciel:has(.lr){background:#0b0705}
.lr-cadre{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1680px;margin:0 auto;
  padding:8px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px))}
.lr-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- en-tête discret ---------- */
.lr-haut{display:flex;align-items:baseline;justify-content:center;gap:6px 18px;flex-wrap:wrap}
.lr-h1{font-family:var(--f-titre);font-weight:600;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:#ecd39c}
.lr-editions{display:flex;align-items:center;gap:10px;font-family:var(--f-livre);font-style:italic;font-size:1rem;color:#b39b74}
.lr-editions i{width:5px;height:5px;background:var(--dore);transform:rotate(45deg);opacity:.7}

/* ---------- barre d'outils ---------- */
.lr-outils{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:8px 0 4px}
.lr-groupe{display:flex;align-items:center;gap:6px}
.lr-ib{position:relative;min-width:44px;height:44px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border-radius:12px;
  border:1px solid rgba(233,207,152,.16);background:rgba(255,240,210,.04);color:#e6d2a8;transition:border-color .2s,color .2s,background .2s}
.lr-ib svg{width:20px;height:20px;flex:none}
.lr-ib:hover{border-color:rgba(242,184,75,.55);color:#fff4da;background:rgba(255,240,210,.08)}
.lr-ib[aria-pressed="true"]{color:var(--or);border-color:rgba(242,184,75,.7);--rempli:rgba(242,184,75,.35)}
.lr-ib:disabled{opacity:.32;cursor:default}
.lr-ib-texte span{font-family:var(--f-livre);font-size:1rem;line-height:1}
.lr-ib-texte.lr-grand span{font-size:1.3rem}
.lr-ib-texte b{font-size:.8rem;font-weight:700;margin-top:-6px}
.lr-livre-btn{height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px 0 16px;border-radius:12px;border:1px solid rgba(242,184,75,.38);
  background:linear-gradient(180deg,rgba(242,184,75,.14),rgba(242,184,75,.05));color:#f6e3b8;font-family:var(--f-titre);font-weight:600;font-size:.92rem;letter-spacing:.08em;white-space:nowrap}
.lr-livre-btn svg{width:18px;height:18px}
.lr-livre-btn:hover{border-color:var(--or)}
.lr-ref{display:flex;align-items:center;border:1px solid rgba(233,207,152,.16);background:rgba(0,0,0,.28);border-radius:12px;min-width:0}
.lr-ref:focus-within{border-color:var(--or);box-shadow:0 0 0 2px rgba(242,184,75,.25)}
.lr-ref input{flex:1;min-width:0;width:170px;height:42px;padding:0 4px 0 12px;background:none;border:0;color:#f6e8c9;font:inherit;font-size:.95rem}
.lr-ref input:focus{outline:none}
.lr-ref input::placeholder{color:#8f7a5a}
.lr-ref .lr-ib{border:0;background:none;height:42px}
.lr-modes{display:flex;padding:3px;gap:2px;border:1px solid rgba(233,207,152,.16);border-radius:13px;background:rgba(0,0,0,.25)}
.lr-modes button{height:38px;padding:0 12px;border:0;border-radius:10px;background:none;color:#cdb68c;font-weight:600;font-size:.85rem;white-space:nowrap}
.lr-modes button:hover{color:#fff1d2}
.lr-modes button[aria-pressed="true"]{background:linear-gradient(180deg,#f8dea2,#e0b257);color:#2a1a00;box-shadow:0 2px 10px -4px rgba(242,184,75,.7)}

/* ---------- scène ---------- */
.lr-scene{position:relative;flex:1 1 0;min-height:0;display:grid;place-items:center;overflow:hidden;
  perspective:2600px;perspective-origin:50% 12%;touch-action:pan-y}
.lr-scene::before{content:"";position:absolute;left:50%;bottom:4%;width:calc(var(--pw)*2.4);height:16%;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);pointer-events:none}
.lr-livre{position:relative;width:calc(var(--pw)*2);height:var(--ph);margin-bottom:calc(var(--c) + 10px);
  transform-style:preserve-3d;transform:rotateX(7deg)}
.lr-simple .lr-livre,.lr-livre.lr-simple{width:var(--pw)}

/* couverture de cuir */
.lr-cuir{position:absolute;inset:calc(-1*var(--c)) calc(-1*(var(--c) + var(--emax))) calc(-1*(var(--c) + 6px));border-radius:14px 14px 16px 16px;
  transform:translateZ(-3px);
  background-color:#24140c;
  background-image:var(--grain-cuir,none),
    linear-gradient(90deg,#160c07 0%,#3a2214 7%,#2d1a10 46%,#130a05 50%,#2d1a10 54%,#3a2214 93%,#160c07 100%);
  box-shadow:0 60px 80px -40px rgba(0,0,0,.95),0 24px 40px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,214,160,.10),inset 0 0 0 1px rgba(255,214,160,.05),inset 0 -6px 14px rgba(0,0,0,.45)}
.lr-cuir::after{content:"";position:absolute;inset:7px;border-radius:9px;border:1px solid rgba(231,194,106,.10);pointer-events:none}
.lr-simple .lr-cuir{inset:calc(-1*var(--c)) calc(-1*(var(--c) + var(--emax))) calc(-1*(var(--c) + 6px)) calc(-1*var(--c))}
/* tranchefile (petit bourrelet tressé en haut du dos) */
.lr-tranchefile{position:absolute;top:-5px;left:calc(var(--pw) - 9px);width:18px;height:6px;border-radius:3px 3px 0 0;transform:translateZ(-1px);
  background:repeating-linear-gradient(90deg,#9b1c1c 0 3px,#e2b65a 3px 5px)}
.lr-simple .lr-tranchefile{left:-4px}

/* tranches dorées : l'épaisseur suit la position dans la Bible (--eg à gauche, --ed à droite) */
.lr-tr{position:absolute;top:3px;bottom:-3px;transform:translateZ(-1px);
  background:repeating-linear-gradient(90deg,rgba(110,70,16,.38) 0 1px,rgba(255,240,190,.25) 1px 2px,transparent 2px 3px),
    linear-gradient(180deg,#f6d987 0%,#c99231 30%,#f1cd72 55%,#b17c22 80%,#e6bd5e 100%)}
.lr-tr-g{right:100%;width:var(--eg);border-radius:4px 0 0 5px;box-shadow:-2px 0 4px rgba(0,0,0,.45)}
.lr-tr-d{left:100%;width:var(--ed);border-radius:0 4px 5px 0;box-shadow:2px 0 4px rgba(0,0,0,.45)}
.lr-tr-bas{position:absolute;top:100%;height:5px;transform:translateZ(-1px);
  background:repeating-linear-gradient(180deg,rgba(110,70,16,.4) 0 1px,transparent 1px 2px),linear-gradient(90deg,#b98428,#f0cc72 40%,#c38d2e)}
.lr-tr-bg{left:calc(-1*var(--eg));width:calc(var(--pw) + var(--eg));border-radius:0 0 0 6px}
.lr-tr-bd{left:var(--pw);width:calc(var(--pw) + var(--ed));border-radius:0 0 6px 0}
.lr-simple .lr-tr-g,.lr-simple .lr-tr-bg{display:none}
.lr-simple .lr-tr-bd{left:0;width:calc(var(--pw) + var(--ed))}

/* ---------- pages ---------- */
.lr-page{position:absolute;top:0;width:var(--pw);height:var(--ph);display:flex;flex-direction:column;overflow:hidden;
  padding:calc(var(--pw)*.07) calc(var(--pw)*.085) calc(var(--pw)*.055) calc(var(--pw)*.1);
  background-color:var(--papier);background-image:var(--grain,none);color:var(--encre);
  font-family:var(--f-livre);font-size:var(--fs);line-height:1.36;font-kerning:normal;text-rendering:optimizeLegibility}
.lr-gauche{left:0;border-radius:3px 0 0 4px;
  padding-left:calc(var(--pw)*.085);padding-right:calc(var(--pw)*.1)}
.lr-droite{left:var(--pw);border-radius:0 3px 4px 0}
.lr-simple .lr-droite{left:0}
.lr-simple .lr-gauche{display:none}
/* courbure du papier vers le dos : ombre de reliure + reflet doux */
.lr-page::after{content:"";position:absolute;inset:0;pointer-events:none}
.lr-gauche::after{background:linear-gradient(90deg,rgba(120,90,50,.12) 0%,transparent 9%,rgba(255,250,235,.10) 55%,transparent 74%,rgba(110,78,40,.13) 88%,rgba(60,36,14,.42) 100%)}
.lr-droite::after{background:linear-gradient(270deg,rgba(120,90,50,.12) 0%,transparent 9%,rgba(255,250,235,.10) 55%,transparent 74%,rgba(110,78,40,.13) 88%,rgba(60,36,14,.42) 100%)}
.lr-pli{position:absolute;top:0;left:calc(var(--pw) - 16px);width:32px;height:100%;pointer-events:none;transform:translateZ(1px);
  background:linear-gradient(90deg,transparent,rgba(40,22,8,.18) 36%,rgba(25,12,4,.5) 50%,rgba(40,22,8,.18) 64%,transparent)}
.lr-simple .lr-pli{left:-14px}
.lr-lumiere{position:absolute;inset:0;pointer-events:none;transform:translateZ(2px);
  background:radial-gradient(90% 80% at 24% 4%,rgba(255,222,160,.16),transparent 60%),radial-gradient(110% 100% at 92% 108%,rgba(40,20,6,.24),transparent 62%)}

/* titre courant, colonne, folio */
.lr-tete{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:.32em;margin-bottom:.75em;
  border-bottom:3px double rgba(110,80,46,.45);font-family:var(--f-titre);font-weight:600;font-size:.64em;letter-spacing:.2em;text-transform:uppercase;color:var(--encre-douce);white-space:nowrap}
.lr-droite .lr-tete{flex-direction:row-reverse}
.lr-tete-plage{flex:1 1 0;font-family:var(--f-livre);font-weight:400;letter-spacing:.04em;font-size:1.3em;text-transform:none}
.lr-droite .lr-tete-plage:first-child{text-align:right}
.lr-tete-titre{flex:none}
.lr-texte{flex:1 1 0;min-height:0;overflow:hidden;text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;
  font-variant-numeric:oldstyle-nums;orphans:1;widows:1}
.lr-folio{flex:none;margin-top:.5em;text-align:center;font-size:.82em;color:var(--encre-douce);letter-spacing:.06em}
.lr-folio::before,.lr-folio::after{content:"";display:inline-block;width:1.4em;height:1px;margin:0 .6em;vertical-align:middle;background:rgba(110,80,46,.4)}

.lr-para,.lr-vers{margin:0}
.lr-vers{text-align:left;padding-left:1.2em;text-indent:-1.2em}
.lr-vers+.lr-vers{margin-top:.12em}
.lr-n{position:relative;top:-.5em;margin-right:.16em;font-size:.6em;line-height:0;font-weight:600;color:var(--rubrique);font-variant-numeric:lining-nums;letter-spacing:.02em;
  -webkit-user-select:none;user-select:none}
.lr-v{border-radius:2px}
.lr-lettrine{float:left;font-family:var(--f-titre);font-weight:600;font-size:3.3em;line-height:.82;margin:.07em .14em 0 -.02em;color:var(--rubrique);text-indent:0}
.lr-titre-livre{margin:.3em 0 .15em;text-align:center;font-family:var(--f-titre);font-weight:600;font-size:1.7em;letter-spacing:.12em;line-height:1.15;color:#3b2a19;hyphens:none}
.lr-titre-livre small{display:block;margin-top:.15em;font-family:var(--f-livre);font-style:italic;font-weight:400;font-size:.5em;letter-spacing:.02em;color:var(--encre-douce)}
.lr-orne{position:relative;height:1px;margin:.55em auto .8em;width:46%;background:linear-gradient(90deg,transparent,rgba(143,42,30,.55),transparent)}
.lr-orne::after{content:"";position:absolute;left:50%;top:50%;width:.42em;height:.42em;transform:translate(-50%,-50%) rotate(45deg);background:var(--rubrique)}
.lr-titre-psaume{margin:.2em 0 .4em;text-align:center;font-family:var(--f-titre);font-weight:600;font-size:.86em;letter-spacing:.22em;text-transform:uppercase;color:var(--rubrique);hyphens:none}
.lr-titre-psaume small{font-family:var(--f-livre);font-style:italic;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--encre-douce)}
.lr-suscription{margin:0 0 .45em;text-align:center;font-style:italic;font-size:.9em;line-height:1.3;color:var(--encre-douce);hyphens:manual}
.lr-avec-lettrine .lr-vers[lang=fr]{padding-left:0;text-indent:0}
.lr-paire+.lr-paire{margin-top:.55em}
.lr-paire .lr-en{margin-top:.1em;padding-left:.75em;border-left:1.5px solid rgba(143,42,30,.22);font-style:italic;font-size:.95em;color:#5e4c3a}
.lr-paire .lr-suscription.lr-en{border:0;padding:0;margin-top:-.25em}
.lr-manque{color:#a8957a;letter-spacing:.1em}
.lr-absent{font-style:italic;font-size:.92em;color:#8d7a60}
.lr-surligne{background:linear-gradient(180deg,transparent 6%,rgba(242,184,75,.42) 6%,rgba(242,184,75,.42) 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;
  animation:lr-lueur 2.4s ease-out 1}
@keyframes lr-lueur{0%{box-shadow:0 0 0 4px rgba(242,184,75,.55)}100%{box-shadow:0 0 0 0 rgba(242,184,75,0)}}
.lr-page ::selection{background:rgba(143,42,30,.22)}
.lr-texte:has(>.lr-avis,>.lr-fin){display:flex;flex-direction:column}
.lr-avis{margin:auto 0;text-align:center;font-style:italic;color:var(--encre-douce);display:grid;gap:.7em;justify-items:center;hyphens:manual}
.lr-avis b{font-family:var(--f-titre);font-style:normal;font-weight:600;font-size:.95em;letter-spacing:.12em;text-transform:uppercase;color:var(--rubrique)}
.lr-fin{margin:auto 0;display:grid;justify-items:center;gap:1em;text-align:center;color:var(--encre-douce);font-style:italic}
.lr-fin .lr-orne{width:40%;margin:0}
.lr-suite{min-height:44px;padding:.5em 1.1em;border-radius:999px;border:1px solid rgba(143,42,30,.4);background:rgba(255,250,236,.5);color:var(--rubrique);
  font-family:var(--f-titre);font-weight:600;font-size:.8em;letter-spacing:.12em;font-style:normal}
.lr-suite:hover{background:rgba(255,250,236,.9)}

/* ruban signet */
.lr-signet{position:absolute;top:-8px;left:calc(var(--pw) + 7px);width:15px;height:calc(var(--ph) + 54px);padding:0;border:0;transform-origin:50% 0;
  transform:translateZ(4px) rotate(-.6deg);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%);
  background:linear-gradient(90deg,#5c0b0f,#a81f26 32%,#c8353c 50%,#9a1a21 70%,#56090c);opacity:.9;transition:filter .2s,opacity .2s}
.lr-signet::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:18px;opacity:0;transition:opacity .2s;
  background:repeating-linear-gradient(180deg,#f3cf74 0 2px,transparent 2px 4px)}
.lr-signet:hover{filter:brightness(1.15);opacity:1}
.lr-signet[aria-pressed="true"]{opacity:1;filter:saturate(1.2) brightness(1.08)}
.lr-signet[aria-pressed="true"]::after{opacity:.9}
.lr-signet:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.lr-simple .lr-signet{left:8px}

/* coins de page cliquables (avec petite corne de page) */
.lr-coin{position:absolute;bottom:0;width:76px;height:76px;padding:0;border:0;background:none;transform:translateZ(4px)}
.lr-coin-d{right:0}
.lr-coin-g{left:0}
.lr-coin::before{content:"";position:absolute;bottom:0;width:16px;height:16px;transition:width .25s,height .25s;filter:drop-shadow(-2px -2px 3px rgba(40,20,5,.3))}
.lr-coin-d::before{right:0;background:linear-gradient(315deg,transparent 50%,#e9dcbf 50%,#fbf3e1 85%)}
.lr-coin-g::before{left:0;filter:drop-shadow(2px -2px 3px rgba(40,20,5,.3));background:linear-gradient(45deg,transparent 50%,#e9dcbf 50%,#fbf3e1 85%)}
.lr-coin:hover::before,.lr-coin:focus-visible::before{width:40px;height:40px}
.lr-coin:disabled{visibility:hidden}
.lr-coin:focus-visible{outline-offset:-6px}

/* feuille qui tourne */
.lr-feuille{position:absolute;top:0;left:var(--pw);width:var(--pw);height:var(--ph);transform-style:preserve-3d;transform-origin:0 50%;pointer-events:none}
.lr-feuille.lr-retour{left:0;transform-origin:100% 50%}
.lr-simple .lr-feuille{left:0;transform-origin:0 50%}
.lr-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lr-face.lr-dos{transform:rotateY(180deg)}
.lr-face .lr-page,.lr-face .lr-page.lr-gauche,.lr-face .lr-page.lr-droite{left:0;transform:none;display:flex}
.lr-ombre{position:absolute;inset:0;pointer-events:none;opacity:0}
.lr-face .lr-ombre{background:linear-gradient(90deg,rgba(30,15,4,.5),rgba(30,15,4,.15) 60%,rgba(255,250,235,.12))}
.lr-retour .lr-face:not(.lr-dos) .lr-ombre,.lr-face.lr-dos .lr-ombre{background:linear-gradient(270deg,rgba(30,15,4,.5),rgba(30,15,4,.15) 60%,rgba(255,250,235,.12))}
.lr-retour .lr-face.lr-dos .lr-ombre{background:linear-gradient(90deg,rgba(30,15,4,.5),rgba(30,15,4,.15) 60%,rgba(255,250,235,.12))}
.lr-portee{position:absolute;top:0;width:var(--pw);height:var(--ph);pointer-events:none;opacity:0;transform:translateZ(1.5px)}
.lr-portee-d{left:var(--pw);background:linear-gradient(90deg,rgba(25,12,3,.55),rgba(25,12,3,.12) 45%,transparent 75%)}
.lr-portee-g{left:0;background:linear-gradient(270deg,rgba(25,12,3,.55),rgba(25,12,3,.12) 45%,transparent 75%)}
.lr-simple .lr-portee-d{left:0}
.lr-fixe{pointer-events:none}
.lr-verso{background-image:var(--grain,none),linear-gradient(90deg,rgba(60,36,14,.3),transparent 12%)}

/* mesure invisible pour la pagination */
.lr-mesure{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}
.lr-mesure .lr-page{left:0;transform:none;display:flex}

/* ---------- bas ---------- */
.lr-bas{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2px}
.lr-position{min-width:15em;text-align:center;font-family:var(--f-livre);font-style:italic;font-size:1.02rem;color:#d1b98c}
.lr-langue-tel{height:44px;min-width:92px;padding:0 14px;border-radius:999px;border:1px solid rgba(242,184,75,.45);background:rgba(242,184,75,.1);color:#f6e2b2;font-weight:800;font-size:.85rem;letter-spacing:.08em}
.lr-aide{text-align:center;font-size:.76rem;color:#8a7556;margin-top:2px}
.lr-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;max-width:calc(100vw - 32px);
  padding:11px 18px;border-radius:12px;background:#21160d;border:1px solid rgba(242,184,75,.4);color:#f5e4bf;box-shadow:0 18px 40px -12px #000;font-size:.92rem;text-align:center}

/* ---------- dialogues ---------- */
.lr-dlg{width:min(880px,calc(100vw - 24px));max-height:calc(100svh - 32px);overflow:auto;background:#160f0a;border-color:rgba(242,184,75,.25)}
.lr-dlg-etroit{width:min(520px,calc(100vw - 24px))}
.lr-dlg-in{padding:18px 20px 22px;display:grid;gap:12px}
.lr-dlg-tete{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lr-dlg h2{font-family:var(--f-titre);font-size:1.25rem;letter-spacing:.06em;color:#f0d9a6}
.lr-recherche input{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--ligne);background:#0e0906;color:var(--texte);font:inherit}
.lr-testament{margin-top:10px;font-family:var(--f-titre);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--or)}
.lr-grille-livres{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px}
.lr-choix{min-height:46px;padding:7px 11px;text-align:left;border-radius:10px;border:1px solid rgba(233,207,152,.12);background:rgba(255,240,210,.03);line-height:1.2}
.lr-choix b{display:block;font-family:var(--f-livre);font-size:1.05rem;font-weight:600;color:#f3e3c0}
.lr-choix small{display:block;font-size:.76rem;color:#9a8665}
.lr-choix:hover{border-color:rgba(242,184,75,.55)}
.lr-choix[aria-current="true"]{border-color:var(--or);box-shadow:inset 0 0 0 1px var(--or)}
.lr-vide-recherche{color:var(--doux)}
.lr-retour-btn,.lr-retour{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 6px;border:0;background:none;color:var(--or-clair);font-weight:700}
.lr-retour svg{width:20px;height:20px}
.lr-chap-titre{font-family:var(--f-titre);font-size:1.1rem;color:#f0d9a6}
.lr-grille-chap{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}
.lr-grille-chap button{height:48px;border-radius:10px;border:1px solid rgba(233,207,152,.14);background:rgba(255,240,210,.03);font-family:var(--f-livre);font-size:1.1rem;font-weight:600;color:#f3e3c0}
.lr-grille-chap button:hover{border-color:rgba(242,184,75,.55)}
.lr-grille-chap button[aria-current="true"]{background:linear-gradient(180deg,#f8dea2,#e0b257);color:#2a1a00}
.lr-signets{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lr-signets li{display:flex;align-items:center;gap:6px}
.lr-signets .lr-choix{flex:1}

/* ---------- téléphone : une page à la fois ---------- */
@media (max-width:759px){
  .lr-haut,.lr-aide,.lr-modes{display:none}
  .lr-outils{gap:6px;margin:4px 0 2px}
  .lr-outils>.lr-groupe:first-child{flex:none}
  .lr-ref{flex:1 1 120px}
  .lr-ref input{width:100%}
  .lr-livre-btn{padding:0 8px 0 10px;font-size:.84rem;letter-spacing:.04em;max-width:150px;overflow:hidden}
  .lr-livre-btn span{overflow:hidden;text-overflow:ellipsis}
  .lr-groupe .lr-ib{min-width:44px}
  .lr-position{min-width:0;flex:1;font-size:.95rem}
  .lr-bas{gap:8px}
  .lr-livre{transform:rotateX(4deg)}
}
@media (max-width:1180px) and (min-width:760px){
  .lr-modes button{padding:0 9px;font-size:.8rem}
  .lr-ref input{width:130px}
}
@media (prefers-reduced-motion:reduce){
  .lr-livre{transform:none}
}