.article__container { display: flex; flex-direction: column; gap: 2rem;}.article__image-wrapper { width: 100%; height: 400px; background: var(--gray-400); border-radius: 1.5rem;}.article__header { display: flex; flex-direction: column; gap: 1rem;}.article__header-meta { display: flex; align-items: center; gap: 1.5rem; font-size: 12px; line-height: 16px; color: var(--description);}.article__header-meta__category, .article__header-meta__comment, .article__header-meta__date { display: flex; align-items: center; gap: 0.5rem;}.article-recent__grid { display: flex; flex-direction: column; gap: 1.5rem;}.article-recent__item { display: flex; flex-direction: row; align-items: center; gap: 1rem;}.article-recent__image-link { display: block; width: 150px; height: 150px; aspect-ratio: 1/1; overflow: hidden; border-radius: 1.5rem; background: var(--gray-400); text-decoration: none;}.article-recent__content { display: flex; flex-direction: column; gap: 1rem;}.article-recent__meta { display: flex; align-items: center; gap: 0.5rem; font-size: 12px; line-height: 16px; color: var(--description);}.article-recent__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px; color: var(--black); text-decoration: none; transition: color 0.3s ease;}.article-recent__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; line-height: 16px; color: var(--description);}