.page-layout {
    display: grid;
    grid-template-columns: 220px 1fr 250px;
    gap: 2rem;
    max-width: 1600px;
    margin: 0 auto;
    padding: 1rem;
    align-items: start;
}

 /*Articles menu (left side)*/
.layout_articles {
    grid-column: 1;
    width: 220px;
    position: sticky;
    top: 1rem;
    align-self: start; /* prevents stretch */
    max-height: calc(100vh - 2rem); /* important */
    overflow-y: auto; /* makes it scrollable */
}

 /*main content (middle)*/
.layout_content {
    grid-column: 2;
    min-width: 0; /* prevents overflow */
}

 /*jts = jump to section (right side)*/
.layout_jts {
    grid-column: 3;
    width: 250px;
    align-self: start; /* prevents stretch */
    position: sticky; 
    top: 1rem;
    align-self: start; /* prevents stretch */
}

/* Sticky side panels */
    .articles,
    .jts {
        position: sticky;
        top: 100px; /* adjust for your header */
        align-self: start; /* required for sticky in grid */
    }
    /* Responsive behavior */
    @media (max-width: 1200px) {
        .page-layout {
            grid-template-columns: 220px 1fr;
        }

        .layout_jts {
            display: none;
        }
    }

    @media (max-width: 800px) {
        .page-layout {
            grid-template-columns: 1fr;
        }

        .layout_articles {
            display: none;
        }
    }