/* Keeps the compact information bar and header inside narrow phone viewports. */
html,
body {
    overflow-x: clip;
}

@media (max-width: 620px) {
    .site-notice .site-wrap,
    .notice-right {
        max-width: 100%;
        overflow: hidden;
    }

    .notice-right {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .notice-right a {
        display: none;
    }
}