.page-inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
}

.webko_guide-template-default aside.sidebar,
.page aside.sidebar {
    grid-column: 2 span;
}

.page-inner .blocks {
    grid-column: 10 span;
}

.webko_guide-template-default aside.sidebar ul,
.page aside.sidebar ul {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 10px;
}

.webko_guide-template-default aside.sidebar ul li a,
.page aside.sidebar ul li a {
    text-decoration: none;
    color: var(--text-color);
    border-bottom: solid 1px transparent;
    transition: .1s all;
    line-height: 150%;
}

.webko_guide-template-default aside.sidebar ul li a:hover,
.webko_guide-template-default aside.sidebar ul li.current-menu-item a,
.page aside.sidebar ul li a:hover,
.page aside.sidebar ul li.current-menu-item a {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.webko_guide-template-default .content,
.page .content {
    display: grid;
    gap: 30px;
}

@media (max-width:1100px) {
    .page-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .webko_guide-template-default aside.sidebar,
    .page-inner aside.sidebar {
        order: 2;
    }

    .page-inner .blocks {
        order: 1;
    }

    .page-template-default-sidebar .page-inner {
        padding: 0 10px;
    }
}

@media (max-width:767px) {
    .page-template-default-sidebar .page-inner {
        padding: 0;
    }
}