/* ==========================================================
   QINELLE ARTICLE 2 — SHARED V4 CORE V1
   Visual only
   ========================================================== */


/* ==========================================================
   ARTICLE SHELL
   ========================================================== */

body.qinelle-article2-core-v4-v1
.entry-content > .qinelle-blog-v4 {

    width:
        min(100%,1180px)!important;

    max-width:
        1180px!important;

    margin:
        0 auto!important;

    padding:
        0!important;

    font-family:
        inherit!important;

    font-size:
        17.5px!important;

    line-height:
        1.76!important;

    color:
        #342d31!important;
}


/* ==========================================================
   PAGE TITLE / OUTER HEADER
   ========================================================== */

body.qinelle-article2-core-v4-v1
.entry-header {

    width:
        min(100%,1040px)!important;

    max-width:
        1040px!important;

    margin-left:
        auto!important;

    margin-right:
        auto!important;
}


body.qinelle-article2-core-v4-v1
.entry-title {

    max-width:
        980px!important;

    font-family:
        inherit!important;

    font-size:
        clamp(42px,4vw,56px)!important;

    font-weight:
        700!important;

    line-height:
        1.07!important;

    letter-spacing:
        -.028em!important;

    text-transform:
        none!important;
}


/* ==========================================================
   NORMAL READING COLUMN
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > p:not(.q-updated),

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > ul:not(.q-keypoints),

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > ol,

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > h2,

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > h3 {

    width:
        min(100%,880px)!important;

    max-width:
        880px!important;

    margin-left:
        auto!important;

    margin-right:
        auto!important;
}


body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > p {

    margin-bottom:
        19px!important;
}


/* ==========================================================
   HEADINGS
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > h2 {

    margin-top:
        56px!important;

    margin-bottom:
        17px!important;

    padding:
        0 0 0 16px!important;

    border-left:
        3px solid rgba(185,120,137,.56)!important;

    color:
        #30292c!important;

    font-family:
        inherit!important;

    font-size:
        clamp(28px,2.15vw,33px)!important;

    font-weight:
        650!important;

    line-height:
        1.22!important;

    letter-spacing:
        -.012em!important;

    text-transform:
        none!important;
}


body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > h3 {

    margin-top:
        30px!important;

    margin-bottom:
        10px!important;

    color:
        #3b3135!important;

    font-family:
        inherit!important;

    font-size:
        22px!important;

    font-weight:
        650!important;

    line-height:
        1.32!important;
}


/* ==========================================================
   UPDATED
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-updated {

    width:
        min(100%,880px)!important;

    max-width:
        880px!important;

    margin:
        0 auto 18px!important;

    color:
        #756b70!important;

    font-size:
        13px!important;

    line-height:
        1.5!important;
}


/* ==========================================================
   DIRECT ANSWER
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-answer {

    width:
        min(100%,920px)!important;

    max-width:
        920px!important;

    margin:
        20px auto 18px!important;

    padding:
        24px 26px!important;

    border:
        1px solid rgba(185,120,137,.24)!important;

    border-radius:
        16px!important;

    background:
        linear-gradient(
            135deg,
            #fff8fa 0%,
            #fff 72%
        )!important;

    box-shadow:
        0 8px 28px rgba(72,48,58,.04)!important;
}


/* ==========================================================
   KEY POINTS
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-keypoints {

    display:
        grid!important;

    grid-template-columns:
        repeat(3,minmax(0,1fr))!important;

    gap:
        14px!important;

    width:
        min(100%,920px)!important;

    max-width:
        920px!important;

    margin:
        0 auto 44px!important;

    padding:
        0!important;
}


/* ==========================================================
   FAQ
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-faq-grid {

    display:
        grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:
        18px!important;

    width:
        min(100%,1000px)!important;

    max-width:
        1000px!important;

    margin:
        22px auto 50px!important;
}


body.qinelle-article2-core-v4-v1
.q-faq-card {

    padding:
        22px!important;

    border:
        1px solid rgba(80,60,68,.11)!important;

    border-radius:
        15px!important;

    background:
        #fff!important;
}


/* ==========================================================
   DATA / CHART MODULES
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-data {

    width:
        min(100%,1000px)!important;

    max-width:
        1000px!important;

    margin:
        30px auto 44px!important;

    padding:
        24px!important;

    border:
        1px solid rgba(80,60,68,.12)!important;

    border-radius:
        16px!important;

    background:
        #fcfafb!important;
}


/* ==========================================================
   TABLE BREAKOUT
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-table-wrap {

    width:
        min(100%,1100px)!important;

    max-width:
        1100px!important;

    margin:
        28px auto 44px!important;

    overflow-x:
        auto!important;

    -webkit-overflow-scrolling:
        touch;

    border:
        1px solid rgba(80,60,68,.12)!important;

    border-radius:
        14px!important;

    background:
        #fff!important;
}


body.qinelle-article2-core-v4-v1
.q-table-wrap table {

    width:
        100%!important;

    max-width:
        none!important;

    margin:
        0!important;

    border:
        0!important;

    font-size:
        15px!important;

    line-height:
        1.54!important;
}


/* ==========================================================
   GRID / BOUNDARY / FLOW
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-grid,

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-boundary,

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-flow {

    width:
        min(100%,1000px)!important;

    max-width:
        1000px!important;

    margin-left:
        auto!important;

    margin-right:
        auto!important;
}


/* ==========================================================
   NOTES / SAFETY
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-note,

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-safety {

    width:
        min(100%,900px)!important;

    max-width:
        900px!important;

    margin-left:
        auto!important;

    margin-right:
        auto!important;
}


/* ==========================================================
   SOURCES
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-source-list {

    width:
        min(100%,920px)!important;

    max-width:
        920px!important;

    margin:
        52px auto 20px!important;

    padding:
        26px 28px!important;

    border-radius:
        16px!important;

    background:
        #fbf9f9!important;
}


/* ==========================================================
   PRODUCTS
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-products {

    width:
        min(100%,1100px)!important;

    max-width:
        1100px!important;

    margin:
        44px auto 54px!important;

    padding:
        26px!important;

    border:
        1px solid rgba(80,60,68,.12)!important;

    border-radius:
        18px!important;

    background:
        #fffafa!important;
}


body.qinelle-article2-core-v4-v1
.q-products .woocommerce {

    width:
        100%!important;

    max-width:
        none!important;

    margin:
        24px 0 0!important;
}


body.qinelle-article2-core-v4-v1
.q-products h2.woocommerce-loop-product__title {

    width:
        100%!important;

    min-width:
        0!important;

    font-family:
        inherit!important;

    font-size:
        17px!important;

    font-weight:
        650!important;

    line-height:
        1.36!important;

    letter-spacing:
        0!important;

    text-transform:
        none!important;

    white-space:
        normal!important;

    word-break:
        normal!important;

    overflow-wrap:
        break-word!important;

    hyphens:
        none!important;
}


/* ==========================================================
   BYLINE
   ========================================================== */

