:root{
	--nf-blue:#2e3192; --nf-blue-d:#1d1f63; --nf-orange:#f7941d;
	--nf-ink:#16172b; --nf-mute:#6b6e86; --nf-bg:#f5f6fb; --nf-card:#fff; --nf-line:#e3e5f0;
	--nf-r:14px; --nf-w:1200px;
}
*{box-sizing:border-box}
html{direction:rtl}
body{margin:0;background:var(--nf-bg);color:var(--nf-ink);font:16px/1.9 Tahoma,"Segoe UI",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--nf-blue)}
ul{padding:0;margin:0;list-style:none}
.nf-container{max-width:var(--nf-w);margin:0 auto;padding:0 20px}
.nf-skip{position:absolute;right:-999px}.nf-skip:focus{right:10px;top:10px;background:#fff;padding:8px;z-index:99}

/* Header */
.nf-topbar{background:var(--nf-blue-d);color:#cfd2f5;font-size:13px}
.nf-topbar__in{display:flex;justify-content:space-between;padding-top:6px;padding-bottom:6px}
.nf-brandbar{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.nf-logo img,.nf-logo .custom-logo{width:240px;height:auto}
.nf-header{background:#fff;border-bottom:4px solid var(--nf-orange);position:sticky;top:0;z-index:50}
.nf-nav{background:var(--nf-blue)}
.nf-nav .nf-container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nf-menu{display:flex;flex-wrap:wrap}
.nf-menu a{display:block;padding:12px 16px;color:#fff;font-weight:700;font-size:15px}
.nf-menu a:hover,.nf-menu .current-menu-item>a,.nf-menu .current-cat>a{background:var(--nf-orange);color:#fff}
.nf-search{display:flex}
.nf-search input{border:0;padding:8px 12px;border-radius:0 8px 8px 0;font:inherit;font-size:14px;min-width:160px}
.nf-search button{border:0;background:var(--nf-orange);color:#fff;padding:8px 14px;border-radius:8px 0 0 8px;font:inherit;font-size:14px;cursor:pointer}
.nf-burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.nf-burger span,.nf-burger span:before,.nf-burger span:after{display:block;width:24px;height:3px;background:var(--nf-blue);content:"";position:relative}
.nf-burger span:before{top:-8px;position:absolute}.nf-burger span:after{top:8px;position:absolute}

/* Layout */
.nf-main{padding:28px 0 48px}
.nf-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}
.nf-page{max-width:820px}
.nf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.nf-card--big{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.nf-card--big .nf-card__title{font-size:26px}

/* Cards */
.nf-card{background:var(--nf-card);border-radius:var(--nf-r);overflow:hidden;border:1px solid var(--nf-line);transition:transform .2s,box-shadow .2s}
.nf-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(46,49,146,.12)}
.nf-card__img{display:block;background:var(--nf-line);aspect-ratio:16/10;overflow:hidden}
.nf-card__img img{width:100%;height:100%;object-fit:cover}
.nf-card__body{padding:16px 18px 18px}
.nf-card__title{margin:6px 0;font-size:19px;line-height:1.7}
.nf-card__ex{margin:0 0 8px;color:var(--nf-mute);font-size:14px}
.nf-kicker{display:inline-block;background:var(--nf-orange);color:#fff;font-size:12px;font-weight:700;padding:1px 10px;border-radius:20px}
.nf-kicker:hover{color:#fff;background:var(--nf-blue)}
.nf-meta{color:var(--nf-mute);font-size:13px}

/* Archive head */
.nf-pagehead{margin-bottom:22px;padding-right:14px;border-right:5px solid var(--nf-orange)}
.nf-pagehead h1{margin:0;font-size:26px;color:var(--nf-blue)}

/* Article */
.nf-article{background:#fff;border-radius:var(--nf-r);padding:28px;border:1px solid var(--nf-line)}
.nf-article__head h1{font-size:32px;line-height:1.6;margin:8px 0;color:var(--nf-blue-d)}
.nf-article__img{margin:18px -28px}
.nf-content{font-size:17.5px;line-height:2.1}
.nf-content h2,.nf-content h3{color:var(--nf-blue);margin-top:1.6em}
.nf-content a{color:var(--nf-blue);border-bottom:1px solid var(--nf-orange)}
.nf-content blockquote{margin:1.5em 0;padding:8px 20px;border-right:4px solid var(--nf-orange);background:var(--nf-bg);border-radius:8px}
.nf-tags a{display:inline-block;margin:12px 0 0 6px;padding:2px 12px;background:var(--nf-bg);border-radius:20px;font-size:13px}

/* Sidebar */
.nf-widget{background:#fff;border:1px solid var(--nf-line);border-radius:var(--nf-r);padding:18px;margin-bottom:20px}
.nf-widget__title{margin:0 0 10px;font-size:17px;color:var(--nf-blue);border-bottom:2px solid var(--nf-orange);padding-bottom:6px;display:inline-block}
.nf-widget li{padding:7px 0;border-bottom:1px dashed var(--nf-line);font-size:14px}
.nf-widget li:last-child{border:0}

/* Pagination */
.pagination{margin-top:28px}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.page-numbers{padding:6px 14px;background:#fff;border:1px solid var(--nf-line);border-radius:8px}
.page-numbers.current{background:var(--nf-blue);color:#fff;border-color:var(--nf-blue)}

/* Comments */
.nf-comments{margin-top:28px;background:#fff;border:1px solid var(--nf-line);border-radius:var(--nf-r);padding:24px}
.nf-comments__list{list-style:none;padding:0}
.nf-comments input[type=text],.nf-comments input[type=email],.nf-comments input[type=url],.nf-comments textarea{width:100%;padding:10px;border:1px solid var(--nf-line);border-radius:8px;font:inherit}
.nf-comments .submit{background:var(--nf-blue);color:#fff;border:0;padding:10px 22px;border-radius:8px;cursor:pointer;font:inherit}

/* Footer */
.nf-footer{background:var(--nf-blue-d);color:#cfd2f5;border-top:4px solid var(--nf-orange)}
.nf-footer__in{display:flex;justify-content:space-between;gap:20px;padding-top:32px;padding-bottom:24px}
.nf-footer__brand{color:#fff;font-size:22px}
.nf-footer__menu{display:flex;gap:18px;flex-wrap:wrap}
.nf-footer__copy{text-align:center;padding:12px;font-size:13px;background:rgba(0,0,0,.2)}
.nf-404{text-align:center}.nf-404 h1{font-size:80px;color:var(--nf-blue);margin:0}

/* Responsive */
@media(max-width:900px){
	.nf-layout{grid-template-columns:1fr}
	.nf-card--big{grid-template-columns:1fr}
}
@media(max-width:640px){
	.nf-grid{grid-template-columns:1fr}
	.nf-burger{display:block}
	.nf-nav{display:none}.nf-nav.is-open{display:block}
	.nf-nav .nf-container{flex-direction:column;align-items:stretch;padding:10px 20px}
	.nf-menu{flex-direction:column}
	.nf-logo img,.nf-logo .custom-logo{width:170px}
	.nf-article{padding:18px}.nf-article__img{margin:14px -18px}
	.nf-article__head h1{font-size:24px}
}