:root { --ink: #374151; --mute: #6b7280; --line: #e5e7eb; --bg: #ffffff; }

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
  padding: 8vh 6vw 4vh;
}

.inner { max-width: 34rem; }

h1 {
  font-size: clamp(3rem, 12vw, 6rem);
  letter-spacing: 0.14em;
  font-weight: 600;
  margin: 0 0 1.75rem;
  line-height: 1;
}

/* Inner pages carry the wordmark small, so the page title leads instead. */
.wordmark {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-decoration: none;
  color: var(--ink);
  margin: 0 0 2.5rem;
}

h1.page-title {
  font-size: clamp(1.9rem, 6vw, 2.6rem);
  letter-spacing: 0.01em;
  margin: 0 0 2.25rem;
}

.lead { font-size: 19px; margin: 0 0 2.75rem; }

p { margin: 0 0 1.1rem; max-width: 30rem; }
ul { margin: 0 0 1.1rem; padding-left: 1.1rem; max-width: 30rem; }
li { margin: 0 0 0.45rem; }

section { margin: 0 0 2.5rem; }

section h2 {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mute);
}

.status { color: var(--mute); }

/* Source line under a claim. Small, quiet, but a real link that has to resolve. */
.cite {
  font-size: 13px;
  line-height: 1.6;
  color: var(--mute);
  margin-top: 1.4rem;
}

.cite a { color: var(--mute); }

a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

footer {
  border-top: 1px solid var(--line);
  margin: 0 6vw;
  padding: 1.75rem 0 2.5rem;
  color: var(--mute);
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.02em;
}

footer h2 {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

footer p { margin: 0 0 0.8rem; max-width: 30rem; }
footer p:last-child { margin-bottom: 0; }

nav.site {
  margin: 0 0 1.5rem;
  padding: 0 0 1.4rem;
  border-bottom: 1px solid var(--line);
}

nav.site a { margin-right: 1.4rem; }
nav.site a:last-child { margin-right: 0; }