.elementor-7569 .elementor-element.elementor-element-baa258a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7569 .elementor-element.elementor-element-89b159b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7569 .elementor-element.elementor-element-d8a4703{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* =====================================================
   MIDPOSI — Audit Style Image System (FINAL)
   - Clean, smaller images
   - Clear hierarchy: Hero / Feature / Content
   - Stable fade-up animation
   ===================================================== */

/* ------------------------------
   1. Fade-Up Animation
-------------------------------- */
.fade-up{
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .7s ease,
    transform .7s ease;
  will-change:opacity, transform;
}

.fade-up.show{
  opacity:1;
  transform:none;
}

/* ------------------------------
   2. Image Container
-------------------------------- */
.midposi-pro-wrap figure,
.apple-figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:18px 0 12px;
}

/* ------------------------------
   3. Base Image Style (Content)
-------------------------------- */
.midposi-pro-wrap img,
.apple-img{
  width:100%;
  max-width:620px;              /* 正文图：审计级偏小 */
  height:auto;
  display:block;
  margin:0 auto;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  background:#fff;
}

/* ------------------------------
   4. Captions
-------------------------------- */
.midposi-pro-wrap figcaption,
.apple-figcap{
  width:100%;
  max-width:620px;
  margin-top:8px;
  font-size:13px;
  line-height:1.45;
  color:var(--muted);
  text-align:left;
}

/* ------------------------------
   5. Hero Image (Top)
-------------------------------- */
.apple-hero img{
  max-width:760px;
  border-radius:18px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
}

.apple-hero figcaption{
  max-width:760px;
}

/* ------------------------------
   6. Feature Image (Section 1)
-------------------------------- */
#why-validation-matters img{
  max-width:700px;
}

#why-validation-matters figcaption{
  max-width:700px;
}

/* ------------------------------
   7. Mobile Optimization
-------------------------------- */
@media (max-width:720px){
  .midposi-pro-wrap img,
  .apple-hero img,
  #why-validation-matters img{
    max-width:100%;
    border-radius:14px;
  }

  .midposi-pro-wrap figcaption,
  .apple-hero figcaption,
  #why-validation-matters figcaption{
    max-width:100%;
  }
}/* End custom CSS */