.nf-app{font-family:Georgia,serif}
.nf-filter-box{border:1px solid #ddd;padding:20px;border-radius:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:#fff}
.nf-filter-box label{color:#1f2a7a;font-weight:bold;display:block;margin-bottom:4px}
.nf-filter-box select,.nf-filter-box input[type="text"]{width:100%;padding:.5rem;border:1px solid #d4cfc4;border-radius:5px;font-size:1rem;font-family:'Trebuchet MS',sans-serif;box-sizing:border-box}
.nf-years{margin:25px 0}
.nf-year-btn{border:2px solid #1f2a7a;background:#fff;color:#1f2a7a;padding:8px 18px;border-radius:8px;margin:4px;cursor:pointer;font-family:Georgia,serif}
.nf-year-btn:hover,.nf-year-btn.is-active{background:#1f2a7a;color:#fff}
.nf-card{border:1px solid #ddd;padding:25px;margin:20px 0;border-radius:12px;background:#fff}
.nf-card:hover{background-color:#f8f6f0}
.nf-date{color:#9a5d0f;font-weight:bold}
.nf-card h3{color:#1f2a7a}
.nf-excerpt,.nf-card p{color:#333}
.nf-btn{display:inline-block;background:#9a5d0f;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.95rem}
.nf-btn:hover{background-color:#2f6b44;color:#fff}
.nf-count{text-align:center;font-style:italic;margin:15px}

/* Keyboard focus */
.nf-app a:focus-visible,.nf-app button:focus-visible,.nf-app select:focus-visible,.nf-app input:focus-visible{outline:3px solid #1f2a7a;outline-offset:2px}

/* Tags */
.nf-tags{margin:0 0 15px 0;display:flex;gap:12px;flex-wrap:wrap}
.nf-tag{background-color:#f8f6f0;color:#333;padding:0 20px;border-radius:999px;font-family:Georgia,"Times New Roman",serif;font-size:.85rem}

/* Pagination */
.nf-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px 0}
.nf-page-of{color:#333;font-size:.95rem}
.nf-pagination button{border:2px solid #1f2a7a;background:#fff;color:#1f2a7a;padding:8px 18px;border-radius:8px;cursor:pointer;font-family:Georgia,serif}
.nf-pagination button:hover{background:#1f2a7a;color:#fff}

@media(max-width:768px){
	.nf-filter-box{grid-template-columns:1fr}
	.nf-pagination{flex-wrap:wrap}
}
