@media ( min-width: 782px ) {
    .single-post #content .wrap.has-toc {
        width: 1030px;
        max-width: 90vw;
    }
	body main .single-blocks ul.rr_goodcode-toc-content li {
		list-style: none;
		padding: 0 !important;
	}

	ul.rr_goodcode-toc-content li::marker {
		display: none !important;
		content: '' !important;
	}
	.single-blocks.with-sidebar {
		display: flex;
		gap: 3rem;
	}
	
	.sidebar {
		position: sticky;
		top: 0;
		height: max-content;
		padding: 1rem 2rem;
		background: #ebebeb;
	}
	
	.single-content {
		width: 65%;
	}
	body.has-toc .wp-block.mw-blog-cta-block .wp-block-spacer {
    	width: 0 !important;
    	padding: 0 !important;
	}
	.rr_goodcode-toc.is-position-sticky {
		top: calc(10px + var(--wp-admin--admin-bar--position-offset, 0px) + var(--nav-scroll-height));
	}
	
	ul.rr_goodcode-toc-content {
		list-style: none;
		padding: 0;
		margin: 0 !important;
		font-size: 88%;
		padding-top: 1rem;
	}
	
	ul.sub-main {
		list-style: none;
		padding-left: 1rem;
		display: block;
		display: none;
		width: 100%;
	}
	
	ul.rr_goodcode-toc-content a {
        margin-top: 0;
        display: block;
        text-decoration: none;
        font-size: 16px;
        padding-right: 1rem;
		line-height: 1.3;
    }	
	ul.rr_goodcode-toc-content > li:first-child>a {
		margin-top: 0;
	}
	li.main {
		display: flex;
		flex-wrap: wrap;
	}
	
	li.main:first-child>a {
		margin-top: 0;
	}
	
	li.main>svg {
		width: 18px;
		height: 17px;
		margin-top: 0;
		cursor: pointer;
		transition: .4s;
	}
	
	li.main>a {
		/* width: calc(100% - 1rem - 24px); */
	}
	.rr_goodcode-toc-content li a:first-child {
    	width: 94%;
	}
	li.main:first-child>svg {
		margin-top: 3px;
	}
	li.main.open>svg {
		transform: rotate(180deg);
	}
    div#toc-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: 0;
        width: calc(var(--wp--style--global--wide-size) + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-left));
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100vw;
		display: none;
	}
	
	.single-post.has-toc main {
		position: relative;
	}
	
	.wp-block-group.rr_goodcode-toc {
		bottom: 30px;
		position: sticky;
		margin-bottom: 30px;
		padding: 20px !important;
	}
	
    .toc-wrapper {
        height: 100%;
        position: relative;
        width: 336px;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
	
	body.has-toc .blog-container, body.has-toc .cta-wrap {
        max-width: calc(var(--wp--style--global--wide-size) - 336px - 50px);
        padding-left: calc(336px + 48px) !important;
        z-index: 9;
        position: relative;
    }
	ul.sub-main {
		font-size: 85%;
		margin-left: 0 !important;
 	    margin-top: 0;
	}
	.rr_goodcode-toc-content li {
        list-style: none;
        line-height: 1.3;
        padding: .14rem 0;
        font-size: 16px;
    }
	
	.rr_goodcode-toc-content li a {
		color: #585858;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		 /* 178.571% */
	}
	ul.rr_goodcode-toc-content li {
    padding-bottom: .5rem;
}

	ul.sub-main {
		padding-bottom: 0;
		padding-top: .5rem;
		font-weight: 400;
	}
	
	ul.sub-main li:last-child {
		padding-bottom: 0;
	}
	ul.sub-main {
		padding-bottom: 0;
	}
    .rr_goodcode-toc-content>li {
        padding: .25rem 0;
        line-height: 1.1;
    }
}
@media ( max-width: 781px ) {
	.sidebar {
		width: 100%;
	}
	.single-blocks.with-sidebar {
		flex-direction: column-reverse;
		display: flex;
	}
	.rr_goodcode-toc-content {
		display: none !important;
	}
}