/* Lecteur Darby — affichage public.
   Même palette et même esprit typographique que la version autonome, pour
   une identité visuelle cohérente, quel que soit le thème du site. */

.darby-lecteur{
  --darby-bg:#0E1734;
  --darby-panel:#16214A;
  --darby-panel-2:#111B3C;
  --darby-ink:#E8E4D9;
  --darby-ink-dim:#9098b3;
  --darby-line:rgba(232,228,217,.14);
  --darby-brass:#C9A227;
  --darby-pomegranate:#9C3B48;
  --darby-olive:#6F7F5F;
  --darby-display:'Frank Ruhl Libre',Georgia,serif;
  --darby-body:'Cardo',Georgia,serif;
  --darby-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  max-width:46rem;margin:1.6rem auto;background:var(--darby-bg);
  color:var(--darby-ink);border-radius:6px;padding:1.6rem 1.8rem 2rem;
  font-family:var(--darby-ui);line-height:1.5;
  box-shadow:0 8px 30px rgba(0,0,0,.22);
}
.darby-lecteur *{box-sizing:border-box}

.darby-nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.3rem}
.darby-nav select{
  background:var(--darby-panel-2);color:var(--darby-ink);border:1px solid var(--darby-line);
  border-radius:4px;padding:.45rem .6rem;max-width:15rem;font-family:var(--darby-ui);font-size:.85rem;
}
.darby-nav select optgroup{font-family:var(--darby-display);font-style:normal}
.darby-toggle{
  margin-left:auto;background:none;border:1px solid var(--darby-line);color:var(--darby-ink-dim);
  border-radius:4px;padding:.4rem .8rem;font-size:.78rem;letter-spacing:.02em;cursor:pointer;
}
.darby-toggle:hover{color:var(--darby-ink);border-color:var(--darby-brass)}

.darby-titre{
  font-family:var(--darby-display);font-weight:500;font-size:1.9rem;margin:0 0 .3rem;color:var(--darby-ink);
}
.darby-badge{display:flex;gap:.7rem;align-items:center;margin:0 0 1.5rem;font-size:.78rem;color:var(--darby-ink-dim)}
.darby-pastille{
  border:1px solid currentColor;border-radius:99px;padding:.1rem .65rem;
  font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
}
.darby-pastille.darby-at{color:var(--darby-pomegranate)}
.darby-pastille.darby-nt{color:var(--darby-olive)}

.darby-commandes{display:flex;gap:.6rem;margin-bottom:1.5rem;flex-wrap:wrap}
.darby-commandes button{
  background:var(--darby-brass);color:#12183a;border:0;border-radius:4px;
  padding:.55rem 1.1rem;font-weight:600;font-size:.85rem;cursor:pointer;
}
.darby-commandes button.darby-stop{background:none;border:1px solid var(--darby-line);color:var(--darby-ink-dim)}
.darby-commandes button:hover{filter:brightness(1.08)}

.darby-versets{list-style:none;margin:0;padding:0}
.darby-verset{
  display:grid;grid-template-columns:3px 2.1rem 1fr;gap:0 .8rem;
  padding:.4rem .5rem .4rem 0;border-radius:4px;cursor:pointer;transition:background .25s ease;
}
.darby-verset:hover{background:rgba(201,162,39,.07)}
.darby-chant{position:relative;background:rgba(201,162,39,.15);border-radius:2px;overflow:hidden}
.darby-chant i{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--darby-brass);
  display:block;transition:height 1.1s ease}
.darby-verset.darby-en-cours{background:rgba(201,162,39,.11)}
.darby-verset.darby-en-cours .darby-chant i{height:100%}
.darby-num{font-size:.72rem;color:var(--darby-ink-dim);text-align:right;padding-top:.44rem;user-select:none}
.darby-texte{font-family:var(--darby-body);font-size:1.15rem;line-height:1.65}
.darby-verset[data-audio] .darby-num::after{content:"\266A";margin-left:.15rem;color:var(--darby-brass)}

@media(max-width:560px){
  .darby-lecteur{margin:1rem 0;padding:1.2rem 1.1rem 1.6rem;border-radius:0}
  .darby-titre{font-size:1.5rem}
  .darby-texte{font-size:1.05rem}
}
@media(prefers-reduced-motion:reduce){
  .darby-chant i{transition:none}
}

.darby-xref-inline{
  grid-column:3/-1;margin:.4rem 0 .2rem;padding:.5rem .7rem;
  background:var(--darby-panel-2);border-left:2px solid var(--darby-brass);border-radius:0 4px 4px 0;
}
.darby-xref-inline summary{
  font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--darby-brass);
  cursor:pointer;list-style:none;font-family:var(--darby-ui);font-weight:600;
}
.darby-xref-inline summary::-webkit-details-marker{display:none}
.darby-xref-inline summary::before{content:"▸ ";display:inline-block;transition:transform .15s}
.darby-xref-inline[open] summary::before{transform:rotate(90deg)}
.darby-xref-n{color:var(--darby-ink-dim);font-weight:400;letter-spacing:0;text-transform:none}
.darby-xref-liens{line-height:1.9;margin-top:.5rem}
.darby-xref-lien{
  background:var(--darby-panel);border:1px solid var(--darby-line);border-radius:99px;
  padding:.1rem .55rem;margin:0 .3rem .3rem 0;font-size:.72rem;color:var(--darby-ink-dim);
  display:inline-block;text-decoration:none;
}
.darby-xref-lien:hover{color:var(--darby-ink);border-color:var(--darby-brass)}

.darby-recherche{position:relative;margin:-.6rem 0 1.2rem}
.darby-recherche-bouton{
  background:var(--darby-panel-2);border:1px solid var(--darby-line);border-radius:4px;
  padding:.4rem .7rem;font-size:.95rem;cursor:pointer;color:var(--darby-ink);line-height:1;
}
.darby-recherche-bouton:hover{border-color:var(--darby-brass)}
.darby-recherche-panneau{
  position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:min(30rem,90vw);
  background:var(--darby-panel);border:1px solid var(--darby-brass);border-radius:6px;
  padding:.8rem;box-shadow:0 10px 30px rgba(0,0,0,.3);
}
.darby-recherche-champ{
  width:100%;background:var(--darby-panel-2);color:var(--darby-ink);border:1px solid var(--darby-line);
  border-radius:4px;padding:.5rem .7rem;font-size:.9rem;
}
.darby-recherche-resultats{max-height:19rem;overflow-y:auto;margin-top:.6rem}
.darby-recherche-item{
  display:block;padding:.5rem .3rem;border-bottom:1px solid var(--darby-line);
  text-decoration:none;color:inherit;
}
.darby-recherche-item:hover{background:rgba(201,162,39,.08)}
.darby-recherche-ref{
  display:block;font-family:var(--darby-ui);font-size:.7rem;letter-spacing:.05em;
  color:var(--darby-brass);text-transform:uppercase;margin-bottom:.15rem;
}
.darby-recherche-texte{font-family:var(--darby-body);font-size:.92rem;color:var(--darby-ink-dim);line-height:1.5}
.darby-recherche-attente,.darby-recherche-vide{font-size:.82rem;color:var(--darby-ink-dim);padding:.4rem .2rem}