:root{--bp-ink:#0b1220;--bp-muted:#64748b;--bp-line:#e2e8f0;--bp-blue:#0757d9;--bp-cyan:#0891b2;--bp-green:#0f9f6e;--bp-bg:#f6f8fc;--bp-card:#fff;--bp-radius:22px;--bp-shadow:0 18px 50px rgba(15,23,42,.08)}
.wbp-public,.wbp-post,.wbp-catpage{direction:rtl;font-family:"Tajawal","IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif!important;color:var(--bp-ink)!important;background:linear-gradient(180deg,#f8fbff 0,#fff 520px)!important;max-width:1380px!important;padding:clamp(16px,3vw,38px)!important}
.wbp-public *,.wbp-post *,.wbp-catpage *{box-sizing:border-box}
.wbp-public a,.wbp-post a,.wbp-catpage a{transition:color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.wbp-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(34,211,238,.28),transparent 32%),linear-gradient(135deg,#07152d,#063d9d 55%,#087f8c)!important;border:1px solid rgba(255,255,255,.16);border-radius:32px!important;padding:clamp(26px,5vw,64px)!important;box-shadow:0 28px 70px rgba(6,61,157,.23)!important}
.wbp-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.06);left:-110px;bottom:-190px;pointer-events:none}
.wbp-hero h1,.wbp-slide-content h2{font-size:clamp(32px,4.5vw,58px)!important;line-height:1.18!important;letter-spacing:-.03em}
.wbp-search{position:relative;z-index:2;max-width:820px;background:rgba(255,255,255,.12);padding:8px;border:1px solid rgba(255,255,255,.25);border-radius:18px!important;backdrop-filter:blur(12px)}
.wbp-search input{min-height:54px;font-size:16px!important;padding-inline:18px!important;outline:0}
.wbp-btn,.wbp-search button{min-height:48px;display:inline-flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bp-blue),#0b74e5)!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(7,87,217,.18)}
.wbp-btn:hover,.wbp-search button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(7,87,217,.28)}
.wbp-stats{margin-block:28px!important}
.wbp-stat{position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.9)!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--bp-shadow)!important}
.wbp-stat:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--bp-blue),var(--bp-cyan))}
.wbp-stat b{font-size:34px!important;color:var(--bp-blue)}
.wbp-section{margin-block:38px!important}
.wbp-section>h2,.wbp-catpage>h1{font-size:clamp(26px,3vw,38px)!important;letter-spacing:-.025em;display:flex;align-items:center;gap:12px}
.wbp-section>h2:before{content:"";width:7px;height:30px;border-radius:99px;background:linear-gradient(var(--bp-blue),var(--bp-cyan))}
.wbp-card,.wbp-side,.wbp-box,.wbp-article,.wbp-cat,.wbp-mini-card{border:1px solid var(--bp-line)!important;border-radius:var(--bp-radius)!important;background:var(--bp-card)!important;box-shadow:var(--bp-shadow)!important}
.wbp-card{min-height:0!important;padding:15px!important;overflow:hidden}
.wbp-card:hover,.wbp-cat:hover{transform:translateY(-5px);border-color:#93c5fd!important;box-shadow:0 24px 60px rgba(7,87,217,.14)!important}
.wbp-cover{height:auto!important;aspect-ratio:16/9;background:linear-gradient(135deg,#e0f2fe,#e8eafc)!important;border-radius:16px!important}
.wbp-card h2,.wbp-card h3{min-height:0!important;font-size:20px!important;line-height:1.55}
.wbp-card p{min-height:0!important;color:var(--bp-muted);line-height:1.8}
.wbp-meta{color:var(--bp-muted)!important;display:flex;gap:7px;flex-wrap:wrap}
.wbp-chip{border:1px solid #dbeafe!important;background:#eff6ff!important;color:#1d4ed8!important;padding:7px 12px!important}
.wbp-layout{gap:28px!important}
.wbp-side{position:relative;padding:20px!important;margin-bottom:18px}
.wbp-side h3{font-size:18px;margin-top:0}
.wbp-list li{padding:11px 0!important;border-color:#edf2f7!important}
.wbp-cats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
.wbp-cat{display:block;text-decoration:none;color:var(--bp-ink);padding:22px!important}
.wbp-cat h3{margin:0 0 8px;font-size:21px}
.wbp-cat p{color:var(--bp-muted);margin:0}
.wbp-story{min-height:300px!important;border-radius:22px!important;box-shadow:var(--bp-shadow)}
.wbp-ticker{border-radius:16px!important}
.wbp-article{padding:clamp(20px,4vw,48px)!important}
.wbp-article>h1{font-size:clamp(32px,4.5vw,54px);line-height:1.35;letter-spacing:-.035em;margin:18px 0}
.wbp-content{font-size:18px;line-height:2.05;color:#1e293b}
.wbp-content h2{font-size:30px;line-height:1.4;margin:48px 0 16px;color:var(--bp-ink);scroll-margin-top:85px}
.wbp-content h3{font-size:23px;margin:34px 0 12px;scroll-margin-top:85px}
.wbp-content p{margin:0 0 22px}
.wbp-content ul,.wbp-content ol{padding-right:26px;margin-bottom:24px}
.wbp-content li{margin-bottom:9px}
.wbp-content blockquote{margin:26px 0;padding:20px 24px;border-right:5px solid var(--bp-blue);background:#f0f7ff;border-radius:14px;color:#334155}
.wbp-content pre{direction:ltr;text-align:left;overflow:auto;background:#07111f;color:#d7e4f5;padding:20px;border-radius:16px}
.wbp-content code{direction:ltr;background:#eef2ff;color:#3730a3;padding:2px 6px;border-radius:6px}
.wbp-content pre code{background:transparent;color:inherit;padding:0}
.wbp-toc{background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;border-color:#bfdbfe!important;padding:18px 20px!important}
.wbp-toc li{margin:7px 0}
.wbp-share{padding-top:18px;border-top:1px solid var(--bp-line)}
.wbp-share a,.wbp-share button{font-weight:700}
.wbp-comment{padding:18px 0!important}
.wbp-reading-bar{height:5px!important;background:linear-gradient(90deg,var(--bp-green),var(--bp-cyan),var(--bp-blue))!important}
.wbp-pagination a{min-width:48px;text-align:center}
.wbp-alert{border-radius:16px!important}
@media(min-width:1050px){.wbp-post .wbp-layout>aside{position:sticky;top:24px;align-self:start}.wbp-public .wbp-layout>aside{align-self:start}}
@media(max-width:900px){.wbp-public,.wbp-post,.wbp-catpage{padding:14px!important}.wbp-hero{border-radius:24px!important}.wbp-layout{grid-template-columns:1fr!important}.wbp-article{border-radius:18px!important}.wbp-content{font-size:17px}.wbp-content h2{font-size:26px}.wbp-fab{display:none!important}}
@media(prefers-reduced-motion:reduce){.wbp-public *,.wbp-post *,.wbp-catpage *{animation:none!important;transition:none!important}}