/* أغلفة التصوّرات: مرسومة بـCSS وSVG، لا صور. ألوان كل علامة داخل غلافها فقط */
.cover{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/11;isolation:isolate}
.cover svg{position:absolute;inset:0;inline-size:100%;block-size:100%}
.cover .wm{position:absolute;inset-block-end:9%;inset-inline-start:7%;font-family:var(--ar-d);font-weight:700;line-height:1.3;font-size:clamp(44px,7vw,96px)}
.cover .sub{position:absolute;inset-block-start:7%;inset-inline-start:7%;font-size:13px;line-height:1.6}

.c-safh{background:#EDE4D6;color:#2E2119}
.c-safh .sub{color:rgba(46,33,25,.7)}
.c-ghada{background:#13211B;color:#E7E1D3}
.c-ghada .sub{color:rgba(231,225,211,.66)}
.c-mirfaq{background:#FFFFFF;color:#13294B;box-shadow:inset 0 0 0 1px rgba(11,11,11,.08)}
.c-mirfaq .sub{color:rgba(19,41,75,.7)}
.c-ratq{background:#111111;color:#F4F1EC;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.c-ratq .sub{color:rgba(244,241,236,.62)}

/* حركة الغلاف الدائمة: هادئة وبطيئة، وتقف مع زر الإيقاف والحركة المخفّضة */
.c-ghada .smoke{animation:rise 9s ease-in-out infinite alternate}
.c-ghada .smoke:nth-of-type(2){animation-delay:-3s}
.c-ratq .tok{stroke-dasharray:28 972;animation:run 6s linear infinite}
.c-safh .steam{animation:rise 7s ease-in-out infinite alternate}
.c-mirfaq .ring{transform-box:fill-box;transform-origin:center;animation:breathe 3.2s ease-in-out infinite}
@keyframes rise{from{transform:translateY(6px);opacity:.55}to{transform:translateY(-10px);opacity:1}}
@keyframes breathe{0%,100%{transform:scale(.96);opacity:.5}50%{transform:scale(1.04);opacity:1}}
@keyframes run{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.c-ghada .smoke,.c-ratq .tok,.c-safh .steam,.c-mirfaq .ring{animation:none}}