/* RUSHD — Experience, Retold
   Print-magazine editorial layout inspired by a classic Arabic magazine page. */

#storiesTold{
  min-height:100vh;
  padding:24px 0 70px;
  background:
    radial-gradient(circle at 12% 7%,rgba(20,79,57,.18),transparent 24%),
    linear-gradient(180deg,#071710 0%,#0a1711 52%,#071710 100%);
  font-family:"Almarai",Tahoma,Arial,sans-serif;
  color:#1b2a22;
  direction:rtl;
}

#storiesTold .st-magazine-wrap{
  width:min(1180px,calc(100% - 30px));
  margin:0 auto;
}

#storiesTold .st-magazine-sheet{
  position:relative;
  overflow:hidden;
  padding:44px 44px 40px;
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.76)),
    #f0ede4;
  border:1px solid rgba(196,174,113,.35);
  box-shadow:
    0 28px 80px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.85);
}

#storiesTold .st-magazine-sheet::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#0f5c43 0%,#0f5c43 62%,#b89a5b 62%,#c9ae73 100%);
}

#storiesTold .st-magazine-ribbon{
  position:absolute;
  top:18px;
  inset-inline-start:28px;
  padding:6px 12px;
  border-radius:0 0 12px 12px;
  background:#155f8c;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.03em;
}

#storiesTold .st-magazine-grid{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1fr) 225px;
  gap:34px;
  align-items:start;
}

#storiesTold .st-magazine-main{
  direction:rtl;
  min-width:0;
}

#storiesTold .st-editorial-head{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid #d8d0bc;
}

#storiesTold .st-title-rule{
  width:76px;
  height:5px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#87b63c,#0f6d4d);
}

#storiesTold .st-editorial-head h1{
  margin:0;
  color:#163a2d;
  font-size:clamp(25px,3vw,36px);
  line-height:1.38;
  letter-spacing:0;
  font-weight:900;
}

#storiesTold .st-deck{
  margin:8px 0 0;
  max-width:820px;
  color:#6f715f;
  font-size:12.5px;
  line-height:1.8;
  font-weight:600;
}

/* Two-column print text flow */
#storiesTold .st-print-copy{
  min-width:0;
}

#storiesTold .st-language-copy{
  column-count:2;
  column-gap:28px;
  column-rule:1px solid #ded6c5;
  color:#27332c;
  font-size:12.25px;
  line-height:1.88;
  letter-spacing:0;
  word-spacing:normal;
}

#storiesTold .st-language-copy p{
  margin:0 0 8px;
  color:#2b352f;
  font-size:12.25px;
  line-height:1.88;
  text-align:justify;
  text-justify:inter-word;
  letter-spacing:0;
  word-spacing:normal;
  orphans:3;
  widows:3;
}

#storiesTold .st-language-copy p.st-lead{
  color:#1f3329;
  font-size:12.7px;
  line-height:1.9;
  font-weight:700;
}

#storiesTold .st-language-copy strong{
  color:#173d2f;
  font-weight:900;
}

#storiesTold .st-language-copy h1,
#storiesTold .st-language-copy h2,
#storiesTold .st-language-copy h3{
  break-after:avoid;
  break-inside:avoid;
  color:#9a7c3f;
  font-weight:900;
}

#storiesTold .st-language-copy h1{
  margin:16px 0 7px;
  padding-top:7px;
  border-top:1px solid #d8d0bc;
  font-size:16px;
  line-height:1.55;
}

#storiesTold .st-language-copy h2{
  margin:14px 0 6px;
  font-size:14px;
  line-height:1.6;
}

#storiesTold .st-language-copy h3{
  margin:12px 0 5px;
  font-size:12.5px;
  line-height:1.65;
}

#storiesTold .st-language-copy hr{
  display:none;
}

#storiesTold .st-language-copy blockquote{
  break-inside:avoid;
  margin:11px 0 13px;
  padding:11px 13px;
  border:1px solid #cfbd91;
  border-inline-start:4px solid #a7843f;
  border-radius:6px;
  background:#e8efe5;
  color:#1f3329;
  box-shadow:none;
}

#storiesTold .st-language-copy blockquote p{
  margin:0;
  color:#1f3329;
  font-size:11.7px;
  line-height:1.8;
  font-weight:800;
  text-align:start;
}

#storiesTold .st-editorial-figure{
  column-span:all;
  break-inside:avoid;
  margin:16px 0 16px;
  padding:0;
}

#storiesTold .st-editorial-figure img{
  display:block;
  width:100%;
  max-height:330px;
  object-fit:cover;
  border-radius:5px;
  border:1px solid #d0c6ad;
}

#storiesTold .st-editorial-figure figcaption{
  margin-top:5px;
  color:#777460;
  font-size:9.5px;
  line-height:1.6;
  text-align:start;
}

/* Author sidebar like a magazine profile strip */
#storiesTold .st-author-side{
  direction:rtl;
  padding-top:24px;
  text-align:right;
}

