/* main.css — base typography + layout. */
html { font-size: var(--type-base); }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-serif);
  line-height: var(--line-body);
}

a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 0.15em; }
a:hover { text-decoration-thickness: 2px; }

.site-header {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-rule);
  font-family: var(--font-sans);
  font-size: 0.85rem;
}
.site-header a { color: var(--color-ink); text-decoration: none; }
.site-title { font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }

main { padding: var(--space-5); max-width: 72rem; margin: 0 auto; }

.site-footer {
  border-top: 1px solid var(--color-rule);
  padding: var(--space-4) var(--space-5);
  text-align: center;
  font-family: var(--font-sans);
  font-size: 0.75rem;
  color: var(--color-muted);
}
.site-footer p { margin: 0.25em 0; }
.site-footer .attribution a { color: inherit; }

h1, h2, h3 { line-height: var(--line-tight); }