/* The page as the server sends it (spec 03, "Search engines"): readable before the app starts, which then replaces it. */
.ssr { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1f2937; background: #f3f4f6; min-height: 100vh; }
.ssr a { color: #0c4599; }
.ssr-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; background: #000; color: #fff; padding: 0.75rem 1rem; }
.ssr-bar a { color: #fff; text-decoration: none; margin-right: 1rem; font-size: 0.875rem; }
.ssr-brand { font-weight: 600; font-size: 0.95rem !important; }
.ssr-main { max-width: 48rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; line-height: 1.6; }
.ssr-crumbs { font-size: 0.875rem; color: #6b7280; }
.ssr-meta { font-size: 0.875rem; color: #6b7280; }
.ssr-article { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 1.5rem; margin-top: 0.75rem; }
.ssr-article h1 { font-size: 1.875rem; line-height: 1.2; margin: 0 0 0.5rem; }
.ssr-article h2 { font-size: 1.25rem; margin: 1.75rem 0 0.5rem; }
.ssr-article h3 { font-size: 1.05rem; margin: 1.25rem 0 0.25rem; }
.ssr-article code { background: #f3f4f6; padding: 0.1rem 0.3rem; border-radius: 0.25rem; font-size: 0.9em; }
.ssr-article pre { background: #111827; color: #f9fafb; padding: 0.75rem; border-radius: 0.375rem; overflow-x: auto; }
.ssr-article pre code { background: none; padding: 0; }
.ssr-article table { border-collapse: collapse; width: 100%; font-size: 0.9rem; }
.ssr-article th, .ssr-article td { border: 1px solid #e5e7eb; padding: 0.4rem 0.6rem; text-align: left; }
.ssr-group ul { padding-left: 1.25rem; }
.ssr-group li { margin: 0.4rem 0; }
.ssr-group li span { display: block; color: #6b7280; font-size: 0.875rem; }
@media (prefers-color-scheme: dark) {
  .ssr { color: #e5e7eb; background: #030712; }
  .ssr a { color: #93c5fd; }
  .ssr-article { background: #111827; border-color: #1f2937; }
  .ssr-article code { background: #1f2937; }
}