* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #1b1b21; color: #e0e0e0; line-height: 1.7; }
a { color: #7ec8e3; text-decoration: none; }
a:hover { text-decoration: underline; }

header { background: #111118; border-bottom: 2px solid #333; padding: 1.2rem 2rem; }
.site-title { font-size: 1.8rem; font-weight: 700; color: #fff; display: inline-block; margin-bottom: 0.2rem; }
.tagline { color: #888; font-size: 0.9rem; }
nav { margin-top: 0.5rem; font-size: 0.9rem; }

main { max-width: 860px; margin: 2rem auto; padding: 0 1.5rem; }

h2 { color: #ccc; margin-bottom: 1rem; font-size: 1.1rem; font-weight: 500; }

.post-list { list-style: none; }
.post-list li { padding: 0.55rem 0; border-bottom: 1px solid #2a2a35; display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.post-list a { color: #7ec8e3; font-size: 0.97rem; }
.date { color: #666; font-size: 0.82rem; white-space: nowrap; }

article h1 { font-size: 1.7rem; color: #fff; margin-bottom: 0.4rem; line-height: 1.3; }
article time { display: block; color: #666; font-size: 0.85rem; margin-bottom: 1.5rem; }
.content { font-size: 0.97rem; }
.content p { margin-bottom: 1rem; }
.content h2, .content h3 { color: #bbb; margin: 1.5rem 0 0.5rem; }
.content pre, .content code { background: #111; color: #a8d8a8; padding: 0.2em 0.4em; border-radius: 3px; font-size: 0.88em; }
.content pre { padding: 1rem; overflow-x: auto; margin-bottom: 1rem; }
.content img { max-width: 100%; border-radius: 4px; margin: 0.5rem 0; }
.content ul, .content ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.content blockquote { border-left: 3px solid #444; padding-left: 1rem; color: #999; margin: 1rem 0; }
.content table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; }
.content td, .content th { border: 1px solid #333; padding: 0.4rem 0.6rem; font-size: 0.9rem; }
.content th { background: #222; }

footer { text-align: center; padding: 2rem; color: #555; font-size: 0.85rem; margin-top: 3rem; border-top: 1px solid #222; }