/* Northern Architectural Editorial — V4.3.0
   A deliberately small, final layer of component tokens rather than per-page overrides.
   All content of /course/ remains sourced from the unchanged page and template. */
body.ss4-design {
  --ss5-ink:#202a24;
  --ss5-moss:#214b3a;
  --ss5-olive:#46543b;
  --ss5-muted:#53685c;
  --ss5-line:#e1e8df;
  --ss5-warm:#faf6ee;
  --ss5-pearl:#f6f8f4;
  --ss5-focus:#397f62;
  --ss5-radius:16px;
  --ss5-ease:cubic-bezier(.2,.7,.3,1);
}
body.ss4-design :where(a,button,summary,input,select,textarea):focus-visible {
  outline:3px solid var(--ss5-focus)!important;
  outline-offset:3px!important;
}
body.ss4-design :where(a,button){-webkit-tap-highlight-color:transparent}
body.ss4-design :where(a,button):hover{text-decoration:none!important}
body.ss4-design :where(h1,h2,h3,[id^="ss4-"]){scroll-margin-top:92px}
body.ss4-design :where(p,li){overflow-wrap:break-word}

/* Calm, legible navigation. Jannah already owns its sticky behavior. */
body.ss4-design #theme-header .main-nav-wrapper {
  background:#fff!important;
  border-color:var(--ss5-line)!important;
  box-shadow:0 4px 18px rgba(28,54,39,.045)!important;
}
body.ss4-design #theme-header .main-menu a {
  color:#2f3d33!important;
  transition:color .16s var(--ss5-ease)!important;
}
body.ss4-design #theme-header .main-menu a:hover,
body.ss4-design #theme-header .main-menu .current-menu-item > a {
  color:var(--ss5-moss)!important;
}
body.ss4-design #theme-header :where(.search-bar input,.search-form input) {
  background:#f4f7f4!important;
  border:1px solid #e5e9e5!important;
}
body.ss4-design #theme-header :where(.search-bar input,.search-form input):focus {
  border-color:#96b6a4!important;
}
@media(min-width:1025px){
  body.ss4-design #theme-header #main-nav.fixed-nav .header-layout-1-logo{
    display:table-cell!important;
    width:175px!important;
    min-width:175px!important;
    vertical-align:middle!important;
  }
  body.ss4-design #theme-header #main-nav.fixed-nav #logo {
    display:block!important;
    height:auto!important;
    width:auto!important;
    visibility:visible!important;
  }
  body.ss4-design #theme-header #main-nav.fixed-nav #logo .logo-text{
    font-size:23px!important;
    line-height:1.4!important;
  }
  body.ss4-design #theme-header #main-nav.fixed-nav .main-menu-wrapper{
    min-height:65px!important;
  }
}

/* A genuine footer information hierarchy, inside the existing trusted theme footer. */
body.ss4-design #site-info {
  background:#1b3025!important;
  color:#dce8de!important;
}
body.ss4-design #site-info .ss5-footer-content {
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:25px 65px;
  padding:20px 0 29px;
  margin-bottom:19px;
  border-bottom:1px solid rgba(239,247,237,.17);
  text-align:right;
  align-items:start;
}
body.ss4-design #site-info .ss5-footer-wordmark {
  color:#fff!important;
  font-size:25px;
  font-weight:820;
  line-height:1.5;
  display:inline-block;
  text-decoration:none!important;
}
body.ss4-design #site-info .ss5-footer-brand p {
  color:#d5e3d8!important;
  font-size:14px!important;
  line-height:1.9!important;
  margin:9px 0 0!important;
  max-width:390px;
}
body.ss4-design #site-info .ss5-footer-navigation{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 12px;
  align-content:start;
}
body.ss4-design #site-info .ss5-footer-navigation a{
  display:flex;
  align-items:center;
  color:#dbe8df!important;
  min-height:39px;
  font-size:14px;
  line-height:1.65;
  font-weight:590;
  padding:6px 3px;
  text-decoration:none!important;
  transition:color .16s;
}
body.ss4-design #site-info .ss5-footer-navigation a:hover{color:#fff!important}
body.ss4-design #site-info .copyright-text-first {
  font-size:12px!important;
  line-height:1.9!important;
  color:#bfd0c5!important;
}
body.ss4-design #footer .site-info{padding:28px 0 34px!important}
body.ss4-design #site-info .shomalsakht-trust-badges {
  padding:13px 0 0!important;
  gap:18px!important;
}