body.qinelle-article2-core-v4-v1
.qinelle-blog-v4 > .q-byline {

    width:
        min(100%,920px)!important;

    max-width:
        920px!important;

    margin-left:
        auto!important;

    margin-right:
        auto!important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px) {

    body.qinelle-article2-core-v4-v1
    .entry-title {

        font-size:
            32px!important;

        line-height:
            1.11!important;
    }


    body.qinelle-article2-core-v4-v1
    .entry-content > .qinelle-blog-v4 {

        width:
            100%!important;

        max-width:
            none!important;

        font-size:
            16.5px!important;

        line-height:
            1.72!important;
    }


    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > h2 {

        margin-top:
            44px!important;

        margin-bottom:
            15px!important;

        padding-left:
            13px!important;

        border-left-width:
            2px!important;

        font-size:
            24px!important;

        line-height:
            1.24!important;
    }


    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-keypoints,

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-faq-grid,

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-grid,

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-boundary,

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-stat-grid {

        grid-template-columns:
            minmax(0,1fr)!important;
    }


    /* Flow remains semantic but becomes vertical */

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-flow {

        grid-template-columns:
            minmax(0,1fr)!important;

        gap:
            9px!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-flow-item::after {

        display:
            none!important;
    }


    /* Tables */

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-table-wrap {

        width:
            100%!important;

        max-width:
            100%!important;

        border-radius:
            12px!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-table-wrap table {

        min-width:
            680px!important;

        font-size:
            13.5px!important;
    }


    /* Product module */

    body.qinelle-article2-core-v4-v1
    .qinelle-blog-v4 > .q-products {

        width:
            100%!important;

        max-width:
            100%!important;

        margin:
            32px auto 42px!important;

        padding:
            15px!important;

        overflow:
            hidden!important;

        border-radius:
            14px!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products ul.products {

        display:
            grid!important;

        grid-template-columns:
            minmax(0,1fr)!important;

        gap:
            14px!important;

        width:
            100%!important;

        margin:
            0!important;

        padding:
            0!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products ul.products > li.product {

        display:
            grid!important;

        grid-template-columns:
            minmax(0,35%)
            minmax(0,65%)!important;

        align-items:
            stretch!important;

        float:
            none!important;

        clear:
            both!important;

        width:
            100%!important;

        min-width:
            0!important;

        max-width:
            100%!important;

        margin:
            0!important;

        padding:
            0!important;

        overflow:
            hidden!important;

        border:
            1px solid rgba(80,60,68,.12)!important;

        border-radius:
            13px!important;

        background:
            #fff!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products .astra-shop-thumbnail-wrap {

        grid-column:
            1!important;

        width:
            100%!important;

        min-width:
            0!important;

        height:
            100%!important;

        margin:
            0!important;

        padding:
            0!important;

        overflow:
            hidden!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products .astra-shop-thumbnail-wrap img {

        display:
            block!important;

        width:
            100%!important;

        height:
            100%!important;

        min-height:
            185px!important;

        max-height:
            225px!important;

        object-fit:
            cover!important;

        object-position:
            center top!important;

        margin:
            0!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products .astra-shop-summary-wrap {

        grid-column:
            2!important;

        display:
            block!important;

        width:
            100%!important;

        min-width:
            0!important;

        max-width:
            100%!important;

        margin:
            0!important;

        padding:
            14px!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products h2.woocommerce-loop-product__title {

        display:
            block!important;

        width:
            100%!important;

        min-width:
            0!important;

        margin:
            0 0 8px!important;

        padding:
            0!important;

        border:
            0!important;

        font-size:
            15.5px!important;

        line-height:
            1.35!important;

        text-align:
            left!important;
    }


    body.qinelle-article2-core-v4-v1
    .q-products .ast-on-card-button,

    body.qinelle-article2-core-v4-v1
    .q-products .ast-card-action-tooltip {

        display:
            none!important;
    }

}


/* QINELLE_ARTICLE2_CORE_V4_V1_END */