@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/tajawal/tajawal-400-arabic.woff2') format('woff2')}
@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/tajawal/tajawal-700-arabic.woff2') format('woff2')}
.blog-post-page{background:#f8f7f2;padding-bottom:64px}.post-header{max-width:950px;margin:0 0 32px}.post-title{font-size:clamp(27px,3.3vw,43px);line-height:1.5;color:#213e31}.post-meta{gap:12px 24px;flex-wrap:wrap}.post-updated{font-size:14px;color:#596657}.post-layout{grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}.post-main{min-width:0}.post-content{padding:36px;border:1px solid #e5e9df;box-shadow:none;border-radius:20px;line-height:1.95;font-size:18px;color:#29392f}.post-content h2{font-size:26px;line-height:1.55;margin-top:38px;scroll-margin-top:100px}.post-content h3{font-size:21px;line-height:1.6;scroll-margin-top:100px}.post-content p,.post-content li{line-height:1.95}.post-content ul,.post-content ol{padding-inline-start:26px;padding-inline-end:0}.post-content li{padding-inline-start:4px;margin-bottom:12px}.post-content a:not(.btn){color:#28583e;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.post-content a:focus-visible,.post-sidebar a:focus-visible,.article-related-card:focus-visible{outline:3px solid #8aa878;outline-offset:4px}.article-hero{margin:0 0 24px}.article-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px}.article-hero figcaption{font-size:13px;line-height:1.6;color:#667163;padding:8px 8px 0}.article-summary{padding:22px 24px;background:#edf3e9;border-inline-start:4px solid #487244;border-radius:12px;margin:0 0 30px}.article-summary strong{font-size:16px;color:#456b3b}.article-summary p{margin:8px 0 0;font-weight:700;color:#213e31}.article-visual{margin:32px 0}.article-visual img{width:100%;height:auto;display:block;max-width:740px;margin:auto;border-radius:16px}.article-visual figcaption{font-size:14px;color:#64705e;margin-top:10px;line-height:1.8}.article-next-step{padding:26px;background:#eaf0e4;border-radius:16px;margin:36px 0}.article-next-step>span{font-size:14px;color:#4b6d42;font-weight:700}.article-next-step h2{margin:8px 0;font-size:25px}.article-next-step p{margin:0 0 18px;font-size:16px}.article-next-step .btn{background:#2d5240;color:#fff;text-decoration:none;white-space:normal;line-height:1.6;min-height:48px;padding:12px 22px;text-align:center}.article-next-step .btn:hover{background:#213e31}.article-sources{border-top:1px solid #dfe5d9;padding-top:12px;margin-top:30px}.article-sources h2{font-size:21px;margin-top:15px}.article-sources li{font-size:15px;margin-bottom:8px;overflow-wrap:anywhere}.article-sources p{font-size:14px;color:#67715f}.post-sidebar .sidebar-widget{box-shadow:none;border:1px solid #e1e7db;border-radius:18px;padding:22px}.sidebar-author a{color:#2d5240}.sidebar-author h3{font-size:22px;margin:12px 0 4px}.sidebar-author p{font-size:15px;line-height:1.8}.sidebar-author>a:last-child{font-size:14px}.sidebar-toc h2{font-size:20px;margin:0 0 14px}.sidebar-toc .toc-list{padding:0 20px 0 0;list-style:decimal;max-height:none;overflow:visible}.sidebar-toc .toc-list li{margin-bottom:12px;font-size:15px;line-height:1.7}.sidebar-toc .toc-list a{display:inline;color:#40593a;padding:0;border:0}.article-related{margin-top:38px}.article-related>h2{font-size:26px;color:#213e31;margin:0 0 18px}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-related-card{display:flex;flex-direction:column;background:white;border:1px solid #e1e7db;border-radius:16px;overflow:hidden;text-decoration:none;color:#213e31}.article-related-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-related-card h3{font-size:17px;line-height:1.7;margin:14px 14px 8px}.article-related-card>span{font-size:14px;margin:auto 14px 16px;color:#527a43}.article-mobile-toc{display:none}.table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;border-radius:12px;border:1px solid #dfe5d9}.post-content table{width:100%;border-collapse:collapse;font-size:16px;margin:0;min-width:0}.post-content caption{text-align:right;padding:14px;background:#f3f5ef;font-size:14px;line-height:1.6}.post-content th{background:#2d5240;color:white;text-align:right}.post-content td,.post-content th{padding:12px;vertical-align:top;line-height:1.8;border:1px solid #e0e5da;word-break:normal}.post-share{margin:24px 0 0}.post-share a{min-width:44px;min-height:44px}.post-content figure{max-width:100%}
@media(max-width:1100px){.post-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.post-content{padding:26px}.article-related-grid{grid-template-columns:1fr}.article-related-card{display:grid;grid-template-columns:155px 1fr;align-items:center}.article-related-card img{grid-row:1/3;height:100%;min-height:125px}.article-related-card h3{margin:10px 14px 0}.article-related-card>span{margin:6px 14px 12px}}
@media(max-width:900px){.post-layout{display:block}.post-sidebar{display:none}.article-mobile-toc{display:block;background:#edf1e8;border:1px solid #dae3d4;border-radius:12px;margin:0 0 20px;padding:14px 18px}.article-mobile-toc summary{cursor:pointer;font-weight:700;color:#2d5240;min-height:24px}.article-mobile-toc ol{padding-inline-start:22px;max-height:none;overflow:visible}.article-mobile-toc li{margin-top:12px;font-size:16px;line-height:1.6}.article-mobile-toc a{color:#2d5240;text-decoration:underline}.post-header{margin-bottom:24px}.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-related-card{display:flex}.article-related-card img{height:auto;min-height:0}.article-related-card>span{margin-top:auto}}
@media(max-width:600px){.blog-post-page .container{padding-left:16px;padding-right:16px}.post-content{padding:22px 18px;font-size:17px;border-radius:16px}.post-content h2{font-size:23px}.post-content h3{font-size:20px}.article-summary{padding:18px}.article-next-step{padding:22px 18px}.article-next-step h2{font-size:22px}.article-next-step .btn{display:block;width:100%}.article-related-grid{grid-template-columns:1fr}.article-related-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.article-related-card img{height:100%;min-height:126px;grid-row:1/3}.article-related-card h3{font-size:16px}.post-meta{font-size:14px}.post-content table{font-size:14px}.post-content td,.post-content th{padding:9px}.article-visual{margin-inline:-6px}.article-hero img{border-radius:16px}}

.sidebar-toc .toc-list a::before{content:none}.post-content .article-summary p{margin-bottom:0}
@media(max-width:600px){.post-meta{flex-direction:row;justify-content:center;gap:6px 12px}.post-meta .post-author{flex-basis:100%}.post-date,.post-updated{font-size:12px}.post-header{padding-bottom:20px}}
