/* Article page styles - Newspaper Edition */
.post-article { max-width: 800px; margin: 0 auto; padding: 2rem 1rem 4rem; position: relative; }
.post-article .post-date { color: #666; font-size: 0.8rem; font-family: -apple-system, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0.5rem; border-bottom: 1px solid #d8d0c5; padding-bottom: 0.75rem; }
.post-article .post-tags { display: flex; gap: 0.4rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.post-article .post-tags .tag { color: #666; font-size: 0.75rem; }
.post-article .post-tags .tag::before { content: '#'; }
.post-article h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 2rem; margin-bottom: 0.75rem; line-height: 1.3; font-weight: 900; color: #111; background: none; -webkit-text-fill-color: #111; }
.post-article h2 { font-size: 1.3rem; margin: 1.5rem 0 0.75rem; padding-bottom: 0.3rem; border-bottom: 1px solid #d8d0c5; color: #111; }
.post-article h3 { font-size: 1.1rem; margin: 1.2rem 0 0.5rem; color: #1a3a5c; }
.post-article p { line-height: 1.8; margin: 0.75rem 0; color: #1a1a1a; font-size: 1.05rem; }
.post-article ul, .post-article ol { padding-left: 1.5rem; margin: 0.75rem 0; line-height: 1.8; color: #1a1a1a; }
.post-article li { margin: 0.3rem 0; }
.post-article blockquote { border-left: 4px solid #8b1a1a; padding: 0.5rem 1rem; margin: 1rem 0; background: #f8f6f0; color: #555; font-style: italic; }
.post-article a { color: #1a3a5c; font-weight: 700; }
.post-article a:hover { color: #8b1a1a; }
.post-nav { max-width: 800px; margin: 0 auto 2rem; padding: 0.75rem 1rem; border-bottom: 1px solid #d8d0c5; display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem; font-family: -apple-system, sans-serif; }
.post-nav a { color: #1a3a5c; text-decoration: none; }
.post-nav a:hover { color: #8b1a1a; text-decoration: underline; }
.post-header { max-width: 800px; margin: 0 auto; padding: 2rem 1rem 0; text-align: center; border-bottom: 3px double #333; margin-bottom: 1.5rem; }
.post-header .site-title { font-size: 1.8rem; font-weight: 900; letter-spacing: 3px; color: #111; text-decoration: none; font-family: Georgia, 'Times New Roman', Times, serif; }
.post-header .site-title:hover { color: #8b1a1a; }