/* Unified editorial-card geometry; no orphaned, oversized final card. */
body.ss4-design .ss4-story-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch;
  gap:19px!important;
}
body.ss4-design .ss4-story-grid > .ss4-story{
  grid-column:span 2;
  height:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
}
body.ss4-design .ss4-story-grid > .ss4-story-featured{grid-column:1/-1}
body.ss4-design .ss4-story-grid.ss5-tail-2 > .ss4-story:nth-last-child(-n+2):not(.ss4-story-featured) {
  grid-column:span 3;
}
body.ss4-design .ss4-story-grid.ss5-tail-1 > .ss4-story:last-child:not(.ss4-story-featured) {
  grid-column:3/span 2;
}
body.ss4-design .ss4-story-hit{
  height:100%;
  flex:1;
  text-decoration:none!important;
}
body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-hit{
  display:flex!important;
  flex-direction:column!important;
}
body.ss4-design .ss4-story-visual{flex:0 0 auto;overflow:hidden;background:#f5f2e8}
body.ss4-design .ss4-story-visual img{
  object-fit:cover!important;
  transition:transform .28s var(--ss5-ease);
}
body.ss4-design .ss4-story:hover .ss4-story-visual img{transform:scale(1.025)}
body.ss4-design .ss4-story-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  gap:6px;
}
body.ss4-design .ss4-story-body h3{
  font-size:18px!important;
  line-height:1.58!important;
  font-weight:740!important;
  color:var(--ss5-ink)!important;
  text-wrap:pretty;
  margin:0!important;
}
body.ss4-design .ss4-story-body p{
  font-size:14px!important;
  color:var(--ss5-muted)!important;
  line-height:1.74!important;
  margin:0!important;
  max-width:100%;
}
body.ss4-design .ss4-story-cta{
  margin-top:auto!important;
  padding-top:12px;
  font-weight:720;
  color:var(--ss5-moss)!important;
}
body.ss4-design .ss4-story-featured .ss4-story-hit{
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
body.ss4-design .ss4-story-featured .ss4-story-visual{
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  aspect-ratio:16/9!important;
}
body.ss4-design .ss4-story-featured .ss4-story-body{
  height:auto!important;
  flex:0 0 auto!important;
}
body.ss4-design .ss4-story-featured .ss4-story-body{
  justify-content:center;
  padding:26px 33px!important;
}
body.ss4-design .ss4-story-featured .ss4-story-body h3{
  font-size:clamp(23px,2.2vw,28px)!important;
}
body.ss4-design .ss4-story-featured .ss4-story-cta{margin-top:9px!important}
body.ss4-design .ss4-archive .ss4-quick-list a,
body.ss4-design .ss4-story{
  transition:transform .2s var(--ss5-ease),border-color .2s var(--ss5-ease),box-shadow .2s var(--ss5-ease);
}
body.ss4-design .ss4-archive .ss4-quick-list a:hover{
  border-color:#d0dcd0!important;
  box-shadow:0 7px 18px rgba(25,55,39,.05);
}
body.ss4-design .ss4-archive :where(.ss4-overline,.ss4-eyebrow){
  color:#436950!important;
}
body.ss4-design .ss4-archive :where(.ss4-lead,.ss4-story-body p){
  color:var(--ss5-muted)!important;
}
body.ss4-design .ss4-topic-nav a{
  min-height:44px;
}
body.ss4-design .ss4-archive-search input::placeholder{color:#637569!important;opacity:1}
body.ss4-design .ss4-reading-copy .ss4-eyebrow{color:#466a54}

/* The theme's native related section uses semantic, hand-picked links.
   Four related articles become a 2x2 editorial set rather than 3+1. */
body.ss4-design.single-post #related-posts {
  background:#fafbf8!important;
  border-color:var(--ss5-line)!important;
  padding:25px!important;
  margin:36px auto 0!important;
}
body.ss4-design.single-post #related-posts .mag-box-title h3{
  font-size:22px!important;
  font-weight:780!important;
  line-height:1.5!important;
  margin:0!important;
}
body.ss4-design.single-post #related-posts .related-posts-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch;
  margin-top:20px!important;
}
body.ss4-design.single-post #related-posts .related-item{
  min-width:0!important;
  border-radius:15px!important;
  border:1px solid #e2e9e1!important;
  box-shadow:none!important;
  background:#fff!important;
  transition:transform .2s var(--ss5-ease),box-shadow .2s var(--ss5-ease);
}
body.ss4-design.single-post #related-posts .related-item:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 21px rgba(22,56,39,.065)!important;
}
body.ss4-design.single-post #related-posts .related-item .post-thumb{
  width:100%!important;
  aspect-ratio:16/9!important;
  background:#f4f0e7!important;
}
body.ss4-design.single-post #related-posts .related-item .post-thumb img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
body.ss4-design.single-post #related-posts .related-item h3.post-title{
  color:var(--ss5-moss)!important;
  font-size:17px!important;
  line-height:1.6!important;
  font-weight:740!important;
  margin:13px 17px 6px!important;
  -webkit-line-clamp:2!important;
}
body.ss4-design.single-post #related-posts .related-item .post-meta{
  color:#697a70!important;
  padding:4px 17px 14px!important;
  font-size:12px!important;
}
body.ss4-design.single-post :where(.entry-content,.entry){
  color:var(--ss5-ink);
}
body.ss4-design.single-post .entry-content > p{
  color:#303d34!important;
  max-width:78ch;
}
body.ss4-design.single-post .entry-content a{
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
body.ss4-design.single-post .entry-content :is(h2,h3){
  scroll-margin-top:95px;
}
body.ss4-design.single-post .entry-content .ss4-mobile-table .ss4-table-hint{
  color:#2d6546!important;
}

@media(max-width:1024px){
  body.ss4-design .ss4-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss4-design .ss4-story-grid > .ss4-story{grid-column:auto!important}
  body.ss4-design .ss4-story-grid > .ss4-story-featured{grid-column:1/-1!important}
  body.ss4-design.single-post #related-posts .related-posts-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  body.ss4-design #site-info .ss5-footer-content{
    display:flex;
    flex-direction:column;
    gap:19px;
    padding:13px 0 21px;
    margin-bottom:17px;
  }
  body.ss4-design #site-info .ss5-footer-wordmark{font-size:22px}
  body.ss4-design #site-info .ss5-footer-brand p{font-size:13px!important}
  body.ss4-design #site-info .ss5-footer-navigation{
    display:grid;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3px 16px;
  }
  body.ss4-design #site-info .ss5-footer-navigation a{font-size:13px;min-height:44px}
  body.ss4-design .ss4-story-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.ss4-design .ss4-story-grid > .ss4-story,
  body.ss4-design .ss4-story-grid > .ss4-story-featured{grid-column:1/-1!important}
  body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-hit{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    align-items:stretch!important;
    min-height:114px!important;
  }
  body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-visual {
    min-height:114px;
    height:100%;
  }
  body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-body{
    display:flex;
    flex-direction:column;
    padding:12px 13px!important;
    justify-content:center;
  }
  body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-body h3{
    font-size:15.5px!important;
    line-height:1.57!important;
  }
  body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-cta{
    font-size:12px!important;
    padding-top:7px;
  }
  body.ss4-design .ss4-story-featured .ss4-story-body{
    display:flex;
    padding:18px!important;
  }
  body.ss4-design .ss4-story-featured .ss4-story-body h3{font-size:20px!important}
  body.ss4-design .ss4-topic-nav{
    overflow-x:auto;
    scrollbar-width:thin;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  body.ss4-design .ss4-topic-nav a{flex:0 0 auto;scroll-snap-align:start}
  body.ss4-design.single-post #related-posts{padding:16px!important;margin-top:24px!important}
  body.ss4-design.single-post #related-posts .related-posts-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:15px!important;
  }
  body.ss4-design.single-post #related-posts .related-item{
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    min-height:114px!important;
    border-radius:12px!important;
  }
  body.ss4-design.single-post #related-posts .related-item .post-thumb{
    grid-row:1/3;
    height:100%!important;
    min-height:114px!important;
    aspect-ratio:auto!important;
  }
  body.ss4-design.single-post #related-posts .related-item h3.post-title{
    font-size:15px!important;
    line-height:1.55!important;
    margin:10px 12px 2px!important;
    -webkit-line-clamp:3!important;
  }
  body.ss4-design.single-post #related-posts .related-item .post-meta{
    font-size:11px!important;
    padding:1px 12px 10px!important;
  }
}
@media(max-width:360px){
  body.ss4-design .ss4-story:not(.ss4-story-featured) .ss4-story-hit{grid-template-columns:96px minmax(0,1fr)!important}
  body.ss4-design.single-post #related-posts .related-item{grid-template-columns:102px minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
  body.ss4-design .ss4-story,
  body.ss4-design .ss4-story-visual img,
  body.ss4-design.single-post #related-posts .related-item,
  body.ss4-design #theme-header .main-menu a{transition:none!important;transform:none!important}
}

