/* Lightweight content styling for non-homepage pages/posts/archives */
.site-content { max-width: 760px; margin: 0 auto; padding: 56px 24px 80px; }
.site-content.wide { max-width: 1100px; }
.entry-header { margin-bottom: 24px; }
.entry-title { font-size: 34px; font-weight: 800; letter-spacing: -.02em; color: #0f172a; margin-bottom: 8px; }
.entry-meta { color: #64748b; font-size: 14px; }
.entry-content { font-size: 17px; line-height: 1.75; color: #1f2937; }
.entry-content h2 { font-size: 26px; margin: 32px 0 12px; font-weight: 700; }
.entry-content h3 { font-size: 21px; margin: 24px 0 10px; font-weight: 700; }
.entry-content p { margin-bottom: 16px; }
.entry-content img { border-radius: 10px; }
.entry-content a { color: #2563eb; text-decoration: underline; }
.post-thumbnail { margin-bottom: 24px; border-radius: 12px; overflow: hidden; }
.post-list-item { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #e2e8f0; }
.post-list-item .entry-title { font-size: 24px; }
.post-list-item .entry-title a { color: inherit; text-decoration: none; }
.archive-title { font-size: 28px; font-weight: 800; margin-bottom: 24px; }
.pagination { display: flex; gap: 12px; margin-top: 32px; }
.pagination a, .pagination span { padding: 8px 14px; border: 1px solid #e2e8f0; border-radius: 8px; }
.comments-area { margin-top: 48px; }
.comment-list { list-style: none; padding: 0; }
.comment-list .comment { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e8f0; }

@media (max-width: 480px) {
  .site-content { padding: 36px 18px 56px; }
  .entry-title { font-size: 26px; }
  .archive-title { font-size: 22px; }
  .entry-content { font-size: 16px; }
  .post-list-item .entry-title { font-size: 20px; }
}