#storiesTold .st-author-ribbon{
  width:max-content;
  max-width:100%;
  margin:0 0 12px auto;
  padding:8px 17px 7px;
  clip-path:polygon(8% 0,100% 0,94% 100%,0 100%);
  background:linear-gradient(90deg,#76ad37,#0d8d52);
  color:#fff;
  font-size:11px;
  font-weight:900;
}

#storiesTold .st-author-portrait{
  width:138px;
  margin:0 0 13px auto;
  padding:5px;
  border:1px solid #9cac8f;
  background:#fff;
  box-shadow:0 8px 20px rgba(42,56,44,.12);
}

#storiesTold .st-author-portrait img{
  display:block;
  width:100%;
  height:154px;
  object-fit:cover;
  object-position:center 28%;
}

#storiesTold .st-author-copy{
  margin-bottom:18px;
}

#storiesTold .st-author-copy h2{
  margin:0 0 6px;
  color:#4b7f42;
  font-size:14px;
  line-height:1.6;
  font-weight:900;
}

#storiesTold .st-author-copy p{
  margin:0;
  color:#6b7168;
  font-size:10.5px;
  line-height:1.8;
  font-weight:600;
}

#storiesTold .st-side-note{
  padding:13px 13px 12px;
  border-top:3px solid #c4a357;
  background:#eef1e7;
  color:#334338;
}

#storiesTold .st-side-note strong{
  display:block;
  margin-bottom:5px;
  color:#9a7c3f;
  font-size:10.5px;
  font-weight:900;
}

#storiesTold .st-side-note p{
  margin:0;
  color:#475249;
  font-size:10px;
  line-height:1.8;
}

#storiesTold .st-page-mark{
  position:absolute;
  bottom:14px;
  inset-inline-start:18px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  transform:rotate(45deg);
  background:#de8d3e;
  color:#fff;
  font-size:9px;
  font-weight:900;
}

#storiesTold .st-page-mark::first-line{
  transform:rotate(-45deg);
}

/* Static bilingual visibility */

html[lang="en"] #storiesTold{direction:ltr}
html[lang="en"] #storiesTold .st-magazine-main{direction:ltr}
html[lang="en"] #storiesTold .st-author-side{direction:ltr;text-align:left}
html[lang="en"] #storiesTold .st-author-ribbon{margin-left:0;margin-right:auto}
html[lang="en"] #storiesTold .st-author-portrait{margin-left:0;margin-right:auto}
html[lang="en"] #storiesTold .st-language-copy p{text-align:justify}

#storiesTold[hidden],
#storiesTold [hidden]{display:none!important}

@media(max-width:900px){
  #storiesTold .st-magazine-wrap{
    width:min(100%,calc(100% - 16px));
  }
  #storiesTold .st-magazine-sheet{
    padding:38px 24px 34px;
  }
  #storiesTold .st-magazine-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  #storiesTold .st-author-side{
    grid-row:1;
    display:grid;
    grid-template-columns:110px 1fr;
    gap:14px;
    align-items:center;
    padding-top:12px;
    border-bottom:1px solid #d8d0bc;
    padding-bottom:14px;
  }
  #storiesTold .st-author-ribbon,
  #storiesTold .st-side-note{display:none}
  #storiesTold .st-author-portrait{
    width:100px;
    margin:0;
  }
  #storiesTold .st-author-portrait img{
    height:112px;
  }
  #storiesTold .st-author-copy{
    margin:0;
  }
  #storiesTold .st-language-copy{
    column-count:1;
  }
}

@media(max-width:560px){
  #storiesTold{
    padding-top:14px;
  }
  #storiesTold .st-magazine-sheet{
    padding:34px 16px 28px;
  }
  #storiesTold .st-editorial-head h1{
    font-size:23px;
  }
  #storiesTold .st-deck{
    font-size:11px;
  }
  #storiesTold .st-language-copy,
  #storiesTold .st-language-copy p{
    font-size:12px;
  }
}

/* =========================================================
   RUSHD — MAGAZINE EDITORIAL PAPER / FONT FINAL FIX
   Prevent global cinematic theme colors from bleeding into the paper article.
   ========================================================= */

#storiesTold,
#storiesTold *{
  font-family:"Almarai",Tahoma,Arial,sans-serif;
}

#storiesTold{
  background:
    radial-gradient(circle at 12% 7%,rgba(20,79,57,.16),transparent 24%),
    linear-gradient(180deg,#071710 0%,#0a1711 52%,#071710 100%)!important;
  color:#26352d!important;
}

/* Paper sheet */
#storiesTold .st-magazine-sheet{
  background:
    linear-gradient(180deg,rgba(250,248,241,.985),rgba(244,241,232,.99)),
    #f5f2e9!important;
  color:#25332c!important;
  border-color:rgba(164,138,78,.34)!important;
}

