/**
 * Document and the exam app's layout. The site menu is sticky, so the document
 * must not be a scroll container: its overflow is clipped, not hidden.
 */
html,
body {
    overflow-x: clip;
    width: 100%;
}

/* The exam's fixed site menu covers the top 30 px of the page */
.exam-theme {
    padding-top: var(--site-nav-height);
}

#app-wrapper {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    width: 100%;
}

#app-wrapper main {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}