/* ===== نبض جريدة السبت — Pastel bento section =====
   Ported from the design (jareedat-alsabt-pastel1.html).
   All structural selectors are scoped under .pulse so the design's generic
   class names (.logo, .box, .num, .sub, ...) never clash with the site's
   global styles (e.g. the header's <img class="logo">).
   CSS custom properties are kept in :root as in the original design. */

:root {
  --paper:#F4F2EC; --cream:#FBFAF6;
  --petrol:#2F6378; --petrol-deep:#214A5A; --accent:#4C97B0;
  --ink:#243842; --muted:#5F7077; --grid:rgba(47,99,120,.045);
  --mint:#CDE8E0;  --mint-ink:#235E54;
  --sky:#D3E3F0;   --sky-ink:#2A5673;
  --sand:#EEE4D0;  --sand-ink:#7A6638;
  --rose:#F1DEDE;  --rose-ink:#8A4F52;
  --leaf:#D9EAD2;  --leaf-ink:#4F7A45;
  --petrol-tint:#DCEAE9;
  --font-display:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --font-body:"Readex Pro",system-ui,sans-serif;
  --font-serif:"Amiri",serif;
}

/* section shell — paper + faint dot-grid, scoped to the section only */
.pulse {
  direction:rtl; color:var(--ink); font-family:var(--font-body); line-height:1.7;
  -webkit-font-smoothing:antialiased;
  padding-top:clamp(20px,3.5vw,36px);
  background-color:var(--paper);
  background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size:48px 48px;
}
.pulse .wrap { width:min(1180px, 100% - 44px); margin-inline:auto; }

/* ===== بِنتو — الخريطة 2×2 بارزة أعلى اليمين، الشعار 2×2 وسط ===== */
.pulse .bento {
  display:grid; gap:16px; padding-bottom:clamp(48px,8vw,90px);
  grid-template-columns:repeat(6, 1fr);
  grid-template-rows:150px 150px 160px;
  grid-template-areas:
    "readers   popular   popular   popular   map      map"
    "readers   logo      logo      latest    map      map"
    "archive   logo      logo      latest    live     live";
}
.pulse .box { border-radius:28px; padding:24px; position:relative; overflow:hidden; transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s; }
.pulse .box:hover { transform:translateY(-5px); box-shadow:0 26px 46px -28px rgba(33,74,90,.4); }
.pulse .box__label { font-family:var(--font-display); font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px; opacity:.9; }
.pulse .num { font-family:var(--font-display); font-weight:700; line-height:1; font-variant-numeric:tabular-nums; letter-spacing:-1px; }
.pulse .atleast { font-family:var(--font-display); font-weight:600; font-size:14px; opacity:.75; }
.pulse .readers .atleast, .pulse .live-box .atleast { display:block; margin-bottom:2px; }

/* الشعار — مرساة كريمية وسط الألوان */
.pulse .logo { grid-area:logo; background:var(--cream); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 20px 50px -34px rgba(33,74,90,.5); }
.pulse .logo__mark { font-family:var(--font-display); font-weight:700; font-size:clamp(38px,5.5vw,58px); letter-spacing:-1px; color:var(--ink); }
.pulse .logo__mark b { color:var(--petrol); }
.pulse .logo__tag { color:var(--muted); font-size:15px; margin-top:10px; font-weight:300; }
.pulse .logo__cta { margin-top:18px; font-family:var(--font-display); font-weight:600; font-size:15px; color:#fff; background:var(--petrol); text-decoration:none; padding:11px 24px; border-radius:100px; display:inline-flex; gap:8px; transition:all .2s; }
.pulse .logo__cta:hover { background:var(--petrol-deep); transform:translateY(-2px); }
.pulse .logo__cta .a { transition:transform .2s; }
.pulse .logo__cta:hover .a { transform:translateX(-4px); }

/* قرّاء — نعناعي */
.pulse .readers { grid-area:readers; background:var(--mint); color:var(--mint-ink); display:flex; flex-direction:column; justify-content:center; }
.pulse .readers .box__label { color:var(--mint-ink); }
.pulse .readers .num { font-size:clamp(40px,6vw,54px); color:var(--mint-ink); margin-top:8px; }
.pulse .readers .sub { font-size:13px; color:var(--mint-ink); opacity:.75; margin-top:6px; }

/* الأكثر قراءة — رملي */
.pulse .popular { grid-area:popular; background:var(--sand); display:flex; flex-direction:column; }
.pulse .popular .box__label { color:var(--sand-ink); }
.pulse .plist { display:flex; gap:10px; margin-top:14px; flex:1; }
.pulse .pitem { flex:1; display:flex; flex-direction:column; gap:6px; padding:14px; border-radius:18px; background:rgba(255,255,255,.55); text-decoration:none; transition:all .2s; }
.pulse .pitem:hover { background:#fff; transform:translateY(-2px); }
.pulse .pitem .rank { font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--sand-ink); }
.pulse .pitem .ttl { font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--ink); line-height:1.4; }
.pulse .pitem .views { font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; margin-top:auto; }

