.blog-page{padding-top:6rem;padding-bottom:4rem;min-height:60vh}.blog-page__container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.blog-page__header{display:flex;align-items:center;gap:.75rem;padding:2rem 0 .75rem}.blog-page__icon{width:2.5rem;height:2.5rem;color:#1a1a1a}.blog-page__title{font-family:IBM Plex Sans Arabic,sans-serif;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;color:#1a1a1a;line-height:1.2}.blog-page__intro{font-family:IBM Plex Sans Arabic,sans-serif;font-size:1.0625rem;color:#6b6b6b;line-height:1.7;margin-bottom:1.5rem;max-width:600px}.blog-page__filters{display:flex;align-items:center;gap:.5rem;padding-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-page__filters::-webkit-scrollbar{display:none}.blog-page__filter{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.875rem;font-weight:500;color:#6b6b6b;background:transparent;border:1px solid #e2ddd4;border-radius:100px;text-decoration:none;white-space:nowrap;transition:all .2s ease;cursor:pointer}.blog-page__filter:hover{border-color:#1a1a1a;color:#1a1a1a}.blog-page__filter.is-active{background:#1a1a1a;border-color:#1a1a1a;color:#f6f1e8}.blog-page__filter.is-active .blog-page__filter-count{background:#ffffff26;color:#f6f1e8}.blog-page__filter-count{font-size:.75rem;font-weight:600;background:#f0ebe3;color:#999;padding:.125rem .5rem;border-radius:100px;min-width:1.5rem;text-align:center}.blog-page__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem;border-top:1px solid #e2ddd4;padding-top:1rem}.blog-page__grid>:global(article),.blog-page__grid-item{border-bottom:1px solid #f0ebe3}.blog-page__grid-item.is-hidden{display:none}.blog-page__empty{text-align:center;padding:4rem 0;color:#999;font-size:1.125rem;font-family:IBM Plex Sans Arabic,sans-serif}.blog-page__loadmore{display:flex;justify-content:center;padding:3rem 0 1rem}.blog-page__loadmore-btn{font-family:IBM Plex Sans Arabic,sans-serif;font-size:.9375rem;font-weight:500;color:#1a1a1a;background:transparent;border:1px solid #d4cfca;border-radius:8px;padding:.625rem 2rem;cursor:pointer;transition:all .2s ease}.blog-page__loadmore-btn:hover{border-color:#1a1a1a}@media(max-width:768px){.blog-page__grid{grid-template-columns:1fr;gap:0}.blog-page{padding-top:5rem}.blog-page__filters{gap:.375rem}}