:root {
    /* Sticky header height + additional spacing */
    --site-header-offset: 176px;
}

/* Prevent anchored content from being hidden behind the sticky header */
[id] {
    scroll-margin-top: var(--site-header-offset);
}

/* Tablet */
@media (max-width: 1024px) {
    :root {
        /* Sticky header height + additional spacing */
        --site-header-offset: 236px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        /* Sticky header height + additional spacing */
        --site-header-offset: 216px;
    }
}