/* أحدث عدد — أزرق فاتح */
.pulse .latest { grid-area:latest; background:var(--sky); padding:16px; display:flex; flex-direction:column; }
.pulse .latest__cover { flex:1; min-height:110px; border-radius:20px; background:radial-gradient(120% 120% at 80% 0%, rgba(255,255,255,.2), transparent 50%), linear-gradient(150deg,var(--petrol),var(--petrol-deep)); display:grid; place-items:center; color:#fff; }
.pulse .latest__cover .lbl { font-size:12px; opacity:.8; text-align:center; font-family:var(--font-display); }
.pulse .latest__cover .no { font-family:var(--font-display); font-weight:700; font-size:clamp(36px,5vw,50px); line-height:1; text-align:center; }
.pulse .latest__body { padding:14px 6px 2px; }
.pulse .latest__kicker { font-size:12px; color:var(--sky-ink); font-family:var(--font-display); font-weight:600; }
.pulse .latest__title { font-family:var(--font-display); font-weight:700; font-size:18px; margin-top:3px; color:var(--ink); line-height:1.4; }
.pulse .latest a { color:inherit; text-decoration:none; }

/* ===== الخريطة العصرية ===== */
.pulse .map { grid-area:map; background:var(--cream); display:flex; flex-direction:column; }
.pulse .map__top { display:flex; align-items:flex-start; justify-content:space-between; }
.pulse .map__top .box__label { color:var(--petrol-deep); }
.pulse .map__count { text-align:left; line-height:1; }
.pulse .map__count .num { font-size:clamp(30px,4vw,40px); color:var(--petrol); }
.pulse .map__count .u { font-size:13px; color:var(--muted); font-family:var(--font-display); font-weight:600; }
.pulse .map__globe { flex:1; display:grid; place-items:center; margin:4px 0; }
.pulse .map__globe svg { width:100%; max-width:240px; height:auto; }
.pulse .map__cities { font-size:12px; color:var(--muted); text-align:center; font-family:var(--font-display); }
.pulse .pin { animation:pin 2.6s ease-in-out infinite; transform-origin:center; }
.pulse .pin:nth-child(2){animation-delay:.5s}
.pulse .pin:nth-child(3){animation-delay:1s}
.pulse .pin:nth-child(4){animation-delay:1.5s}
.pulse .pin:nth-child(5){animation-delay:.8s}
.pulse .pin:nth-child(6){animation-delay:1.8s}
.pulse .pin:nth-child(7){animation-delay:1.2s}
.pulse .pin:nth-child(8){animation-delay:2.1s}
.pulse .pin:nth-child(9){animation-delay:.3s}
.pulse .pin:nth-child(10){animation-delay:1.6s}
@keyframes pin { 0%,100%{opacity:1} 50%{opacity:.3} }

/* الأرشيف — درجة بترولية فاتحة */
.pulse .archive { grid-area:archive; background:var(--petrol-tint); display:flex; flex-direction:column; justify-content:center; }
.pulse .archive .box__label { color:var(--petrol-deep); }
.pulse .archive .rows { display:flex; gap:18px; margin-top:8px; }
.pulse .archive .rows .n { font-family:var(--font-display); font-weight:700; font-size:28px; color:var(--petrol-deep); line-height:1; }
.pulse .archive .rows .t { font-size:12px; color:var(--muted); margin-top:4px; }

/* إجمالي المشاهدات — أخضر ورقي */
.pulse .live-box { grid-area:live; background:var(--leaf); display:flex; flex-direction:column; justify-content:center; }
.pulse .live-box .box__label { color:var(--leaf-ink); }
.pulse .live-box .num { font-size:clamp(30px,4vw,42px); color:var(--leaf-ink); margin-top:8px; }
.pulse .live-box .sub { font-size:13px; color:var(--leaf-ink); opacity:.8; }

/* ===== تجاوب ===== */
@media (max-width:900px) {
  .pulse .bento { grid-template-columns:1fr 1fr; grid-template-rows:auto;
    grid-template-areas:"logo logo" "readers map" "popular popular" "latest map" "archive live"; }
  .pulse .logo { min-height:200px; }
  .pulse .map { min-height:230px; }
}
@media (max-width:540px) {
  .pulse .bento {
    grid-template-columns:1fr 1fr;
    grid-auto-rows:auto;
    grid-template-areas:
      "logo    logo"
      "readers live"
      "archive latest"
      "map     map"
      "popular popular";
  }
  .pulse .box { padding:16px; border-radius:20px; }
  .pulse .logo { min-height:0; }
  .pulse .readers .num, .pulse .live-box .num { font-size:clamp(26px,7vw,36px); }
  .pulse .plist { flex-direction:column; }
}

/* ===== ظهور تدريجي + إتاحة ===== */
.pulse .box { opacity:0; transform:translateY(16px); }
.pulse .box.in { opacity:1; transform:none; transition:opacity .6s ease, transform .6s ease; }
.pulse a:focus-visible, .pulse .pitem:focus-visible { outline:2px solid var(--petrol); outline-offset:3px; border-radius:12px; }
@media (prefers-reduced-motion:reduce) {
  .pulse *, .pulse .box, .pulse .pin { animation:none!important; transition:none!important; opacity:1!important; transform:none!important; }
}

/* ===== صفحة الأعداد (أعداد السبت) ===== */
.issues-page { padding-bottom:clamp(48px,8vw,90px); }
.issues-title, .articles-title { font-family:var(--font-display); font-weight:700; font-size:clamp(26px,4vw,38px); color:var(--ink); text-align:center; padding:clamp(20px,4vw,36px) 0 24px; letter-spacing:-.5px; }
.issues-empty { text-align:center; color:var(--muted); font-family:var(--font-display); padding:40px 0; }

.issues-grid { display:grid; gap:20px; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); }

