/* Gematrixx V73 — targeted Quran exploration + Quran numbers UX fixes. */

/* Root breakdown lines are direct jump controls to the result table. */
#pageQuran #pg-explore .rb-line.rb-jump{
  width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.45rem;
  border:0;background:transparent;padding:.05rem .15rem;margin:0;color:var(--txt);
  font:inherit;font-family:"Amiri",serif;font-size:1.02rem;line-height:2.1;text-align:right;
  cursor:pointer;border-radius:.4rem;transition:background .18s ease,color .18s ease;
}
#pageQuran #pg-explore .rb-line.rb-jump:hover,
#pageQuran #pg-explore .rb-line.rb-jump:focus-visible,
#pageQuran #pg-explore .rb-line.rb-jump.active{background:rgba(201,168,76,.12);color:var(--gold2);outline:none}
#pageQuran #pg-explore .rb-jump-arrow{margin-inline-start:auto;color:var(--gold2);font-family:var(--font-main);font-size:.86rem}
#pageQuran #pg-explore .tw.rb-target-pulse{animation:rbTargetPulse .95s ease}
@keyframes rbTargetPulse{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 2px rgba(201,168,76,.5),0 0 26px rgba(201,168,76,.18)}}

/* Quran numbers — keep surah names readable on desktop. */
#pageQuran #pg-numbers .qnum-table th:nth-child(2),
#pageQuran #pg-numbers .qnum-table td:nth-child(2),
#pageQuran #pg-numbers #fracThead th:nth-child(2),
#pageQuran #pg-numbers #fracBody td:nth-child(2){min-width:138px;width:138px;white-space:nowrap}
#pageQuran #pg-numbers .qnum-surah-cell{font-weight:700}
#pageQuran #pg-numbers .qnum-ayah-link{cursor:pointer;position:relative;transition:background .16s ease,color .16s ease}
#pageQuran #pg-numbers .qnum-ayah-link:hover{background:rgba(201,168,76,.08);color:var(--gold2)}
#pageQuran #pg-numbers .qnum-open-ayah{display:inline-block;margin-inline-start:.45rem;color:var(--cyan);font-family:var(--font-main);font-size:.72rem;vertical-align:middle}
#pageQuran #pg-numbers .qnum-result-controls{display:none}
#pageQuran #pg-numbers .qnum-results-panel[hidden]{display:none!important}

@media(max-width:820px){
  #pageQuran #pg-numbers .qnum-results-panel{scroll-margin-top:12px}
  #pageQuran #pg-numbers .qnum-summary{scroll-margin-top:12px}
  #pageQuran #pg-numbers .qnum-result-controls{
    display:flex;position:sticky;top:6px;z-index:8;justify-content:space-between;gap:.55rem;
    margin:.8rem 0 .55rem;padding:.35rem;border:1px solid var(--bdr);border-radius:12px;
    background:color-mix(in srgb,var(--bg2) 94%,transparent);backdrop-filter:blur(8px)
  }
  #pageQuran #pg-numbers .qnum-result-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:40px;
    border:1px solid var(--bdr2);border-radius:9px;background:var(--bg3);color:var(--txt);
    padding:.45rem .75rem;font-family:var(--font-main);font-weight:700;cursor:pointer
  }
  #pageQuran #pg-numbers .qnum-result-btn.qnum-up{color:var(--gold2)}
  #pageQuran #pg-numbers .qnum-result-btn.qnum-close{color:var(--txt2)}
  #pageQuran #pg-numbers .qnum-table th:nth-child(2),
  #pageQuran #pg-numbers .qnum-table td:nth-child(2),
  #pageQuran #pg-numbers #fracThead th:nth-child(2),
  #pageQuran #pg-numbers #fracBody td:nth-child(2){min-width:0;width:auto;white-space:normal}
  #pageQuran #pg-numbers .qnum-ayah-link{border-inline-start:3px solid rgba(201,168,76,.35)!important}
  #pageQuran #pg-explore .rb-line.rb-jump{min-height:42px;padding:.2rem .4rem}
}

@media(max-width:420px){
  #pageQuran #pg-numbers .qnum-result-btn span{display:none}
  #pageQuran #pg-numbers .qnum-result-btn{min-width:46px;font-size:1rem}
}

/* Numeric Search V177 — per-result-group Quran statistics */
#pageQuran #pg-search .ns-result-stats,
#pageQuran .ns-result-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.55rem;
  margin:0 0 .8rem;
}
#pageQuran #pg-search .ns-result-stat,
#pageQuran .ns-result-stat{
  min-width:0;
  padding:.62rem .7rem;
  border:1px solid var(--bdr);
  border-radius:10px;
  background:color-mix(in srgb,var(--bg3) 88%,transparent);
  text-align:center;
}
#pageQuran #pg-search .ns-result-stat-label,
#pageQuran .ns-result-stat-label{
  color:var(--txt2);
  font-size:.71rem;
  line-height:1.35;
  margin-bottom:.2rem;
}
#pageQuran #pg-search .ns-result-stat-value,
#pageQuran .ns-result-stat-value{
  color:var(--gold2);
  font-family:"Ubuntu Mono",monospace;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
}
#pageQuran #pg-search .ns-result-stat-note,
#pageQuran .ns-result-stat-note{
  color:var(--txt3);
  font-size:.62rem;
  line-height:1.3;
  margin-top:.16rem;
}
#pageQuran .nsgrp-gematria .ns-result-stats{
  margin-top:.15rem;
}
@media(max-width:720px){
  #pageQuran #pg-search .ns-result-stats,
  #pageQuran .ns-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
}
@media(max-width:390px){
  #pageQuran #pg-search .ns-result-stat,
  #pageQuran .ns-result-stat{padding:.55rem .45rem}
  #pageQuran #pg-search .ns-result-stat-label,
  #pageQuran .ns-result-stat-label{font-size:.66rem}
  #pageQuran #pg-search .ns-result-stat-value,
  #pageQuran .ns-result-stat-value{font-size:.98rem}
}