/* V4.4.0 — consistency, curated real popularity, and article endings. */
@font-face{
 font-family:"ShomalVazirmatn";
 src:url("./fonts/Vazirmatn-VariableFont_wght.woff2") format("woff2");
 font-style:normal;
 font-weight:100 900;
 font-display:swap;
}
body.ss4-design .ss4,
body.ss4-design.single-post #the-post .entry-content,
body.ss4-design.single-post #the-post .entry-header,
body.ss4-design #theme-header .main-menu a,
body.ss4-design #theme-header #logo .logo-text,
body.ss4-design #theme-header .search-bar input,
body.ss4-design #theme-header .search-bar button,
body.ss4-design #theme-header .search-form input,
body.ss4-design #theme-header #mobile-menu a,
body.ss4-design #site-info .ss5-footer-content{
 font-family:"ShomalVazirmatn","Vazirmatn",system-ui,sans-serif!important;
}
body.ss4-design #theme-header .main-menu a{
 font-weight:650!important;
 letter-spacing:0!important;
}
/* The two hero choices remain obvious without competing for the same priority. */
body.ss4-design .ss4-home-hero .ss4-actions .ss4-button-primary{
 min-width:158px;
}
body.ss4-design .ss4-home-hero .ss4-actions .ss4-button-secondary{
 background:rgba(255,255,255,.65);
 border-color:#d8e2d8;
 color:#315744!important;
}
body.ss4-design .ss4-home-hero .ss4-actions .ss4-button-secondary:hover{
 background:#fff;
 border-color:#95b29a;
}
body.ss4-design .ss6-popular-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
}
body.ss4-design .ss6-popular-card{
 display:flex;
 gap:15px;
 align-items:center;
 position:relative;
 min-width:0;
 min-height:146px;
 border:1px solid #e2e8de;
 border-radius:16px;
 padding:13px;
 background:#f9faf7;
 text-decoration:none!important;
 transition:border-color .2s,transform .2s,box-shadow .2s;
}
body.ss4-design .ss6-popular-card:nth-child(even){
 background:#fbf7ef;
}
body.ss4-design .ss6-popular-card:hover{
 border-color:#bdcfbd;
 transform:translateY(-2px);
 box-shadow:0 9px 19px rgba(29,54,38,.055);
}
body.ss4-design .ss6-popular-image{
 flex:0 0 125px;
 width:125px;
 height:100px;
 background:#f0ede4;
 border-radius:11px;
 overflow:hidden;
}
body.ss4-design .ss6-popular-image img{
 display:block;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
}
body.ss4-design .ss6-popular-copy{
 display:flex;
 flex:1;
 flex-direction:column;
 gap:4px;
 min-width:0;
}
body.ss4-design .ss6-popular-copy .ss4-eyebrow{
 margin:0!important;
 font-size:12px!important;
}
body.ss4-design .ss6-popular-copy strong{
 color:#22392c;
 font-size:17px;
 font-weight:720;
 line-height:1.6;
 text-wrap:pretty;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
}
body.ss4-design .ss6-popular-meta{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:10px;
 color:var(--ss5-moss);
 margin-top:6px;
}
body.ss4-design.single-post #the-post .entry-content > hr.ss6-article-break{
 display:block!important;
 border:none!important;
 border-top:1px solid #cfdcd1!important;
 background:transparent!important;
 height:0!important;
 max-width:790px!important;
 width:100%!important;
 border-radius:0!important;
 margin:46px auto 36px!important;
 opacity:1!important;
}
body.ss4-design .ss4-course .ss4-enroll-action .ss4-price{
 font-family:"ShomalVazirmatn","Vazirmatn",system-ui,sans-serif!important;
 font-variant-numeric:normal!important;
 font-feature-settings:normal!important;
 letter-spacing:0!important;
}
@media(max-width:767px){
 body.ss4-design .ss6-popular-grid{
  grid-template-columns:1fr;
  gap:11px;
 }
 body.ss4-design .ss6-popular-card{
  min-height:110px;
  border-radius:13px;
  padding:11px;
  gap:12px;
 }
 body.ss4-design .ss6-popular-image{
  width:93px;
  flex-basis:93px;
  height:86px;
  border-radius:9px;
 }
 body.ss4-design .ss6-popular-copy strong{
  font-size:15.5px!important;
  line-height:1.55;
 }
 body.ss4-design .ss6-popular-copy .ss4-eyebrow{font-size:11px!important}
 body.ss4-design.single-post #the-post .entry-content>hr.ss6-article-break{
  margin:34px auto 27px!important;
 }
}
@media(max-width:360px){
 body.ss4-design .ss6-popular-image{width:78px;flex-basis:78px;height:83px}
 body.ss4-design .ss6-popular-card{gap:10px}
 body.ss4-design .ss6-popular-copy strong{font-size:14.5px!important}
}
@media(prefers-reduced-motion:reduce){
 body.ss4-design .ss6-popular-card{transform:none!important;transition:none!important}
}

