/* Sticky header wrapper so partial renders stay fixed without overlapping content */
#header-section {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #ffffff;
}

#header-section header {
    width: 100%;
}

#nationwide {
    scroll-margin-top: 6rem;
}

#accredited,
#reasons,
#events,
#tiers,
#faq {
    scroll-margin-top: 6rem;
}

@media (max-width: 1023px) {
    #header-section nav {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}