/*
 * Fixes added after the migration (loaded last).
 *
 * Horizontal scroll fix: the original page uses Bootstrap ".row" elements (margin: 0 -15px)
 * without a ".container" around them, so three rows stuck out 15px past the right edge of
 * the screen and the page could be scrolled sideways. Hiding horizontal overflow on <html>
 * (applied to the browser viewport) removes the sideways scroll. Nothing visible moves:
 * only the 15px that was already off-screen is cut off.
 */
html {
    overflow-x: hidden;
}

/*
 * Compact header (requested 17 Oct 2026).
 * Was ~100px tall on laptop (70px logo + 15px padding top/bottom) and ~80px on phones.
 * Now 62px on laptop/desktop and 52px on phones. The top banner starts right below the
 * header, and menu links scroll their section to just below the header.
 */
:root {
    --header-h: 62px;
}
html {
    scroll-padding-top: var(--header-h);
}
.logo {
    padding: 8px 0;
}
.logo img {
    height: 46px;
}
.video-banner {
    margin-top: var(--header-h) !important; /* overrides the old inline margin-top: 90px */
}
@media (max-width: 740px) {
    :root {
        --header-h: 52px;
    }
    .logo {
        padding: 6px 0;
    }
    .logo img {
        height: 40px;
    }
    .bur {
        font-size: 22px;
        padding: 10px;
        right: -10px;
    }
}