#menuOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* The sheet that covers the page until the feed is built — it must match
       the page ground exactly or the load flashes. Opaque equivalent of the
       --black ground (rgba(0,0,0,.05) over white).  Dark theme: rgba(0, 0, 0, 1) */
    background: #f2f2f2;

    color: var(--white-40);
    font-size: 2rem;
    z-index: 9999;
    /* flex-direction: column; */
    padding: 0 calc(100vw * 0.1) 0;
}

@media (max-width: 768px) {
    /* Must match .main-frame's mobile gutter exactly. The overlay holds the
       menu the viewer sees first; the real menu underneath sits inside
       .main-frame, so any difference here is a sideways jump the moment the
       overlay is hidden. */
    #menuOverlay {
        padding: 0 var(--gutter) 0;
    }
}

#content {
    visibility: hidden;
}