.health-article-visual picture {
    position: absolute;
    inset: 0;
}

.health-article-visual picture,
.health-article-visual img {
    display: block;
    width: 100%;
    height: 100%;
}

.health-article-visual img {
    object-fit: cover;
    transition: transform .35s ease;
}

.health-article-card:hover .health-article-visual img {
    transform: scale(1.035);
}

.health-detail-image {
    display: block;
    overflow: hidden;
    margin-top: clamp(30px, 4vw, 46px);
    aspect-ratio: 16 / 9;
    border: 1px solid rgb(72 86 42 / 14%);
    border-radius: clamp(20px, 2.8vw, 32px);
    background: #fff;
    box-shadow: 0 26px 70px rgb(47 59 34 / 14%);
}

.health-detail-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 640px) {
    .health-detail-image {
        margin-top: 25px;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .health-article-visual img {
        transition: none;
    }
}
