.article { max-width: 800px; margin: 0 auto; }
.article__back { display: inline-flex; align-items: center; gap: var(--space-xs); font-size: var(--text-sm); font-weight: 600; color: var(--color-accent-gold); margin-bottom: var(--space-xl); transition: gap var(--transition-fast); }
.article__back:hover { gap: var(--space-sm); }
.article__back::before { content: '\2190'; }
.article__meta { display: flex; align-items: center; gap: var(--space-md); margin-bottom: var(--space-lg); }
.article__category { font-size: var(--text-xs); padding: 3px 10px; background: rgba(180,145,103,0.1); border-radius: 100px; color: var(--color-accent-gold); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.article__date { font-size: var(--text-xs); color: var(--color-text-light); }
.article__title { font-family: var(--font-display); font-size: var(--text-4xl); color: #fff; line-height: 1.2; margin-bottom: var(--space-xl); }
.article__content h2 { font-family: var(--font-display); font-size: var(--text-2xl); color: #fff; margin-top: var(--space-xl); margin-bottom: var(--space-md); }
.article__content h3 { font-family: var(--font-display); font-size: var(--text-lg); color: #fff; margin-top: var(--space-lg); margin-bottom: var(--space-sm); }
.article__content p { font-size: var(--text-base); line-height: 1.8; margin-bottom: var(--space-md); color: var(--color-text-body); }
.article__content ul, .article__content ol { margin-bottom: var(--space-md); padding-left: var(--space-lg); }
.article__content li { font-size: var(--text-base); line-height: 1.8; margin-bottom: var(--space-xs); color: var(--color-text-body); }
.article__content li::marker { color: var(--color-accent-gold); }
.article__content blockquote { border-left: 3px solid var(--color-accent-gold); padding-left: var(--space-lg); margin: var(--space-lg) 0; font-style: italic; color: var(--color-text-light); }
.article__content strong { color: #fff; font-weight: 600; }
.article__cta { margin-top: var(--space-2xl); padding: var(--space-xl); background: var(--color-bg-card); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--radius-lg); text-align: center; }
.article__cta h3 { font-family: var(--font-display); font-size: var(--text-lg); color: #fff; margin-bottom: var(--space-sm); }
.article__cta p { font-size: var(--text-sm); margin-bottom: var(--space-md); color: var(--color-text-body); }
.article__nav { margin-top: var(--space-xl); text-align: center; padding-top: var(--space-xl); border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: center; gap: var(--space-md); flex-wrap: wrap; }
.article__back-bottom { text-align: right; margin: var(--space-xl) 0 var(--space-lg); }
.article__back-bottom .article__back { margin-bottom: 0; }
@media (max-width: 768px) { .article__title { font-size: var(--text-2xl); } }