:root {
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --color-text: #1a1a1a;
  --color-link: #0066cc;
  --content-width: 65ch;
}

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

html { font-size: 16px; line-height: 1.6; }

body {
  font-family: var(--font-body);
  color: var(--color-text);
  background: #fff;
  min-height: 100vh;
}

main {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 1rem;
}

p { margin-bottom: 1rem; }

a { color: var(--color-link); text-decoration: none; }
a:hover { text-decoration: underline; }

ul, ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li { margin-bottom: 0.25rem; }

@media (max-width: 480px) {
  html { font-size: 15px; }
}