/* Main article text */
#storiesTold .st-magazine-main,
#storiesTold .st-print-copy,
#storiesTold .st-language-copy,
#storiesTold .st-language-copy p,
#storiesTold .st-language-copy li,
#storiesTold .st-language-copy span{
  color:#2b352f!important;
  text-shadow:none!important;
  opacity:1!important;
}

#storiesTold .st-language-copy{
  font-size:12.35px!important;
  line-height:1.86!important;
  column-rule-color:#d9d1bf!important;
}

#storiesTold .st-language-copy p{
  margin:0 0 8px!important;
  color:#2b352f!important;
  font-size:12.35px!important;
  line-height:1.86!important;
  font-weight:500!important;
  letter-spacing:0!important;
  word-spacing:normal!important;
  opacity:1!important;
}

#storiesTold .st-language-copy p.st-lead{
  color:#21392d!important;
  font-size:12.75px!important;
  line-height:1.88!important;
  font-weight:700!important;
}

#storiesTold .st-language-copy strong{
  color:#173d2f!important;
  font-weight:900!important;
}

/* Headings: antique gold only */
#storiesTold .st-language-copy h1,
#storiesTold .st-language-copy h2,
#storiesTold .st-language-copy h3{
  color:#9a7c3f!important;
  text-shadow:none!important;
  opacity:1!important;
}
#storiesTold .st-language-copy h1{font-size:16px!important}
#storiesTold .st-language-copy h2{font-size:14px!important}
#storiesTold .st-language-copy h3{font-size:12.5px!important}

/* Header */
#storiesTold .st-editorial-head h1{
  color:#173c2f!important;
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-weight:900!important;
  text-shadow:none!important;
  opacity:1!important;
}

#storiesTold .st-deck{
  color:#686c5f!important;
  font-weight:600!important;
  opacity:1!important;
}

/* Pull quotes */
#storiesTold .st-language-copy blockquote{
  background:#e8efe5!important;
  border-color:#c8b57f!important;
  border-inline-start-color:#a7843f!important;
  color:#1f3329!important;
}
#storiesTold .st-language-copy blockquote p,
#storiesTold .st-language-copy blockquote strong{
  color:#1f3329!important;
  opacity:1!important;
}

/* Author sidebar */
#storiesTold .st-author-side,
#storiesTold .st-author-copy,
#storiesTold .st-side-note{
  color:#34443a!important;
  opacity:1!important;
}
#storiesTold .st-author-copy h2{
  color:#4b7f42!important;
  opacity:1!important;
}
#storiesTold .st-author-copy p{
  color:#626c64!important;
  opacity:1!important;
}
#storiesTold .st-side-note{
  background:#e9eee4!important;
  border-top-color:#b89a5b!important;
}
#storiesTold .st-side-note strong{
  color:#9a7c3f!important;
}
#storiesTold .st-side-note p{
  color:#465149!important;
}

/* Figure caption */
#storiesTold .st-editorial-figure figcaption{
  color:#6f6d60!important;
  opacity:1!important;
}

/* Preserve bilingual visibility rules against global theme selectors */
#storiesTold .st-only-en{display:none!important}
html[lang="en"] #storiesTold .st-only-ar{display:none!important}
html[lang="en"] #storiesTold .st-only-en{display:initial!important}
#storiesTold .st-language-copy.st-only-ar,
#storiesTold .st-language-copy.st-only-en{display:block!important}
html[lang="en"] #storiesTold .st-language-copy.st-only-ar{display:none!important}
html:not([lang="en"]) #storiesTold .st-language-copy.st-only-en{display:none!important}

/* Mobile remains readable */
@media(max-width:560px){
  #storiesTold .st-language-copy,
  #storiesTold .st-language-copy p{
    font-size:12px!important;
    line-height:1.82!important;
  }
}

/* RC1.17 STEP3 — published employee experiences from Dashboard */
.st-published-stories{margin:28px auto 0;max-width:1180px;padding:28px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);background:color-mix(in srgb,var(--paper) 92%,transparent);border-radius:24px}
.st-published-head small{font-weight:800;letter-spacing:.12em;color:var(--accent)}.st-published-head h2{margin:.4rem 0;font-size:clamp(24px,3vw,40px)}.st-published-head p{color:var(--muted);max-width:70ch}.st-published-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.st-published-card{padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--paper)}.st-published-card header span,.st-published-card header small{display:block;color:var(--muted);font-size:12px}.st-published-card h3{margin:.35rem 0 .45rem}.st-published-card>p{white-space:pre-wrap;line-height:1.9}.st-published-note{display:grid;gap:5px;margin-top:12px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--paper))}.st-published-note b{color:var(--accent)}.st-published-note span{white-space:pre-wrap;line-height:1.75}@media(max-width:760px){.st-published-stories{padding:18px;margin-inline:10px}.st-published-grid{grid-template-columns:1fr}}