/* ==========================================================================
   Target Screening page — theme
   Reuses the same re-skin as Procurement-Sourcing-Intelligence.php (Poppins,
   green/orange brand palette, card + shadow language) via @import, same
   pattern as css/market-assessment.css, css/competitive-intelligence.css and
   css/market-entry-strategy.css. Only this page's own elements (the icon
   next to the benefits list, and the full-width model image) get rules
   below.
   ========================================================================== */
@import url("procurement-sourcing-intelligence.css");

/* ---------- Target screening icon (next to the benefits list) ---------- */
.mid-content .ts_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mid-content .ts_icon img {
    width: 100%;
    height: auto;
    max-width: 250px;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .12));
}

/* ---------- Target screening model image ---------- */
.ma_image {
    margin-top: 26px;
}
.ma_image img {
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .07);
}

@media (max-width: 767px) {
    .mid-content .ts_icon {
        margin-top: 16px;
    }
    .mid-content .ts_icon img {
        max-width: 120px;
    }
}