/* المدونة بالتصميم الجديد: قائمة المقالات (التصنيفات والبطاقات والصفحات) وصفحة المقال */
.bl-lead{max-width:720px;margin:0;font-size:17px;line-height:1.9;color:#bdb8af}

/* التصنيفات */
.bl-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 44px}
.bl-filter a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid #e4e0d8;background:#ffffff;font-size:15px;color:#3a3835;text-decoration:none;transition:border-color .3s,color .3s}
.bl-filter a span{font-size:13px;color:#8c51a5;font-variant-numeric:tabular-nums}
.bl-filter a:hover{border-color:#8c51a5;color:#7a3f96}
.bl-filter a[aria-current]{border-color:#171717;background:#171717;color:#ffffff}
.bl-filter a[aria-current] span{color:#c49ae6}

/* البطاقات */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bl-featured{margin-bottom:24px}
.bl-card{position:relative;display:flex;flex-direction:column;padding:32px 28px;border:1px solid #e4e0d8;background:#ffffff;transition:box-shadow .4s}
.bl-card::before{content:"";position:absolute;top:-1px;inset-inline:-1px;height:3px;background:#8c51a5;transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.bl-card:hover{box-shadow:0 18px 40px rgba(28,28,28,.08)}
.bl-card:hover::before,.bl-card:focus-within::before{transform:scaleX(1)}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 16px;font-size:13.5px;color:#77726b}
.bl-cat{font-weight:600;color:#7a3f96}
.bl-new{padding:3px 10px;background:#8c51a5;font-size:12.5px;font-weight:600;color:#ffffff}
.bl-title{margin:0 0 14px;font-size:20px;line-height:1.6;font-weight:600}
.bl-title a{color:#1c1c1c;text-decoration:none;transition:color .3s}
.bl-title a::after{content:"";position:absolute;inset:0}
.bl-title a:focus-visible{outline:none}
.bl-card:focus-within{outline:2px solid #8c51a5;outline-offset:3px}
.bl-card:hover .bl-title a{color:#7a3f96}
.bl-excerpt{display:-webkit-box;margin:0 0 24px;overflow:hidden;font-size:15.5px;line-height:1.9;color:#57544f;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bl-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:auto 0 0;padding-top:18px;border-top:1px solid #efece6;font-size:13.5px;color:#77726b}
.bl-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#7a3f96}
.bl-card.is-big{padding:48px 44px;border-color:#171717;background:#171717}
.bl-card.is-big .bl-meta{color:#9a958d}
.bl-card.is-big .bl-cat{color:#c49ae6}
.bl-card.is-big .bl-title{max-width:880px;font-size:30px;line-height:1.5}
.bl-card.is-big .bl-title a{color:#ffffff}
.bl-card.is-big:hover .bl-title a{color:#c49ae6}
.bl-card.is-big .bl-excerpt{max-width:820px;font-size:17px;color:#bdb8af;-webkit-line-clamp:4}
.bl-card.is-big .bl-foot{border-top-color:rgba(255,255,255,.12);color:#9a958d}
.bl-card.is-big .bl-more{color:#c49ae6}
.bl-empty{margin:0;font-size:17px;color:#57544f}

/* أرقام الصفحات */
.bl-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:56px}
.bl-num,.bl-pg{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid #e4e0d8;background:#ffffff;font-size:15px;color:#3a3835;text-decoration:none;font-variant-numeric:tabular-nums;transition:border-color .3s,color .3s}
a.bl-num:hover,.bl-pg:hover{border-color:#8c51a5;color:#7a3f96}
.bl-num[aria-current]{border-color:#8c51a5;background:#8c51a5;color:#ffffff}
.bl-dots{padding:0 4px;color:#77726b}

/* شريط طلب الاستشارة */
.bl-cta{position:relative;overflow:hidden;padding:80px 0}
.bl-cta-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 48px}
.bl-cta h2{margin:0 0 10px;font-size:30px;line-height:1.5;font-weight:600;color:#ffffff}
.bl-cta p{max-width:620px;margin:0;font-size:16px;line-height:1.9;color:#bdb8af}

/* صفحة المقال */
.bl-h1{max-width:960px;font-size:42px;line-height:1.45}
.bl-phero .bl-lead{margin-top:6px}
.bl-hmeta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:22px 0 0;font-size:14.5px;color:#9a958d}
.bl-post-in{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:72px;align-items:start}
.bl-side{position:sticky;top:110px;display:grid;gap:24px;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}
.bl-side .pv-toc{position:static;max-height:none;overflow:visible}
.bl-toc a{grid-template-columns:minmax(0,1fr)}
.bl-toc li.is-sub a{padding-inline-start:16px;font-size:13.5px}
.bl-sidecta{padding:28px 24px;background:#171717;color:#ffffff}
.bl-sidecta p{margin:0 0 20px;font-size:14.5px;line-height:1.9;color:#bdb8af}
.bl-sidecta .bl-sidecta-t{margin-bottom:8px;font-size:19px;line-height:1.5;font-weight:600;color:#ffffff}
.bl-sidecta .btn{width:100%;justify-content:center;padding:0 18px;font-size:15px}
.bl-main{max-width:780px}

/* نص المقال */
.bl-body{font-size:18px;line-height:2;color:#3a3835;overflow-wrap:anywhere}
.bl-body p{margin:0 0 18px}
.bl-body h2{margin:48px 0 16px;padding-top:24px;border-top:1px solid #e4e0d8;font-size:27px;line-height:1.5;font-weight:600;color:#1c1c1c;scroll-margin-top:110px}
.bl-body h3{margin:36px 0 12px;font-size:22px;line-height:1.6;font-weight:600;color:#1c1c1c;scroll-margin-top:110px}
.bl-body h4,.bl-body h5{margin:28px 0 10px;font-size:19px;line-height:1.6;font-weight:600;color:#1c1c1c}
.bl-body > :first-child{margin-top:0;padding-top:0;border-top:0}
.bl-body ul,.bl-body ol{margin:0 0 20px;padding:0}
.bl-body ul{list-style:none}
.bl-body ul li{position:relative;margin:0 0 10px;padding-inline-start:22px}
.bl-body ul li::before{content:"";position:absolute;top:.95em;inset-inline-start:0;width:8px;height:1.5px;background:#8c51a5}
.bl-body ol{padding-inline-start:24px}
.bl-body ol li{margin:0 0 10px;padding-inline-start:4px}
.bl-body ol li::marker{font-weight:600;color:#8c51a5}
.bl-body li p{margin:0}
.bl-body strong{font-weight:600;color:#1c1c1c}
.bl-body a{color:#7a3f96;text-decoration:underline;text-underline-offset:3px}
.bl-body a:hover{color:#5c2c74}
.bl-body blockquote{margin:28px 0;padding:6px 24px;border-inline-start:3px solid #8c51a5;background:#f5f3ef;font-size:19px;color:#1c1c1c}
.bl-body img{display:block;max-width:100%;height:auto;margin:28px 0}
.bl-body hr{margin:40px 0;border:0;border-top:1px solid #e4e0d8}
.bl-body table{width:100%;margin:0 0 24px;border-collapse:collapse;font-size:16px}
.bl-body th,.bl-body td{padding:10px 14px;border:1px solid #e4e0d8;text-align:start;vertical-align:top}
.bl-body th{background:#f5f3ef;font-weight:600}
.bl-body code{padding:1px 6px;background:#f5f3ef;font-size:.9em}

.bl-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:48px 0 0;padding-top:28px;border-top:1px solid #e4e0d8}
.bl-tags span{margin-inline-end:6px;font-size:14px;font-weight:600;color:#1c1c1c}
.bl-tags a{padding:6px 14px;border:1px solid #e4e0d8;font-size:14px;color:#57544f;text-decoration:none;transition:border-color .3s,color .3s}
.bl-tags a:hover{border-color:#8c51a5;color:#7a3f96}
.bl-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.bl-pn a{display:block;padding:20px 22px;border:1px solid #e4e0d8;font-size:16px;line-height:1.7;font-weight:600;color:#1c1c1c;text-decoration:none;transition:border-color .3s,color .3s}
.bl-pn a span{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#8c51a5}
.bl-pn a:hover{border-color:#8c51a5;color:#7a3f96}
.bl-pn-next{grid-column:2;text-align:end}
.bl-related-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}
.bl-related-head h2{margin:0;font-size:32px;line-height:1.4;font-weight:600}

@media (max-width:1100px){
.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-post-in{grid-template-columns:minmax(0,1fr);gap:8px}
.bl-side{position:static;max-height:none;overflow:visible}
.bl-side .pv-toc{margin-bottom:24px}
.bl-sidecta{display:none}
.bl-main{max-width:none}
.bl-h1{font-size:34px}
}
@media (max-width:640px){
.bl-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.bl-filter{gap:8px;margin-bottom:32px}
.bl-filter a{min-height:40px;padding:0 14px;font-size:14px}
.bl-card{padding:24px 20px}
.bl-card.is-big{padding:30px 22px}
.bl-card.is-big .bl-title{font-size:23px}
.bl-card.is-big .bl-excerpt{font-size:15.5px}
.bl-lead{font-size:16px}
.bl-h1{font-size:27px}
.bl-body{font-size:16.5px}
.bl-body h2{font-size:22px;margin-top:40px}
.bl-body h3{font-size:19px}
.bl-pn{grid-template-columns:minmax(0,1fr)}
.bl-pn-next{grid-column:auto}
.bl-cta{padding:60px 0}
.bl-cta h2{font-size:24px}
.bl-cta .btn{width:100%;justify-content:center}
.bl-related-head h2{font-size:25px}
}