.rich-content table {
    width:           100%;
    table-layout:    fixed;
    border-collapse: collapse;
    border-style:    hidden;
    box-shadow:      0 0 0 1px #EAECF0;
    border-radius:   0.5rem;
    overflow:        hidden;
    margin:          10px 0 20px;

    & th {
        font-weight:      600;
        background-color: #F2F4F7;
    }

    & th, & td {
        padding:    0.75rem;
        overflow:   auto;
        font-size:  15px;
        color:      #101828;
    }

    & tr {
        border-bottom: 1px solid #EAECF0;

        & > *:not(:last-child) {
            border-right: 1px solid #EAECF0;
        }
    }
}

@media screen and (max-width: 480px) {
    .rich-content {
        &:has(table) {
            overflow: auto;

            &::-webkit-scrollbar {
                display: none;
            }
        }

        & table {
            & th, & td {
                padding: 0.5rem;
            }
        }
    }
}