.al-article{--al-ink:#0a0a0a;--al-ink2:#475467;--al-ink3:#98a2b3;--al-line:#eff1f3;--al-mint:#3ce6b0;--al-mint-soft:#e6fbf3;--al-mint-ink:#067647;--al-amber:#b54708;--al-amber-soft:#fff6e5;--al-red:#b42318;--al-red-soft:#fef3f2;--al-body:var(--font-tajawal,"Tajawal"),Tajawal,sans-serif;--al-head:var(--font-cairo,"Cairo"),Cairo,sans-serif;max-width:680px;margin:0 auto;padding:0 20px;color:var(--al-ink);font:17px/1.75 var(--al-body);-webkit-font-smoothing:antialiased;text-align:right}.al-article *,.al-article :before{box-sizing:border-box}.al-article h1,.al-article h2,.al-article h3{font-family:var(--al-head);line-height:1.35;color:var(--al-ink)}.al-article h1{font-size:clamp(28px,6.5vw,40px);font-weight:900;margin:14px 0 8px}.al-article h2{font-size:clamp(22px,5vw,27px);font-weight:900;margin:48px 0 12px}.al-article h2.al-small{font-size:20px}.al-article h3{font-size:20px;font-weight:800;margin:28px 0 8px}.al-article p{margin:0 0 12px}.al-article a{color:inherit}.al-article .al-list{margin:0 0 14px;padding-right:22px}.al-article .al-list li{margin-bottom:6px}.al-article .al-hl{background:linear-gradient(transparent 58%,#51faa8 0,#51faa8 92%,transparent 0);padding:0 3px}.al-article .al-muted{color:var(--al-ink3);font-size:14px;margin-top:8px}.al-progress{position:fixed;top:0;right:0;height:4px;background:var(--al-mint,#3ce6b0);width:0;z-index:60;transition:width .1s}.al-article .al-crumbs{font-size:13px;color:var(--al-ink3);padding-top:22px}.al-article .al-crumbs a{color:var(--al-ink3);text-decoration:none}.al-article .al-meta{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--al-ink3);flex-wrap:wrap}.al-article .al-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:3px 11px;border-radius:999px;background:#f2f4f7;color:var(--al-ink2);text-decoration:none}.al-article .al-code{font-family:ui-monospace,Menlo,monospace;direction:ltr;background:var(--al-mint);color:var(--al-ink)}.al-article .al-dim{opacity:.45}.al-article .al-hero{position:relative;margin:18px -20px 0;aspect-ratio:1080/1320;overflow:hidden;background:#f3f4f6}@media (min-width:700px){.al-article .al-hero{margin:18px auto 0;max-width:520px;border-radius:18px}}.al-article .al-hero img,.al-article .al-hero svg{position:absolute;inset:0;width:100%;height:100%;display:block}.al-article .al-hero img{object-fit:cover}.al-article .al-fig{margin:22px -20px}@media (min-width:700px){.al-article .al-fig{margin:22px 0}}.al-article .al-figimg{position:relative;aspect-ratio:1200/900;overflow:hidden;background:#f3f4f6}@media (min-width:700px){.al-article .al-figimg{border-radius:16px}}.al-article .al-figimg img,.al-article .al-figimg svg{position:absolute;inset:0;width:100%;height:100%;display:block}.al-article .al-figimg img{object-fit:cover}.al-article .al-figimg svg{font-family:var(--al-head);direction:rtl}.al-article .al-fig figcaption{font-size:14px;color:var(--al-ink2);text-align:center;margin:8px 20px 0;line-height:1.6}.al-article .al-tag{position:absolute;top:16px;right:16px;background:#121417;color:#fff;border-radius:16px;padding:10px 16px 12px;box-shadow:0 16px 30px -14px rgba(0,0,0,.5)}.al-article .al-tag small{display:block;font:800 12px var(--al-body);letter-spacing:.14em;color:hsla(0,0%,100%,.55);direction:ltr;text-align:right}.al-article .al-tag b{font:900 34px/1 ui-monospace,Menlo,monospace;color:#51faa8;direction:ltr;display:block}.al-article .al-quick{margin-top:22px;border:2px solid var(--al-ink);border-radius:20px;padding:18px 18px 8px;position:relative}.al-article .al-label{position:absolute;top:-13px;right:16px;background:var(--al-ink);color:#fff;font:700 13px var(--al-head);padding:2px 12px;border-radius:999px}.al-article .al-row{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--al-line)}.al-article .al-row:last-child{border-bottom:0}.al-article .al-ico{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font:900 15px var(--al-head)}.al-article .al-row b{font-family:var(--al-head);font-size:16px;display:block;line-height:1.4}.al-article .al-row span{font-size:15px;color:var(--al-ink2)}.al-article .al-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 8px}.al-article .al-meter div{height:12px;border-radius:6px;background:#eef0f2}.al-article .al-meter-l{display:flex;justify-content:space-between;font-size:13px;color:var(--al-ink3)}.al-article .al-verdict{margin-top:16px;border-radius:16px;padding:14px 16px;background:var(--al-amber-soft)}.al-article .al-verdict b{font-family:var(--al-head);color:var(--al-amber)}.al-article .al-verdict.al-mint{background:var(--al-mint-soft)}.al-article .al-verdict.al-mint b{color:var(--al-mint-ink)}.al-article .al-verdict.al-red{background:var(--al-red-soft)}.al-article .al-verdict.al-red b{color:var(--al-red)}.al-article .al-verdict ul{margin:8px 0 0;padding-right:20px}.al-article .al-verdict li{margin-bottom:4px}.al-article .al-diagram{margin-top:14px;border-radius:20px;background:#0f1215;padding:18px 14px 14px;color:#fff}.al-article .al-toggle{display:flex;gap:6px;background:hsla(0,0%,100%,.08);padding:4px;border-radius:999px;margin-bottom:14px}.al-article .al-toggle button{flex:1;border:0;border-radius:999px;padding:9px 8px;font:700 14px var(--al-head);background:transparent;color:hsla(0,0%,100%,.65);cursor:pointer}.al-article .al-toggle button.al-on{background:#fff;color:var(--al-ink)}.al-article .al-diagram svg,.al-article .al-hero svg{width:100%;height:auto;display:block;font-family:var(--al-head);direction:rtl}.al-article .al-cap{font-size:15px;color:hsla(0,0%,100%,.8);margin-top:10px;min-height:52px}.al-article .al-cap b{color:#51faa8;font-family:var(--al-head)}.al-article .al-wave{stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#51faa8}.al-article .al-wbad{stroke:#f97066}.al-article .al-w2{transition:transform .6s cubic-bezier(.3,.7,.2,1);transform-box:fill-box;transform-origin:center}.al-article .al-diagram.al-ok .al-w2{transform:scaleY(.08)}.al-article .al-scroll{animation:al-flow 1.2s linear infinite}@keyframes al-flow{to{transform:translateX(-60px)}}.al-article .al-puff1{animation:al-puff 2.4s ease-out infinite}.al-article .al-puff2{animation:al-puff 2.4s ease-out 1.2s infinite}@keyframes al-puff{0%{opacity:0;transform:translateX(0) scale(.6)}20%{opacity:.55}to{opacity:0;transform:translateX(-46px) scale(1.5)}}.al-article .al-bad-only,.al-article .al-ok-only{transition:opacity .5s}.al-article .al-diagram.al-ok .al-bad-only,.al-article .al-diagram:not(.al-ok) .al-ok-only{opacity:0}.al-article .al-spark{opacity:0;animation:al-fire 1.2s infinite}@keyframes al-fire{0%,18%{opacity:1}30%,to{opacity:0}}.al-article .al-piston{animation:al-pump 1.2s ease-in-out infinite}@keyframes al-pump{0%,to{transform:translateY(0)}25%{transform:translateY(-26px)}}.al-article .al-diagram:not(.al-ok) .al-cyl-bad .al-spark{animation:none;opacity:0}.al-article .al-diagram:not(.al-ok) .al-cyl-bad rect:first-child{fill:#4a2328}.al-article .al-diagram:not(.al-ok) .al-engine{animation:al-shake .35s infinite}@keyframes al-shake{25%{transform:translate(1.5px)}75%{transform:translate(-1.5px)}}.al-article .al-bar{transition:transform .7s cubic-bezier(.3,.7,.2,1);transform-box:fill-box;transform-origin:right center;transform:scaleX(.5)}.al-article .al-diagram:not(.al-ok) .al-more{transform:scaleX(.92)}.al-article .al-diagram:not(.al-ok) .al-less{transform:scaleX(.22)}@media (prefers-reduced-motion:reduce){.al-article .al-diagram *{animation:none!important}}.al-article .al-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:14px -20px 0;padding:4px 20px 14px;scrollbar-width:none}.al-article .al-cards::-webkit-scrollbar{display:none}.al-article .al-card{flex:0 0 78%;max-width:300px;scroll-snap-align:start;border:1.5px solid var(--al-line);border-radius:20px;padding:16px;background:#fdfdfd}.al-article .al-n{font:900 13px var(--al-head);color:var(--al-ink3)}.al-article .al-card h3{font-size:19px;margin:4px 0 6px}.al-article .al-card p{font-size:15px;color:var(--al-ink2)}.al-article .al-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.al-article .al-t-mint{background:var(--al-mint-soft);color:var(--al-mint-ink)}.al-article .al-t-amber{background:var(--al-amber-soft);color:var(--al-amber)}.al-article .al-t-red{background:var(--al-red-soft);color:var(--al-red)}.al-article .al-t-gray{background:#f2f4f7;color:var(--al-ink2)}.al-article .al-swipe{font-size:13px;color:var(--al-ink3);margin:0}.al-article .al-tip{margin-top:6px;border-radius:16px;background:var(--al-mint-soft);padding:14px 16px;font-size:16px}.al-article .al-tip b{font-family:var(--al-head);color:var(--al-mint-ink)}.al-article .al-steps{counter-reset:al-s;margin-top:12px}.al-article .al-step{display:flex;gap:14px;margin-bottom:14px}.al-article .al-step:before{counter-increment:al-s;content:counter(al-s);flex:0 0 34px;height:34px;border-radius:50%;background:var(--al-ink);color:#fff;display:grid;place-items:center;font:900 16px var(--al-head)}.al-article .al-step b{font-family:var(--al-head);display:block}.al-article .al-cta{margin:18px 0 6px;display:flex;gap:14px;align-items:center;background:#0a0a0a;color:#fff;border-radius:20px;padding:14px}.al-article .al-cta img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;flex-shrink:0}.al-article .al-cta b{font-family:var(--al-head);display:block;font-size:16px}.al-article .al-cta span{font-size:13.5px;color:hsla(0,0%,100%,.65)}.al-article .al-cta a{margin-right:auto;background:var(--al-mint);color:var(--al-ink);font:700 14px var(--al-head);padding:9px 16px;border-radius:999px;text-decoration:none;white-space:nowrap}@media (max-width:520px){.al-article .al-cta{flex-wrap:wrap}.al-article .al-cta>div{flex:1 1 0;min-width:0}.al-article .al-cta a{flex:1 0 100%;margin:4px 0 0;text-align:center;padding:11px 16px}}.al-article .al-warn{margin-top:12px;border-radius:16px;background:var(--al-red-soft);padding:14px 16px}.al-article .al-warn b{font-family:var(--al-head);color:var(--al-red)}.al-article .al-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}.al-article .al-table td{padding:11px 4px;border-bottom:1px solid var(--al-line)}.al-article .al-table td:last-child{text-align:left;font-family:var(--al-head);font-weight:700;white-space:nowrap}.al-article details{border-bottom:1px solid var(--al-line);padding:12px 0}.al-article summary{font:700 16px var(--al-head);cursor:pointer;list-style:none;display:block;position:relative;padding-inline-end:28px}.al-article summary::-webkit-details-marker{display:none}.al-article summary:after{content:"+";font-size:20px;line-height:1;color:var(--al-ink3);position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%)}.al-article details[open] summary:after{content:"−"}.al-article details p{margin:8px 0 0;color:var(--al-ink2);font-size:15.5px}.al-article .al-share{margin-top:36px;text-align:center;border-radius:20px;background:#f7f8f9;padding:22px 16px}.al-article .al-share p{font:900 20px var(--al-head);margin-bottom:12px}.al-article .al-share a{display:inline-block;background:#25d366;color:#fff;font:700 15px var(--al-head);padding:11px 22px;border-radius:999px;text-decoration:none}.al-article .al-related{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.al-article[dir=ltr]{text-align:left}.al-article[dir=ltr] .al-list{padding-right:0;padding-left:22px}.al-article[dir=ltr] .al-verdict ul{padding-right:0;padding-left:20px}.al-article[dir=ltr] .al-label,.al-article[dir=ltr] .al-tag{right:auto;left:16px}.al-article[dir=ltr] .al-cta a{margin-right:0;margin-left:auto}.al-article[dir=ltr] .al-table td:last-child{text-align:right}.al-article[dir=ltr] .al-diagram svg,.al-article[dir=ltr] .al-figimg svg,.al-article[dir=ltr] .al-hero svg{direction:ltr}.al-article .al-langs{display:inline-flex;padding:3px;gap:2px;background:#f2f4f7;border-radius:999px}.al-article .al-langs .al-on,.al-article .al-langs a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;text-decoration:none;color:var(--al-ink2);font:700 12.5px var(--al-head);line-height:1.2}.al-article[dir=rtl] .al-langs .al-on,.al-article[dir=rtl] .al-langs a{padding:4px 5px 4px 10px}.al-article .al-langs .al-on{background:#fff;color:var(--al-ink);box-shadow:0 1px 2px rgba(16,24,40,.12)}.al-article .al-langs a:hover{color:var(--al-ink)}.al-article .al-flag{width:20px;height:20px;border-radius:50%;overflow:hidden;display:inline-block;flex:0 0 auto;box-shadow:0 0 0 1px rgba(16,24,40,.12)}.al-article .al-flag svg{width:100%;height:100%;display:block}