@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=Archivo:wght@400;500;600;700;800;900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Reem+Kufi:wght@400;500;600;700&display=swap";:root{--accent: #C0392B;--accent-strong: #95251C;--accent-soft: rgba(192,57,43,.1);--accent-line: rgba(192,57,43,.28);--on-accent: #fff;--paper: #F4F0E8;--surface: #FCFAF5;--surface-2: #F0EBE0;--ink: #18140F;--ink-2: #3C362D;--ink-soft: #6B6357;--ink-faint: #9A9081;--hairline: rgba(24,20,15,.13);--hairline-soft: rgba(24,20,15,.07);--shadow-card: 0 1px 2px rgba(24,20,15,.04),0 8px 26px -14px rgba(24,20,15,.2);--shadow-pop: 0 12px 48px -12px rgba(24,20,15,.3);--font-lat-display: "Playfair Display", Georgia, serif;--font-lat-body: "Cairo", system-ui, sans-serif;--font-ar-display: "Noto Kufi Arabic", sans-serif;--font-ar-body: "Cairo", sans-serif;--display: var(--font-lat-display);--body: var(--font-lat-body);--gap: 28px;--pad: 22px;--section-gap: 56px;--maxw: 1240px;--radius: 4px;--radius-lg: 8px}[data-lang=ar]{--display: var(--font-ar-display);--body: var(--font-ar-body)}[data-lang=fr]{--display: var(--font-lat-display);--body: var(--font-lat-body)}[data-type=editorial]{--font-lat-display: "Playfair Display", Georgia, serif;--font-lat-body: "Cairo", system-ui, sans-serif;--font-ar-display: "Noto Kufi Arabic", sans-serif;--font-ar-body: "Cairo", sans-serif}[data-type=modern]{--font-lat-display: "Archivo", system-ui, sans-serif;--font-lat-body: "Archivo", system-ui, sans-serif;--font-ar-display: "Reem Kufi","Cairo", sans-serif;--font-ar-body: "Cairo", sans-serif}[data-type=classic]{--font-lat-display: "Playfair Display", Georgia, serif;--font-lat-body: "Lora", Georgia, serif;--font-ar-display: "Noto Kufi Arabic", sans-serif;--font-ar-body: "Cairo", sans-serif}[data-density=comfortable]{--gap: 30px;--pad: 24px;--section-gap: 60px}[data-density=compact]{--gap: 18px;--pad: 16px;--section-gap: 40px}.dark,[data-theme=dark]{--paper: #14110C;--surface: #1D1810;--surface-2: #251F16;--ink: #F2ECE0;--ink-2: #D9D1C2;--ink-soft: #A89E8C;--ink-faint: #756C5C;--hairline: rgba(242,236,224,.14);--hairline-soft: rgba(242,236,224,.07);--accent-soft: rgba(229,95,80,.14);--accent-line: rgba(229,95,80,.34);--shadow-card: 0 1px 2px rgba(0,0,0,.3),0 10px 30px -16px rgba(0,0,0,.7);--shadow-pop: 0 16px 56px -12px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .35s ease;direction:rtl}body.ltr{direction:ltr}body.rtl{direction:rtl}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3,h4{font-family:var(--display);margin:0;line-height:1.12;font-weight:800;letter-spacing:-.01em}[data-lang=ar] h1,[data-lang=ar] h2,[data-lang=ar] h3,[data-lang=ar] h4{letter-spacing:0;line-height:1.3}p{margin:0}#app{min-height:100vh}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px}.app-root{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.grow{flex:1}.between{display:flex;align-items:center;justify-content:space-between}.center{display:flex;align-items:center}.col{display:flex;flex-direction:column}.hairline{height:1px;background:var(--hairline);border:0}.grid{display:grid;gap:var(--gap)}.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}.layout-2col{grid-template-columns:1fr 332px}.line-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mt-s{margin-top:8px}.mt-m{margin-top:16px}.mt-l{margin-top:28px}.gap-s{gap:8px}.gap-m{gap:14px}.gap-l{gap:24px}.scroll-none::-webkit-scrollbar{display:none}.scroll-none{-ms-overflow-style:none;scrollbar-width:none}.divide>*+*{border-top:1px solid var(--hairline-soft)}.kicker{font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}[data-lang=ar] .kicker{letter-spacing:0;font-size:13px}.eyebrow{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.cat-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:12px;border-bottom:2px solid var(--ink)}.dark .section-head,[data-theme=dark] .section-head{border-bottom-color:var(--ink-2)}.section-head h2{font-size:clamp(22px,2.4vw,30px)}.section-head .more{font-family:var(--body);font-size:13px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:gap .2s ease}.section-head .more:hover{gap:11px}.badge{font-family:var(--body);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;display:inline-flex;align-items:center;gap:5px;line-height:1}[data-lang=ar] .badge{letter-spacing:0;font-size:12px}.badge-breaking{background:var(--accent);color:var(--on-accent)}.badge-breaking .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}.badge-featured{background:var(--ink);color:var(--paper)}.badge-cat{background:transparent;color:var(--cat,var(--accent));border:1px solid currentColor}.badge-soft{background:var(--accent-soft);color:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn{font-family:var(--body);font-weight:700;font-size:14px;padding:11px 20px;border-radius:var(--radius);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,background .2s ease,color .2s ease,border-color .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{opacity:.88}.btn-outline{background:transparent;color:var(--ink);border-color:var(--hairline)}.btn-outline:hover{border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{color:var(--accent);background:var(--accent-soft)}.icon-btn{width:40px;height:40px;padding:0;border-radius:50%;background:transparent;border:1px solid var(--hairline);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s ease}.cards-elevated .card{box-shadow:var(--shadow-card)}.cards-elevated .card:hover{box-shadow:var(--shadow-pop);transform:translateY(-3px)}.cards-minimal .card{background:transparent}.cards-bordered .card{background:transparent;border-radius:0}.imgframe{position:relative;overflow:hidden;background:var(--surface-2)}.imgframe img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.card:hover .imgframe img,.imgframe.hovz:hover img{transform:scale(1.05)}.ar-16-9{aspect-ratio:16/9}.ar-4-3{aspect-ratio:4/3}.ar-1-1{aspect-ratio:1/1}.ar-3-2{aspect-ratio:3/2}.overlay-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,8,5,.92) 0%,rgba(10,8,5,.45) 45%,transparent 78%)}.hl{color:var(--ink);transition:color .18s ease}a:hover .hl,.hl:hover,.card:hover .hl-card{color:var(--accent)}.rank{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;color:var(--accent-line);width:42px;flex-shrink:0}.meta{font-family:var(--body);font-size:12.5px;color:var(--ink-faint);display:inline-flex;align-items:center;gap:6px}.meta-sep{color:var(--ink-faint);opacity:.5}.topbar{background:var(--ink);color:var(--paper);font-size:12px}.dark .topbar,[data-theme=dark] .topbar{background:#000}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px}.topbar a{opacity:.72;transition:opacity .15s;cursor:pointer}.topbar a:hover{opacity:1}.masthead{background:var(--surface);border-bottom:1px solid var(--hairline)}.mast-row{display:flex;align-items:center;gap:22px;padding-block:18px}.wordmark{display:flex;align-items:center;gap:12px;flex-shrink:0;cursor:pointer}.mark{width:46px;height:46px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-ar-display);font-weight:900;font-size:26px;box-shadow:0 6px 18px -6px var(--accent);flex-shrink:0}.wordmark .name{font-family:var(--display);font-weight:900;font-size:25px;line-height:1;letter-spacing:-.01em}[data-lang=ar] .wordmark .name{font-size:26px;letter-spacing:0}.wordmark .tag{font-family:var(--body);font-size:11px;color:var(--ink-faint);letter-spacing:.04em;margin-top:3px}.search-box{position:relative;flex:1;max-width:420px}.search-box input{width:100%;height:44px;border:1px solid var(--hairline);background:var(--paper);color:var(--ink);border-radius:999px;padding-inline:46px 18px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-box .s-ic{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.mainnav{background:var(--surface);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:60}.dark .mainnav,[data-theme=dark] .mainnav{border-bottom-color:var(--ink-2)}.mainnav .wrap{display:flex;align-items:stretch;overflow-x:auto}.navlink{font-family:var(--body);font-weight:700;font-size:14px;color:var(--ink-2);padding:14px 16px;white-space:nowrap;position:relative;transition:color .18s;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.navlink:after{content:"";position:absolute;inset-inline:12px;bottom:-2px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.navlink:hover{color:var(--accent)}.navlink:hover:after,.navlink.active:after{transform:scaleX(1)}.navlink.active{color:var(--ink)}.ticker{background:var(--accent);color:var(--on-accent);display:flex;align-items:stretch;overflow:hidden}.ticker .label{background:var(--ink);color:var(--paper);font-family:var(--body);font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding-inline:18px;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}[data-lang=ar] .ticker .label{letter-spacing:0}.ticker .label .live{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:live 1.4s infinite}@keyframes live{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.ticker .track-wrap{flex:1;overflow:hidden;position:relative;display:flex;align-items:center}.ticker .track{display:inline-flex;gap:48px;white-space:nowrap;padding-inline:24px;animation:ticker-move 38s linear infinite}.ticker:hover .track{animation-play-state:paused}.ticker .track span{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:12px}.ticker .track span:before{content:"◆";font-size:8px;opacity:.7}@keyframes ticker-move{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-lang=ar] .ticker .track{animation-name:ticker-move-rtl}@keyframes ticker-move-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.hero-overlay{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:460px;display:flex;cursor:pointer}.hero-overlay .imgframe{position:absolute;top:0;right:0;bottom:0;left:0}.hero-overlay .content{position:relative;z-index:2;margin-top:auto;padding:38px;color:#fff;max-width:760px}.hero-overlay h1{color:#fff;font-size:clamp(30px,4vw,54px);line-height:1.05}[data-lang=ar] .hero-overlay h1{line-height:1.25}.hero-overlay p{color:#ffffffdb;font-size:17px;margin-top:16px;max-width:620px}.hero-split{display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.hero-split .txt{padding:44px;display:flex;flex-direction:column;justify-content:center}.hero-split h1{font-size:clamp(28px,3.4vw,46px);margin-top:14px}.hero-split p{color:var(--ink-soft);font-size:17px;margin-top:16px}.hero-split .imgframe{min-height:420px}.hero-stack h1{font-size:clamp(32px,4.6vw,60px);line-height:1.04;margin:16px 0;max-width:14ch}[data-lang=ar] .hero-stack h1{line-height:1.22;max-width:18ch}.hero-stack .imgframe{border-radius:var(--radius-lg);margin-top:8px}.hero-stack p{color:var(--ink-soft);font-size:18px;max-width:70ch}.hero-side .row{display:flex;gap:14px;padding:16px 0;align-items:flex-start}.hero-side .row:first-child{padding-top:0}.hero-side .row .n{font-family:var(--display);font-weight:900;font-size:18px;color:var(--accent);width:24px;flex-shrink:0}.article-title{font-size:clamp(30px,4vw,52px);line-height:1.07;margin:16px 0}[data-lang=ar] .article-title{line-height:1.28}.article-lede{font-family:var(--display);font-size:21px;line-height:1.5;color:var(--ink-2);font-weight:500;padding-inline-start:18px;border-inline-start:3px solid var(--accent);margin:22px 0}[data-lang=ar] .article-lede{font-family:var(--font-ar-body)}.article-body{font-size:18.5px;line-height:1.9;color:var(--ink-2)}.article-body p{margin-bottom:1.4em}.dropcap p:first-of-type:first-letter{font-family:var(--display);font-weight:800;font-size:3.4em;line-height:.82;float:inline-start;padding-inline-end:12px;padding-top:6px;color:var(--accent)}[data-lang=ar] .dropcap p:first-of-type:first-letter{float:none;font-size:1em;padding:0;color:inherit}.tag-chip{font-family:var(--body);font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--hairline);color:var(--ink-soft);transition:all .18s;cursor:pointer}.tag-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.share-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .15s,opacity .15s;border:none;cursor:pointer}.share-btn:hover{transform:translateY(-2px)}.field{margin-bottom:16px}.field label{display:block;font-family:var(--body);font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:7px;letter-spacing:.02em}.inp,.txta,.sel{width:100%;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:11px 14px;color:var(--ink);font-size:14.5px;transition:border-color .18s,box-shadow .18s;outline:none}.inp:focus,.txta:focus,.sel:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.txta{resize:vertical;line-height:1.7}.switch{width:44px;height:24px;border-radius:999px;background:var(--surface-2);border:1px solid var(--hairline);position:relative;transition:background .2s;flex-shrink:0;cursor:pointer;display:inline-block}.switch.on{background:var(--accent);border-color:var(--accent)}.switch .knob{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s cubic-bezier(.2,.7,.3,1)}.switch.on .knob{transform:translate(20px)}[data-lang=ar] .switch.on .knob{transform:translate(-20px)}.admin-shell{display:flex;min-height:100vh;background:var(--paper)}.sidebar{width:256px;flex-shrink:0;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .28s cubic-bezier(.2,.7,.3,1);overflow:hidden}.dark .sidebar,[data-theme=dark] .sidebar{background:#000;border-inline-end:1px solid var(--hairline)}.sidebar.collapsed{width:74px}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow:hidden}.side-link{display:flex;align-items:center;gap:13px;padding:12px 14px;margin:2px 12px;border-radius:7px;color:#fff9;font-weight:600;font-size:14px;transition:all .16s;white-space:nowrap;cursor:pointer}.side-link:hover{background:#ffffff12;color:#fff}.side-link.active{background:var(--accent);color:#fff;box-shadow:0 6px 18px -8px var(--accent)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-top{background:var(--surface);border-bottom:1px solid var(--hairline);height:64px;display:flex;align-items:center;gap:16px;padding-inline:24px;position:sticky;top:0;z-index:40}.admin-body{padding:28px}.stat{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:18px;display:flex;gap:14px;align-items:flex-start;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.stat .ic{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;color:#fff;flex-shrink:0}.stat .v{font-family:var(--display);font-weight:900;font-size:26px;line-height:1;color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:20px}.footer{background:var(--ink);color:var(--paper);margin-top:auto}.dark .footer,[data-theme=dark] .footer{background:#000;border-top:1px solid var(--hairline)}.footer a{color:#ffffff9e;transition:color .15s;cursor:pointer}.footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1)}.reveal.in,.no-motion .reveal{opacity:1;transform:none}.fade-in{animation:fadeUp .45s cubic-bezier(.2,.7,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width: 1080px){.hide-md{display:none!important}}@media (max-width: 900px){.hero-split{grid-template-columns:1fr}.hero-split .imgframe{min-height:280px;order:-1}.g-4{grid-template-columns:repeat(2,1fr)}.layout-2col{grid-template-columns:1fr!important}}@media (max-width: 680px){.wrap{padding-inline:16px}.g-2,.g-3,.g-4{grid-template-columns:1fr}.hide-sm{display:none!important}.hero-overlay .content{padding:22px}.sidebar{position:fixed;z-index:80;height:100vh;box-shadow:var(--shadow-pop)}}