.content-with-toc {
        overflow: hidden;
    }

    .content-with-toc .content-with-toc-row {
        display: grid;
        grid-template-columns: 281px calc(100% - 325px);
        justify-content: space-between;
        gap: 44px;
    }

    .content-with-toc .content-with-toc-row .content-with-toc-list {
        position: relative;
        padding-left: 25px;
        padding-right: 8px;
    }

    .content-with-toc .content-with-toc-row .content-with-toc-list li {
        padding: 5px 0;
    }

    .content-with-toc .content-with-toc-row .content-with-toc-list a.sk-toc-link {
        text-decoration: none;
        color: #475467;
        font-size: 14px;
        line-height: 21px;
    }

    .content-with-toc .content-with-toc-row .content-with-toc-list a.sk-toc-link.active {
        color: #0D4CCD;
    }

    .content-with-toc-wrapper {
        max-width: 320px;
        background-color: #f9fafb;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 30px;
        border-top-width: 5px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-bottom-width: 0px;
        border-color: #1d2939;
        border-style: solid;
        border-radius: 4px;
    }

    .content-with-toc-cont .content-with-toc {
        padding: 72px 0;
    }

    .content-with-toc-cont .content-block h2 {
        margin: 30px 0 20px;
    }

    .content-with-toc-cont .content-block h2:first-child {
        margin-top: 0;
    }

    .content-with-toc-cont .content-block h3 {
        color: #3a3e50;
    }

    .content-with-toc-cont .content-block ul,
    .content-with-toc-cont .content-block ol {
        padding-left: 20px;
    }

    .content-block p,
    .content-block ul li,
    .content-block ol li {
        color: #3a3e50;
    }

    .content-block a {
        color: #0d4dce;
        text-decoration: none;
    }

    .content-block a:hover {
        color: #428bca;
    }

    .content-block img {
        box-sizing: border-box;
        height: auto;
        max-width: 100%;
        vertical-align: bottom;
    }

    .content-with-toc-list-wrapper {
        text-align: left;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #1d2939 #dddddd;
        overflow-y: scroll;
        max-height: 500px;
    }

    .content-with-toc-wrapper h3 {
        text-align: left;
        cursor: pointer;
        color: #1d2939;
        border-bottom: 0px solid #98a2b3;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 12px;
        font-weight: 700;
    }

    @media (max-width: 768px) {
        .content-with-toc .content-with-toc-row {
            max-width: 100%;
            width: 100%;
            gap: 4px;
            display: flex;
            flex-direction: column;
        }
        .content-with-toc-wrapper{
			 max-width: 100%;
		 }
    }