/* Zamm Developers — blog image + visibility refinement only */
body.blog-page main,
body.article-page main,
body.blog-page main > *,
body.article-page main > *{
  visibility:visible!important;
}

/* Blog content must remain readable even if an observer or animation is unavailable. */
html.zmm-motion-ready body.blog-page .reveal,
html.zmm-motion-ready body.article-page .reveal,
body.blog-page .reveal,
body.article-page .reveal{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
}


/* The image reveal layer is also forced open on blog surfaces so no content stays blank. */
body.blog-page .zmm-media-reveal,
body.article-page .zmm-media-reveal{
  opacity:1!important;
  visibility:visible!important;
  clip-path:none!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
}

body.blog-page .blog-grid,
body.blog-page .blog-card,
body.article-page .article,
body.article-page .article-sidebar,
body.article-page .article-faq-block,
body.article-page .article-callout,
body.article-page .article-applications{
  opacity:1!important;
  visibility:visible!important;
}

.article-feature-image{
  position:relative;
  width:100%;
  margin:28px 0 34px;
  overflow:hidden;
  border:1px solid rgba(233,177,47,.28);
  border-radius:24px;
  background:#0a1727;
  box-shadow:0 24px 54px rgba(5,17,32,.18),0 8px 18px rgba(5,17,32,.10);
  isolation:isolate;
}

.article-feature-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 34%,rgba(233,177,47,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}

.article-feature-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
}

@media(max-width:820px){
  .article-feature-image{
    margin:22px 0 28px;
    border-radius:18px;
    box-shadow:0 16px 34px rgba(5,17,32,.16),0 5px 13px rgba(5,17,32,.09);
  }
}

/* Zamm Developers — article readability and smoothness refinement v2 */
/* Keep the SEO applications panel fully readable against the dark article surface. */
body.article-page .zamm-posthero-theme .article-applications{
  position:relative!important;
  overflow:hidden!important;
  color:#f7f4ec!important;
  border:1px solid rgba(233,177,47,.34)!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(233,177,47,.10),transparent 34%),
    linear-gradient(145deg,rgba(18,27,39,.98),rgba(7,12,19,.99))!important;
  box-shadow:
    inset 4px 0 0 #e9b12f,
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 42px rgba(0,0,0,.24)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body.article-page .zamm-posthero-theme .article-applications h2,
body.article-page .zamm-posthero-theme .article-applications h3{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

body.article-page .zamm-posthero-theme .article-applications p,
body.article-page .zamm-posthero-theme .article-applications li{
  color:#d8d4ca!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body.article-page .zamm-posthero-theme .article-applications ul{
  color:#d8d4ca!important;
}

body.article-page .zamm-posthero-theme .article-related-service{
  display:block!important;
  padding:12px 14px!important;
  color:#f2eee4!important;
  border:1px solid rgba(233,177,47,.22)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body.article-page .zamm-posthero-theme .article-related-service a{
  color:#f4c550!important;
  text-decoration-color:rgba(244,197,80,.62)!important;
}

/* The decorative light layers must never wash out article text. */
body.article-page .article-applications > .z3d-card-glare,
body.article-page .article-applications > .z3d-card-sheen,
body.article-page .article-related-service > .z3d-card-glare,
body.article-page .article-related-service > .z3d-card-sheen{
  display:none!important;
}

/* Reduce expensive compositing on content-heavy blog surfaces while keeping the design intact. */
body.article-page .article-applications,
body.article-page .article-related-service,
body.article-page .article-faq-block,
body.article-page .faq,
body.blog-page .blog-card{
  transform-style:flat!important;
  backface-visibility:visible!important;
  will-change:auto!important;
}

@media (hover:hover) and (pointer:fine){
  body.article-page .article-applications:hover,
  body.article-page .article-related-service:hover,
  body.article-page .article-faq-block:hover,
  body.article-page .faq:hover{
    transform:translateY(-2px)!important;
  }
}

@media (max-width:820px){
  body.article-page .zamm-posthero-theme .article-applications{
    padding:20px!important;
    border-radius:17px!important;
  }

  body.article-page .zamm-posthero-theme .article-related-service{
    padding:11px 12px!important;
  }
}