*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.7; color: #222; background: #fff; }
.container { max-width: 780px; margin: 0 auto; padding: 0 1.5rem; }

header { border-bottom: 2px solid #222; padding: 1.5rem 0; margin-bottom: 2.5rem; }
.site-title { font-size: 1.4rem; font-weight: bold; text-decoration: none; color: #222; }
.site-desc { font-size: 0.9rem; color: #666; margin-top: 0.25rem; font-family: system-ui, sans-serif; }

h1 { font-size: 1.9rem; margin-bottom: 0.5rem; line-height: 1.3; }
h2 { font-size: 1.4rem; margin: 2rem 0 0.75rem; }
h3 { font-size: 1.15rem; margin: 1.5rem 0 0.5rem; }
p { margin-bottom: 1rem; }
a { color: #1a56db; }
a:hover { text-decoration: none; }

.meta { font-size: 0.85rem; color: #888; margin-bottom: 1.5rem; font-family: system-ui, sans-serif; }

.post-list { display: flex; flex-direction: column; gap: 1.5rem; }
.post-card { border-bottom: 1px solid #eee; padding-bottom: 1.5rem; }
.post-card h2, .post-card h3 { margin: 0 0 0.25rem; font-size: 1.15rem; }
.post-card p { margin: 0.25rem 0 0; font-size: 0.95rem; color: #444; font-family: system-ui, sans-serif; }

.post .content { margin-top: 1.5rem; }
.post .content ul, .post .content ol { margin: 0.75rem 0 1rem 1.5rem; }
.post .content li { margin-bottom: 0.4rem; }
.post .content table { border-collapse: collapse; width: 100%; margin: 1.5rem 0; font-size: 0.9rem; font-family: system-ui, sans-serif; }
.post .content th, .post .content td { border: 1px solid #ddd; padding: 0.5rem 0.75rem; text-align: left; }
.post .content th { background: #f5f5f5; font-weight: 600; }
.post .content blockquote { border-left: 3px solid #1a56db; padding-left: 1rem; color: #555; margin: 1.5rem 0; }
.post .content hr { border: none; border-top: 1px solid #eee; margin: 2rem 0; }
.post .content em { color: #666; font-size: 0.85rem; }

.post-nav { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #eee; font-family: system-ui, sans-serif; font-size: 0.9rem; }

.hero { margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid #eee; }
.hero h1 { font-size: 2.2rem; }
.hero p { color: #555; font-family: system-ui, sans-serif; }

footer { margin-top: 3rem; padding: 1.5rem 0; border-top: 1px solid #eee; font-family: system-ui, sans-serif; font-size: 0.85rem; color: #888; }
footer a { color: #888; }
.disclosure { margin-top: 0.25rem; font-size: 0.8rem; }

@media (max-width: 600px) {
  body { font-size: 16px; }
  h1 { font-size: 1.5rem; }
}

/* Pinned post */
.post-pinned {
  border-left: 3px solid #00d4ff;
  padding-left: 1rem;
  margin-bottom: 2rem;
}
.pin-label {
  font-size: 0.75rem;
  color: #00d4ff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0.25rem;
}