.member-mypage .mypage-cell-value { display: contents; }

@media (max-width: 1320px) {
    .member-mypage > .aisolution-wrapper {
        width: calc(100% - 32px);
        min-width: 0;
        max-width: 100%;
        margin-inline: auto;
    }

    .member-mypage .tab-pane > .flex > .overflow-x-auto,
    .member-mypage .tab-pane > .flex > .overflow-x-auto > .inline-block {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: visible;
    }

    .member-mypage .mypage-card-table,
    .member-mypage .mypage-card-table > tbody {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
    }

    /* Keep the original column headers available to assistive technology. */
    .member-mypage .mypage-card-table > thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .member-mypage .mypage-card-table > tbody > tr {
        display: block;
        margin-bottom: 16px;
        padding: 8px 16px;
        border: 1px solid #e5e8ec;
        border-radius: 12px;
        background: #fff;
    }

    .member-mypage .mypage-card-table > tbody > tr > td {
        display: block;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 12px 0;
        text-align: left;
        white-space: normal;
        overflow-wrap: anywhere;
        border: 0;
    }

    .member-mypage .mypage-card-table > tbody > tr > td + td {
        border-top: 1px solid #f0f1f3;
    }

    .member-mypage .mypage-card-table > tbody > tr > td[data-mobile-label] {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        align-items: start;
        gap: 12px;
    }

    .member-mypage .mypage-card-table > tbody > tr > td.mypage-number-cell { display: none; }
    .member-mypage .mypage-card-table > tbody > tr > td.mypage-number-cell + td { border-top: 0; }
    .member-mypage .mypage-cell-value { display: block; min-width: 0; }

    .member-mypage .mypage-card-table td[data-mobile-label]::before {
        content: attr(data-mobile-label);
        display: block;
        margin-bottom: 0;
        color: #747983;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
    }

    .member-mypage .mypage-card-table td .nobr,
    .member-mypage .mypage-card-table td .w-title {
        width: auto;
        max-width: 100%;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
    }

    .member-mypage .mypage-card-table .mypage-cell-value > a,
    .member-mypage .mypage-card-table .mypage-cell-value > button {
        max-width: 100%;
        box-sizing: border-box;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .member-mypage .mypage-card-table > tbody > tr > td.no-data {
        padding: 24px 0;
        text-align: center;
    }

    .member-mypage .mypage-card-table .mypage-cell-preview {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.6;
    }

    .member-mypage .mypage-card-table .mypage-cell-preview .nobr {
        display: inline;
    }

    body .member-mypage .aisolution-wrapper nav.pagination {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .member-mypage nav.pagination ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        padding: 0;
    }

    .member-mypage nav.pagination ul li { flex: 0 0 auto; }
}