.blog-main{max-width:1180px;margin:auto;padding:60px 34px 100px}.blog-intro{max-width:720px;margin:0 auto 48px;text-align:center}.blog-intro h1{font-size:clamp(42px,7vw,76px);line-height:1.15;letter-spacing:-2px;margin:0 0 18px}.blog-intro h1 em{font-style:normal;color:#829b83}.blog-intro>p:last-child{color:var(--muted);font-size:15px;line-height:2;margin:0 auto;max-width:620px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-card{display:flex;flex-direction:column;min-height:330px;padding:26px;background:#eeece3;border:1px solid transparent;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);border-color:#d3d4c9;box-shadow:0 16px 30px #27322d12}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.blog-category{padding:5px 10px;border-radius:20px;background:#dce5d9;color:#3f5943;font-weight:700}.blog-card h2{font-size:clamp(23px,3vw,32px);line-height:1.4;margin:25px 0 12px}.blog-card>p{color:var(--muted);font-size:13px;line-height:2;margin:0 0 25px}.blog-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #d0d1c7;font-size:12px;font-weight:700}.blog-card-link span{font-size:18px;transition:transform .2s ease}.blog-card-link:hover span{transform:translateX(-3px)}html[dir="ltr"] .blog-card-link:hover span{transform:translateX(3px)}.blog-article-main{max-width:900px;margin:auto;padding:40px 34px 100px}.blog-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:36px;color:var(--muted);font-size:12px}.blog-breadcrumb a:hover{text-decoration:underline;color:var(--ink)}.blog-article-header{padding:0 0 30px;border-bottom:1px solid var(--line)}.blog-article-header h1{font-size:clamp(36px,6vw,62px);line-height:1.3;letter-spacing:-1.5px;margin:12px 0 18px}.blog-article-summary{max-width:740px;color:var(--muted);font-size:17px;line-height:2;margin:0}.blog-article-content{max-width:720px;margin:34px auto 0;font-size:15px;line-height:2.1}.blog-article-content h2{font-size:25px;line-height:1.5;margin:35px 0 12px}.blog-article-content p{color:#46524d;margin:0 0 18px}.blog-article-content ul{padding-inline-start:24px;color:#46524d}.blog-article-content li{padding-inline-start:5px;margin-bottom:8px}.blog-article-content a{color:#526f55;text-decoration:underline;text-underline-offset:3px;font-weight:700}.blog-callout{margin:32px 0;padding:22px 24px;background:var(--cream);border-inline-start:3px solid #829b83;color:#33413a}.blog-post-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.blog-post-footer a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.blog-empty{padding:35px;background:var(--cream);text-align:center;color:var(--muted)}@media(max-width:700px){.blog-main{padding:42px 22px 70px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:280px;padding:22px}.blog-article-main{padding:30px 22px 70px}.blog-article-header h1{font-size:38px}.blog-article-summary{font-size:15px}.blog-article-content{font-size:14px}.blog-article-content h2{font-size:22px}}.blog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.blog-sidebar{position:sticky;top:24px;padding:20px;background:#eeece3;border:1px solid #deddd3}.blog-sidebar-title{margin:0 0 14px;font-size:12px;font-weight:800}.blog-category-list{display:grid;gap:7px}.blog-filter-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:600 11px Cairo,Arial,sans-serif;text-align:start;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.blog-filter-button span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#e3e1d7;color:var(--muted);font:700 10px "Space Grotesk",sans-serif}.blog-filter-button:hover{background:#e7e5dc;color:var(--ink)}.blog-filter-button.is-active{background:#fffdf7;border-color:#d7d8ce;color:var(--ink);box-shadow:0 3px 10px #17211f0a}.blog-filter-button.is-active span{background:#dce5d9;color:#3f5943}.blog-filter-button:focus-visible{outline:3px solid #829b83;outline-offset:2px}.blog-results{min-width:0}.blog-card[hidden]{display:none}.blog-empty-state{padding:28px;background:var(--cream);color:var(--muted);text-align:center;line-height:1.8}@media(max-width:800px){.blog-main{padding-top:42px}.blog-layout{grid-template-columns:minmax(0,1fr);gap:18px}.blog-sidebar{position:static;box-sizing:border-box;min-width:0;max-width:100%;padding:15px}.blog-sidebar-title{margin-bottom:10px}.blog-category-list{display:flex;gap:7px;min-width:0;max-width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.blog-filter-button{flex:0 0 auto;width:max-content;white-space:nowrap;padding:9px 11px}.blog-filter-button span{min-width:21px;height:21px}.blog-results{min-width:0;max-width:100%}.blog-grid{grid-template-columns:1fr}}
