@layer blocks {
    #articles {
        scroll-margin-top: calc(var(--top-bar-height, 50px) + 20px)
    }

    body:has(.floating-nav.active) #articles {
        scroll-margin-top: calc(var(--top-bar-height, 50px) + var(--main-header-height, 90px) + 20px)
    }
}