/*
 * Enterprise Knowledge — lớp khớp với markup thật của block core.
 * Nạp sau main.css nên thắng về thứ tự nguồn.
 */
.ek-art > *,
.ek-row > *,
.ek-doc > *,
.ek-doc > * > * {
	margin-block: 0;
	max-width: none;
}

.ek-row > * + *,
.ek-art > * + * {
	margin-block-start: 0;
}

/* Tiêu đề trong sổ mục lục */
.ek-row__title a {
	color: inherit;
}

.ek-row:hover .ek-row__title a,
.ek-row__title a:hover {
	color: var(--wp--preset--color--muc);
}

.ek-row__date .wp-block-post-date,
.ek-row__date .wp-block-post-date time {
	color: var(--wp--preset--color--khoi);
	font-family: var(--wp--preset--font-family--util);
	font-size: var(--wp--preset--font-size--util);
	letter-spacing: 0.06em;
	line-height: 1.45;
	margin: 0;
}

.ek-row:hover .ek-row__date .wp-block-post-date,
.ek-row:hover .ek-row__date .wp-block-post-date time {
	color: var(--wp--preset--color--dong);
}

.ek-row__dek p {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.ek-row__meta > * {
	margin-block: 0;
}

/* Liên kết trong khối thông tin văn bản không gạch chân — gạch chân màu đồng
   là dấu hiệu dành riêng cho liên kết trong thân bài. */
.ek-doc a,
.ek-doc .wp-block-post-terms a {
	box-shadow: none;
	text-decoration: none;
}

.ek-doc a:hover {
	color: var(--wp--preset--color--dong);
}

/* Khối thông tin văn bản: giá trị đặt bằng phông kỹ thuật, không viết hoa */
.ek-doc .ek-doc__v,
.ek-doc .ek-doc__v a,
.ek-doc .ek-doc__v time,
.ek-doc .ek-doc__v .wp-block-post-terms,
.ek-doc .ek-doc__v.ek-util {
	color: var(--wp--preset--color--muc);
	font-family: var(--wp--preset--font-family--util);
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

/* Gạch chân màu đồng chỉ áp cho liên kết trong thân bài,
   không lan sang chuyên mục ở khối thông tin văn bản. */
.ek-art__body .wp-block-post-content a:not(.wp-element-button),
.ek-art__body.wp-block-post-content a:not(.wp-element-button) {
	box-shadow: inset 0 -1px 0 var(--wp--preset--color--dong);
	padding-bottom: 1px;
}

.ek-art__body .wp-block-post-content a:not(.wp-element-button):hover,
.ek-art__body.wp-block-post-content a:not(.wp-element-button):hover {
	background: color-mix(in srgb, var(--wp--preset--color--dong) 12%, transparent);
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--dong);
}

/* Ảnh bìa */
.ek-art__cover {
	margin-block: 0 var(--wp--preset--spacing--40);
}

.ek-art__cover img {
	display: block;
	height: auto;
	width: 100%;
}

/* Điều hướng bài trước/sau */
/* Hàng từ khoá cuối bài. Tag chỉ sống ở đây — không vào menu, không sidebar. */
.ek-tags {
	column-gap: 16px;
	margin-block-start: var(--wp--preset--spacing--50);
	row-gap: 6px;
}

.ek-tags__list {
	color: var(--wp--preset--color--khoi);
	font-size: 0.9375rem;
	margin: 0;
}

.ek-tags__list a {
	color: inherit;
}

.ek-tags__list a:hover {
	color: var(--wp--preset--color--dong);
}

.ek-next {
	border-top: 1px solid var(--wp--preset--color--vien);
	margin-block-start: var(--wp--preset--spacing--50);
	padding-block-start: var(--wp--preset--spacing--30);
}

.ek-next a {
	color: var(--wp--preset--color--khoi);
}

.ek-next a:hover {
	color: var(--wp--preset--color--dong);
}

/* Phân trang sổ mục lục */
.ek-pag {
	margin-block-start: var(--wp--preset--spacing--40);
}

.ek-pag a,
.ek-pag .wp-block-query-pagination-numbers {
	font-family: var(--wp--preset--font-family--util);
	font-size: var(--wp--preset--font-size--util);
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

/* Chuyên mục ở sổ mục lục cùng sắc với thời lượng bên cạnh */
.ek-row__meta a,
.ek-row__meta .wp-block-post-terms a {
	color: var(--wp--preset--color--khoi);
	text-decoration: none;
}

.ek-row__meta a:hover {
	color: var(--wp--preset--color--dong);
}

/* Chân trang */
.ek-foot__in > * {
	margin-block: 0;
}

/* Dòng pháp lý: chữ kỹ thuật cỡ nhỏ, không viết hoa để đọc được cả câu */
.ek-foot__legal {
	margin-block: var(--wp--preset--spacing--30) 0;
	font-family: var(--wp--preset--font-family--util);
	font-size: var(--wp--preset--font-size--util);
	line-height: 1.5;
	color: var(--wp--preset--color--khoi);
}

.ek-foot__legal a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.ek-foot__legal a:hover {
	color: var(--wp--preset--color--dong);
}