.issue-card { display:flex; flex-direction:column; background:var(--cream); border-radius:24px; overflow:hidden;
  box-shadow:0 14px 30px -22px rgba(33,74,90,.5); transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s; }
.issue-card:hover { transform:translateY(-5px); box-shadow:0 26px 46px -28px rgba(33,74,90,.4); }

.issue-card__cover { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; text-decoration:none; color:#fff;
  background:radial-gradient(120% 120% at 80% 0%, rgba(255,255,255,.18), transparent 50%), linear-gradient(150deg,var(--petrol),var(--petrol-deep)); }
.issue-card__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.issue-card__scrim { position:absolute; inset:0; background:linear-gradient(to top, rgba(20,40,48,.72) 0%, rgba(20,40,48,.15) 45%, transparent 70%); }
.issue-card__title { position:absolute; inset-inline:14px; bottom:12px; z-index:2; font-family:var(--font-display); font-weight:700; font-size:18px; line-height:1.4; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.4); }
.issue-card__badge { position:absolute; top:12px; inset-inline-start:12px; z-index:2; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--petrol-deep); background:#fff; padding:5px 12px; border-radius:100px; box-shadow:0 4px 12px -6px rgba(0,0,0,.4); }
.issue-card__pill { position:absolute; top:12px; inset-inline-end:12px; z-index:2; font-family:var(--font-display); font-weight:600; font-size:12px; color:#fff; background:rgba(20,40,48,.45); backdrop-filter:blur(4px); padding:5px 12px; border-radius:100px; }
.issue-card__body { display:flex; flex-direction:column; flex:1; padding:18px; gap:12px; }
.issue-card__desc { font-family:var(--font-body); font-size:14px; color:var(--muted); line-height:1.7; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.issue-card__meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; }
.issue-card__date { font-family:var(--font-display); font-size:13px; color:var(--muted); }
.issue-card__link { font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--petrol); text-decoration:none; display:inline-flex; gap:6px; align-items:center; transition:gap .2s, color .2s; }
.issue-card__link:hover { color:var(--petrol-deep); gap:10px; }

