.gallika-restricted{
      max-width: 720px;
      margin: 7rem auto;
      padding: 2.8rem 2.2rem;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      text-align: center;
      color: #444;
    }
    .gallika-restricted h1{
      font-weight: 600;
      font-size: 1.5rem;
      margin: 0 0 1.2rem 0;
    }
    .gallika-restricted p{
      margin: 0 0 1rem 0;
      line-height: 1.65;
    }
    .gallika-restricted .gallika-login a{
      display: inline-block;
      margin-top: 1.4rem;
      text-decoration: underline;
    }
				
				
				
/* =========================
   Base typographique
========================== */

body{ font-size:1em; }

.synopsis-el{ line-height:1.45; }

.chapo{
  font-size:1em;
  line-height:1.65;
  color:#666;
  margin-bottom:1.8rem;
}

.classic-view .post{ max-width:740px; }

.post-content h3{
  margin-top:2.2rem;
  margin-bottom:.8rem;
}

/* =========================
   Tabs
========================== */

.nav-tabs .nav-link{
  background-color:#f4f5f7;
  color:#9aa0a6;
}

.nav-tabs .nav-link.active{
  background-color:#e9edf2;
  color:#1f2937;
  font-weight:600;
  border-color:#d1d5db #d1d5db #e9edf2;
  box-shadow: inset 0 -1px 0 #e9edf2;
}

.nav-tabs .nav-link:hover{
  background-color:#eef1f4;
  color:#4b5563;
}

/* =========================
   Synopsis
========================== */

.ai-note{
  margin-top:.6rem;
  font-size:.75rem;
  color:#aaa;
  font-style:italic;
}

.synopsis{
  font-size:.9em;
  line-height:1.6;
  color:#555;
}

.gallika-synopsis{
  margin-bottom:1rem;
}

.gallika-synopsis button{
  border-radius:8px;
  font-weight:600;
}

.gallika-synopsis .card-body{
  padding:1rem 1.35rem .9rem 1.35rem;
}

.gallika-synopsis .card{
  min-height:0 !important;
}

.gallika-synopsis .synopsis,
.gallika-synopsis .ai-note{
  margin-bottom:0;
}

.gallika-resumes{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  margin-bottom:.6rem;
}

.gallika-resumes .btn{
  padding:.35rem .75rem;
  font-size:.85rem;
  border-radius:999px;
  background:#f2f3f5;
  border:1px solid rgba(0,0,0,.06);
  color:#3a3a3a;
}

.gallika-resumes .btn:hover{
  background:#eceef1;
}

/* =========================
   Images N&B / couleur au survol
========================== */

.rub-img-nb{
  filter:grayscale(100%);
  opacity:.85;
  mix-blend-mode:multiply;
  transition:filter .3s ease, opacity .3s ease, transform .3s ease;
}

.rub-img-nb:hover{
  filter:grayscale(0%);
  opacity:1;
}

/* =========================
   Accroche
========================== */

.gallika-accroche{
  margin:2rem 0 2.6rem 0;
  padding-left:16px;
  border-left:3px solid #6c8ed9;
}

.gallika-accroche i{
  margin-right:.4rem;
  margin-top:.25rem;
}

.gallika-accroche span{
  font-weight:600;
  font-size:1.05em;
}

/* =========================
   Sidebar : rythme
========================== */

.sidebar .widget{
  margin-bottom:2.2rem;
}

/* =========================
   Sticky box (Sommaire + prev/next)
========================== */

.gallika-stickybox .sommaire{
  border-left:2px solid #e9edf2;
  padding-left:.9rem;
}

.gallika-stickybox ul{
  list-style:none;
  padding-left:0;
  margin:0;
}

.gallika-stickybox li{
  margin:.35rem 0;
  line-height:1.3;
}

.gallika-stickybox a{
  text-decoration:none;
}

.gallika-stickybox .sommaire a{
  padding:.12rem .2rem;
  border-radius:6px;
  display:inline-block;
}

.gallika-stickybox .sommaire a:hover{
  background:#f4f6f9;
}

/* Masquer le titre SOMMAIRE généré par le plugin */
.nav-sommaire h2{
  display:none;
}

.gallika-nav-label{
  text-align:center;
  font-size:.85rem;
  color:#8a94a6;
  margin-bottom:.4rem;
  letter-spacing:.03em;
}

