*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1a1a2e; line-height: 1.7; background: #faf9ff;
  max-width: 720px; margin: 0 auto; padding: 2rem 1.5rem;
}
a { color: #7c3aed; }
h1 { font-size: 2rem; margin-bottom: 0.5rem; }
h2 { font-size: 1.3rem; margin: 2rem 0 0.75rem; color: #1a1a2e; }
p, li { margin-bottom: 0.75rem; color: #444; }
ul { padding-left: 1.5rem; }
.updated { font-size: 1rem; color: #8a8a99; margin-bottom: 2rem; }
.back { display: inline-block; margin-bottom: 1.5rem; font-size: 1rem; }
.footer {
  text-align: center; padding: 2.5rem 0; margin-top: 3rem;
  font-size: 1rem; color: #8a8a99; border-top: 1px solid #eee;
}
.footer-links { margin-bottom: 0.75rem; }
.footer-links a { margin: 0 0.75rem; color: #666; }