:root{--color-primary: #0c4d69;--color-primary-dark: #0a3f57;--color-primary-light: #e8f0f4;--color-bg: #faf9f7;--color-bg-warm: #f5f0e8;--color-bg-card: #ffffff;--color-text: #1a1a1a;--color-text-muted: #555555;--color-text-light: #888888;--color-accent: #c49a3c;--color-accent-light: #f7f0e0;--color-accent-dark: #9a7830;--color-secondary: #8b4d3b;--color-border: #e5e0d8;--font-family: "Tajawal", sans-serif;--size-hero-title: 32px;--size-article-title: 24px;--size-card-title: 17px;--size-body: 18px;--size-meta: 13px;--line-height-body: 1.8;--line-height-heading: 1.5;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 60px;--radius-sm: 4px;--radius-md: 6px;--bp-mobile: 375px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1200px}@font-face{font-family:Tajawal;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Tajawal-Light.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Tajawal-Regular.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Tajawal-Medium.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Tajawal-Bold.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--size-body);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-bg);direction:rtl;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:-100%;left:0;background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);z-index:1000;font-size:var(--size-meta)}.skip-link:focus{top:0}.container{max-width:var(--bp-wide);margin:0 auto;padding:0 var(--space-lg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-heading)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-header{background:var(--color-primary-dark)}.header-inner{display:flex;align-items:center}.header-logo{display:flex;align-items:center;padding:var(--space-sm) 0;margin-inline-end:var(--space-lg);flex-shrink:0}.site-logo{height:44px;width:auto}.site-title{font-size:28px;font-weight:700;color:var(--color-primary)}.main-nav{flex:1}.main-nav ul{list-style:none;display:flex}.main-nav a{display:block;padding:16px 14px;color:#ffffffd9;font-size:14px;font-weight:500;transition:color .2s,background .2s;white-space:nowrap}.main-nav a:hover{color:#fff;background:#ffffff14;text-decoration:none}.main-nav a.nav-active{color:#fff;background:#ffffff1f;box-shadow:inset 0 -2px 0 var(--color-accent)}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:var(--space-sm);margin-inline-start:auto}@media(max-width:768px){.nav-toggle{display:block}.main-nav ul{display:none}.header-inner{flex-wrap:wrap}.main-nav.open ul{display:flex;flex-direction:column;position:fixed;inset:0;background:var(--color-primary-dark);z-index:100;padding-top:60px;overflow-y:auto}.main-nav.open .nav-toggle{position:fixed;top:var(--space-md);left:var(--space-md);z-index:101}.main-nav a{border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-md) var(--space-lg);font-size:18px}}.section-lead,.section-articles{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.section-categories{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);background:var(--color-bg-card);border-top:1px solid var(--color-border)}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.lead-item{background:var(--color-bg-card);overflow:hidden}.lead-item a{display:block;text-decoration:none;color:var(--color-text);height:100%}.lead-item a:hover h2,.lead-item a:hover h3{color:var(--color-primary)}.lead-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.lead-item a:hover img{transform:scale(1.03)}.lead-item .lead-content{padding:10px 14px 14px}.lead-item .lead-cat{font-size:11px;color:var(--color-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.lead-item .lead-date{font-size:12px;color:var(--color-text-light);margin-top:6px}.lead-main{grid-row:span 2;grid-column:1}.lead-main .lead-img{aspect-ratio:16/9;overflow:hidden}.lead-main h2{font-size:20px;line-height:1.5}.lead-main .lead-excerpt{font-size:14px;color:var(--color-text-muted);line-height:1.7;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lead-secondary{grid-column:2}.lead-secondary a{display:grid!important;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.lead-secondary .lead-img{overflow:hidden;order:2}.lead-secondary .lead-img img{height:100%;width:100%;object-fit:contain;background:var(--color-bg)}.lead-secondary .lead-content{order:1;padding:var(--space-md);display:flex;flex-direction:column;justify-content:center}.lead-secondary h3{font-size:14px;line-height:1.6}@media(max-width:768px){.lead-grid{grid-template-columns:1fr}.lead-main{grid-row:span 1;grid-column:1}.lead-main .lead-img{height:200px}.lead-secondary{grid-column:1}.lead-secondary a{grid-template-columns:1fr 110px}.lead-secondary .lead-img{min-height:80px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:12px;border-bottom:2px solid var(--color-accent)}.section-header h2{font-size:22px;color:var(--color-text)}.section-header a{font-size:14px;color:var(--color-primary)}.section-count{font-size:14px;color:var(--color-text-muted)}.category-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-accent)}.category-header h2{font-size:22px;color:var(--color-text);white-space:nowrap}.category-header .category-description{font-size:14px;color:var(--color-text-muted)}.category-header .section-count{font-size:var(--size-meta);color:var(--color-text-light);white-space:nowrap;margin-inline-start:auto}@media(max-width:768px){.category-header{flex-wrap:wrap}}.subnav{background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.subnav .container{display:flex;align-items:center;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subnav .container::-webkit-scrollbar{display:none}.subnav-link,.subnav-parent{display:flex;align-items:center;padding:12px var(--space-md);font-size:14px;color:var(--color-text-muted);white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.subnav-link:hover,.subnav-parent:hover{color:var(--color-text);text-decoration:none;border-bottom-color:var(--color-accent)}.subnav-parent{font-weight:700;color:var(--color-text)}.subnav-divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-xs);flex-shrink:0}.subnav-active{color:var(--color-text);font-weight:700;border-bottom-color:var(--color-accent)}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.articles-grid .article-card:first-child h3{font-size:22px}.article-card{background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #00000014;transition:box-shadow .2s}.article-card:hover{box-shadow:0 4px 12px #0000001f}.article-thumb{overflow:hidden;background:#e8e4df;aspect-ratio:16/10}.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-body{padding:var(--space-md) 18px var(--space-lg)}.article-body .cat{font-size:12px;color:var(--color-secondary);font-weight:500;margin-bottom:var(--space-sm)}.article-body h3{font-size:var(--size-card-title);line-height:1.6;margin-bottom:var(--space-sm)}.article-body .date{font-size:12px;color:var(--color-text-light)}.article-body .has-audio{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--color-primary);margin-top:var(--space-sm)}@media(max-width:768px){.articles-grid{grid-template-columns:1fr}}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.category-card{text-align:center;padding:var(--space-lg) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-bottom:3px solid transparent;border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s}.category-card:hover{border-bottom-color:var(--color-accent);box-shadow:0 2px 8px #00000014}.category-card h3{font-size:16px;color:var(--color-text);margin-bottom:var(--space-xs)}.category-card .count{font-size:var(--size-meta);color:var(--color-text-light)}@media(max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}.breadcrumb{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--size-meta);color:var(--color-text-light)}.breadcrumb li:after{content:"‹";margin-inline-start:var(--space-sm);color:var(--color-text-light)}.breadcrumb li:last-child:after{content:""}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb li:last-child{color:var(--color-text);font-weight:500}.article-page{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.article-page .category-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.article-page .badge{background:var(--color-primary);color:#fff;padding:var(--space-xs) 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-decoration:none;transition:background .2s}.article-page .badge:hover{background:var(--color-primary-dark);text-decoration:none}.article-page h1{font-size:28px;line-height:var(--line-height-heading);margin-bottom:var(--space-sm)}.article-page .article-excerpt{font-size:16px;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-md)}.article-page .article-meta{font-size:var(--size-meta);color:var(--color-text-muted);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.article-page .meta-date{color:var(--color-text-muted)}.article-page .featured-img{width:100%;border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.article-page .article-content{font-size:var(--size-body);line-height:var(--line-height-body)}.article-page .article-content p{margin-bottom:var(--space-md)}.article-page .article-content h2,.article-page .article-content h3{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.article-page .article-content blockquote{border-inline-end:4px solid var(--color-accent);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--color-accent-light);font-style:italic}.article-page .article-content img{border-radius:var(--radius-md);margin:var(--space-lg) 0}.article-page .article-content a{color:var(--color-primary);text-decoration:underline}.article-tags{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.tags-label{font-size:var(--size-meta);color:var(--color-text-muted);font-weight:500}.tag{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-xs) 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-muted)}.share-section{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.share-label{font-size:var(--size-meta);color:var(--color-text-muted);font-weight:500;display:block;margin-bottom:var(--space-sm)}.documents-section{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.documents-section h3{font-size:16px;color:var(--color-text);margin-bottom:var(--space-md)}.related-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--color-accent)}.related-section h3{font-size:18px;color:var(--color-text);margin-bottom:var(--space-lg)}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.related-grid .article-body a{color:var(--color-text);text-decoration:none}.related-grid .article-body a:hover{color:var(--color-primary)}@media(max-width:768px){.related-grid{grid-template-columns:1fr}.article-page h1{font-size:22px}}.audio-player{background:var(--color-primary);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md)}.audio-player audio{width:100%;height:40px}.share-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.share-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--size-meta);color:#fff;transition:opacity .2s}.share-btn:hover{opacity:.85;text-decoration:none}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#1877f2}.share-btn.whatsapp{background:#25d366}.share-btn.telegram{background:#08c}.share-btn.linkedin{background:#0a66c2}.share-btn.copy{background:var(--color-text-muted)}.document-list{list-style:none;margin-top:var(--space-lg)}.document-list li{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.document-list a{display:flex;align-items:center;gap:var(--space-sm);font-weight:500}.site-footer{background:#1a1a1a;color:#fff;padding:var(--space-xl) 0 var(--space-lg);margin-top:var(--space-xl)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.site-footer h4{font-size:16px;margin-bottom:var(--space-md)}.site-footer a{color:#ffffffb3}.site-footer a:hover{color:#fff}.site-footer ul{list-style:none}.site-footer li{margin-bottom:var(--space-sm);font-size:14px}.footer-copy{text-align:center;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.15);font-size:var(--size-meta);color:#ffffff80}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}}.not-found{text-align:center;padding:var(--space-2xl) var(--space-lg)}.not-found h1{font-size:48px;color:var(--color-primary);margin-bottom:var(--space-md)}.not-found p{font-size:18px;color:var(--color-text-muted);margin-bottom:var(--space-xl)}