/* «المرقاب» — مُقلِّبُ المجلة. الاتجاهاتُ هنا مقصودة (الكعبُ في الوسط والصفحةُ الأولى يميناً)
   فعُلِّمت rtl:ignore، والملفُّ خارج حزمة الأصول فلا يمرّ عليه rtlcss أصلاً. */
.mq-head{ padding-block:34px 6px; }
.mq-title{ font-family:'Lama Bold',Tahoma,sans-serif; font-size:clamp(2.4rem,7vw,4.2rem); line-height:1.05; margin:6px 0 10px; color:var(--ink); }
.mq-head .sub{ font-size:clamp(1rem,2.4vw,1.2rem); margin:0 0 6px; }
.mq-theme{ font-size:clamp(1.15rem,3vw,1.6rem); color:var(--ink-soft); margin:0; max-width:40ch; }
.mq-stage-sec{ padding-block:18px 46px; }
.mq-draft{ background:#fff4dc; color:#7a5200; padding:8px 14px; margin-block-end:12px; }
.mq-book{ position:relative; display:flex; direction:ltr; /* الكعبُ في الوسط: اليسارُ يسارٌ فعلاً */
  perspective:2600px; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.mq-half{ position:relative; flex:1; background:transparent; overflow:hidden; }
.mq-half img{ width:100%; height:100%; object-fit:contain; display:block; user-select:none; -webkit-user-drag:none; }
.mq-half img:not([src]){ visibility:hidden; }
.mq-half.has{ background:#fff; box-shadow:0 22px 60px rgba(0,0,0,.45); cursor:zoom-in; }
.mq-r.has{ background-image:linear-gradient(to right,rgba(0,0,0,.10),transparent 7%); } /*rtl:ignore*/
.mq-l.has{ background-image:linear-gradient(to left,rgba(0,0,0,.10),transparent 7%); } /*rtl:ignore*/
/* الغلافُ وحدَه: الكتابُ ينزاح ليتوسّط الغلاف */
.mq-book.solo-l{ transform:translateX(25%); } /*rtl:ignore*/
.mq-book.solo-r{ transform:translateX(-25%); } /*rtl:ignore*/
.mq-single .mq-book{ transform:none !important; }
.mq-single .mq-l{ display:none; }
/* الورقةُ المقلوبة */
.mq-leaf{ position:absolute; top:0; height:100%; width:50%; transform-style:preserve-3d; z-index:5;
  transition:transform .7s cubic-bezier(.45,.05,.25,1); }
.mq-single .mq-leaf{ width:100%; }
.mq-leaf .f,.mq-leaf .b{ position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; background:#fff; }
.mq-leaf .b{ transform:rotateY(180deg); }
.mq-leaf .blank{ background:transparent; }
.mq-leaf img{ width:100%; height:100%; object-fit:contain; display:block; }
.mq-leaf .f::after,.mq-leaf .b::after{ content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to left,rgba(0,0,0,.18),transparent 30%); opacity:.0; transition:opacity .7s; } /*rtl:ignore*/
.mq-leaf.go .f::after,.mq-leaf.go .b::after{ opacity:1; }
.mq-leaf.from-l{ left:0; transform-origin:right center; } /*rtl:ignore*/
.mq-leaf.from-r{ left:50%; transform-origin:left center; } /*rtl:ignore*/
.mq-single .mq-leaf.from-l,.mq-single .mq-leaf.from-r{ left:0; transform-origin:right center; } /*rtl:ignore*/
.mq-tools{ display:flex; flex-wrap:wrap; gap:8px; }
.mq-hint{ font-size:.82rem; color:var(--margin); margin:8px 0 0; }
/* قريباً */
.mq-soon{ text-align:center; background:var(--ink); color:#fff; padding:clamp(34px,7vw,70px) 20px; border-top:3px solid var(--blue); }
.mq-soon h2{ font-family:'Lama Bold',Tahoma,sans-serif; font-size:clamp(1.8rem,5vw,2.8rem); margin:10px 0; }
.mq-soon p{ color:#D8E2EE; max-width:56ch; margin:0 auto 14px; font-size:1.05rem; line-height:1.9; }
.mq-soon .btn{ margin:4px; }
.mq-soon-mark{ display:inline-flex; align-items:center; justify-content:center; width:78px; height:78px; border-radius:50%;
  border:2px solid var(--gold); color:var(--gold); font-family:'Lama Bold',Tahoma,sans-serif; font-size:2.2rem; }
/* الأرشيف */
.mq-arch{ padding-block:36px 46px; }
.mq-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:18px; margin-block-start:14px; }
.mq-card{ display:flex; flex-direction:column; gap:4px; color:var(--ink); text-decoration:none; }
.mq-cov{ display:block; aspect-ratio:.707; background:var(--ink); overflow:hidden; box-shadow:0 10px 26px rgba(16,21,58,.16); transition:transform .25s var(--ease); }
.mq-card:hover .mq-cov{ transform:translateY(-4px); }
.mq-cov img{ width:100%; height:100%; object-fit:cover; display:block; }
.mq-cov-ph{ display:flex; height:100%; align-items:center; justify-content:center; color:#fff; font-family:'Lama Bold',Tahoma,sans-serif; font-size:1.4rem; }
.mq-card b{ font-size:1.05rem; margin-block-start:6px; }
.mq-card small{ color:var(--margin); }
.mq-open{ color:var(--blue-press); font-size:.9rem; }
.mq-drafts{ padding-inline-start:18px; }
@media (prefers-reduced-motion:reduce){ .mq-leaf,.mq-book{ transition:none; } }

/* علامة «أ» المعتمدة (٢٨ سبتمبر): نقطة الباء زرقاء، والاسم الإنجليزي تحته */
.mq-w{ position:relative; display:inline-block; white-space:nowrap; }
.mq-bdot{ position:absolute; left:.36em; bottom:.04em; width:.125em; height:.125em; border-radius:50%; background:#0DA4DB; } /*rtl:ignore*/
.mq-en{ text-align:right; direction:ltr; unicode-bidi:plaintext; display:block; font-size:.8rem; letter-spacing:.32em; font-weight:600; color:var(--ink); opacity:.75; margin:-2px 0 10px; }

/* صفحة المرقاب: الغلافُ وزرُّ «اقرأ العدد» بدل القراءة بالتمرير */
.mq-lead{ display:flex; flex-wrap:wrap; align-items:center; gap:clamp(20px,4vw,48px); }
.mq-lead-cov{ display:block; width:min(340px,70vw); box-shadow:0 24px 60px rgba(16,21,58,.25); transition:transform .25s; }
.mq-lead-cov:hover{ transform:translateY(-4px) rotate(-.4deg); }
.mq-lead-cov img{ display:block; width:100%; height:auto; }
.mq-lead-tx{ flex:1; min-width:240px; }
.mq-read{ font-size:1.25rem; padding:14px 34px; }
.mq-lead .mq-tools{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }

/* ═══ وضعُ القراءة: نافذةٌ ثابتة لا تتمرّر ═══ */
html.mqr-html,body.mqr{ margin:0; height:100%; overflow:hidden; overscroll-behavior:none; background:#0b0e22; }
body.mqr{ font-family:'Lama Text',Tahoma,sans-serif; color:#E6ECF5; -webkit-tap-highlight-color:transparent; }
.mqr-app{ position:fixed; inset:0; height:100vh; height:100dvh; display:flex; flex-direction:column;
  background:radial-gradient(ellipse at 50% 40%,#1b2150 0%,#10153A 55%,#070920 100%); }
.mqr-top{ flex:none; display:flex; align-items:center; gap:14px; padding:8px 14px; padding-top:max(8px,env(safe-area-inset-top));
  background:rgba(7,9,32,.55); border-bottom:1px solid rgba(255,255,255,.08); }
.mqr-mast{ display:flex; align-items:baseline; gap:12px; min-width:0; flex:1; }
.mqr-w{ font-family:'Lama Bold',Tahoma,sans-serif; font-size:1.7rem; line-height:1.1; color:#fff; }
.mqr-meta{ font-size:.9rem; color:#AEB9CC; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mqr-draft{ font-size:.75rem; background:#fff4dc; color:#7a5200; padding:2px 8px; white-space:nowrap; }
.mqr-count{ font-family:'Lama Bold',Tahoma,sans-serif; font-variant-numeric:tabular-nums; font-size:.95rem; color:#fff; white-space:nowrap; direction:ltr; }
.mqr-tools{ display:flex; gap:6px; align-items:center; }
.mqr-b,.mqr-x{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 10px;
  border-radius:19px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff;
  font:inherit; font-size:1.15rem; text-decoration:none; cursor:pointer; transition:background .15s,border-color .15s; box-sizing:border-box; }
.mqr-b:hover,.mqr-x:hover{ background:rgba(13,164,219,.25); border-color:#0DA4DB; }
.mqr-txt{ font-size:.85rem; }
.mqr-x{ padding:0; width:38px; }
.mqr-stage{ position:relative; flex:1; min-height:0; overflow:hidden; touch-action:none; user-select:none;
  display:flex; align-items:center; justify-content:center; }
.mqr-pan{ transform-origin:50% 50%; will-change:transform; }
.mqr-pan.anim{ transition:transform .28s cubic-bezier(.2,.7,.2,1); }
.mqr-app.zoomed .mq-half.has{ cursor:grab; }
.mqr-app.zoomed .mqr-stage:active .mq-half.has{ cursor:grabbing; }
.mqr-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:6; width:50px; height:50px; border-radius:50%;
  border:1px solid rgba(255,255,255,.2); background:rgba(7,9,32,.5); color:#fff; font-size:1.9rem; line-height:1; cursor:pointer; direction:ltr; unicode-bidi:isolate; }
.mqr-arrow:hover{ background:#0DA4DB; border-color:#0DA4DB; }
.mqr-arrow:disabled{ opacity:.18; cursor:default; background:rgba(7,9,32,.5); }
.mqr-next{ right:12px; } /*rtl:ignore*/
.mqr-prev{ left:12px; } /*rtl:ignore*/
.mqr-app.zoomed .mqr-arrow{ opacity:.35; }
.mqr-foot{ flex:none; padding:0 0 env(safe-area-inset-bottom); }
.mqr-prog{ height:3px; background:rgba(255,255,255,.08); direction:rtl; }
.mqr-prog i{ display:block; height:100%; width:0; background:#0DA4DB; transition:width .4s; }
@media (max-width:760px){
  .mqr-top{ gap:8px; padding-inline:8px; flex-wrap:wrap; }
  .mqr-w{ font-size:1.35rem; }
  .mqr-meta{ font-size:.8rem; }
  .mqr-arrow{ width:38px; height:38px; font-size:1.4rem; background:rgba(7,9,32,.35); }
  .mqr-next{ right:4px; } /*rtl:ignore*/
  .mqr-prev{ left:4px; } /*rtl:ignore*/
  .mqr-b{ min-width:34px; height:34px; }
}
@media (max-width:520px){ .mqr-txt{ display:none; } .mqr-meta{ display:none; } }