/* Crawlable SEO fallback for JS app shells — visible to bots, hidden when app boots. */
.seo-fallback {
  max-width: 40rem;
  margin: 1.5rem auto;
  padding: 0 1rem 2rem;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  color: #eef2f7;
  background: #0c0f14;
}

.seo-fallback h1 {
  font-size: 1.5rem;
  margin: 0 0 0.75rem;
}

.seo-fallback p {
  margin: 0 0 0.75rem;
  color: #9aa8b8;
}

.seo-fallback a {
  color: #72a8be;
}

.workout-app:not(:empty) + .seo-fallback,
.vocab-app:not(:empty) + .seo-fallback,
.otg-app:not(:empty) + .seo-fallback {
  display: none;
}