:root{--bg:#f6f7f9;--surface:#fff;--surface-alt:#f1f3f6;--text-primary:#111827;--text-secondary:#566072;--text-muted:#8a93a3;--brand:#0b3b6f;--brand-dark:#07284b;--accent:#c8102e;--accent-soft:#fdecee;--border:#e4e7ec;--border-strong:#d3d8e0;--radius:14px;--radius-sm:8px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 3px #10182814, 0 6px 16px -8px #1018281f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-heading:"Cairo", "Segoe UI", Tahoma, sans-serif;--font-body:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--container:1200px;--header-height:116px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;font-weight:700;line-height:1.4}p{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);padding-inline:var(--space-5);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;background-color:var(--surface);border-bottom:1px solid var(--border);min-height:var(--header-height);position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.brand__logo{object-fit:contain;flex-shrink:0;width:44px;height:44px}.brand__name{font-family:var(--font-heading);color:var(--brand);letter-spacing:-.01em;font-size:1.5rem;font-weight:800;line-height:1.2}.brand__tagline{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:500;display:block}.header-date{color:var(--text-secondary);white-space:nowrap;font-size:.875rem}.nav-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-weight:600;display:none}.nav-toggle__bars{background-color:currentColor;border-radius:2px;width:18px;height:2px;position:relative}.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";background-color:currentColor;border-radius:2px;height:2px;position:absolute;inset-inline:0}.nav-toggle__bars:before{top:-6px}.nav-toggle__bars:after{top:6px}.main-nav{border-top:1px solid var(--border)}.main-nav__list{align-items:center;gap:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.main-nav__list::-webkit-scrollbar{display:none}.main-nav__link{padding:var(--space-3) var(--space-4);font-family:var(--font-heading);color:var(--text-secondary);white-space:nowrap;border-bottom:3px solid #0000;font-size:.975rem;font-weight:600;transition:color .15s,border-color .15s;display:block}.main-nav__link:hover{color:var(--brand)}.main-nav__link.is-active{color:var(--brand);border-bottom-color:var(--accent)}.main-content{padding-block:var(--space-6) var(--space-8)}.section{margin-block-end:var(--space-7)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-block-end:1px solid var(--border);margin-block-end:var(--space-5);padding-block-end:var(--space-3);display:flex}.section__title{padding-inline-start:var(--space-3);font-size:1.4rem;font-weight:800;position:relative}.section__title:before{content:"";inset-inline-start:0;background-color:var(--accent);border-radius:2px;width:4px;height:1.1em;position:absolute;top:50%;transform:translateY(-50%)}.section__link{color:var(--brand);white-space:nowrap;font-size:.9rem;font-weight:600}.section__link:hover{color:var(--accent)}.page-head{margin-block-end:var(--space-6)}.page-head__title{font-size:2rem;font-weight:800}.page-head__subtitle{color:var(--text-secondary);margin-block-start:var(--space-2)}.grid{gap:var(--space-5);display:grid}.grid--cards{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-block-end:var(--space-7);display:grid}.hero__side{gap:var(--space-3);align-content:start;display:grid}.split{gap:var(--space-5);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.split__list{gap:var(--space-3);align-content:start;display:grid}.chip{padding:2px var(--space-3);border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent);font-family:var(--font-heading);font-size:.75rem;font-weight:700;line-height:1.8;display:inline-block}.chip--solid{background-color:var(--accent);color:#fff}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-2px)}.card__media{aspect-ratio:16/9;background-color:var(--surface-alt);position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%}img.is-placeholder{object-fit:contain;background-color:var(--surface-alt);opacity:.45;padding:12%}.card__body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.card__title{color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;display:-webkit-box;overflow:hidden}.card:hover .card__title{color:var(--brand)}.card__desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.card__meta{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:1px solid var(--border);color:var(--text-muted);margin-block-start:auto;padding-block-start:var(--space-3);font-size:.8rem;display:flex}.card__more{align-items:center;gap:var(--space-1);font-family:var(--font-heading);color:var(--brand);white-space:nowrap;font-weight:700;display:inline-flex}.card:hover .card__more{color:var(--accent)}.feature{border-radius:var(--radius);background-color:var(--surface-alt);box-shadow:var(--shadow-sm);display:block;position:relative;overflow:hidden}.feature img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feature__body{gap:var(--space-3);min-height:420px;padding:var(--space-6) var(--space-5) var(--space-5);color:#fff;background:linear-gradient(#080c1400 18%,#080c148c 52%,#080c14eb 88%);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.feature__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.75rem;font-weight:800;display:-webkit-box;overflow:hidden}.feature__desc{color:#ffffffd6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.feature__meta{color:#ffffffb3;font-size:.8rem}.feature:hover .feature__title{text-underline-offset:4px;text-decoration:underline}.compact{gap:var(--space-3);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);grid-template-columns:104px minmax(0,1fr);align-items:center;transition:border-color .18s,box-shadow .18s;display:grid}.compact:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.compact__media{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--surface-alt);overflow:hidden}.compact__media img{object-fit:cover;width:100%;height:100%}.compact__body{gap:var(--space-1);flex-direction:column;min-width:0;padding-inline-end:var(--space-2);display:flex}.compact__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;display:-webkit-box;overflow:hidden}.compact:hover .compact__title{color:var(--brand)}.compact__meta{color:var(--text-muted);font-size:.75rem}.skeleton{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.skeleton__media,.skeleton__line{background-color:var(--surface-alt);animation:1.5s ease-in-out infinite pulse}.skeleton__media{aspect-ratio:16/9}.skeleton__body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.skeleton__line{border-radius:var(--radius-pill);height:12px}.skeleton__line--short{width:35%}.skeleton__line--long{width:85%}.skeleton--feature .skeleton__media{aspect-ratio:auto;height:420px}.skeleton--compact{gap:var(--space-3);padding:var(--space-2);grid-template-columns:104px minmax(0,1fr);align-items:center;display:grid}.skeleton--compact .skeleton__media{aspect-ratio:1;border-radius:var(--radius-sm)}.skeleton--compact .skeleton__body{padding:0 var(--space-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.state{align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;display:flex}.state__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.05rem;font-weight:700}.state__text{max-width:42ch;font-size:.9rem}.state--error .state__title{color:var(--accent)}.state--inline{padding:var(--space-5)}.site-footer{background-color:var(--brand-dark);color:#fff;padding-block:var(--space-7) var(--space-5);margin-block-start:var(--space-8)}.site-footer__top{justify-content:space-between;align-items:flex-start;gap:var(--space-6);border-block-end:1px solid #ffffff24;flex-wrap:wrap;padding-block-end:var(--space-5);display:flex}.site-footer .brand__name{color:#fff}.site-footer .brand__tagline{color:#fff9}.footer-nav{gap:var(--space-3) var(--space-5);flex-wrap:wrap;max-width:640px;display:flex}.footer-nav a{color:#ffffffc7;font-size:.9rem}.footer-nav a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.site-footer__bottom{justify-content:space-between;gap:var(--space-2);color:#fff9;flex-wrap:wrap;padding-block-start:var(--space-4);font-size:.8rem;display:flex}.site-footer__bottom a{text-underline-offset:3px;text-decoration:underline}@media (width<=1100px){.grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}.feature__body,.skeleton--feature .skeleton__media{height:360px;min-height:360px}.feature__title{font-size:1.5rem}}@media (width<=900px){:root{--header-height:76px}.hero,.split{grid-template-columns:minmax(0,1fr)}.nav-toggle{display:inline-flex}.header-date,.main-nav{display:none}.main-nav.is-open{inset-inline:0;background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);max-height:calc(100vh - var(--header-height));display:block;position:absolute;top:100%;overflow-y:auto}.main-nav.is-open .main-nav__list{padding-block:var(--space-2);display:block}.main-nav.is-open .main-nav__link{padding:var(--space-3) var(--space-5);border-bottom:0;border-inline-start:3px solid #0000}.main-nav.is-open .main-nav__link.is-active{border-inline-start-color:var(--accent);background-color:var(--surface-alt)}}@media (width<=760px){.grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card__desc{display:none}.page-head__title{font-size:1.6rem}}@media (width<=560px){.container{padding-inline:var(--space-4)}.grid--cards{grid-template-columns:minmax(0,1fr)}.card__desc{display:-webkit-box}.feature__body,.skeleton--feature .skeleton__media{height:300px;min-height:300px}.feature__body{padding:var(--space-5) var(--space-4) var(--space-4)}.feature__title{font-size:1.25rem}.feature__desc{display:none}.brand__logo{width:36px;height:36px}.brand__name{font-size:1.25rem}.section__title{font-size:1.2rem}.compact{grid-template-columns:88px minmax(0,1fr)}}