@media (max-width:540px) { .issues-grid { grid-template-columns:1fr; } }

/* ===== معاينة آخر الإصدارات (الصفحة الرئيسية) ===== */
.latest-issues { padding-bottom:clamp(48px,8vw,90px); }
.latest-issues__head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:clamp(20px,4vw,36px) 0 24px; }
.latest-issues__title { font-family:var(--font-display); font-weight:700; font-size:clamp(24px,3.5vw,34px); color:var(--ink); letter-spacing:-.5px; }
.latest-issues__subtitle { font-family:var(--font-body); font-size:14px; color:var(--muted); margin-top:4px; }
.latest-issues__all { flex-shrink:0; font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--petrol); text-decoration:none; display:inline-flex; align-items:center; gap:8px; border:1.5px solid var(--petrol); padding:9px 18px; border-radius:100px; transition:background .2s, color .2s, gap .2s; }
.latest-issues__all:hover { background:var(--petrol); color:#fff; gap:12px; }
.latest-issues__all--mobile { display:none; }
@media (max-width:600px) {
  .latest-issues__head .latest-issues__all { display:none; }
  .latest-issues__all--mobile { display:flex; width:max-content; margin:24px auto 0; }
}

/* ===== صفحة المقالات ===== */
.articles-page { padding-bottom:clamp(48px,8vw,90px); }
.articles-grid { display:grid; gap:20px; grid-template-columns:repeat(2, 1fr); }

.article-card { display:flex; background:var(--cream); border-radius:22px; overflow:hidden;
  box-shadow:0 14px 30px -22px rgba(33,74,90,.5); transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s; }
.article-card:hover { transform:translateY(-5px); box-shadow:0 26px 46px -28px rgba(33,74,90,.4); }

.article-card__cover { flex:0 0 40%; position:relative; align-self:stretch; min-height:200px; display:block; text-decoration:none;
  background:radial-gradient(120% 120% at 80% 0%, rgba(255,255,255,.18), transparent 50%), linear-gradient(150deg,var(--petrol),var(--petrol-deep)); }
.article-card__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.article-card__body { display:flex; flex-direction:column; flex:1; padding:18px 20px; gap:10px; }
.article-card__tag { align-self:flex-start; font-family:var(--font-display); font-weight:600; font-size:12px; color:var(--sand-ink); background:var(--sand); padding:5px 12px; border-radius:100px; }
.article-card__title { font-family:var(--font-display); font-weight:700; font-size:18px; line-height:1.4; margin:0; }
.article-card__title a { color:var(--ink); text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.article-card__title a:hover { color:var(--petrol); }
.article-card__author { display:flex; align-items:center; gap:8px; font-family:var(--font-display); font-size:13px; color:var(--muted); }
.article-card__avatar { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--petrol-tint); color:var(--petrol-deep); font-weight:700; font-size:13px; }
.article-card__excerpt { font-family:var(--font-body); font-size:13.5px; color:var(--muted); line-height:1.7; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.article-card__meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:4px; }
.article-card__date { font-family:var(--font-display); font-size:12.5px; color:var(--muted); }
.article-card__link { font-family:var(--font-display); font-weight:600; font-size:13.5px; color:var(--petrol); text-decoration:none; display:inline-flex; gap:6px; align-items:center; transition:gap .2s, color .2s; }
.article-card__link:hover { color:var(--petrol-deep); gap:10px; }

@media (max-width:900px) { .articles-grid { grid-template-columns:1fr; } }
@media (max-width:540px) {
  .article-card { flex-direction:column; }
  .article-card__cover { flex:none; width:100%; aspect-ratio:16/10; min-height:0; }
}

/* ===== صفحة المقال (قراءة) ===== */
.reading-progress { position:fixed; inset-block-start:0; inset-inline:0; height:3px; z-index:100; background:transparent; }
.reading-progress__fill { display:block; height:100%; width:0; background:var(--petrol); }

.article-page { padding-bottom:clamp(48px,8vw,90px); }
.article-read { width:min(720px, 100% - 44px); margin-inline:auto; padding-top:clamp(18px,3vw,30px); }

.article-back { display:inline-flex; gap:6px; font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--petrol); text-decoration:none; }
.article-back:hover { color:var(--petrol-deep); }

