/* /residents mobile benefits block — Figma screenshot only. Desktop is untouched. */
@media (max-width: 760px) {
    body.residents-page-body .residents-benefits {
        width: min(100%, 393px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
        color: #1f1f1f !important;
    }

    body.residents-page-body .residents-benefits__title {
        box-sizing: border-box !important;
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        margin: 0 auto !important;
        padding: 96px 0 40px !important;
        color: #1f1f1f !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: pre-line !important;
    }

    body.residents-page-body .residents-benefits__title-desktop {
        display: none !important;
    }

    body.residents-page-body .residents-benefits__title-mobile {
        display: block !important;
        white-space: pre-line !important;
    }

    body.residents-page-body .residents-benefits__grid {
        width: 100% !important;
        max-width: 393px !important;
        margin: 0 auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        border-top: 1px solid rgba(31, 31, 31, 0.10) !important;
        border-bottom: 0 !important;
        background: #ffffff !important;
    }

    body.residents-page-body .residents-benefits__card,
    body.residents-page-body .residents-benefits__card:nth-child(3n),
    body.residents-page-body .residents-benefits__card:nth-child(n + 4) {
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 40px 16px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(31, 31, 31, 0.10) !important;
        background: #ffffff !important;
    }

    body.residents-page-body .residents-benefits__card--mobile-extra {
        display: none !important;
    }

    body.residents-page-body .residents-benefits.is-benefits-expanded .residents-benefits__card--mobile-extra {
        display: block !important;
    }

    body.residents-page-body .residents-benefits__card h3 {
        width: 100% !important;
        max-width: 361px !important;
        margin: 0 auto !important;
        color: #1f1f1f !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    body.residents-page-body .residents-benefits__card p {
        width: 100% !important;
        max-width: 361px !important;
        margin: 12px auto 0 !important;
        color: #1f1f1f !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }

    body.residents-page-body .residents-benefits__more {
        width: 100% !important;
        height: 80px !important;
        min-height: 80px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #e9e9e9 !important;
        color: #1f1f1f !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    body.residents-page-body .residents-benefits__more[hidden] {
        display: none !important;
    }

    body.residents-page-body .residents-benefits__more span {
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0.02em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }
}