/* ==========================================================================
   Hidden from the first paint

   An element the markup hides with data-csp-style="display:none" stays hidden
   from the first paint. csp-bootstrap.js copies data-csp-style into the
   element's style only at DOMContentLoaded, so until then the stylesheets
   alone decided, and the command palette and the user menu
   painted over the page for a moment at every load.

   The rule holds only while the element has no style attribute. Once
   csp-bootstrap.js (or the script that opens the element) writes its style,
   the attribute stays, even emptied by style.display = '', and the element's
   own style decides again.
   ========================================================================== */
[data-csp-style*="display:none"]:not([style]),
[data-csp-style*="display: none"]:not([style]) {
  display: none !important;
}