/* ═══ 5. TRANG ĐIỀU HƯỚNG: quốc gia, mục lục, trang tĩnh, kết quả tìm ═════ */

.tlk-trang { padding-top: 36px; }
.tlk-trang h1 { margin: 6px 0 24px; max-width: 22ch; }
.tlk-trang > .tlk-chip-hang { margin: 0 0 30px; }

/* Khảm ảnh trang quốc gia: một ô lớn + ba ô nhỏ */
.tlk-kham {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 170px 170px;
  gap: 10px;
  margin: 0 0 36px;
}
.tlk-kham__o { position: relative; display: block; border-radius: 6px; overflow: hidden; }
.tlk-kham__o:first-child { grid-row: 1 / 3; }
.tlk-kham__o:nth-child(4) { grid-column: 2 / 4; }
.tlk-kham__o img { width: 100%; height: 100%; object-fit: cover; }

.tlk-o-dau { margin: 0 0 30px; }
.tlk-o-dau h2 { font-size: 26px; margin: 0 0 14px; }

/* Trang tĩnh: cột mục lục bên trái khi trang đủ dài (đặc tả D2) */
.tlk-trang--ml { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 56px; }
.tlk-trang__ml { position: sticky; top: 20px; align-self: start; padding-top: 44px; }
.tlk-trang article { max-width: 760px; }

/* Kết quả tìm kiếm / lưu trữ */
.tlk-ds-kq { list-style: none; padding: 0; margin: 0; max-width: 760px; }
.tlk-ds-kq li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--rule);
}
.tlk-ds-kq a { font-family: var(--chu-de); font-size: 18px; font-weight: 600; color: var(--ink); text-decoration: none; }
.tlk-ds-kq a:hover { color: var(--action); }

/* ── Riêng triplarks: thẻ bài, nhóm bài theo dạng, danh sách theo điểm đến ── */
.tlk-muc--trang { background: var(--surface); border-top: 1px solid var(--rule); }
.tlk-trang__mo { margin: 0 0 30px; }
.tlk-nhom { margin: 0 0 44px; }
.tlk-nhom h2 { font-size: 26px; margin: 0 0 18px; display: flex; align-items: baseline; gap: 12px; }
.tlk-chip .tlk-nhan { font-size: 11px; margin-left: 6px; }

/* Thẻ danh sách (mục lục dạng bài, /blog/): tên điểm đến + tiêu đề bài */
.tlk-the--ds { padding: 22px 24px 20px; }
.tlk-the--ds h2 { font-size: 21px; margin: 0 0 10px; }
.tlk-the--ds h2 a { color: var(--ink); text-decoration: none; }
.tlk-the--ds ul { list-style: none; margin: 0; padding: 0; }
.tlk-the--ds li { padding: 8px 0; border-top: 1px solid var(--rule-2); font-size: 16px; line-height: 1.4; }
.tlk-the--ds li a { color: var(--body-2); text-decoration: none; }
.tlk-the--ds li a:hover { color: var(--action); }
.tlk-chi-dt-khoi { display: none; }