/*
 * Isolates the Moon Calendar from the legacy template's floated header.
 * The old navigation wrapper uses float:left and becomes fixed after scrolling;
 * without a new formatting context Chrome can initially paint the first section
 * below an empty layer and repaint it only when the menu changes state.
 */

.moon-page {
    position: relative;
    z-index: 0;
    display: flow-root;
    clear: both;
    width: 100%;
    min-height: 1px;
    isolation: isolate;
}

.moon-page > .moon-hero {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transform: translateZ(0);
    backface-visibility: hidden;
}