/* Bayān 8.11 — recherche par similarité de versets */
.verse-similarity-search {
  margin-top: 14px;
  border: 1px solid rgba(196, 159, 78, .28);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,247,.98));
  box-shadow: 0 8px 22px rgba(16,47,42,.055);
  overflow: clip;
}
.verse-similarity-search > summary {
  list-style: none;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  cursor: pointer;
  color: #153c34;
  user-select: none;
}
.verse-similarity-search > summary::-webkit-details-marker { display:none; }
.verse-similarity-search > summary:hover { background: rgba(23,92,76,.045); }
.verse-similarity-icon {
  width: 34px; height: 34px; border-radius: 10px;
  display:grid; place-items:center;
  background:#153c34; color:#f0d48b; font-size:20px; font-weight:800;
}
.verse-similarity-search summary strong { display:block; font-size:.94rem; }
.verse-similarity-search summary small { display:block; margin-top:2px; color:#68766f; font-size:.76rem; font-weight:500; }
.verse-similarity-chevron { transition:transform .2s ease; color:#7f6a39; }
.verse-similarity-search[open] .verse-similarity-chevron { transform:rotate(180deg); }
.verse-similarity-body { padding: 0 15px 15px; border-top:1px solid rgba(21,60,52,.08); }
.verse-similarity-controls { display:grid; grid-template-columns:minmax(220px,1fr) minmax(100px,150px) auto; gap:12px; align-items:end; padding-top:14px; }
.verse-similarity-controls .primary-button { min-height:44px; white-space:nowrap; }
.verse-similarity-note { margin-top:10px; color:#68766f; font-size:.78rem; line-height:1.45; }
.similarity-reference-preview { margin-top:14px; padding:14px 16px; border-radius:14px; background:#f4f8f5; border:1px solid rgba(21,60,52,.12); }
.similarity-reference-preview > div { display:flex; justify-content:space-between; gap:12px; align-items:center; color:#6d786f; font-size:.76rem; }
.similarity-reference-preview > div strong { color:#153c34; font-size:.85rem; }
.similarity-reference-preview p { margin:9px 0 0; }
.similarity-reference-preview p[lang="ar"] { font-size:1.55rem; line-height:1.9; color:#122f29; }
.similarity-reference-preview #similarityReferenceFrench { color:#58645e; font-size:.88rem; line-height:1.55; }
.similarity-badge { display:inline-flex; align-items:center; gap:6px; margin-inline-start:8px; padding:4px 8px; border-radius:999px; background:#153c34; color:#f7df9a; font-size:.72rem; font-weight:800; vertical-align:middle; }
.similarity-shared-panel { margin-top:10px; padding:10px 12px; border-radius:12px; background:#f7faf8; border:1px solid rgba(21,60,52,.1); }
.similarity-shared-panel > span { display:block; margin-bottom:7px; color:#66736c; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.similarity-shared-words { display:flex; flex-wrap:wrap; gap:6px; direction:rtl; justify-content:flex-start; }
.similarity-shared-words b { padding:5px 9px; border-radius:999px; background:#e8f1ec; color:#173e35; font-family:inherit; font-size:.92rem; }
.verse-similar-button { color:#153c34; }
@media (max-width: 720px) {
  .verse-similarity-search { border-radius:14px; }
  .verse-similarity-search > summary { padding:12px; gap:9px; }
  .verse-similarity-search summary small { display:none; }
  .verse-similarity-controls { grid-template-columns:minmax(0,1fr) 92px; }
  .verse-similarity-controls .primary-button { grid-column:1/-1; width:100%; }
  .similarity-reference-preview p[lang="ar"] { font-size:1.35rem; }
}


/* Bayān 10.2 — résultats de similarité groupés par longueur de fragment */
.similarity-result-group {
  margin: 0 0 12px;
  border: 1px solid rgba(21,60,52,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  overflow: clip;
  box-shadow: 0 6px 18px rgba(16,47,42,.045);
}
.similarity-result-group > summary {
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  cursor: pointer;
  user-select: none;
}
.similarity-result-group > summary::-webkit-details-marker { display:none; }
.similarity-result-group > summary:hover { background: rgba(23,92,76,.045); }
.similarity-result-group-title { min-width:0; }
.similarity-result-group-title strong { display:block; color:#153c34; font-size:.94rem; }
.similarity-result-group-title small { display:block; margin-top:3px; color:#6b7771; font-size:.75rem; line-height:1.35; }
.similarity-result-group-count {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:78px;
  padding:6px 10px;
  border-radius:999px;
  background:#153c34;
  color:#f7df9a;
  font-size:.76rem;
  font-weight:800;
  white-space:nowrap;
}
.similarity-result-group-chevron { color:#7f6a39; font-size:1.05rem; transition:transform .2s ease; }
.similarity-result-group[open] .similarity-result-group-chevron { transform:rotate(180deg); }
.similarity-result-group-body {
  padding: 10px 12px 12px;
  border-top:1px solid rgba(21,60,52,.09);
  background:rgba(247,250,248,.68);
}
.similarity-result-group-body > .verse-card:last-child { margin-bottom:0; }
@media (max-width:720px) {
  .similarity-result-group { border-radius:14px; }
  .similarity-result-group > summary { grid-template-columns:minmax(0,1fr) auto auto; padding:13px 12px; gap:8px; }
  .similarity-result-group-title small { display:none; }
  .similarity-result-group-count { min-width:0; padding:5px 8px; font-size:.72rem; }
  .similarity-result-group-body { padding:8px; }
}