/* V216 — Quran Names statistics, relations and mobile layout */
#pg-names .names-page-note{margin:.15rem 0 .8rem;padding:.72rem .8rem;border-inline-start:3px solid var(--gold);border-radius:10px;background:color-mix(in srgb,var(--panel) 96%,var(--gold) 4%);color:var(--txt2);font-size:.78rem;line-height:1.75}
#pg-names .names-head-card{margin:.8rem 0 1rem}
#pg-names .names-title{font-size:1.55rem;font-weight:800;color:var(--txt)}
#pg-names .names-category{color:var(--txt2);font-size:.82rem;margin-top:.25rem}
#pg-names .names-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.85rem}
#pg-names .names-stat{min-width:0;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:12px;padding:.65rem .7rem;background:color-mix(in srgb,var(--panel) 94%,var(--gold) 6%)}
#pg-names .names-stat span{display:block;font-size:.69rem;color:var(--txt2);line-height:1.45}
#pg-names .names-stat b{display:block;margin-top:.18rem;font-size:1.08rem;color:var(--gold-glow);font-variant-numeric:tabular-nums}
#pg-names .names-lexical-note,#pg-names .names-entry-note,#pg-names .names-absent-note,#pg-names .names-method-note{margin-top:.7rem;font-size:.78rem;line-height:1.8;color:var(--txt2)}
#pg-names .names-method-note{padding:.75rem .85rem;border-inline-start:3px solid var(--gold);background:color-mix(in srgb,var(--panel) 96%,var(--gold) 4%);border-radius:10px;margin-bottom:.8rem}
#pg-names .names-relations{margin:.8rem 0;padding:.8rem;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:14px;background:var(--panel)}
#pg-names .names-rel-title{font-weight:800;color:var(--gold-glow);font-size:.92rem}
#pg-names .names-rel-note{font-size:.73rem;color:var(--txt2);line-height:1.7;margin:.25rem 0 .65rem}
#pg-names .names-rel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
#pg-names .names-rel-item{border:1px solid var(--line);border-radius:11px;padding:.6rem .65rem;background:color-mix(in srgb,var(--panel) 96%,var(--gold) 4%)}
#pg-names .names-rel-item.is-clickable{cursor:pointer}
#pg-names .names-rel-item.is-clickable:hover{border-color:var(--gold);transform:translateY(-1px)}
#pg-names .names-rel-item>div{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
#pg-names .names-rel-item b{color:var(--txt);font-size:.88rem}
#pg-names .names-rel-item span{color:var(--gold-glow);font-size:.66rem}
#pg-names .names-rel-item p{margin:.35rem 0 0;color:var(--txt2);font-size:.72rem;line-height:1.65}
#pg-names .names-verse-card{margin-bottom:.5rem;cursor:pointer}
#pg-names .names-verse-meta{font-size:.74rem;color:var(--txt2);margin-bottom:.4rem}
#pg-names .names-verse-text{font-family:'Amiri',serif;font-size:1.55rem;line-height:2.05;color:var(--txt)}
#pg-names .names-more{display:block;margin:.75rem auto 0}
@media (max-width:700px){#pg-names .names-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}#pg-names .names-stat{padding:.58rem .6rem}#pg-names .names-stat span{font-size:.66rem}#pg-names .names-stat b{font-size:1rem}#pg-names .names-rel-list{grid-template-columns:1fr}#pg-names .names-verse-text{font-size:1.35rem;line-height:1.95}#pg-names .names-method-note{font-size:.74rem}}

#pg-names .names-verse-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem;direction:rtl}
#pg-names .names-verse-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:2rem;height:2rem;padding:0 .4rem;border:1px solid color-mix(in srgb,var(--gold) 48%,transparent);border-radius:9px;background:color-mix(in srgb,var(--panel) 90%,var(--gold) 10%);color:var(--gold-glow);font-family:'Ubuntu Mono',monospace;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#pg-names .names-verse-head .names-verse-meta{margin:0;min-width:0;flex:1}
@media (max-width:700px){#pg-names .names-verse-index{min-width:1.85rem;height:1.85rem;font-size:.73rem;border-radius:8px}}