@media (max-width: 640px) {
    body.single-post .s247-latest-guides__grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    body.single-post .s247-latest-guides__card {
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    body.single-post .s247-latest-guides__thumb {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        background: #eef7f2 !important;
    }

    body.single-post .s247-latest-guides__thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.single-post .s247-latest-guides__body {
        display: block !important;
        padding: 16px 18px 18px !important;
        min-height: 0 !important;
    }

    body.single-post .s247-latest-guides__body span {
        display: none !important;
    }

    body.single-post .s247-latest-guides__body p {
        display: -webkit-box !important;
        margin: 10px 0 0 !important;
        color: #5f6f69 !important;
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
    }

    body.single-post .s247-latest-guides__body h3 {
        display: -webkit-box !important;
        margin: 0 !important;
        color: #12251f !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1.45 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
    }

    body.single-post .ssg-toc > a {
        padding: 9px 12px !important;
    }
}

@media (max-width: 380px) {
    body.single-post .s247-latest-guides__card {
        padding: 0 !important;
        min-height: 0 !important;
        border-radius: 20px !important;
    }

    body.single-post .s247-latest-guides__thumb {
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important;
    }

    body.single-post .s247-latest-guides__body {
        padding: 14px 16px 16px !important;
    }

    body.single-post .s247-latest-guides__body h3 {
        font-size: 17px !important;
    }

    body.single-post .s247-latest-guides__body p {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }
}