/* Prev / Next */
.gallika-prevnext a{
  text-decoration:none !important;
}

.gallika-prevnext a:hover{
  text-decoration:none !important;
  background:#eceef1;
}

/* =========================
   Accordéon "Infos" en chips
========================== */

.sidebar .gallika-infos .accordion-item{
  border:0 !important;
  margin-bottom:.55rem !important;
  background:transparent;
}

.sidebar .gallika-infos .accordion-button{
  width:auto !important;
  display:inline-flex !important;
  align-items:center;
  gap:.45rem;
  padding:.45rem .8rem !important;
  border-radius:999px !important;
  background:#f2f3f5 !important;
  border:1px solid rgba(0,0,0,.06) !important;
  font-size:.9rem !important;
  font-weight:500 !important;
  color:#1f2937 !important;
  box-shadow:none !important;
}

.sidebar .gallika-infos .accordion-button:not(.collapsed){
  background:#eceef1 !important;
  color:#1f2937 !important;
  box-shadow:none !important;
}

.sidebar .gallika-infos .accordion-button:focus{
  box-shadow:none !important;
}

.sidebar .gallika-infos .accordion-button::after{
  display:none !important;
}

.sidebar .gallika-infos .accordion-body{
  padding:.6rem .2rem .7rem .2rem !important;
}

.sidebar .gallika-infos .accordion-collapse{
  margin-bottom:.55rem !important;
}

/* Fil d’Ariane */
.gallika-path{
  font-size:.9rem;
  color:#6b7280;
}

.gallika-path a{
  color:inherit;
  text-decoration:none;
}

.gallika-path a:hover{
  color:#1f2937;
}

.gallika-path li{
  margin:.15rem 0;
}

/* =========================
   À lire aussi
========================== */

.gallika-related{
  display:grid;
  gap:1rem;
}

.gallika-related-item{
  display:flex;
  align-items:center;
  gap:.8rem;
  text-decoration:none;
  border-radius:12px;
  padding:.2rem 0;
}

.gallika-related-item:hover{
  background:transparent;
}

.gallika-related-fig{
  flex:0 0 84px;
}

.gallika-related-fig .spip_logo{
  display:block;
  width:84px;
  height:84px;
  object-fit:cover;
  border-radius:10px;
}

.gallika-related-content{
  min-width:0;
  flex:1 1 auto;
}

.gallika-related-title{
  display:block;
  font-weight:500;
  line-height:1.25;
  color:#1f2937;
}

.gallika-related-meta{
  display:block;
  font-size:.85rem;
  color:#8a94a6;
  margin-top:.2rem;
}

.gallika-ext{
  opacity:.35;
  margin-left:.15rem;
}

.gallika-related-item:hover .gallika-ext{
  opacity:.75;
}

/* =========================
   Tags
========================== */

.sidebar .tag-list li a::before{
  content:"" !important;
  display:none !important;
}

.gallika-count{
  margin-left:.35rem;
  font-size:.75em;
  opacity:.6;
}

/* =========================
   Notes
========================== */

.spip_note_ref{
  vertical-align:super;
  font-size:.75em;
  line-height:0;
}

.spip_note_ref a{
  text-decoration:none;
}

/* =========================
   Desktop fin
========================== */

@media screen and (min-width:61.25em){

  body{
    font-size:.85em;
  }
}

/* =========================
   Sticky box seulement sur grand écran
========================== */

@media (min-width:992px){

  .gallika-stickybox{
    position:sticky;
    top:110px;
    max-height:calc(100vh - 140px);
    overflow:auto;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    border-radius:12px;
    padding:14px 14px 12px 14px;
    z-index:2;
  }
}

/* =========================
   Ajustements mobile / écran étroit
========================== */

@media screen and (max-width:61.1875em){

  .sidebar .gallika-infos{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .sidebar .gallika-infos .card-body{
    padding:0 !important;
  }

  .sidebar .gallika-infos .accordion-button{
    font-size:1rem !important;
    padding:.55rem .95rem !important;
  }

  .gallika-related{
    gap:1.15rem;
  }

  .gallika-related-title{
    font-size:1rem;
  }

  .gallika-related-meta{
    margin-top:.28rem;
  }
}