/* The shared wrapper must not introduce a new layout box. */
#app-content {
    display: contents;
}

/* Keep the page's dimensions while its dynamically inserted CSS loads. */
#app-content[data-styles-loading] {
    visibility: hidden;
}

#page-style-loading:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    background: var(--nccaom-page-bg);
    color: var(--nccaom-ink);
    font-family: "Inter", "Plus Jakarta Sans", sans-serif;
}