.article-head { margin-top:16px; }
.article-head__cat { display:inline-block; font-family:var(--font-display); font-weight:600; font-size:12px; color:var(--sand-ink); background:var(--sand); padding:5px 12px; border-radius:100px; }
.article-head__title { font-family:var(--font-serif); font-weight:700; font-size:clamp(28px,4.4vw,42px); line-height:1.4; color:var(--ink); margin:12px 0; }
.article-head__byline { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-family:var(--font-display); font-size:13.5px; color:var(--muted); }
.article-head__author { display:inline-flex; align-items:center; gap:8px; }
.article-head__avatar { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--petrol-tint); color:var(--petrol-deep); font-weight:700; font-size:13px; }
.article-head__dot { opacity:.6; }
.article-head__divider { border:0; border-top:1px solid color-mix(in srgb, var(--petrol) 18%, transparent); margin:20px 0 0; }

.article-cover { margin:24px 0; }
.article-cover__img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:20px; box-shadow:0 22px 44px -28px rgba(33,74,90,.55); display:block; }
.article-cover--placeholder { aspect-ratio:16/9; border-radius:20px; box-shadow:0 22px 44px -28px rgba(33,74,90,.55);
  background:radial-gradient(120% 120% at 80% 0%, rgba(255,255,255,.18), transparent 50%), linear-gradient(150deg,var(--petrol),var(--petrol-deep)); }
.article-cover__caption { margin-top:10px; text-align:center; font-family:var(--font-display); font-size:12.5px; color:var(--muted); }

.article-prose { color:var(--ink); }
.article-prose p { margin:0 0 1.3em; font-size:clamp(17px,1.1vw,19px); line-height:2; }
.article-prose > p:first-of-type::first-letter { float:right; font-family:var(--font-serif); font-weight:700; font-size:3.2em; line-height:.8; padding:6px 0 0 10px; color:var(--petrol); }
.article-prose h2 { font-family:var(--font-display); font-weight:700; font-size:1.45em; color:var(--ink); margin:32px 0 12px; }
.article-prose a { color:var(--petrol); }
.article-prose blockquote { margin:26px 0; padding:6px 20px 6px 0; border-inline-start:0; border-inline-end:4px solid var(--petrol);
  font-family:var(--font-serif); font-size:1.3em; line-height:1.8; color:var(--petrol-deep); }
.article-prose img { max-width:100%; border-radius:14px; }

