.nf{margin:2rem 0}
.nf h2{margin-bottom:.3rem}
.nf .nf-lead{color:var(--soft);margin:0 0 1rem}
.nf-bar{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));margin-bottom:.8rem}
.nf-bar label{display:block;font-size:.8rem;color:var(--soft);margin-bottom:.2rem}
.nf-bar input,.nf-bar select{width:100%;padding:.55rem .6rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit}
.nf-q{grid-column:1/-1}
.nf-count{font-size:.9rem;color:var(--soft);margin:.3rem 0 .6rem}
.nf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem}
.nf-list li a{display:grid;grid-template-columns:auto 1fr;gap:.1rem .7rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);text-decoration:none;transition:background .12s ease}
.nf-list li a:hover{background:var(--wash)}
.nf-list .c{font-size:1.5rem;line-height:1.2;grid-row:span 2;width:4.2rem;text-align:center;white-space:nowrap;font-family:'Amiri','Noto Naskh Arabic',serif}
.nf-list .n{font-weight:600}
.nf-list .m{font-size:.8rem;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nf-js .nf-list li[hidden]{display:none}
.nf-more{margin:1rem 0 0;text-align:center}
.nf-more button{padding:.6rem 1.4rem;border:1px solid var(--lapis);background:var(--surface);color:var(--lapis);border-radius:var(--radius-sm);font:inherit;cursor:pointer}
.nf-more button:hover{background:var(--wash)}
.nf-empty{color:var(--soft);padding:1rem 0}
@media print{.nf{display:none}}