/* Names family (99 Names pages, Islamic name pages, name decoder). Loaded only on those pages. */
.nm_hero{display:grid;justify-items:center;gap:.35rem;padding:clamp(1.75rem,4vw,2.75rem) 1.25rem;text-align:center}
.nm_hero_i{margin:0;font:400 .8125rem var(--mono);color:var(--gold-soft)}
.nm_hero_ar{margin:0;font:400 clamp(3rem,2rem + 5vw,5rem)/1.6 var(--arabic);color:#fff}
.nm_hero_tl{margin:0;font:italic 500 clamp(1.25rem,1rem + 1vw,1.625rem) var(--translit);color:var(--gold-soft)}
.nm_hero_en{margin:0;font-size:1.0625rem;color:rgba(255,255,255,.92)}
.nm_hero_row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-block-start:.75rem}
.nm_root{font:400 .8125rem var(--mono);color:rgba(255,255,255,.8)}
.nm_root b{font:400 1.25rem var(--arabic);color:#fff;margin-inline:.25rem}
.nm_hero .badge{background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.nm_pn{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;margin-block-start:.75rem}
.nm_pn a{display:grid;gap:.1rem;padding:.75rem 1rem;border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:.9375rem;line-height:1.3;min-width:0}
.nm_pn a:hover{box-shadow:inset 0 0 0 1px rgba(29,58,138,.4)}
.nm_pn a[rel=next]{text-align:end}
.nm_pn small{font:400 .8125rem var(--mono);color:var(--muted);}
.nm_pn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nm_pn .nm_pn_all{align-content:center;text-align:center;font-size:.875rem}
.nm_q{margin:1rem 0;padding:1rem 1.25rem;border-inline-start:3px solid var(--gold);background:var(--page);border-radius:0 var(--r2) var(--r2) 0}
.nm_q p{margin:0 0 .5rem}
.nm_q cite{font:400 .8125rem var(--mono);color:var(--muted);font-style:normal}
.nm_tl a{color:inherit}
.in_top b a{color:inherit}
.nm_facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin:0}
.nm_facts div{padding:.75rem 1rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.nm_facts dt{font:400 .8125rem var(--mono);color:var(--muted);}
.nm_facts dd{margin:.2rem 0 0;font-size:.9375rem}
.nm_sim{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none}
.nm_sim a,.nm_sim span{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:.875rem}
.nm_dec_out{display:grid;gap:.5rem;margin-block-start:1rem}
.nm_dec_part{display:grid;grid-template-columns:minmax(6rem,auto) 1fr;gap:.75rem;align-items:baseline;padding:.75rem 1rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.nm_dec_part b{font-weight:500}
.nm_dec_part small{display:block;color:var(--muted);font-size:.8125rem}
.nm_dec_part.is-particle{background:var(--lapis-tint);box-shadow:inset 0 0 0 1px rgba(29,58,138,.25)}
.nm_ex{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.5rem}
@media (max-width:30rem){.nm_pn{grid-template-columns:1fr 1fr}.nm_pn .nm_pn_all{grid-column:1 / -1;grid-row:2}}
/* Boys' and girls' hubs and letter pages */
.nm_badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-block-start:.25rem}
.nm_badges .badge{margin:0}
[data-nm-hub] .tool_main > .tool_side_t{margin:0}
[data-nm-hub] .tools_filter{flex-wrap:wrap;overflow:visible}
[data-nm-hub] .tools_filter[data-f="l"] button{min-width:2.25rem;justify-content:center;padding:0 .7rem}
.nm_letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.4rem}
.nm_letters a{display:grid;justify-items:center;gap:.1rem;padding:.5rem .25rem;border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);line-height:1.1;text-decoration:none}
.nm_letters a:hover{box-shadow:inset 0 0 0 1px rgba(29,58,138,.4)}
.nm_letters a[aria-current="page"]{background:var(--text);color:#fff;box-shadow:none}
.nm_letters b{font:500 1rem var(--font)}
.nm_letters small{font:400 .8125rem var(--mono);color:var(--muted)}
.nm_letters a[aria-current="page"] small{color:rgba(255,255,255,.7)}
.nm_browse{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem}
.nm_browse > div{display:grid;gap:.6rem;align-content:start;padding:1.25rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.nm_browse .h3 a{color:inherit}
.in_card .in_ar{white-space:nowrap}