:root { --max-width: 640px; }

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0 auto;
  max-width: var(--max-width);
  padding: 2rem 1.5rem 2rem;
  background: #fdfdfd;
  color: #1a1a1a;
  font-family: 'EB Garamond', Georgia, 'Times New Roman', serif;
  font-size: 1.125rem;
  line-height: 1.7;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 3rem;
}

nav { display: flex; gap: 1.5rem; }

@media (max-width: 600px) {
  body { padding: 1.5rem 1.25rem 1.5rem; }
}