/*
 * CSS của riêng trang bài viết (resources/views/articles/show.blade.php). Chỉnh
 * lại theo cỡ màn hình thì viết ở article-responsive.css.
 *
 * File này nạp sau styles.css: luật cùng độ ưu tiên ở đây đè luật ở styles.css.
 *
 * Định dạng của nội dung soạn thảo (khối .content), thẻ bài viết và cột bên còn
 * dùng ở trang khác, nên nằm ở styles.css.
 */

/* Ngày đăng và danh mục, nằm ngay dưới tiêu đề bài. */
.page-head__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    margin: 12px 0 0;
    color: var(--site-muted);
    font-size: 0.875rem;
}

.page-head__meta li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.page-head__meta a {
    color: var(--site-primary);
    font-weight: 600;
}

/* Mô tả ngắn đứng đầu bài viết. */
.article-lead {
    margin-bottom: 1.4em;
    color: var(--site-ink);
    font-weight: 600;
}

.related-articles {
    margin-top: 48px;
}