/* La bibliothèque publique : par-dessus accueil.css (couleurs, haut, bas, boutons). */
.bp{max-width:1100px;margin:0 auto;padding:28px 24px 48px}
.bp h1{font-size:30px;line-height:1.2;color:var(--marque);margin:0 0 8px}
.bp h2{font-size:19px;color:var(--marque);margin:28px 0 10px}
.bp-lead{font-size:17px;color:var(--text2);max-width:760px;margin:0 0 18px}
.bp-recherche{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--rl);padding:12px}
.bp-recherche input,.bp-recherche select{font:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--border2);border-radius:var(--r);background:var(--bg);color:var(--text)}
.bp-recherche input{flex:1 1 280px;min-width:0}
.bp-recherche select{flex:0 1 auto;max-width:100%}
.bp-matieres{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.bp-matieres a{font-size:13.5px;padding:4px 11px;border:1px solid var(--border2);border-radius:999px;text-decoration:none;color:var(--text2);background:var(--bg)}
.bp-matieres a[aria-current]{background:var(--teal);border-color:var(--teal);color:var(--sur-teal);font-weight:600}
.bp-compte{color:var(--text3);font-size:14px;margin:22px 0 10px}
.bp-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bp-carte{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--rl);text-decoration:none;color:var(--text)}
.bp-carte:hover{border-color:var(--teal)}
.bp-carte-t{font-weight:700;font-size:15.5px;color:var(--text)}
.bp-carte-m{font-size:13px;color:var(--text2)}
.bp-carte-d{font-size:13.5px;color:var(--text2);margin-top:2px}
.bp-carte-b{display:flex;gap:10px;font-size:12.5px;color:var(--text3);margin-top:auto;padding-top:6px}
.bp-note{color:var(--amber);font-weight:700}
.bp-sup{display:inline-flex;align-items:center;gap:3px;color:var(--text2)}
.bp-case{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--text2);cursor:pointer}
.bp-pages{display:flex;gap:12px;align-items:center;justify-content:center;margin:20px 0;color:var(--text2);font-size:14px}
.bp-appel{background:var(--teal-l);border-radius:var(--rl);padding:16px 18px;margin:28px 0 0}
.bp-appel p{margin:0 0 10px}
.bp-btns{display:flex;flex-wrap:wrap;gap:8px}
.bp-fil{font-size:13.5px;color:var(--text3);margin-bottom:14px}
.bp-fiche{background:var(--bg);border:1px solid var(--border);border-radius:var(--rl);padding:22px 24px}
.bp-meta{color:var(--text2);margin:0 0 8px}
.bp-sm{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.bp-sm span{font-size:13px;padding:2px 10px;border-radius:999px;background:var(--bg2);color:var(--text2)}
.bp-desc{font-size:16px;margin:0 0 12px;white-space:pre-line}
.bp-elements{margin:0 0 12px;padding-left:22px}
.bp-elements li{margin:3px 0}
.bp-elements span{font-size:13px;color:var(--text3);margin-left:6px}
.bp-chiffres{font-size:14px;color:var(--text3);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bp-relu{color:var(--teal);font-weight:600}
@media (max-width:640px){
  .bp{padding:20px 16px 40px}
  .bp h1{font-size:24px}
  .bp-recherche select,.bp-recherche .btn{flex:1 1 100%}
  .bp-fiche{padding:16px}
}