.article-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:36px; padding-top:20px; border-top:1px solid color-mix(in srgb, var(--petrol) 18%, transparent); }
.article-foot__issue { font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--petrol); text-decoration:none; }
.article-foot__issue:hover { color:var(--petrol-deep); }
.article-share { display:flex; gap:10px; }
.article-share__btn { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-display); font-weight:600; font-size:13px; color:var(--petrol); background:var(--cream); border:1.5px solid color-mix(in srgb, var(--petrol) 30%, transparent); padding:8px 14px; border-radius:100px; cursor:pointer; transition:background .2s, color .2s; }
.article-share__btn:hover { background:var(--petrol); color:#fff; }

.readnext { width:min(720px, 100% - 44px); margin:48px auto 0; }
.readnext__title { font-family:var(--font-display); font-weight:700; font-size:20px; color:var(--ink); margin-bottom:16px; }
.readnext__grid { display:grid; gap:16px; grid-template-columns:repeat(3, 1fr); }
.readnext-card { display:flex; flex-direction:column; gap:8px; background:var(--cream); border-radius:18px; padding:16px; text-decoration:none;
  box-shadow:0 14px 30px -24px rgba(33,74,90,.5); transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s; }
.readnext-card:hover { transform:translateY(-4px); box-shadow:0 24px 42px -28px rgba(33,74,90,.4); }
.readnext-card--issue { background:var(--petrol-tint); }
.readnext-card__kind { font-family:var(--font-display); font-weight:600; font-size:11.5px; color:var(--petrol); }
.readnext-card__title { font-family:var(--font-display); font-weight:700; font-size:15px; line-height:1.4; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.readnext-card__meta { font-family:var(--font-display); font-size:12px; color:var(--muted); margin-top:auto; }

@media (max-width:600px) { .readnext__grid { grid-template-columns:1fr; } }

/* ===== صفحة عن الجريدة ===== */
.about-page { padding-bottom:clamp(48px,8vw,90px); }
.about-title { font-family:var(--font-display); font-weight:700; font-size:clamp(26px,4vw,38px); color:var(--ink); text-align:center; padding:clamp(20px,4vw,36px) 0 8px; letter-spacing:-.5px; }
.about-section-title { font-family:var(--font-display); font-weight:700; font-size:clamp(20px,2.6vw,26px); color:var(--petrol); text-align:center; margin:clamp(28px,5vw,44px) 0 20px; }

/* الخط الزمني — رحلة الجريدة */
.timeline { list-style:none; margin:0 auto; padding:0; position:relative; max-width:760px; }
.timeline::before { content:""; position:absolute; inset-block:8px; inset-inline-start:6px; width:4px; border-radius:4px; background:linear-gradient(var(--petrol), var(--leaf-ink)); }
.timeline__item { position:relative; padding-inline-start:34px; margin-bottom:18px; }
.timeline__dot { position:absolute; inset-inline-start:0; top:12px; width:16px; height:16px; border-radius:50%; background:var(--petrol); box-shadow:0 0 0 4px var(--paper); }
.timeline__item:nth-child(4n+2) .timeline__dot { background:var(--mint-ink); }
.timeline__item:nth-child(4n+3) .timeline__dot { background:var(--sand-ink); }
.timeline__item:nth-child(4n+4) .timeline__dot { background:var(--rose-ink); }
.timeline__card { background:var(--cream); border-radius:20px; padding:18px 20px; box-shadow:0 14px 30px -24px rgba(33,74,90,.5); transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s; }
.timeline__card:hover { transform:translateY(-4px); box-shadow:0 24px 42px -28px rgba(33,74,90,.4); }
.timeline__badge { display:inline-block; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--petrol-deep); background:var(--petrol-tint); padding:5px 12px; border-radius:100px; }
.timeline__title { font-family:var(--font-display); font-weight:700; font-size:17px; color:var(--ink); margin:10px 0 6px; }
.timeline__desc { font-family:var(--font-body); font-size:14px; line-height:1.9; color:var(--muted); margin:0; }
.timeline__closing { max-width:640px; margin:24px auto 0; text-align:center; font-family:var(--font-body); font-size:15px; line-height:2; color:var(--ink); }

/* كاتبات الجريدة */
.writers-grid { list-style:none; margin:0; padding:0; display:grid; gap:16px; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); }
.writer-card { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; background:var(--cream); border-radius:18px; padding:20px 12px; box-shadow:0 14px 30px -26px rgba(33,74,90,.5); transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s; }
.writer-card:hover { transform:translateY(-4px); box-shadow:0 22px 40px -30px rgba(33,74,90,.4); }
.writer-card__avatar { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; font-family:var(--font-display); font-weight:700; font-size:22px; background:var(--petrol-tint); color:var(--petrol-deep); }
.writer-card__name { font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--ink); }
.writer-card__role { font-family:var(--font-display); font-weight:600; font-size:11px; color:var(--petrol); background:var(--petrol-tint); padding:3px 10px; border-radius:100px; }
.writers-grid > li:nth-child(6n+1) .writer-card__avatar { background:var(--mint); color:var(--mint-ink); }
.writers-grid > li:nth-child(6n+2) .writer-card__avatar { background:var(--sky); color:var(--sky-ink); }
.writers-grid > li:nth-child(6n+3) .writer-card__avatar { background:var(--sand); color:var(--sand-ink); }
.writers-grid > li:nth-child(6n+4) .writer-card__avatar { background:var(--rose); color:var(--rose-ink); }
.writers-grid > li:nth-child(6n+5) .writer-card__avatar { background:var(--leaf); color:var(--leaf-ink); }
.writers-grid > li:nth-child(6n+6) .writer-card__avatar { background:var(--petrol-tint); color:var(--petrol-deep); }
@media (max-width:400px) { .writers-grid { grid-template-columns:repeat(2, 1fr); } }

