/* CyberSafe Basics should occupy the visible screen */
#cybersafe-basics {
    min-height: calc(100svh - 80px);
    min-height: calc(100vh - 80px);

    display: flex;
    align-items: center;

    box-sizing: border-box;

    /* keeps anchored navigation below the sticky header */
    scroll-margin-top: 80px;
}

/* Preserve the site's normal content width */
#cybersafe-basics > * {
    width: 100%;
}

@media (max-width: 768px) {
    #cybersafe-basics {
        min-height: calc(100svh - 64px);
        min-height: calc(100vh - 64px);
        scroll-margin-top: 64px;
    }
}