.names-count{color:var(--primary);margin:-8px 0 14px;font-weight:600}.names-search{max-width:520px;margin:0 0 22px;position:relative}.names-search svg{inset-inline-start:14px;width:20px;height:20px;color:var(--ink-tertiary);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.names-search input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:52px;color:var(--ink);font:inherit;border-radius:14px;padding-inline:44px 16px;font-size:17px}.names-search input::placeholder{color:var(--ink-tertiary)}.names-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:stretch;gap:14px;margin:0;padding:0;list-style:none;display:grid}.names-grid>li{display:flex}.name-card{background:var(--surface);border:1px solid var(--border);min-height:168px;color:inherit;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:16px;flex:1;align-content:start;gap:2px;padding:18px 16px 16px;text-decoration:none;display:grid;position:relative}.name-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.name-card__num{border:1.5px solid var(--gold-bright);width:34px;height:34px;color:var(--primary);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.name-card__ar{font-family:var(--font-quran), "Amiri", serif;color:var(--ink);margin-top:4px;font-size:34px;font-weight:700;line-height:1.6}.name-card__ar.is-long{font-size:24px}.name-card__tr{color:var(--ink);font-size:16px;font-weight:600}.name-card__mean{color:var(--ink-secondary);font-size:15px;line-height:1.45}.name-card__film{top:16px;color:var(--primary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;inset-inline-end:14px}.name-card__film svg{width:15px;height:15px}.names-note{max-width:760px}.name-crumbs{padding-top:clamp(24px,4vw,44px)}.name-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,56px);padding-bottom:8px;display:grid}.name-hero.has-film{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr)}@media (max-width:760px){.name-hero.has-film{grid-template-columns:minmax(0,1fr)}}.name-hero__ar{font-family:var(--font-quran), "Amiri", serif;color:var(--ink);text-align:right;margin:6px 0 0;font-size:clamp(64px,10vw,112px);font-weight:700;line-height:1.75}[dir=ltr] .name-hero__ar{text-align:left}.name-hero__tr{letter-spacing:-.015em;color:var(--ink);margin:0 0 4px;font-size:clamp(24px,3vw,32px);font-weight:600}.name-hero__mean{color:var(--ink-secondary);margin:0 0 12px;font-size:clamp(19px,2vw,23px);line-height:1.5}.name-hero__ar-mean{margin:0 0 20px}.name-hero__film{justify-self:center;justify-items:center;gap:8px;width:min(300px,100%);display:grid}.name-learned{justify-items:start;gap:8px;margin-top:8px;display:grid}.name-verse-list{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.name-verse{padding:22px}.name-verse .ar-quran{margin:0 0 6px}.name-verse__tr{margin:0 0 12px}.name-verse__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.name-pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-block:8px 24px;display:grid}.name-pager__link{align-items:center;gap:12px;display:flex}.name-pager__link>span{display:grid}.name-pager__link svg{width:22px;height:22px;color:var(--primary);flex-shrink:0}.name-pager__link--next{text-align:end;justify-content:flex-end}.name-pager__ar{font-family:var(--font-quran), "Amiri", serif;font-size:26px;font-weight:700;line-height:1.5}@media (max-width:560px){.name-pager{grid-template-columns:1fr 1fr}.name-pager__all{grid-area:2/1/auto/-1;justify-self:center}}.name-pair{max-width:52ch;margin:0 0 16px}.name-film-hook{color:var(--ink);text-align:center;margin:0;font-weight:600}