/* Do not briefly show data-dependent empty states while a stored plan is opening.
 * The server-rendered page heading and explanation remain visible immediately. */
html:not([data-ready="true"]) body[data-screen="calculator"] #workspace,
html:not([data-ready="true"]) body[data-screen="liabilities"] #liability-summary,
html:not([data-ready="true"]) body[data-screen="liabilities"] #liability-status,
html:not([data-ready="true"]) body[data-screen="liabilities"] #liability-editor,
html:not([data-ready="true"]) body[data-screen="liabilities"] #recorded-valuation-list,
html:not([data-ready="true"]) body[data-screen="burn"] #burn-stage-settings,
html:not([data-ready="true"]) body[data-screen="burn"] #burn-scenario-result,
html:not([data-ready="true"]) body[data-screen="overview"] #home-start-state,
html:not([data-ready="true"]) body[data-screen="overview"] #projection-welcome {
  visibility:hidden;
}
/* Translation is applied to existing text nodes. Hold the original-language
 * copy off screen for a non-English browser preference until it is translated.
 * JS-disabled pages are not hidden by this rule. */
html[data-locale-pending="true"] .royal-sidebar,
html[data-locale-pending="true"] .royal-shell {
  visibility:hidden;
}

html[data-locale-pending="true"] body:not(.premium-body) {
  visibility:hidden;
}