/* ===== صفحة العدد الواحد ===== */
.issue-page { padding-bottom:clamp(48px,8vw,90px); }
.issue-back { display:inline-flex; gap:6px; margin-top:clamp(14px,3vw,24px); font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--petrol); text-decoration:none; }
.issue-back:hover { color:var(--petrol-deep); }

.issue-head { max-width:720px; margin:16px auto 0; text-align:center; }
.issue-head__title { font-family:var(--font-display); font-weight:700; font-size:clamp(24px,3.4vw,36px); line-height:1.4; color:var(--ink); margin:0; }
.issue-head__num { display:inline-block; margin-top:12px; font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--petrol-deep); background:var(--petrol-tint); padding:5px 14px; border-radius:100px; }
.issue-head__date { margin-top:10px; font-family:var(--font-display); font-size:14px; color:var(--muted); }
.issue-head__desc { margin-top:14px; font-family:var(--font-body); font-size:15px; line-height:1.9; color:var(--ink); }
.issue-head__actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:20px; }

.btn-issue { font-family:var(--font-display); font-weight:600; font-size:15px; text-decoration:none; padding:11px 22px; border-radius:100px; display:inline-flex; align-items:center; gap:8px; transition:background .2s, color .2s, transform .2s; }
.btn-issue--primary { background:var(--petrol); color:#fff; }
.btn-issue--primary:hover { background:var(--petrol-deep); transform:translateY(-2px); }
.btn-issue--ghost { background:transparent; color:var(--petrol); border:1.5px solid var(--petrol); }
.btn-issue--ghost:hover { background:var(--petrol); color:#fff; }

/* عارض PDF مضمّن (Google Docs Viewer) داخل بطاقة نظيفة */
.issue-reader { width:min(820px, 100%); margin:28px auto 0; background:#fff; border-radius:20px; padding:12px; box-shadow:0 20px 44px -30px rgba(33,74,90,.5); }
.issue-reader__frame { width:100%; aspect-ratio:3/4; border-radius:14px; overflow:hidden; background:var(--paper); }
.issue-reader__doc { width:100%; height:100%; border:0; display:block; }   /* يملأ الإطار: object و iframe */
.issue-reader__fallback { display:grid; place-items:center; height:100%; padding:24px; text-align:center; font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--petrol); background:var(--paper); }
@media (max-width:600px) { .issue-reader__frame { aspect-ratio:auto; height:78vh; min-height:460px; } }