ol {
    list-style: revert;
    padding: 20px;
}

/* ============================================
   RESPONSIVE CONTAINER OVERRIDES
   These override globals.css containers for responsive layouts
   ============================================ */

/* TABLET BREAKPOINT (745px - 1077px) */
@media screen and (min-width: 745px) and (max-width: 1077px) {
    .auto-layout-vertical-2 {
        padding: 40px 40px 70px;
        gap: 48px;
    }

    .frame-1948756524 {
        gap: 60px;
    }

    .frame-1948756 {
        gap: 60px;
    }

    .frame-44 { 
        align-items: center;
    }

    .frame-1948756427 {
        align-self: stretch;
        max-width: none;
        width: 100%;
    }

    .frame-1948756422{
        flex-grow: 1;
        margin: 0;
        padding: 0;
        align-self:auto;
        width: 280px;
    
    }


    .expat-life-making-f {
        letter-spacing: -1.04px;
        font-size: var(--font-size-xl);
    }

    .frame-1948756426 {
        max-width: none;
        width: 100%;
    }

    .group-1948755474 {
        height: 690.4px;
        margin-left: -19.43px;
        margin-right: -19.43px;
        position: relative;
        width: 669.86px;
    }

    /* Two mascots bottom of purple block */
    .frame-1948756535 {
        max-width: 630px;
        position:relative;
        display: block;
        align-content: center;
        margin: 0 auto;
    }

    /* Image group (mascots + ratings) bottom of purple block */
    .group-1948755478 {
        top: 535px;
    }

    .epilogue-medium-black-rock-46px {
        line-height: 1.1;
    }
}

/* MOBILE BREAKPOINT (≤744px) */
@media screen and (max-width: 744px) {
    /* Container adjustments from globals.css */
    .auto-layout-vertical-2 {
        padding: 25px 20px 30px;
        gap: 32px !important;
        margin-bottom: 40px
    }

    .frame-1948756524 {
        gap: 40px !important;
    }

    .frame-1948756545 {
        padding: 0px 12px !important;
    }

    .auto-layout-horizontal-2 {
        gap: 12px !important;
    }

    .frame-1948756 {
        gap: 40px !important;
    }

    /* Blog title */
    .epilogue-medium-black-rock-68px {
        align-self: stretch;
        color: var(--violet900);
        font-family: var(--font-family-epilogue);
        font-size: var(--font-size-xxl);
        font-weight: 500;
        letter-spacing: -1.60px;
        line-height: 40px;
        position: relative;
        text-align: center;
    }

    /* Blog subtitles */
    .epilogue-medium-black-rock-46px {
        font-size: var(--font-size-xl);
    }

    /* Blog Paragraph */
    .epilogue-medium-black-rock-20px {
        font-size: var(--font-size-m);
    }

    .spacegrotesk-medium-white-52px {
        font-size: var(--font-size-xxl);
    }

    /* Article intro */
    .blog-intro.epilogue-medium-black-rock-20px {
            align-self: stretch;
    letter-spacing: -0.36px;
    line-height: 26px;
    margin-top: -1.00px;
    position: relative;
    color: var(--violet900);
    font-family: var(--font-family-epilogue);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    }

    /* App Preview - Mobile adjustments */
    .frame-1948756429 {
        gap: 80px;
        padding: 0px 0px;
    }

    /* App Screenshot container */
    .group-1948755464 {
        height: auto;
        align-items: center;
        align-self: stretch;
        background-color: var(--violet900);
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        gap: 26px;
        justify-content: center;
        padding: 41px 35px;
        position: relative;
        width: 100%;
        max-width: 1026px;
        height: auto;
        min-height: 634px;
    }

    .frame-44{
        align-items: center;
    }

    .frame-1948756427 {
        align-self: stretch;
        max-width: none;
        width: 100%;
    }

    .recent-reviews-about-nemlys-app {
        align-self: stretch;
        letter-spacing: -1.60px;
        line-height: 40px;
        position: relative;
        text-align: center;
        color: var(--violet900);
        font-family: var(--font-family-space_grotesk);
        font-size: var(--font-size-xxl);
        font-style: normal;
        font-weight: 500;
    }

    /* Similar posts */
    .frame-1948756426 {
        max-width: none;
        width: 100%;
    }

    .spacegrotesk-medium-black-rock-32px {
        font-size: var(--font-size-xxl);
    }

    .epilogue-semi-bold-soft-peach-64px {
        font-size: var(--font-size-xxl);
    }

    .footer {
        height: 720px;
        overflow: hidden;
    }
    .group-1948755478 {
        display: none;
    }

    /* Tags */
    .group-1948755476 {
        height: 200px;
        /* width: 406px; */
    }
}