.blog-wrapper{max-width:var(--layout-max-w);padding:clamp(40px, 8vh, 80px) var(--section-px);margin:20px auto 0}.blog-grid{grid-template-columns:1fr 340px;align-items:start;gap:48px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:1fr;gap:40px}}.blog-header{text-align:center;padding-bottom:clamp(40px,6vh,64px)}.blog-header h1{color:var(--text);letter-spacing:-.02em;background:linear-gradient(135deg, var(--brand-500), var(--brand-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:16px;margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:800}.blog-header p{color:var(--text-muted);max-width:720px;margin:0 auto;font-size:clamp(15px,1.5vw,17px);line-height:1.8}.featured-posts{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:48px;display:grid}.featured-posts .blog-card.featured-card{grid-column:1/-1}@media (max-width:768px){.featured-posts{grid-template-columns:1fr;gap:24px}}.blog-card{background:var(--bg-alt);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:#044d702e;transform:translateY(-6px)}.blog-card-image{aspect-ratio:16/9;background:linear-gradient(135deg, var(--neutral-100), var(--neutral-200));width:100%;display:block;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image .blog-featured-badge{top:16px;background:var(--brand-500);color:#fff;z-index:10;box-shadow:var(--shadow-md);border-radius:100px;padding:5px 14px;font-size:11px;font-weight:800;position:absolute;inset-inline-start:16px}.blog-card-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.blog-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.blog-card-category{color:var(--brand-500);transition:var(--transition);background:#044d700f;border:1px solid #044d7014;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.blog-card-category:hover{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.blog-card-date,.blog-card-reading{color:var(--text-muted);font-size:12px}.blog-card h2{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:clamp(18px,1.8vw,21px);font-weight:800;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover h2{color:var(--brand-400)}.blog-card p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.blog-card-author{color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.blog-card-author:hover{color:var(--brand-500)}.author-avatar{background:linear-gradient(135deg, var(--brand-500), var(--accent));color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}@media (min-width:769px){.featured-posts .featured-card{aspect-ratio:auto;flex-direction:row}.featured-posts .featured-card .blog-card-image{aspect-ratio:16/10;width:50%}.featured-posts .featured-card .blog-card-body{justify-content:center;gap:16px;width:50%;padding:36px}}.blog-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-tag{background:var(--neutral-100);color:var(--text-muted);transition:var(--transition);border:1px solid #0000;border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.blog-tag:hover{color:var(--accent-dark);background:#14b8a614;border-color:#14b8a633}.pagination{border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:8px;margin-top:48px;padding-top:32px;display:flex}.pagination a,.pagination span{border-radius:var(--radius-sm);min-width:40px;height:40px;transition:var(--transition);color:var(--text-muted);border:1px solid var(--glass-border);background:var(--bg-alt);justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.pagination a:hover{background:var(--brand-500);color:#fff;border-color:var(--brand-500);transform:translateY(-1px)}.pagination .active{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.pagination .disabled{opacity:.4;pointer-events:none;background:0 0;border-color:#0000}.blog-sidebar{flex-direction:column;gap:32px;display:flex;position:sticky;top:100px}@media (max-width:1024px){.blog-sidebar{position:static}}.sidebar-section{background:var(--bg-alt);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.sidebar-section h3{color:var(--text);border-bottom:2px solid var(--brand-500);margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:800}.sidebar-search{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg);gap:0;transition:border-color .2s;display:flex;overflow:hidden}.sidebar-search:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #044d701f}.sidebar-search input{font-family:var(--font-cairo);color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px 16px;font-size:14px}.sidebar-search button{background:var(--brand-500);color:#fff;cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:12px 18px;display:flex}.sidebar-search button:hover{background:var(--brand-600)}.sidebar-categories{margin:0;padding:0;list-style:none}.sidebar-categories li{border-bottom:1px solid var(--neutral-100)}.sidebar-categories li:last-child{border-bottom:none}.sidebar-categories a{color:var(--text);transition:var(--transition);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-categories a:hover{color:var(--brand-500);padding-inline-start:6px}.sidebar-categories span{background:var(--neutral-100);color:var(--text-muted);transition:var(--transition);border-radius:100px;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-categories a:hover span{background:var(--brand-500);color:#fff}.sidebar-recent{flex-direction:column;gap:16px;display:flex}.sidebar-recent-item{color:inherit;transition:var(--transition);align-items:center;gap:14px;text-decoration:none;display:flex}.sidebar-recent-item:hover{opacity:.85}.sidebar-recent-image{border-radius:var(--radius-sm);background:var(--neutral-100);width:60px;height:60px;box-shadow:var(--shadow-sm);flex-shrink:0}.sidebar-recent-image img{object-fit:cover}.sidebar-recent-info h4{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.sidebar-recent-info span{color:var(--text-muted);font-size:11px}.sidebar-tags{flex-wrap:wrap;gap:8px;display:flex}.sidebar-cta{background:linear-gradient(135deg, var(--brand-600), var(--brand-400));color:#fff;text-align:center;padding:36px 28px}.sidebar-cta h3{color:#fff;border:none;margin-bottom:12px;padding-bottom:0;font-size:18px}.sidebar-cta p{opacity:.9;margin-bottom:24px;font-size:13px;line-height:1.7}.blog-article-container{max-width:840px;margin:0 auto}.article-header{text-align:center;padding:clamp(32px,5vh,60px) 0}.article-header h1{color:var(--text);letter-spacing:-.01em;margin:20px 0;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.3}.article-header .article-excerpt{color:var(--text-muted);max-width:720px;margin:0 auto;font-size:clamp(16px,1.8vw,18px);line-height:1.8}.article-image{aspect-ratio:16/8;border-radius:var(--radius-lg);background:var(--neutral-100);width:100%;box-shadow:var(--shadow-md);margin-bottom:48px}.article-image img{object-fit:cover}.article-body-wrapper{max-width:740px;margin:0 auto}.article-body{color:var(--text);text-align:justify;font-size:17px;line-height:2}.article-body p{color:#1e293b;margin-bottom:24px}.article-body h2{color:var(--text);margin:48px 0 20px;padding-bottom:8px;font-size:clamp(22px,2.5vw,26px);font-weight:800;position:relative}.article-body h2:after{content:"";bottom:0;background:var(--brand-500);border-radius:2px;width:48px;height:3px;position:absolute;inset-inline-start:0}.article-body h3{color:var(--text);margin:36px 0 16px;font-size:clamp(18px,2vw,21px);font-weight:700}.article-body ul,.article-body ol{margin-bottom:24px;padding-inline-start:24px}.article-body li{margin-bottom:10px}.article-body blockquote{border-inline-start:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);background:#14b8a60d;margin:32px 0;padding:16px 24px;font-style:italic}[dir=ltr] .article-body blockquote{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.toc{background:var(--neutral-50);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:40px;padding:24px}.toc h3{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:800;display:flex}.toc-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.toc-list li{margin:0}.toc-list a{color:var(--brand-500);transition:var(--transition);align-items:center;gap:6px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.toc-list a:hover{color:var(--brand-400);transform:translate(-3px)}[dir=ltr] .toc-list a:hover{transform:translate(3px)}.article-footer{border-top:1px solid var(--neutral-200);max-width:740px;margin:56px auto 0;padding-top:40px}.article-tags{margin-bottom:28px}.article-author-card{background:var(--neutral-50);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;gap:24px;margin-bottom:40px;padding:28px;display:flex}.article-author-avatar{background:linear-gradient(135deg, var(--brand-500), var(--accent));color:#fff;width:68px;height:68px;box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.article-author-info h4{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:800}.article-author-info p:first-of-type{color:var(--brand-500);margin:0 0 8px;font-size:12.5px;font-weight:700}.article-author-info p:last-of-type{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.article-share{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:40px;display:flex}.article-share span{color:var(--text);font-size:14px;font-weight:700}.share-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-alt);cursor:pointer;transition:var(--transition);color:var(--text-muted);align-items:center;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.share-btn:hover{background:var(--brand-500);color:#fff;border-color:var(--brand-500);transform:translateY(-1px)}.article-cta{background:linear-gradient(135deg, var(--brand-600), var(--brand-400));color:#fff;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-brand);margin:56px 0;padding:56px 40px}.article-cta h3{color:#fff;margin-bottom:12px;font-size:24px;font-weight:800}.article-cta p{opacity:.9;margin-bottom:28px;max-width:580px;margin-inline:auto;font-size:15.5px;line-height:1.8}.article-cta .btn-primary-lg{color:var(--brand-600);box-shadow:var(--shadow-brand);background:#fff}.article-cta .btn-primary-lg:hover{background:#fffffff2;transform:scale(1.02)}.related-posts{border-top:1px solid var(--glass-border);margin-top:64px;padding-top:48px}.related-posts h3{color:var(--text);margin-bottom:28px;font-size:22px;font-weight:800}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:768px){.related-grid{grid-template-columns:1fr;gap:20px}}.archive-header{text-align:center;padding:clamp(32px,5vh,60px) 0}.archive-header h1{color:var(--text);margin-top:16px;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:800}.archive-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:15px;line-height:1.7}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:28px;display:grid}.search-form{background:var(--bg-alt);border:1px solid var(--glass-border);border-radius:var(--radius-md);max-width:600px;box-shadow:var(--shadow-sm);gap:12px;margin:20px auto 32px;padding:6px;display:flex}.search-form input{font-family:var(--font-cairo);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 18px;font-size:15px}.search-form button{background:var(--brand-500);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-cairo);transition:var(--transition);border:none;padding:12px 28px;font-size:14px;font-weight:700}.search-form button:hover{background:var(--brand-600)}.search-results-count{text-align:center;color:var(--text-muted);margin-top:8px;font-size:14px}.no-results{text-align:center;color:var(--text-muted);padding:80px 24px}.no-results h2{color:var(--text);margin-bottom:12px;font-size:24px;font-weight:800}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumbs a{color:var(--brand-500);font-weight:600;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{color:var(--text-light);font-size:11px}@media (max-width:640px){.blog-card-body{padding:20px}.posts-grid{grid-template-columns:1fr;gap:20px}.article-body{font-size:16px;line-height:1.8}.article-cta{padding:40px 24px}.article-author-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px}.article-share{flex-wrap:wrap;gap:8px}.search-form{flex-direction:column;gap:8px;padding:12px}.search-form input{border-bottom:1px solid var(--neutral-200);padding:8px}}