.at-article-title { font-size: 2.25rem; font-weight: 800; line-height: 1.15; margin-bottom: 1.5rem; color: var(--at-fg); }
.at-article-meta { font-size: 0.875rem; color: var(--at-muted); margin-top: 0.75rem; }
.at-article-thumb { margin: 1.5rem 0; border-radius: var(--at-radius); overflow: hidden; }
.at-article-thumb img { width: 100%; height: auto; max-height: 480px; object-fit: cover; }
.entry-content { font-size: 1.0625rem; line-height: 1.8; color: var(--at-fg); max-width: 70ch; }
.entry-content p { margin-bottom: 1.5rem; }
.entry-content h1 { font-size: 2.25rem; margin: 2rem 0 1.5rem; font-weight: 800; }
.entry-content h2 { font-size: 1.875rem; margin: 2rem 0 1rem; font-weight: 700; }
.entry-content h3 { font-size: 1.5rem; margin: 1.5rem 0 0.75rem; font-weight: 700; }
.entry-content ul, .entry-content ol { margin-left: 2rem; margin-bottom: 1.5rem; }
.entry-content li { margin-bottom: 0.5rem; }
.entry-content blockquote { padding: 1rem 1.25rem; border-left: 4px solid var(--at-accent); margin: 1.5rem 0; background: var(--at-card); border-radius: 0 0.5rem 0.5rem 0; font-style: italic; }
.entry-content a { color: var(--at-accent); text-decoration: underline; text-underline-offset: 3px; }
.entry-content img { max-width: 100%; height: auto; margin: 1.5rem 0; border-radius: 0.5rem; }
@media (max-width: 768px) { .at-article-title, .entry-content h1 { font-size: 1.75rem; } .entry-content h2 { font-size: 1.5rem; } .entry-content { font-size: 1rem; } }