.bl-hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;color:var(--navy);line-height:1.45;text-wrap:balance}
.bl-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:12.5px;color:var(--muted)}.bl-meta span{display:inline-flex;align-items:center;gap:5px}.bl-meta .ms{font-size:17px;color:var(--copper)}
.bl-cover{margin-top:20px;border-radius:28px;overflow:hidden;aspect-ratio:21/9}.bl-cover img{width:100%;height:100%;object-fit:cover}
.bl-body{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:32px;align-items:start}
.bl-toc{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}
.bl-toc b{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--navy2);margin-bottom:8px}.bl-toc b .ms{color:var(--copper)}
.bl-toc ol{list-style:none;padding:0;counter-reset:t;display:grid;gap:2px}.bl-toc li{counter-increment:t}
.bl-toc a{display:flex;gap:8px;padding:7px 8px;border-radius:10px;font-size:13px;line-height:1.7;color:var(--ink)}.bl-toc a::before{content:counter(t,persian);color:var(--copper);font-weight:800}
.bl-toc a:hover,.bl-toc a.on{background:var(--champ);color:var(--navy2)}
.bl-prog{height:3px;border-radius:3px;background:var(--line);margin-top:10px;overflow:hidden}.bl-prog i{display:block;height:100%;width:0;background:var(--copper)}
.bl-art{font-size:15.5px;line-height:2.3;color:var(--ink)}.bl-art h2{font-size:22px;font-weight:800;color:var(--navy);margin:32px 0 10px;scroll-margin-top:110px;line-height:1.6}.bl-art h2:first-of-type{margin-top:0}
.bl-art p{max-width:68ch}
.bl-sum{background:var(--champ);border-radius:20px;padding:16px 20px;margin-bottom:24px}.bl-sum b{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--navy2)}.bl-sum b .ms{color:var(--copper)}.bl-sum p{font-size:14px;line-height:2.1;margin-top:4px}
.bl-tb{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:13.5px;line-height:1.8}
.bl-tb th,.bl-tb td{padding:11px 14px;text-align:right;border-top:1px solid var(--line)}.bl-tb thead th{background:var(--navy);color:#fff;border-top:0}.bl-tb td{color:var(--navy2);font-weight:700}
.bl-cta{display:flex;gap:14px;align-items:center;margin:26px 0;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.bl-cta>.ms{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--champ);color:var(--copper);font-size:26px;flex:0 0 auto}
.bl-cta div{flex:1}.bl-cta b{display:block;font-size:14.5px;color:var(--navy2)}.bl-cta small{font-size:12.5px;color:var(--muted)}
.bl-side{position:sticky;top:96px;display:grid;gap:14px}
.bl-offer{border-radius:22px;padding:20px;color:#fff;background:radial-gradient(300px 200px at 100% 0%,rgba(227,164,124,.45),transparent 60%),var(--navy)}
.bl-offer small{color:var(--copper2);font-weight:800;font-size:12px}.bl-offer b{display:block;font-size:17px;margin:4px 0 6px}.bl-offer p{font-size:12.5px;color:#c7d0dc;line-height:1.9}
.bl-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;text-align:center}.bl-cd span{background:rgba(255,255,255,.08);border-radius:10px;padding:6px 0;font-size:10.5px;color:#c7d0dc}.bl-cd span b{display:block;font-size:18px;color:#fff;margin:0}
.bl-offer .btn{width:100%}
.bl-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}.bl-box h3{font-size:14.5px;font-weight:800;color:var(--navy2);margin-bottom:10px;display:flex;gap:6px;align-items:center}.bl-box h3 .ms{color:var(--copper)}
.bl-lk{display:grid;gap:8px}.bl-lk a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;font-size:13px;font-weight:700;color:var(--navy2)}.bl-lk a:hover{border-color:var(--copper2)}.bl-lk .ms{color:var(--copper)}.bl-lk i{margin-inline-start:auto;font-style:normal;font-size:12px;color:var(--copper)}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;color:var(--navy2);transition:transform .3s,border-color .3s}.bl-card:hover{transform:translateY(-4px);border-color:var(--copper2)}.bl-card[hidden]{display:none}
.bl-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.bl-card div{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.bl-card small{font-size:12px;font-weight:700;color:var(--copper)}.bl-card b{font-size:16px;line-height:1.7}.bl-card p{font-size:13px;color:var(--muted);line-height:1.9;flex:1}.bl-card em{font-style:normal;font-size:12px;color:var(--muted);display:flex;gap:12px}
.bl-feat{display:grid;grid-template-columns:1.3fr 1fr;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);margin-bottom:22px;color:var(--navy2)}.bl-feat img{width:100%;height:100%;object-fit:cover;min-height:280px}.bl-feat div{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:10px}.bl-feat b{font-size:clamp(20px,2.4vw,28px);line-height:1.6}.bl-feat p{font-size:14px;color:var(--muted);line-height:2}
.bl-flt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.bl-flt button{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:700;color:var(--navy2)}.bl-flt button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.bl-mtoc{display:none}
@media(max-width:1100px){.bl-body{grid-template-columns:minmax(0,1fr) 300px}.bl-toc{display:none}.bl-mtoc{display:block;margin-bottom:20px}.bl-mtoc details{background:#fff;border:1px solid var(--line);border-radius:16px}.bl-mtoc summary{padding:14px 16px;font-weight:800;font-size:14px;color:var(--navy2);cursor:pointer}.bl-mtoc ol{padding:0 30px 14px;font-size:13.5px;line-height:2.1}}
@media(max-width:860px){.bl-body{grid-template-columns:1fr}.bl-side{position:static}.bl-grid{grid-template-columns:1fr 1fr}.bl-feat{grid-template-columns:1fr}.bl-cover{aspect-ratio:16/10}}
@media(max-width:560px){.bl-grid{grid-template-columns:1fr}.bl-cta{flex-wrap:wrap}.bl-cta .btn{width:100%}}

.bl-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px 36px;align-items:center}.bl-hero .crumb{grid-column:1/-1}
.bl-cover{margin-top:0;aspect-ratio:580/650;border-radius:28px;box-shadow:0 30px 60px -40px rgba(24,35,63,.6)}.bl-cover img{object-position:center 30%}
.bl-au{display:flex;align-items:center;gap:12px;padding:16px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.bl-av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--copper2),var(--copper));color:#fff;font-weight:800;font-size:20px;flex:0 0 auto}
.bl-au b{display:block;font-size:14px;color:var(--navy2)}.bl-au small{font-size:12px;color:var(--muted)}
.bl-offer{position:relative;overflow:hidden;border-radius:24px;padding:22px}.bl-offer::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:24px solid rgba(227,164,124,.12);top:-60px;left:-60px}
.bl-box{border-radius:24px;padding:18px}
.bl-sv{padding:8px!important;gap:12px!important}.bl-sv img{width:56px;height:56px;border-radius:12px;object-fit:cover;object-position:center 30%}.bl-sv span{display:flex;flex-direction:column}.bl-sv b{font-size:13px;line-height:1.6}.bl-sv small{font-size:12px;color:var(--copper);font-weight:800}
.bl-sv i{align-self:center;padding:6px 10px;border-radius:999px;background:var(--champ);color:var(--navy2)!important;font-weight:700}
.bl-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.bl-pn a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--navy2);transition:border-color .3s,transform .3s}.bl-pn a:hover{border-color:var(--copper2);transform:translateY(-3px)}
.bl-pn a[rel=next]{flex-direction:row-reverse;text-align:left}.bl-pn img{width:72px;height:72px;border-radius:14px;object-fit:cover;object-position:center 30%;flex:0 0 auto}
.bl-pn small{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--copper);font-weight:700}.bl-pn a[rel=next] small{justify-content:flex-end}.bl-pn small .ms{font-size:16px}.bl-pn b{font-size:13.5px;line-height:1.7}
.bl-card img,.bl-feat img{object-position:center 30%}
.bl-hero .wrap{grid-template-columns:minmax(0,1fr) 280px}.bl-cover{aspect-ratio:4/5;max-height:340px}
@media(max-width:860px){.bl-hero .wrap{grid-template-columns:1fr}.bl-cover{aspect-ratio:16/9!important;max-height:220px}}
.bl-card div::after{content:"ادامه مطلب ←";align-self:flex-start;margin-top:8px;padding:8px 16px;border-radius:999px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;transition:background .3s}.bl-card:hover div::after{background:var(--copper)}
@media(max-width:860px){.bl-hero .wrap{grid-template-columns:1fr}.bl-cover{order:-1;aspect-ratio:4/3;max-height:none}.bl-hero .crumb{order:-2}.bl-pn{grid-template-columns:1fr}.bl-pn a[rel=next]{flex-direction:row;text-align:right}.bl-pn a[rel=next] small{justify-content:flex-start}}
@media(max-width:860px){.sec .bl-grid.bl-rel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding:2px 16px 10px}.bl-rel::-webkit-scrollbar{display:none}.bl-rel .bl-card{flex:0 0 78%;scroll-snap-align:start}}
.bl-tools{position:sticky;top:var(--hh,72px);z-index:20;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;background:var(--ivory);margin-bottom:18px;border-bottom:1px solid var(--line)}
.bl-q{position:relative;flex:1 1 260px}.bl-q input{width:100%;height:46px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 44px 0 16px;font:inherit;font-size:13.5px}.bl-q .ms{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--copper)}
.bl-tools select{height:46px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 14px;font:inherit;font-size:13px}
.bl-tools .bl-flt{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 100%}.bl-tools .bl-flt::-webkit-scrollbar{display:none}.bl-flt button{flex:0 0 auto;display:flex;gap:6px;align-items:center}.bl-flt button b{font-size:11px;color:var(--copper)}.bl-flt button.on b{color:var(--copper2)}
.bl-res{font-size:13px;color:var(--muted);margin-bottom:12px}.bl-res b{color:var(--navy2)}
.bl-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:22px}
.bl-lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.bl-lay .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-aside{position:sticky;top:calc(var(--hh,72px) + 84px);display:grid;gap:14px}
.bl-tags{display:flex;flex-wrap:wrap;gap:6px}.bl-tags a{padding:6px 12px;border-radius:999px;background:var(--champ);font-size:12px;font-weight:700;color:var(--navy2)}
@media(max-width:960px){.bl-lay{grid-template-columns:1fr}.bl-aside{position:static}}@media(max-width:560px){.bl-lay .bl-grid{grid-template-columns:1fr}.bl-tools select{flex:1}}
.bl-flt button{white-space:nowrap}