/* NEXUS v619 — خواندنی‌ها / مقاله / نویسنده + آیکون خدمات */
:root{--nxb-bg:#fff;--nxb-bd:#e4e9f1;--nxb-tx:#14233b;--nxb-mu:#66788f;--nxb-ac:#2f7dff;--nxb-soft:#f3f7fd}
html:not([data-theme="light"]){--nxb-bg:#0d1829;--nxb-bd:rgba(148,190,255,.16);--nxb-tx:#eaf2ff;--nxb-mu:#9db1cc;--nxb-soft:rgba(255,255,255,.04)}
/* آیکون‌های خدمات (SVG داخلی؛ دیگر به CDN وابسته نیست) */
.service-card .service-icon svg{width:26px!important;height:26px!important;display:block!important;color:inherit!important;stroke:currentColor!important;fill:none!important}
.service-card .service-icon{color:#2f8dff!important}
html[data-theme="light"] .service-card .service-icon{color:#1a6fd4!important}
/* خواندنی‌های صفحه اصلی */
.nxb-home{max-width:1240px;margin:34px auto;padding:0 16px}
.nxb-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.nxb-home-head h2{margin:0;font-size:22px;color:var(--nxb-tx)!important}
.nxb-home-head p{margin:4px 0 0;font-size:13px;color:var(--nxb-mu)!important}
.nxb-home-nav{display:flex;align-items:center;gap:8px}
.nxb-all{font-size:12.5px;font-weight:700;color:var(--nxb-ac)!important;text-decoration:none;margin-inline-end:6px}
.nxb-arrow{width:38px;height:38px;border-radius:11px;border:1px solid var(--nxb-bd);background:var(--nxb-bg);color:var(--nxb-tx);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.nxb-arrow:hover{border-color:var(--nxb-ac);color:var(--nxb-ac)}
.nxb-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:none}
.nxb-rail::-webkit-scrollbar{display:none}
.nxb-rail .nxb-card{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;min-width:250px}
/* کارت مقاله */
.nxb-card{display:flex;flex-direction:column;background:var(--nxb-bg)!important;background-image:none!important;border:1px solid var(--nxb-bd)!important;border-radius:18px;overflow:hidden;text-decoration:none!important;color:var(--nxb-tx)!important;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:none!important}
.nxb-card:hover{transform:translateY(-3px);border-color:var(--nxb-ac)!important;box-shadow:0 12px 28px rgba(30,70,140,.12)!important}
.nxb-cover{aspect-ratio:16/10;overflow:hidden;background:var(--nxb-soft)}
.nxb-cover img{width:100%;height:100%;object-fit:cover;display:block}
.nxb-cover-ph{display:grid;place-items:center;position:relative;background:linear-gradient(135deg,hsl(var(--h) 70% 45%),hsl(calc(var(--h) + 40) 70% 30%));color:#fff}
.nxb-cover-ph span{opacity:.92}.nxb-cover-ph svg{stroke:#fff!important;width:54px;height:54px}
.nxb-cover-ph em{position:absolute;left:12px;bottom:8px;font:800 11px/1 sans-serif;letter-spacing:.2em;opacity:.55;font-style:normal}
.nxb-card-body{padding:14px 15px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.nxb-chip{align-self:flex-start;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(47,125,255,.12);color:var(--nxb-ac)}
.nxb-card h3{margin:0;font-size:14.5px;line-height:1.85;font-weight:800;color:var(--nxb-tx)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nxb-card p{margin:0;font-size:12.5px;line-height:1.9;color:var(--nxb-mu)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nxb-card-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--nxb-bd);display:flex;align-items:center;gap:9px}
.nxb-by{display:flex;flex-direction:column;min-width:0}.nxb-by b{font-size:12px;color:var(--nxb-tx)}.nxb-by small{font-size:10.5px;color:var(--nxb-mu)}
.nxb-avatar{border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-block}
.nxb-avatar-txt{display:inline-grid;place-items:center;background:linear-gradient(135deg,#2f7dff,#7c5cff);color:#fff;font-weight:800}
.nxb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
/* صفحه‌ها */
.nxb-page{max-width:1240px;margin:0 auto;padding:18px 16px 50px}
.nxb-head h2{font-size:20px;margin:26px 0 14px;color:var(--nxb-tx)!important}
.nxb-crumb{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--nxb-mu);margin-bottom:16px;flex-wrap:wrap}.nxb-crumb a{color:var(--nxb-mu);text-decoration:none}.nxb-crumb a:hover{color:var(--nxb-ac)}.nxb-crumb i{font-style:normal;opacity:.6}
.nxb-art-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.nxb-hero-cover{border-radius:20px;aspect-ratio:16/8}
.nxb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 8px;font-size:12.5px;color:var(--nxb-mu)}
.nxb-meta-author{display:flex;align-items:center;gap:8px;color:var(--nxb-mu)!important;text-decoration:none}.nxb-meta-author b{color:var(--nxb-tx)}
.nxb-dot{width:4px;height:4px;border-radius:50%;background:var(--nxb-mu);opacity:.6}
.nxb-art-main h1{font-size:clamp(22px,3.2vw,32px);line-height:1.9;margin:6px 0 10px;color:var(--nxb-tx)!important}
.nxb-lead{font-size:15px;line-height:2.1;color:var(--nxb-mu);padding:12px 0 16px;border-bottom:1px solid var(--nxb-bd);margin:0 0 6px}
.nxb-content{font-size:15.5px;line-height:2.3;color:var(--nxb-tx)}
.nxb-content h2{font-size:20px;margin:30px 0 8px;scroll-margin-top:130px;color:var(--nxb-tx)!important}
.nxb-content p{margin:0 0 12px}.nxb-content ul,.nxb-content ol{padding-inline-start:22px;margin:0 0 14px}.nxb-content li{margin-bottom:4px}
.nxb-side{position:sticky;top:130px;display:flex;flex-direction:column;gap:16px}
.nxb-box{background:var(--nxb-bg);border:1px solid var(--nxb-bd);border-radius:16px;padding:16px}
.nxb-box h4{margin:0 0 10px;font-size:15px;color:var(--nxb-tx)}
.nxb-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.nxb-toc a{display:block;padding:7px 10px;border-radius:9px;font-size:13px;line-height:1.7;color:var(--nxb-mu)!important;text-decoration:none;border-inline-start:3px solid transparent}
.nxb-toc a:hover,.nxb-toc a.is-on{color:var(--nxb-ac)!important;background:rgba(47,125,255,.08);border-inline-start-color:var(--nxb-ac)}
.nxb-share{display:flex;flex-wrap:wrap;gap:8px}
.nxb-share a,.nxb-share button{font:inherit;font-size:12px;font-weight:700;padding:8px 12px;border-radius:10px;border:1px solid var(--nxb-bd);background:var(--nxb-soft);color:var(--nxb-tx)!important;text-decoration:none;cursor:pointer}
.nxb-share a:hover,.nxb-share button:hover{border-color:var(--nxb-ac);color:var(--nxb-ac)!important}
.nxb-authorbox{display:flex;gap:16px;align-items:flex-start;margin-top:34px;padding:20px;border:1px solid var(--nxb-bd);border-radius:18px;background:var(--nxb-bg)}
.nxb-authorbox small{color:var(--nxb-mu);font-size:11.5px}.nxb-authorbox h3{margin:2px 0 6px;font-size:17px}.nxb-authorbox h3 a{color:var(--nxb-tx)!important;text-decoration:none}
.nxb-authorbox p{margin:0 0 8px;font-size:13px;line-height:2;color:var(--nxb-mu)}
.nxb-link{font-size:12.5px;font-weight:700;color:var(--nxb-ac)!important;text-decoration:none}
/* پروفایل نویسنده (شبیه صفحه اینستاگرام) */
.nxb-profile{display:flex;gap:34px;align-items:center;padding:26px 8px 30px;border-bottom:1px solid var(--nxb-bd)}
.nxb-ring{padding:4px;border-radius:50%;background:conic-gradient(from 200deg,#f9ce34,#ee2a7b,#6228d7,#f9ce34);flex:0 0 auto}
.nxb-ring .nxb-avatar{border:4px solid var(--nxb-bg);box-sizing:content-box}
.nxb-profile-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nxb-profile h1{margin:0;font-size:24px;color:var(--nxb-tx)!important}
.nxb-follow{padding:8px 16px;border-radius:10px;background:var(--nxb-ac);color:#fff!important;font-size:12.5px;font-weight:800;text-decoration:none}
.nxb-handle{direction:ltr;text-align:right;color:var(--nxb-mu);font-size:13px;margin-top:2px}
.nxb-stats{display:flex;gap:30px;list-style:none;margin:14px 0 12px;padding:0}
.nxb-stats li{display:flex;gap:6px;align-items:baseline;font-size:13px;color:var(--nxb-mu)}.nxb-stats b{font-size:16px;color:var(--nxb-tx)}
.nxb-role{font-weight:800;font-size:13.5px;color:var(--nxb-tx)}
.nxb-bio{margin:6px 0 0;max-width:620px;font-size:13.5px;line-height:2.1;color:var(--nxb-mu)}
@media(max-width:1100px){.nxb-rail .nxb-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:900px){.nxb-art-grid{grid-template-columns:1fr}.nxb-side{position:static;order:-1}.nxb-rail .nxb-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.nxb-rail .nxb-card{flex-basis:78%}.nxb-profile{flex-direction:column;text-align:center;gap:16px}.nxb-profile-top,.nxb-stats{justify-content:center}.nxb-handle{text-align:center}.nxb-authorbox{flex-direction:column;align-items:center;text-align:center}.nxb-home-head h2{font-size:19px}.nxb-arrow{display:none}}
/* تصویر داخل مقاله */
.nxb-content figure{margin:22px 0;text-align:center}
.nxb-content img{max-width:100%;height:auto;border-radius:16px;display:block;margin:0 auto;border:1px solid var(--nxb-bd)}
.nxb-content figcaption{font-size:12.5px;color:var(--nxb-mu);margin-top:8px;line-height:1.9}
.nxb-content b{font-weight:800}
.nxb-tools{display:flex;gap:10px;align-items:center;margin:6px 0 8px}
/* راهنمای خرید */
.nxg-hero{padding:24px 6px 8px}.nxg-hero h1{font-size:clamp(22px,3.4vw,32px);margin:10px 0 8px;color:var(--nxb-tx)!important}.nxg-hero p{max-width:640px;line-height:2.1;color:var(--nxb-mu);margin:0}
.nxg-steps{list-style:none;margin:22px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nxg-step{position:relative;display:flex;gap:12px;padding:18px;border:1px solid var(--nxb-bd);border-radius:18px;background:var(--nxb-bg)}
.nxg-ico{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(47,125,255,.12);color:var(--nxb-ac)}
.nxg-ico svg{stroke:currentColor!important}
.nxg-step em{position:absolute;top:12px;left:14px;font:800 22px/1 sans-serif;font-style:normal;color:var(--nxb-bd)}
.nxg-step h3{margin:0 0 6px;font-size:15px;color:var(--nxb-tx)!important}.nxg-step p{margin:0;font-size:12.8px;line-height:2;color:var(--nxb-mu)}
.nxg-tips ul{margin:0;padding-inline-start:20px;line-height:2.2;font-size:13.5px;color:var(--nxb-tx)}
.nxg-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
@media(max-width:900px){.nxg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nxg-steps{grid-template-columns:1fr}}

/* ===== v620 mobile & rail polish ===== */
.nxb-page{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}
.nxb-card-body{padding:14px 16px 16px}
.nxb-content{padding:0 2px;line-height:2.05;font-size:15px;color:var(--nxb-tx)}
.nxb-content p,.nxb-content li{margin:0 0 14px}
.nxb-content h2{margin:28px 0 12px;font-size:clamp(17px,2.8vw,21px);line-height:1.75}
.nxb-art-main{min-width:0}
.nxb-meta{flex-wrap:wrap;gap:10px 16px;padding:8px 0}
.article-hero,.nxb-home{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}
.article-cats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.filter-pill{padding:8px 14px;border-radius:999px;border:1px solid var(--nxb-bd);background:var(--nxb-bg);color:var(--nxb-tx);text-decoration:none;font-size:13px;font-weight:600}
.filter-pill.active{background:var(--nxb-ac);color:#fff;border-color:var(--nxb-ac)}

/* Desktop open rail design */
@media (min-width:1024px){
  .nxb-rail{gap:20px;padding:4px 4px 14px}
  .nxb-rail .nxb-card{flex:0 0 calc((100% - 60px)/4);min-width:270px;border-radius:20px}
  .nxb-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(30,70,140,.14)!important}
  .nxb-home{margin:42px auto;padding:0 24px}
  .nxb-home-head h2{font-size:24px}
  .product-rail,.nx-rail,.nx-home-rail{gap:18px!important}
}

@media (max-width:900px){
  .nxb-page{padding:14px 14px 40px}
  .nxb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}
  .nxb-card-body{padding:12px 14px 14px}
  .nxb-card h3{font-size:14px;line-height:1.8}
  .nxb-card p{font-size:12.2px}
  .nxb-art-grid{gap:18px}
  .nxb-content{font-size:14.5px;padding:0 4px}
  .nxb-meta{font-size:13px}
}

@media (max-width:600px){
  .nxb-page{padding:12px 12px 36px}
  .nxb-grid{grid-template-columns:1fr;gap:12px}
  .nxb-rail .nxb-card{flex-basis:min(82%,290px);min-width:220px}
  .nxb-card-body{padding:12px 13px 13px}
  .nxb-cover{aspect-ratio:16/9}
  .nxb-content{padding:0 2px;font-size:14.2px;line-height:2.1}
  .nxb-content h2{margin:22px 0 10px;font-size:17px}
  .nxb-art-main h1{font-size:20px;line-height:1.85;padding:0 2px}
  .nxb-meta{padding:6px 2px}
  .article-hero{padding:16px 4px 8px}
  .article-hero h1{font-size:22px}
  .article-search{display:flex;gap:8px}
  .article-search input{flex:1;min-width:0}
  .nxb-home{margin:22px auto;padding:0 12px}
  .nxb-home-head{margin-bottom:10px}
  .filter-pill{padding:7px 12px;font-size:12.5px}
}

/* Service icons — modern filled-outline style */
.service-card .service-icon{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(47,125,255,.14),rgba(47,125,255,.06));
  color:#2f8dff!important;margin-bottom:4px;
}
html[data-theme="light"] .service-card .service-icon{color:#1a6fd4!important;background:linear-gradient(145deg,rgba(26,111,212,.12),rgba(26,111,212,.05))}
.service-card .service-icon svg{width:26px!important;height:26px!important;stroke-width:1.7}
.service-card:hover .service-icon{transform:scale(1.06);box-shadow:0 8px 20px rgba(47,125,255,.22)}
.service-card .service-icon{transition:transform .25s,box-shadow .25s}