/* rq-letter-stats v1.1 - in-verse letter statistics for readquranforpeace.net
   Scoped under body.rq-ready. Changes v1.1: self-contained card layout (no host
   Bootstrap dependency), card lives in .verse-body full-width row, single-letter
   highlight, closer word-chip wrapping. */

/* clickable letters inside verses (single closed span per letter) */
.rq-l { cursor: pointer; border-radius: 4px; transition: background .12s, color .12s; }
.rq-l:hover { background: rgba(13,95,70,.14); }
.rq-l.rq-on { background: #0d5f46; color: #fff; }

/* per-verse meta line */
.rq-vmeta { display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; align-items:center; font-size:.8rem; color:#66746e; border-top:1px dashed #dfe9e3; margin-top:.8rem; padding-top:.55rem; }
.rq-vmeta .dot { width:6px; height:6px; border-radius:50%; background:#c9a24d; display:inline-block; margin-right:.35rem; }
.rq-vmeta b { color:#12231d; font-weight:700; }

/* sidebar per-surah letter summary */
.rq-sideletters .rq-mini { display:flex; align-items:center; gap:.5rem; font-size:.85rem; padding:.14rem .3rem; cursor:pointer; border-radius:6px; }
.rq-sideletters .rq-mini:hover { background:#f5f8f4; }
.rq-sideletters .ar { font-family:"Amiri","Times New Roman",serif; font-size:1.15rem; width:1.4rem; text-align:center; color:#12231d; }
.rq-sideletters .bar { flex:1; height:7px; background:#f5f8f4; border-radius:4px; overflow:hidden; }
.rq-sideletters .bar i { display:block; height:100%; background:linear-gradient(90deg,#0d5f46,#19916c); }
.rq-sideletters .ct { color:#66746e; font-variant-numeric:tabular-nums; width:3.2rem; text-align:right; }
.rq-sideletters .rq-note { color:#66746e; font-size:.78rem; margin-top:.4rem; }

/* inline letter profile card - SELF-CONTAINED layout (v1.1) */
.rq-lettercard {
  border:1px solid #dfe9e3; border-left:4px solid #0d5f46; border-radius:10px;
  background:#fff; padding:1rem 1.1rem; margin:.9rem 0 1.2rem;
  width:100%; box-sizing:border-box; clear:both;
  font-family:"Inter","Segoe UI",Arial,sans-serif; font-size:1rem; color:#12231d;
}
.rq-lettercard * { box-sizing:border-box; }
.rq-lettercard .lc-head { display:flex; align-items:center; gap:.9rem; margin-bottom:.8rem; flex-wrap:wrap; }
.rq-lettercard .lc-ar { font-family:"Amiri","Times New Roman",serif; font-size:2.1rem; color:#0d5f46; line-height:1; }
.rq-lettercard .lc-name { font-weight:700; font-size:1.05rem; }
.rq-lettercard .lc-sub { color:#66746e; font-size:.82rem; }
.rq-lettercard .rq-stats { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.8rem; }
.rq-lettercard .rq-stat {
  flex:1 1 130px; min-width:120px; text-align:center; padding:.55rem .4rem;
  border-radius:8px; background:#f5f8f4; border:1px solid #e8f0ea;
}
.rq-lettercard .rq-stat .n { font-weight:800; font-size:1.15rem; color:#12231d; }
.rq-lettercard .rq-stat .l { font-size:.75rem; color:#66746e; margin-top:.1rem; }
.rq-lettercard .rq-sec { font-size:.85rem; font-weight:600; margin:.6rem 0 .35rem; color:#12231d; }
.rq-lettercard .rq-chips { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.4rem; }
.rq-wordchip {
  display:inline-flex; align-items:baseline; gap:.35rem; border:1px solid #dfe9e3;
  background:#fff; border-radius:999px; padding:.18rem .7rem; font-size:.9rem;
  cursor:pointer; font-family:"Inter","Segoe UI",Arial,sans-serif;
}
.rq-wordchip:hover { border-color:#0d5f46; }
.rq-wordchip .w { font-family:"Amiri","Times New Roman",serif; font-size:1.05rem; }
.rq-wordchip .x { color:#66746e; font-size:.78rem; }
.rq-lettercard .rq-firstlast { font-size:.85rem; color:#12231d; line-height:1.7; }
.rq-lettercard .rq-firstlast a { color:#0d5f46; }
.rq-close { float:right; border:0; background:none; color:#66746e; font-size:1.1rem; cursor:pointer; padding:.1rem .35rem; }
.rq-close:hover { color:#12231d; }
.rq-occs { max-height:150px; overflow:auto; line-height:1.9; font-size:.85rem; }
.rq-occs a { color:#0d5f46; }

@media print { .rq-l { cursor:default; } .rq-lettercard, .rq-vmeta, .rq-sideletters { display:none; } }