/* Lecteur biblique commun — v1 (26 septembre 2026)
   Même fichier sur les cinq parcours. Chaque site ne fournit que les variables --lb-* (couleurs, polices). */
.lb,.lb-voile,.lb-toast{
  --lb-panel:var(--lb-c-panel,#fffdf8);--lb-corps:var(--lb-c-corps,#f8f5ed);--lb-ink:var(--lb-c-ink,#1f1a14);
  --lb-muted:var(--lb-c-muted,#5f6a65);--lb-line:var(--lb-c-line,#d9d0bf);--lb-accent:var(--lb-c-accent,#bd7b20);
  --lb-accent-txt:var(--lb-c-accent-txt,#8a5a14);--lb-sur:var(--lb-c-sur,#9f3f2d);--lb-hl:var(--lb-c-hl,#f1dfb9);
  --lb-ombre:var(--lb-c-ombre,rgba(23,20,15,.2));--lb-f-titre:var(--lb-font-titre,Georgia,serif);
  --lb-f-verset:var(--lb-font-verset,Georgia,serif);--lb-f-ui:var(--lb-font-ui,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);
  --lb-poids:var(--lb-titre-poids,400);--lb-rayon:var(--lb-c-rayon,0px)}
.lb *{box-sizing:border-box}
.lb button{font:inherit;color:inherit}
.lb-voile{position:fixed;inset:0;z-index:9990;background:rgba(20,16,10,.42);opacity:0;transition:opacity .2s}
.lb-voile.on{opacity:1}
.lb{position:fixed;z-index:9991;top:0;right:0;bottom:0;width:min(500px,100%);display:flex;flex-direction:column;
  background:var(--lb-corps);color:var(--lb-ink);box-shadow:-24px 0 64px var(--lb-ombre);border-left:1px solid var(--lb-line);
  font:16px/1.6 var(--lb-f-ui);text-align:left;transform:translateX(24px);opacity:0;transition:transform .22s ease,opacity .22s ease}
.lb.on{transform:none;opacity:1}
.lb[hidden],.lb-voile[hidden]{display:none}
html.lb-ouvert{overflow:hidden}

.lb-tete{position:relative;padding:22px 72px 14px 26px;background:var(--lb-panel);border-bottom:1px solid var(--lb-line)}
.lb-sur{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:600 11.5px/1.2 var(--lb-f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--lb-sur)}
.lb-sur:before{content:"";width:28px;height:1px;background:currentColor}
.lb-ref{margin:0;font:var(--lb-poids) 34px/1.1 var(--lb-f-titre);letter-spacing:-.01em;color:var(--lb-ink)}
.lb-fermer{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid var(--lb-line);background:var(--lb-corps);font-size:20px;line-height:1;cursor:pointer}
.lb-fermer:hover,.lb-fermer:focus-visible{border-color:var(--lb-accent);color:var(--lb-accent-txt);outline:none}

.lb-onglets{display:flex;background:var(--lb-panel);border-bottom:1px solid var(--lb-line);padding:0 14px}
.lb-onglets button{flex:1;padding:13px 6px 12px;border:0;border-bottom:3px solid transparent;background:none;cursor:pointer;
  font:600 12.5px/1.2 var(--lb-f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--lb-muted)}
.lb-onglets button[aria-selected="true"]{color:var(--lb-ink);border-bottom-color:var(--lb-accent)}
.lb-onglets button:focus-visible{outline:2px solid var(--lb-accent);outline-offset:-3px}

.lb-corps{flex:1;overflow:auto;padding:22px 26px 26px;overscroll-behavior:contain}
.lb-corps:focus-visible{outline:2px solid var(--lb-accent);outline-offset:-4px}
.lb-etiq{margin:0 0 8px;font:600 11px/1.3 var(--lb-f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--lb-muted)}
.lb-verset{margin:0;font:400 20px/1.7 var(--lb-f-verset);color:var(--lb-ink)}
.lb-verset sup,.lb-cmp sup{font:700 .6em/1 var(--lb-f-ui);color:var(--lb-accent-txt);margin-right:4px;vertical-align:.55em}
.lb-mot{background:var(--lb-hl);padding:0 3px;border-radius:2px;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lb-mot:hover,.lb-mot:focus-visible{outline:1px solid var(--lb-accent)}

.lb-savoir{margin:18px 0 0;padding:12px 14px 12px 16px;border-left:3px solid var(--lb-sur);background:var(--lb-panel);font-size:14.5px;line-height:1.6;color:var(--lb-ink)}
.lb-savoir b{display:block;margin-bottom:2px;font:600 11px/1.3 var(--lb-f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--lb-sur)}

.lb-fiche{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:center;margin:18px 0 0;padding:16px 18px;background:var(--lb-panel);border:1px solid var(--lb-line);border-radius:var(--lb-rayon);transition:box-shadow .3s}
.lb-fiche.pulse{box-shadow:0 0 0 3px var(--lb-hl)}
.lb-fiche .orig{grid-row:span 2;font:32px/1.1 "SBL Greek","Gentium Plus","Palatino Linotype",Georgia,serif;color:var(--lb-ink)}
.lb-fiche .orig.he{font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif;font-size:38px;direction:rtl}
.lb-fiche h3{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:700 17px/1.25 var(--lb-f-ui);color:var(--lb-ink)}
.lb-fiche .num{font:700 11.5px/1 var(--lb-f-ui);letter-spacing:.06em;padding:4px 7px;border:1px solid var(--lb-line);background:var(--lb-corps);color:var(--lb-accent-txt)}
.lb-fiche p{margin:0;font-size:14.5px;line-height:1.55;color:var(--lb-muted)}
.lb-fiche p i{color:var(--lb-ink)}
.lb-fiche a{color:var(--lb-accent-txt)}

.lb-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.lb-actions button,.lb-actions a{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid var(--lb-line);background:var(--lb-panel);
  font:500 13.5px/1.2 var(--lb-f-ui);color:var(--lb-ink);text-decoration:none;cursor:pointer;border-radius:var(--lb-rayon)}
.lb-actions button:hover,.lb-actions a:hover,.lb-actions button:focus-visible,.lb-actions a:focus-visible{border-color:var(--lb-accent);color:var(--lb-accent-txt);outline:none}

.lb-cmp{padding:13px 0;border-bottom:1px solid var(--lb-line)}
.lb-cmp:first-child{padding-top:0}
.lb-cmp h4{margin:0 0 3px;display:flex;justify-content:space-between;gap:10px;font:600 11px/1.3 var(--lb-f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--lb-muted)}
.lb-cmp h4 small{font-weight:400;letter-spacing:.04em;text-transform:none}
.lb-cmp p{margin:0;font:400 16.5px/1.6 var(--lb-f-verset);color:var(--lb-ink)}
.lb-cmp.ancien p{font-style:italic;color:var(--lb-sur)}
.lb-orig{margin:0;display:flex;flex-wrap:wrap;gap:6px 12px;font:22px/1.3 "SBL Greek","Gentium Plus","Palatino Linotype",Georgia,serif;color:var(--lb-ink)}
.lb-orig.he{direction:rtl;font:26px/1.3 "SBL Hebrew","Ezra SIL","Times New Roman",serif}
.lb-orig .w{display:inline-flex;flex-direction:column;align-items:center;padding:4px 4px 5px;border-radius:3px}
.lb-orig .w small{margin-top:4px;font:600 10.5px/1 var(--lb-f-ui);color:var(--lb-muted);direction:ltr}
.lb-orig .w.cle{background:var(--lb-hl)}
.lb-petit{margin:14px 0 0;font-size:12.5px;line-height:1.45;color:var(--lb-muted)}

.lb-pied{background:var(--lb-panel);border-top:1px solid var(--lb-line);padding:12px 26px 14px}
.lb-nav{display:flex;justify-content:space-between;gap:10px}
.lb-nav:empty,.lb-nav.vide{display:none}
.lb-nav button{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:48%;padding:8px 12px;border:1px solid var(--lb-line);background:var(--lb-corps);cursor:pointer;text-align:left;border-radius:var(--lb-rayon)}
.lb-nav button.suiv{margin-left:auto;text-align:right}
.lb-nav button span{font:600 10.5px/1.2 var(--lb-f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--lb-muted)}
.lb-nav button strong{font:500 14.5px/1.3 var(--lb-f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--lb-ink)}
.lb-nav button:hover,.lb-nav button:focus-visible{border-color:var(--lb-accent);outline:none}
.lb-nav button[hidden]{display:none}
.lb-source{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--lb-muted)}
.lb-source a{color:inherit}

.lb-toast{position:fixed;left:50%;bottom:24px;z-index:9992;transform:translate(-50%,20px);opacity:0;padding:10px 16px;background:#221a12;color:#f3e8d4;font:500 14px/1.2 var(--lb-f-ui);border-radius:999px;transition:.2s;pointer-events:none}
.lb-toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:640px){
  .lb{top:auto;height:88vh;width:100%;border-left:0;border-top:1px solid var(--lb-line);border-radius:14px 14px 0 0;transform:translateY(30px)}
  .lb:before{content:"";position:absolute;top:7px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:var(--lb-line);z-index:1}
  .lb-tete{padding:22px 64px 12px 18px;border-radius:14px 14px 0 0}.lb-ref{font-size:28px}
  .lb-corps{padding:18px}.lb-pied{padding:10px 18px 12px}.lb-onglets{padding:0 6px}
  .lb-fiche{grid-template-columns:1fr}.lb-fiche .orig{grid-row:auto}
}
@media (prefers-reduced-motion:reduce){.lb,.lb-voile,.lb-toast{transition:none}}
@media print{.lb,.lb-voile,.lb-toast{display:none!important}}