/*
 * Styles for the JS-free fallback content in index.html (see comment
 * there). Kept as an external stylesheet, not inline, because the site's
 * CSP is `style-src 'self'` with no `unsafe-inline` -- inline <style>/style=
 * attributes are silently dropped by the browser under that policy, which
 * would leave the fallback block permanently visible (no CSS to hide it)
 * instead of only when #root is empty.
 */
#static-fallback {
  display: none;
  padding: 2rem 1.5rem;
  font-family: system-ui, sans-serif;
  color: #0f2a4a;
  text-align: center;
}

#root:empty + #static-fallback {
  display: block;
}

#static-fallback h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
}

#static-fallback p {
  margin: 0;
  color: rgba(15, 42, 74, 0.6);
}