﻿.bpr { --bpr-ink:#2d302d; --bpr-muted:#74766f; --bpr-gold:#82633a; --bpr-line:#e7e8e1; --bpr-soft:#f7f8f4; --bpr-paper:#fff; --bpr-taille:20px; position:fixed; inset:0; z-index:2147482000; display:flex; align-items:center; justify-content:center; padding:28px; color:var(--bpr-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; text-align:left; }
.bpr *, .bpr *::before, .bpr *::after { box-sizing:border-box; }
.bpr-fond { position:absolute; inset:0; background:rgba(23,30,27,.24); backdrop-filter:blur(5px); }
.bpr-fenetre { position:relative; display:flex; flex-direction:column; width:min(790px,100%); max-height:min(840px,calc(100dvh - 56px)); overflow:hidden; border:1px solid #ffffffa0; border-radius:19px; background:var(--bpr-paper); box-shadow:0 30px 110px #1720192e,0 4px 18px #17201912; }
.bpr button,.bpr select { font:inherit; color:inherit; }
.bpr button { cursor:pointer; }
.bpr button:focus-visible,.bpr select:focus-visible { outline:2px solid var(--bpr-gold); outline-offset:3px; }
.bpr button:disabled { opacity:.4; cursor:default; }
.bpr svg { width:19px; height:19px; flex-shrink:0; }
.bpr-entete { display:flex; align-items:center; gap:14px; padding:26px 29px 23px; }
.bpr-embleme { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#f4efe6; color:var(--bpr-gold); flex-shrink:0; }
.bpr-embleme svg { width:24px; height:24px; }
.bpr-entete > div:nth-child(2) { flex:1; min-width:0; }
.bpr-surtitre { display:block; text-transform:uppercase; font-size:10px; font-weight:650; letter-spacing:.15em; color:var(--bpr-muted); margin-bottom:5px; }
.bpr-entete h2 { margin:0; font:500 29px/1.2 Georgia,"Times New Roman",serif; color:var(--bpr-ink); letter-spacing:-.025em; overflow-wrap:anywhere; }
.bpr-icone { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:5px; border:0; border-radius:8px; background:transparent; color:var(--bpr-muted); }
.bpr-icone:hover { background:var(--bpr-soft); color:var(--bpr-ink); }
.bpr-fermer { align-self:flex-start; margin-top:-5px; margin-right:-7px; }
.bpr-barre { display:flex; align-items:center; gap:15px; padding:12px 29px; border-top:1px solid var(--bpr-line); border-bottom:1px solid var(--bpr-line); background:var(--bpr-soft); }
.bpr-version { display:flex; align-items:center; gap:10px; margin:0; min-width:0; flex:1; }
.bpr-version > span { font-size:11px; color:var(--bpr-muted); }
.bpr-version select { min-width:0; max-width:270px; border:1px solid var(--bpr-line); border-radius:8px; padding:8px 29px 8px 11px; background:var(--bpr-paper); font-size:12px; font-weight:550; }
.bpr-taille { display:flex; gap:2px; padding-right:14px; border-right:1px solid var(--bpr-line); }
.bpr-taille button { border:0; background:none; padding:6px; font-size:13px; }
.bpr-taille button:hover { color:var(--bpr-gold); }
.bpr-copier { display:inline-flex; align-items:center; gap:7px; border:0; padding:7px 0; background:transparent; font-size:12px!important; font-weight:550!important; white-space:nowrap; }
.bpr-contenu { overflow:auto; overscroll-behavior:contain; padding:27px 35px 35px; min-height:110px; scrollbar-width:thin; scrollbar-color:#cbd0c4 transparent; }
.bpr-passage + .bpr-passage { margin-top:28px; padding-top:23px; border-top:1px solid var(--bpr-line); }
.bpr-ref { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.bpr-ref h3 { margin:0; font:600 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:.01em; }
.bpr-sigle { border:1px solid var(--bpr-line); padding:2px 6px; border-radius:5px; font:500 9px/1.3 system-ui,sans-serif; color:var(--bpr-muted); }
.bpr-bascule { font:11px/1.5 system-ui,sans-serif; color:var(--bpr-muted); margin-left:auto; }
.bpr-verset { display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; margin-bottom:11px; }
.bpr-verset:last-child { margin-bottom:0; }
.bpr-numero { padding-top:8px; color:var(--bpr-gold); font:550 10px/1.8 system-ui,sans-serif; font-variant-numeric:tabular-nums; }
.bpr-texte { font:400 var(--bpr-taille)/1.8 Georgia,"Times New Roman",serif; color:var(--bpr-ink); overflow-wrap:anywhere; }
.bpr-texte p { font:inherit; margin:0 0 .6em; }
.bpr-texte sup { font-size:.65em; }
.bpr-texte[dir=rtl] { text-align:right; font-size:calc(var(--bpr-taille) + 3px); }
.bpr-mot { display:inline; margin:0; padding:0; border:0; border-radius:3px; background:transparent; color:inherit; font:inherit!important; line-height:inherit!important; text-align:inherit; cursor:pointer; }
.bpr-mot:hover,.bpr-mot:focus-visible { background:#efe8d8; box-shadow:0 2px 0 #c2a875; }
.bpr-manque { color:var(--bpr-muted); font-size:.83em; font-style:italic; }
.bpr-pied { display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid var(--bpr-line); padding:16px 29px; }
.bpr-pied > span { font-size:11px; color:var(--bpr-muted); }
.bpr-ouvrir { display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:10px 14px; border:1px solid #dde3d6; border-radius:8px; background:#f0f4eb; color:#435a38!important; font-size:12px!important; font-weight:550!important; white-space:nowrap; }
.bpr-ouvrir:hover { background:#e5eddc; }
.bpr-message { margin:0!important; font:12px/1.5 system-ui,sans-serif!important; color:var(--bpr-gold); }
.bpr-message:not(:empty) { padding:0 29px 15px; }
.bpr-attente,.bpr-vide { padding:22px 0; font:15px/1.7 system-ui,sans-serif; color:var(--bpr-muted); }
.bpr-vide h3 { color:var(--bpr-ink); font-size:19px; font-weight:500; }
.bpr-vide button { border:1px solid var(--bpr-line); border-radius:8px; padding:8px 13px; background:var(--bpr-soft); }
.bpr-lexique { display:flex; justify-content:space-between; gap:18px; padding:17px 26px; border-top:1px solid var(--bpr-line); background:var(--bpr-soft); font:14px/1.5 system-ui,sans-serif; }
.bpr-lexique[hidden] { display:none; }
.bpr-lexique strong { display:inline-block; font:23px Georgia,"Times New Roman",serif; margin-left:12px; }
.bpr-lexique p { margin:8px 0 0; font:14px/1.6 system-ui,sans-serif; }
.bpr-mot-fr { color:var(--bpr-muted); font-size:12px; }
[data-theme=dark] .bpr { --bpr-ink:#e5e6dc; --bpr-muted:#a3aa9c; --bpr-gold:#ceb889; --bpr-line:#3c443a; --bpr-soft:#262d25; --bpr-paper:#20261f; }
[data-theme=dark] .bpr-embleme { background:#38362a; }
[data-theme=dark] .bpr-ouvrir { background:#34412d; border-color:#48553e; color:#e1ead7!important; }
[data-theme=dark] .bpr-mot:hover { background:#494430; }
@media(max-width:600px) {
 .bpr { padding:12px; align-items:center; }
 .bpr-fenetre { max-height:calc(100dvh - 24px); border-radius:15px; }
 .bpr-entete { padding:21px 19px 19px; gap:10px; }
 .bpr-entete h2 { font-size:25px; }
 .bpr-embleme { width:37px; height:37px; border-radius:10px; }
 .bpr-barre { gap:10px; padding:11px 19px; flex-wrap:wrap; }
 .bpr-version > span { display:none; }
 .bpr-version select { width:100%; max-width:100%; font-size:12px; }
 .bpr-taille { gap:0; padding-right:8px; }
 .bpr-copier span { display:none; }
 .bpr-contenu { padding:23px 20px 27px; }
 .bpr-texte { font-size:calc(var(--bpr-taille) - 1px); }
 .bpr-verset { grid-template-columns:18px minmax(0,1fr); gap:6px; }
 .bpr-pied { padding:13px 19px; gap:10px; flex-wrap:wrap; }
 .bpr-pied > span { font-size:10px; }
 .bpr-ouvrir { padding:9px 11px; font-size:11px!important; gap:5px; }
 .bpr-bascule { flex-basis:100%; margin-left:0; }
}
@media(prefers-reduced-motion:no-preference) { .bpr-fenetre { animation:bpr-apparition .18s ease-out; } @keyframes bpr-apparition { from { opacity:0; transform:translateY(9px) scale(.99); } to { opacity:1; transform:none; } } }

.bpr-passage:only-child .bpr-ref { display:none; }
