/* GENERATED by scripts/build-ltr-css.mjs from ../post-responsive.css: do not edit, edit the source and rebuild. */
/* Single post (body.single-post) — Figma "Blog detail - tablet" (744 x 3622) and "Blog detail - mobile" (393 x 3988).
 * Loaded by mu-plugins/beheshti-inner-responsive.php after inner-chrome.css. Everything is inside max-width:1024px
 * (desktop >=1025px untouched). Selectors use the html:not(#ps):not(#ps) bump to beat beheshti-blog-single.css.
 * Frame: hero banner -> 80 -> meta -> 40 -> title -> 40 -> photo -> 40 -> article blocks (32 apart) -> 40 -> share box -> 40
 *        -> navy "latest posts" band (80/100 pad) -> footer.
 */
@media (max-width: 1024px) {
  :root { --ps-navy: var(--e-global-color-secondary, #021a51); --ps-cyan: var(--e-global-color-accent, #99f1ff); }
  html:not(#ps):not(#ps) body.single-post { overflow-x: clip; background: #fff; }

  /* hero banner */
  html:not(#ps):not(#ps) body.single-post .beheshti-single__hero { height: var(--ps-hero-h) !important; max-height: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__hero::after { background: linear-gradient(to top, rgba(2, 26, 81, 0.8) 0%, rgba(2, 26, 81, 0) 100%) !important; }

  /* article shell */
  html:not(#ps):not(#ps) body.single-post .beheshti-single__shell { max-width: none !important; margin: 0 !important; padding: 80px 20px 40px !important; box-sizing: border-box !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__body { display: block !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__meta {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; box-sizing: border-box !important; height: auto !important; min-height: var(--ps-meta-h) !important; padding: 0 0 var(--ps-meta-pb) !important;
    border-bottom: 1px solid var(--ps-cyan) !important; font-size: 12px !important; line-height: 18px !important;
  }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__cats { gap: 6px 12px !important; flex-wrap: wrap !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__cats-label { font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--ps-navy) !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__pill {
    box-sizing: border-box !important; height: 18px !important; padding: 0 6px !important; border: 0.5px solid var(--ps-cyan) !important; border-radius: 4px !important; font-size: 12px !important; line-height: 17px !important; font-weight: 400 !important; color: var(--ps-navy) !important; white-space: nowrap;
  }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__date { gap: 8px !important; font-size: 12px !important; line-height: 18px !important; letter-spacing: 1.2px; font-weight: 400 !important; color: var(--ps-navy) !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__title { margin: 40px 0 0 !important; font-size: var(--ps-t-fs) !important; line-height: var(--ps-t-lh) !important; font-weight: 500 !important; color: var(--ps-navy) !important; text-align: left !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__inline-media { margin: 40px 0 0 !important; aspect-ratio: 353 / 206.39; width: 100% !important; height: auto !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__inline-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__content > p:empty { display: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__content h2 { margin: 32px 0 0 !important; font-size: var(--ps-h-fs) !important; line-height: var(--ps-h-lh) !important; font-weight: 500 !important; color: #000 !important; text-align: left !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__content .beheshti-single__inline-media ~ h2:first-of-type { margin-top: 40px !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__content p { margin: 12px 0 0 !important; font-size: var(--ps-p-fs) !important; line-height: var(--ps-p-lh) !important; font-weight: 400 !important; color: #000 !important; text-align: left !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__content .beheshti-single__inline-media ~ p:first-of-type { margin-top: 40px !important; }

  /* link + share box */
  html:not(#ps):not(#ps) body.single-post .beheshti-single__aside {
    position: static !important; display: flex !important; flex-direction: var(--ps-aside-dir) !important; align-items: stretch !important; gap: var(--ps-aside-gap) !important; box-sizing: border-box !important;
    margin: 40px 0 0 !important; padding: 28px !important; background: #f8f8f8 !important; width: 100% !important;
  }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__linkbox,
  html:not(#ps):not(#ps) body.single-post .beheshti-single__share { flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: relative !important; display: block !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__aside-label { margin: 0 0 var(--ps-label-gap) !important; font-size: 14px !important; line-height: 17px !important; font-weight: 300 !important; color: #000 !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__copy { height: 35px !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__copy input { box-sizing: border-box !important; border: 1px solid #000 !important; border-inline-end: 0 !important; padding: 0 20px !important; font-size: 14px !important; font-weight: 400 !important; color: #9e9e9e !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__share::before {
    content: ""; position: absolute; background: #fff; pointer-events: none; inset: var(--ps-sep-inset); width: var(--ps-sep-w); height: var(--ps-sep-h);
  }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__share-icons { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; justify-content: var(--ps-icons-j) !important; gap: var(--ps-icons-gap) !important; height: 35px !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-single__share-icons a svg { height: 20px !important; width: auto !important; }

  /* latest posts band */
  html:not(#ps):not(#ps) body.single-post .beheshti-related-wrap,
  html:not(#ps):not(#ps) body.single-post .elementor-221 > .elementor-section.beheshti-related-wrap,
  html:not(#ps):not(#ps) body.single-post .elementor-section:has(.beheshti-related) { background-color: var(--ps-navy) !important; max-width: none !important; width: 100% !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related-wrap > .elementor-container,
  html:not(#ps):not(#ps) body.single-post .elementor-section:has(.beheshti-related) > .elementor-container,
  html:not(#ps):not(#ps) body.single-post .elementor-container:has(.beheshti-related) { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; background: var(--ps-navy) !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related { box-sizing: border-box !important; padding: var(--ps-rel-pt) 20px var(--ps-rel-pt) !important; max-width: none !important; display: flex !important; flex-direction: column !important; gap: var(--ps-rel-gap) !important; background: var(--ps-navy) !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__title { margin: 0 !important; padding: 0 !important; font-size: 28px !important; line-height: 34px !important; font-weight: 200 !important; text-align: center !important; color: #fff !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__grid { display: var(--ps-grid-display) !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--ps-grid-gap) !important; margin: 0 !important; padding: var(--ps-grid-pad) !important; max-width: none !important; width: auto !important; overflow-x: var(--ps-grid-ox) !important; scroll-snap-type: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__card {
    box-sizing: border-box !important; flex: 0 0 var(--ps-card-w) !important; width: var(--ps-card-w) !important; height: var(--ps-card-h) !important; padding: 6px !important; margin: 0 !important; background: var(--e-global-color-secondary, #021a51) !important; box-shadow: none !important; display: flex !important; flex-direction: column !important;
  }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__grid .beheshti-related__card { width: var(--ps-card-w) !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__card:hover { background: #000 !important; box-shadow: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__media { display: block !important; flex: none !important; width: 100% !important; height: var(--ps-img-h) !important; aspect-ratio: auto !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__cats { display: flex !important; flex-wrap: wrap !important; gap: var(--ps-rcats-gap) !important; margin: var(--ps-rcats-mt) 0 0 !important; padding: 0 var(--ps-rbody-px) !important; font-size: var(--ps-rcat-fs) !important; line-height: var(--ps-rcat-lh) !important; color: var(--ps-cyan) !important; font-weight: 400 !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__card-title { margin: var(--ps-rtitle-mt) 0 0 !important; padding: 0 var(--ps-rbody-px) !important; min-height: var(--ps-rtitle-h) !important; font-size: var(--ps-rt-fs) !important; line-height: var(--ps-rt-lh) !important; font-weight: 300 !important; -webkit-line-clamp: 3 !important; line-clamp: 3 !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__card-title a { color: #fff !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__meta { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: auto 0 0 !important; padding: 0 var(--ps-rbody-px) var(--ps-rbody-pb) !important; height: var(--ps-rmeta-h) !important; box-sizing: content-box !important; font-size: var(--ps-rdate-fs) !important; line-height: 1 !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__date { display: inline-flex !important; align-items: center !important; gap: var(--ps-rdate-gap) !important; font-size: var(--ps-rdate-fs) !important; color: var(--ps-cyan) !important; font-weight: 400 !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__more { display: inline-flex !important; align-items: center !important; font-size: var(--ps-rmore-fs) !important; color: var(--ps-cyan) !important; font-weight: 400 !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__gt { display: inline-block !important; width: var(--ps-chev-w) !important; height: var(--ps-chev-h) !important; margin-inline-start: var(--ps-chev-gap) !important; font-size: 0 !important; background: var(--ps-chev) center / 100% 100% no-repeat !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__all { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__all a {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; height: var(--ps-btn-h) !important; min-height: var(--ps-btn-h) !important; padding: 0 10px !important; margin: 0 !important;
    background: transparent !important; border: 0.5px solid #fff !important; border-radius: 0 !important; color: #fff !important; font-size: var(--ps-btn-fs) !important; line-height: var(--ps-btn-lh) !important; font-weight: 400 !important;
  }
}

/* ---- Mobile: Figma 393 ---- */
@media (max-width: 743px) {
  :root {
    --ps-hero-h: 200px; --ps-meta-h: 26px; --ps-meta-pb: 7px; --ps-t-fs: 20px; --ps-t-lh: 25px; --ps-h-fs: 16px; --ps-h-lh: 20px; --ps-p-fs: 14px; --ps-p-lh: 17px;
    --ps-aside-dir: column; --ps-aside-gap: 20px; --ps-label-gap: 14px; --ps-sep-inset: -10px 0 auto 0; --ps-sep-w: 100%; --ps-sep-h: 3px; --ps-icons-j: center; --ps-icons-gap: 20px;
    --ps-rel-pt: 80px; --ps-rel-gap: 60px; --ps-grid-display: flex; --ps-grid-gap: 8px; --ps-grid-pad: 0 20px; --ps-grid-ox: auto; --ps-card-w: 223px; --ps-card-h: 313.1px; --ps-img-h: 200px;
    --ps-rcats-gap: 0 5.77px; --ps-rcats-mt: 13.84px; --ps-rbody-px: 9.23px; --ps-rbody-pb: 9.23px; --ps-rcat-fs: 10px; --ps-rcat-lh: 12px; --ps-rtitle-mt: 12px; --ps-rtitle-h: 34px; --ps-rt-fs: 14px; --ps-rt-lh: 17px;
    --ps-rmeta-h: 8px; --ps-rdate-fs: 10px; --ps-rdate-gap: 4.6px; --ps-rmore-fs: 12px; --ps-chev-w: 2.3px; --ps-chev-h: 4.6px; --ps-chev-gap: 6px;
    --ps-chev: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2.3 4.6' fill='none'><g transform='matrix(-1 0 0 1 2.3 0)'><path d='M2.3 4.6L0 2.3L2.3 0' stroke='%2399f1ff' stroke-width='0.577'/></g></svg>");
    --ps-btn-h: 42px; --ps-btn-fs: 14px; --ps-btn-lh: 17px;
  }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__grid { margin-inline: -20px !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__grid::-webkit-scrollbar { display: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__grid { scrollbar-width: none !important; }
  html:not(#ps):not(#ps) body.single-post .beheshti-related__card:hover { background: var(--e-global-color-secondary, #021a51) !important; box-shadow: none !important; }
}

/* ---- Tablet: Figma 744 ---- */
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --ps-hero-h: 250px; --ps-meta-h: 27px; --ps-meta-pb: 8px; --ps-t-fs: 26px; --ps-t-lh: 33px; --ps-h-fs: 18px; --ps-h-lh: 23px; --ps-p-fs: 16px; --ps-p-lh: 20px;
    --ps-aside-dir: row; --ps-aside-gap: 80px; --ps-label-gap: 18px; --ps-sep-inset: 0 auto auto calc(100% + 39px); --ps-sep-w: 2px; --ps-sep-h: 70px; --ps-icons-j: space-between; --ps-icons-gap: 10px;
    --ps-rel-pt: 100px; --ps-rel-gap: 40px; --ps-grid-display: grid; --ps-grid-gap: 20px; --ps-grid-pad: 0; --ps-grid-ox: visible; --ps-card-w: auto; --ps-card-h: 379px; --ps-img-h: 192px;
    --ps-rcats-gap: 0 10px; --ps-rcats-mt: 24px; --ps-rbody-px: 16px; --ps-rbody-pb: 16px; --ps-rcat-fs: 12px; --ps-rcat-lh: 15px; --ps-rtitle-mt: 20px; --ps-rtitle-h: 60px; --ps-rt-fs: 16px; --ps-rt-lh: 20px;
    --ps-rmeta-h: 20px; --ps-rdate-fs: 12px; --ps-rdate-gap: 8px; --ps-rmore-fs: 14px; --ps-chev-w: 4px; --ps-chev-h: 8px; --ps-chev-gap: 8px;
    --ps-chev: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 8' fill='none'><g transform='matrix(-1 0 0 1 4 0)'><path d='M4 8L0 4L4 0' stroke='%2399f1ff' stroke-width='1'/></g></svg>");
    --ps-btn-h: 45px; --ps-btn-fs: 18px; --ps-btn-lh: 22.43px;
  }
}