/* The Worker's dataset and country pages (worker/pages/serve.ts): what a
   visitor reads until the app replaces #root, and all a reader without scripts
   gets. Night tokens are spelled out because the 404 page loads no app CSS.
   That page gets Outfit's file under a name of its own: redefining "Outfit"
   here would reorder the app's Outfit faces, which stay loaded on the pages
   the app takes over. */

@font-face {
  font-family: "Orbit Page Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/outfit-latin-orbit-wght.woff2") format("woff2");
}

body:has(> #root > .orbit-page),
.orbit-page-plain {
  margin: 0;
  overflow: auto;
  background: #070a1a;
}

#root:has(> .orbit-page) {
  height: auto;
}

.orbit-page {
  box-sizing: border-box;
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 16px 32px;
  color: #eef0fb;
  font: 400 15px/1.4 Outfit, "Orbit Page Outfit", system-ui, sans-serif;
}

.orbit-page h1 {
  margin: 16px 0 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.orbit-page h2 {
  margin: 24px 0 8px;
  color: #a7afd3;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.orbit-page p,
.orbit-page ul,
.orbit-page ol,
.orbit-page dl {
  margin: 0 0 12px;
}

.orbit-page ul {
  padding-inline-start: 20px;
  list-style: disc;
}

.orbit-page ol {
  padding-inline-start: 28px;
  list-style: decimal;
}

.orbit-page li {
  margin-bottom: 4px;
}

.orbit-page a {
  color: inherit;
  text-decoration: underline 1px rgb(238 240 251 / 30%);
  text-underline-offset: 2px;
}

.orbit-page a:hover {
  text-decoration-color: currentColor;
}

.orbit-page-crumbs,
.orbit-page-caption,
.orbit-page-lede,
.orbit-page dl {
  color: #a7afd3;
  font-size: 13px;
  line-height: 1.35;
}

.orbit-page-lede {
  font-size: 15px;
  line-height: 1.4;
}

.orbit-page-value {
  color: #a7afd3;
}

.orbit-page-columns {
  columns: 2 240px;
  column-gap: 24px;
}

.orbit-page-hero,
.orbit-page-stat {
  margin: 8px 0 4px;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
}

.orbit-page-hero {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.orbit-page-stat {
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.orbit-page dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 16px;
}

.orbit-page dt {
  color: #858db5;
}

.orbit-page dd {
  margin: 0;
  color: #eef0fb;
}