/* V4.5.0 — Premium Architectural Motion: course-only, content-preserving. */
/* A purposeful, high-contrast final decision surface; no perpetual animation. */
body.ss4-design .ss4-course .ss4-enroll-inner{
 position:relative;isolation:isolate;overflow:hidden;
 grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
 gap:clamp(24px,4.5vw,64px);
 align-items:center;
 padding:clamp(26px,4.4vw,52px)!important;
 border:1px solid #355b48!important;
 border-radius:27px!important;
 background:radial-gradient(ellipse 390px 270px at 3% 105%,rgba(165,192,135,.2),transparent 73%),
 radial-gradient(ellipse 480px 350px at 98% -30%,rgba(240,221,161,.13),transparent 78%),
 linear-gradient(115deg,#193b2e 0%,#234a37 58%,#18392b 100%)!important;
 box-shadow:0 22px 50px rgba(20,53,37,.15),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.ss4-design .ss4-course .ss4-enroll-inner::before{
 content:"";pointer-events:none;position:absolute;z-index:0;
 width:390px;height:390px;right:-95px;bottom:-285px;
 border:1px solid rgba(239,240,213,.16);border-radius:50%;
 box-shadow:0 0 0 58px rgba(250,247,224,.028),0 0 0 116px rgba(250,247,224,.018);
}
body.ss4-design .ss4-course .ss4-enroll-inner>*{position:relative;z-index:1;min-width:0}
body.ss4-design .ss4-course .ss4-enroll-content .ss4-overline{
 color:#d5e1c6!important;font-size:14px!important;font-weight:720;
 margin-bottom:12px!important;
}
body.ss4-design .ss4-course .ss4-enroll-content h2{
 color:#fff!important;
 font-size:clamp(32px,3vw,43px)!important;
 font-weight:830!important;
 line-height:1.38!important;
 text-shadow:0 1px 1px rgba(0,0,0,.05);
}
body.ss4-design .ss4-course .ss4-enroll-content>p{
 color:#e5eee6!important;font-size:clamp(15px,1.25vw,17px)!important;
 line-height:1.92!important;margin-top:17px!important;
 max-width:500px;
}
body.ss4-design .ss4-course .ss4-enroll-content .ss4-course-facts{
 display:flex;align-items:center;flex-wrap:wrap;gap:9px;
 margin:24px 0 0!important;
}
body.ss4-design .ss4-course .ss4-enroll-content .ss4-course-facts span{
 display:inline-flex;align-items:center;
 border:1px solid rgba(228,243,222,.24)!important;
 border-radius:999px;
 background:rgba(255,255,255,.092);
 color:#f4f8ee;
 font-size:13px;font-weight:700;
 padding:7px 13px!important;
 line-height:1.6;
}
body.ss4-design .ss4-course .ss4-enroll-action{
 display:flex;flex-direction:column;align-items:stretch;gap:10px;
 background:linear-gradient(148deg,#fffefa,#f8f3e9);
 border:1px solid rgba(255,255,255,.86);
 border-radius:22px;
 padding:clamp(21px,2.6vw,31px)!important;
 box-shadow:0 15px 34px rgba(8,33,24,.18),inset 0 1px 0 #fff;
 text-align:center;
}
body.ss4-design .ss4-course .ss4-enroll-action>span{
 color:#667d6c;font-size:13px;font-weight:730;
}
body.ss4-design .ss4-course .ss4-enroll-action .ss4-price{
 display:block;color:#194732!important;
 font-size:clamp(28px,2.5vw,34px)!important;
 font-weight:850!important;line-height:1.42!important;
 white-space:normal;overflow-wrap:normal;
 margin:1px 0 9px;
}
body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary{
 display:flex;width:100%;min-height:57px;
 padding:12px 17px!important;
 border-radius:14px!important;
 background:#1d5039!important;border:1px solid #266447!important;
 color:#fff!important;
 font-size:15px!important;font-weight:780!important;
 box-shadow:0 10px 20px rgba(25,78,51,.21)!important;
 transition:background-color .24s ease,transform .24s cubic-bezier(.22,.68,0,1.15),
 box-shadow .24s ease!important;
}
body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary svg{
 transition:transform .24s ease;
}
body.ss4-design .ss4-course .ss4-enroll-action>small{
 font-size:12.5px!important;
 line-height:1.88!important;
 color:#5e7062!important;
 max-width:310px;margin:3px auto 0;
}
@media(hover:hover) and (pointer:fine){
 body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary:hover{
  background:#28674b!important;transform:translateY(-2px);
  box-shadow:0 13px 26px rgba(25,78,51,.25)!important;
 }
 body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary:hover svg{
  transform:translateX(-4px);
 }
 body.ss4-design .ss4-course .ss4-course-hero-media img{
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
 }
 body.ss4-design .ss4-course .ss4-course-hero-media:hover img{
  transform:scale(1.025);
 }
 body.ss4-design .ss4-course .ss4-outcome-grid>div:hover,
 body.ss4-design .ss4-course .ss4-learning-list>div:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 27px rgba(28,62,44,.08);
  border-color:#bdd1bf!important;
 }
}
body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary:active{
 transform:scale(.985)!important;
}
body.ss4-design .ss4-course .ss4-outcome-grid>div,
body.ss4-design .ss4-course .ss4-learning-list>div{
 transition:transform .28s cubic-bezier(.2,.7,.25,1),
 box-shadow .28s ease,border-color .28s ease;
}
body.ss4-design .ss4-course .ss4-learning-symbol{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:38px;height:38px;padding:2px 9px;
 border-radius:11px;color:#2d6449!important;
 background:#ebf2e9;border:1px solid #dce9db;
 font-weight:790;font-size:14px;
}
body.ss4-design .ss4-course .ss4-chapter>summary,
body.ss4-design .ss4-course .ss4-faq-item>summary{
 transition:background-color .22s ease;
}
body.ss4-design .ss4-course .ss4-chapter>summary:hover,
body.ss4-design .ss4-course .ss4-faq-item>summary:hover{
 background:rgba(217,233,217,.36);
}
/* Native details content opens immediately. No accordion keyframes. */
/* Staggered once-only entrance, never hiding the first fold or non-JS content. */
@keyframes ss5-course-hero-enter{
 from{opacity:.89;transform:translateY(9px)}
 to{opacity:1;transform:none}
}
body.ss4-design .ss4-course .ss4-course-hero-copy .ss4-overline{
 animation:ss5-course-hero-enter .36s ease-out both;
}
body.ss4-design .ss4-course .ss4-course-hero-copy .ss4-lead{
 animation:ss5-course-hero-enter .43s .08s ease-out both;
}
body.ss4-design .ss4-course .ss4-course-hero-media{
 animation:ss5-course-hero-enter .52s .08s cubic-bezier(.2,.7,.25,1) both;
}
body.ss4-design .ss4-course .ss4-course-hero .ss4-actions{
 animation:ss5-course-hero-enter .44s .12s ease-out both;
}
body.ss4-design .ss4-course .ss5-motion-pending{
 opacity:.965;transform:translate3d(0,6px,0);
 transition:opacity .22s ease-out,transform .27s cubic-bezier(.2,.75,.23,1);
}
body.ss4-design .ss4-course .ss5-motion-pending.ss5-motion-visible{
 opacity:1;transform:none;transition-delay:var(--ss5-stagger,0ms);
}
@media(max-width:767px){
 body.ss4-design .ss4-course .ss4-enroll-inner{
  grid-template-columns:minmax(0,1fr)!important;
  gap:22px!important;border-radius:22px!important;
  padding:23px 18px 18px!important;
 }
 body.ss4-design .ss4-course .ss4-enroll-inner::before{
  width:280px;height:280px;right:-110px;bottom:-155px;
 }
 body.ss4-design .ss4-course .ss4-enroll-content h2{
  font-size:clamp(28px,7.7vw,35px)!important;
 }
 body.ss4-design .ss4-course .ss4-enroll-content>p{
  font-size:15px!important;line-height:1.85!important;
 }
 body.ss4-design .ss4-course .ss4-enroll-content .ss4-course-facts{
  gap:7px;margin-top:19px!important;
 }
 body.ss4-design .ss4-course .ss4-enroll-content .ss4-course-facts span{
  font-size:12px!important;padding:6px 10px!important;
 }
 body.ss4-design .ss4-course .ss4-enroll-action{
  gap:9px;padding:21px 17px!important;border-radius:18px;
 }
 body.ss4-design .ss4-course .ss4-enroll-action .ss4-price{
  font-size:clamp(25px,7vw,31px)!important;
  margin-bottom:6px;
 }
 body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary{
  min-height:54px;font-size:14.5px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.ss4-design .ss4-course :is(.ss4-course-hero-copy .ss4-overline,.ss4-course-hero-copy .ss4-lead,.ss4-course-hero-media,.ss4-course-hero .ss4-actions,.ss4-chapter[open]>ol,.ss4-faq-item[open]>div){
  animation:none!important;
 }
 body.ss4-design .ss4-course .ss5-motion-pending,
 body.ss4-design .ss4-course .ss5-motion-pending.ss5-motion-visible{
  opacity:1!important;transform:none!important;transition:none!important;
 }
 body.ss4-design .ss4-course .ss4-course-hero-media img,
 body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary,
 body.ss4-design .ss4-course .ss4-enroll-action .ss4-button-primary svg,
 body.ss4-design .ss4-course .ss4-outcome-grid>div,
 body.ss4-design .ss4-course .ss4-learning-list>div{
  animation:none!important;transition:none!important;transform:none!important;
 }
}

/* Keep the first decision point visually consistent with the final purchase action. */
body.ss4-design .ss4-course .ss4-course-hero .ss4-actions .ss4-button-primary{
 background:#20583e!important;border-color:#20583e!important;
 color:#fff!important;
 box-shadow:0 7px 18px rgba(27,82,51,.14);
 transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
@media(hover:hover) and (pointer:fine){
 body.ss4-design .ss4-course .ss4-course-hero .ss4-actions .ss4-button-primary:hover{
  background:#2b674a!important;border-color:#2b674a!important;
  transform:translateY(-2px);box-shadow:0 11px 23px rgba(27,82,51,.19);
 }
}
body.ss4-design .ss4-course .ss4-course-hero .ss4-actions .ss4-button-primary:active{
 transform:scale(.985)!important;
}
@media(prefers-reduced-motion:reduce){
 body.ss4-design .ss4-course .ss4-course-hero .ss4-actions .ss4-button-primary{
  animation:none!important;transition:none!important;transform:none!important;
 }
}

/* V4.6 — readable instant accordions and intentional scroll progress. */
/* Chapter and FAQ content always opens instantly, without sliding or fading. */
body.ss4-design .ss4-course .ss4-chapter[open]>ol,
body.ss4-design .ss4-course .ss4-faq-item[open]>div{
 animation:none!important;transition:none!important;transform:none!important;opacity:1!important;
}
body.ss4-design .ss4-course .ss4-chapter-chevron,
body.ss4-design .ss4-course .ss4-faq-item summary span{
 transition:none!important;
}
/* RTL progress travels from the first line towards the finish. */
body.ss4-design .ss7-reading-progress{
 position:fixed;top:0;right:0;left:0;z-index:100001;
 height:3px;pointer-events:none;overflow:hidden;
 background:rgba(222,231,216,.78);
 opacity:0;transition:opacity .18s ease;
}
body.ss4-design .ss7-reading-progress.ss7-reading-active{opacity:1}
body.ss4-design .ss7-reading-progress > span{
 display:block;width:100%;height:100%;
 transform:scaleX(0);transform-origin:right center;
 background:linear-gradient(to left,#245d41 0%,#77946d 100%);
 will-change:transform;
}
/* The site stays consistent across old WordPress article layouts. */
@media(max-width:767px){
 body.ss4-design #footer .site-info{padding:19px 0 23px!important}
 body.ss4-design #site-info .ss5-footer-content{
  gap:12px!important;padding:8px 0 15px!important;margin-bottom:12px!important;
 }
 body.ss4-design #site-info .ss5-footer-brand p{
  margin-top:4px!important;line-height:1.75!important;
 }
 body.ss4-design #site-info .shomalsakht-trust-badges{
  padding:7px 0 0!important;gap:14px!important;
 }
 body.ss4-design .ss6-popular-card{
  padding:10px!important;gap:10px!important;min-height:116px!important;
 }
 body.ss4-design .ss6-popular-image{
  flex:0 0 90px!important;width:90px!important;height:88px!important;
 }
 body.ss4-design .ss6-popular-copy strong{
  font-size:14.7px!important;line-height:1.52!important;
  -webkit-line-clamp:3!important;
 }
 body.ss4-design.single-post #related-posts{
  background:#fff!important;border:0!important;
  border-top:1px solid #e1e9df!important;border-radius:0!important;
  padding:19px 14px 14px!important;box-shadow:none!important;
 }
 body.ss4-design.single-post #related-posts .mag-box-title{
  border-bottom:1px solid #e1e9df!important;
  margin:0 0 13px!important;padding:0 0 10px!important;
  box-shadow:none!important;
 }
 body.ss4-design.single-post #related-posts .mag-box-title::before,
 body.ss4-design.single-post #related-posts .mag-box-title::after{
  display:none!important;content:none!important;
 }
 body.ss4-design.single-post #related-posts .mag-box-title h3{
  font-size:19px!important;line-height:1.5!important;
 }
 body.ss4-design.single-post #related-posts .related-posts-list{
  gap:10px!important;margin-top:0!important;
 }
 body.ss4-design.single-post #related-posts .related-item{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  min-height:118px!important;height:118px!important;max-height:118px!important;
  border-radius:12px!important;
 }
 body.ss4-design.single-post #related-posts .related-item .post-thumb{
  grid-column:1;grid-row:1/-1;
  width:110px!important;height:118px!important;
  max-height:118px!important;min-height:0!important;
  overflow:hidden!important;aspect-ratio:auto!important;
 }
 body.ss4-design.single-post #related-posts .related-item .post-thumb img{
  display:block!important;width:100%!important;height:118px!important;
  max-height:118px!important;object-fit:cover!important;
 }
 body.ss4-design.single-post #related-posts .related-item h3.post-title{
  margin:10px 11px 3px!important;font-size:14.5px!important;
  line-height:1.48!important;-webkit-line-clamp:3!important;
  overflow:hidden!important;min-height:0!important;
 }
 body.ss4-design.single-post #related-posts .related-item .post-meta{
  padding:0 11px 9px!important;font-size:10px!important;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 }
}
@media(max-width:360px){
 body.ss4-design .ss6-popular-image{width:80px!important;flex-basis:80px!important}
 body.ss4-design.single-post #related-posts .related-item{
  grid-template-columns:100px minmax(0,1fr)!important;
 }
 body.ss4-design.single-post #related-posts .related-item .post-thumb{
  width:100px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.ss4-design .ss7-reading-progress{display:none!important}
 body.ss4-design .ss4-course .ss4-chapter[open]>ol,
 body.ss4-design .ss4-course .ss4-faq-item[open]>div{
  animation:none!important;transition:none!important;
 }
}