.article-wrap { padding: 60px 24px 100px; max-width: 800px; margin: 0 auto; position: relative; z-index: 1; }
.article-card { padding: 40px 44px; }
.article-meta { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.article-category { color: var(--news-color, var(--c-cyan)); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.article-date { color: oklch(0.8 0.02 280 / 0.5); font-size: 13px; }
.article-title { font-family: var(--font-display); font-weight: 700; font-size: 36px; color: white; margin: 0 0 24px; line-height: 1.15; }
.article-image { border-radius: 16px; overflow: hidden; margin-bottom: 28px; }
.article-image img { width: 100%; max-height: 420px; object-fit: cover; display: block; }
.article-summary-only { color: oklch(0.88 0.02 280 / 0.8); font-size: 16px; line-height: 1.7; }
.article-footer { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--border-soft); }