.guide-section {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: var(--spacing-3x);
    margin: var(--spacing-5x) var(--spacing-0x);
    counter-reset: guide-counter;
}

.guide-section.without-menu {
    grid-template-columns: 1fr;
}

.guide-section .guide-left-section {
    display: flex;
    flex-direction: column;
}

.guide-section .content-menu {
    position: sticky;
    top: calc(var(--header-height) + var(--spacing-3x));
    border: none;
    border-left: 1px solid #DCDFE4;
    border-radius: 0;
}

body:has(.page-navigation-bar) .guide-section .content-menu {
    top: calc(var(--header-height) + var(--navigation-bar-height) + var(--spacing-3x));
}

@media (max-width: 768px) {
    .guide-section {
        grid-template-columns: 1fr;
        margin: var(--spacing-4x) var(--spacing-0x);
    }

    .guide-section .guide-container {
        grid-template-columns: 1fr;
        gap: var(--spacing-0x);
    }

    .guide-section .guide-menu {
        display: none
    }

    .guide-section .content-menu {
        order: -1;
        position: relative;
        top: 0;
    }
}