@media (min-width: 990px) {
    .bd-layout {
        display: grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 2fr 4.5fr;
        gap: .5rem
    }
    .bd-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 6rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}
.bd-sidebar {
    grid-area: sidebar
}
.bd-main {
    grid-area: main
}
:target::before {
    content: '';
    display: block;
    height: 70px;
    margin-top: -70px;
}