* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 2rem; color: #333; }
header nav { display: flex; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid #eee; margin-bottom: 2rem; }
header nav a { text-decoration: none; color: #555; }
header nav a:first-child { font-weight: bold; color: #111; }
h1 { margin-bottom: 1rem; }
h2 { margin: 1.5rem 0 0.5rem; }
p { margin-bottom: 0.75rem; }
.meta { color: #888; font-size: 0.9rem; }
.tags { color: #666; font-size: 0.85rem; }
.article-card { padding: 1rem 0; border-bottom: 1px solid #f0f0f0; }
.article-card h2 { margin: 0; font-size: 1.2rem; }
.article-card a { text-decoration: none; color: #222; }
.article-card a:hover { color: #0066cc; }
article section { margin-bottom: 1.5rem; }
code { background: #f5f5f5; padding: 0.15rem 0.4rem; border-radius: 3px; font-size: 0.9em; }
pre { background: #f5f5f5; padding: 1rem; border-radius: 6px; overflow-x: auto; margin: 1rem 0; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #eee; color: #999; font-size: 0.85rem; }