/* First-paint shell. Each entry links this before its module loads, so the
   dark page and nav are visible while the bundle is still downloading.
   Keep in step with the matching rules in src/style.css and the links in src/nav.ts. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #030712;
  color: #e5e7eb;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
#app {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem;
}
.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #1f2937;
}
.site-nav-link {
  color: #9ca3af;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.site-nav-link:hover { color: #e5e7eb; }
.site-nav-link--current { color: #60a5fa; }
.header { margin-bottom: 1.5rem; }
.header-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f3f4f6;
  margin: 0;
}
.header-subtitle {
  font-size: 0.8rem;
  color: #6b7280;
  margin: 0.25rem 0 0;
}