/* Hội thảo, tọa đàm (app/cong-cu/hoi-thao.php). File này nạp ở MỌI trang → mọi lớp đều tiền tố ht-; @page chỉ dùng trang có tên (ht-ngang, ht-doc, ht-ky-yeu). */
/* Phông Be Vietnam Pro (SIL OFL 1.1, public/vendor/be-vietnam-pro/OFL.txt) — chỉ tải khi giấy chứng nhận, thẻ đeo, kỷ yếu dùng tới. */
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-500-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-600-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-700-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'HT Be Vietnam Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(../../vendor/be-vietnam-pro/be-vietnam-pro-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Chung */
.ht-mt { margin-top: 12px; } .ht-mt0 { margin-top: 0; }
.ht-h2 { margin: 22px 0 10px; }
.ht-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ht-van p:last-child { margin-bottom: 0; }
.ht-van { overflow-wrap: anywhere; }
.ht-nav { margin-top: 4px; }
.ht-dau { margin: 4px 0 10px; }
.ht-dau__ten { margin: 0 0 2px; font-size: 1.375rem; }
.ht-dau p { margin: 0; }
.ht-them > summary, .ht-huong-dan > summary, .ht-bao-cao > summary { cursor: pointer; font-weight: 700; color: var(--c-dam); }
.ht-them > summary { padding: 6px 0 10px; }

/* Danh sách hội thảo */
.ht-ds { display: grid; gap: 12px; }
.ht-o { display: flex; gap: 14px; align-items: flex-start; margin: 0; }
.ht-o__ngay { flex: none; width: 54px; border-radius: var(--r-nho); background: var(--c-dam); color: #fff; text-align: center; padding: 6px 0 5px; line-height: 1.1;
  border-bottom: 3px solid var(--nhan); }
.ht-o__ngay b { display: block; font-size: 1.375rem; }
.ht-o__ngay span { font-size: .75rem; font-weight: 700; }
.ht-o__than { flex: 1; min-width: 0; }
.ht-o__ten { font-size: 1.0625rem; margin: 0 0 4px; }
.ht-o__ten a { color: var(--chu); text-decoration: none; }
.ht-o__ten a:hover { color: var(--c-dam); }
.ht-o p { margin: 0 0 4px; }

/* Tổng quan */
.ht-so { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 10px; margin-bottom: 14px; }
.ht-so__o { background: var(--the); border: 1px solid var(--vien); border-radius: var(--r); padding: 12px; text-align: center; text-decoration: none; color: var(--chu); }
.ht-so__o:hover { border-color: var(--c-vien); }
.ht-so__o b { display: block; font-size: 1.75rem; line-height: 1.1; color: var(--c-dam); font-variant-numeric: tabular-nums; }
.ht-so__o b small { font-size: 1rem; color: var(--phu); }
.ht-so__o span { font-size: .8125rem; color: var(--phu); }
.ht-bia-nho { display: block; width: 100%; max-width: 360px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-nho); margin-bottom: 10px; }

/* Chương trình */
.ht-phien { border-left: 4px solid var(--c); }
.ht-phien__dau p { margin: 0 0 2px; }
.ht-phien__gio { font-weight: 700; color: var(--nhan-dam); font-size: .9375rem; font-variant-numeric: tabular-nums; }
.ht-phien__ten { margin: 0 0 4px; font-size: 1.0625rem; }
.ht-bai { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--vien); }
.ht-bai li { display: grid; grid-template-columns: 52px 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--vien); }
.ht-bai li:last-child { border-bottom: 0; }
.ht-bai__gio { font-variant-numeric: tabular-nums; color: var(--phu); font-weight: 700; font-size: .9375rem; }
.ht-o-bai { border: 1px solid var(--vien); border-radius: var(--r-nho); padding: 10px 12px 12px; margin: 0 0 10px; }
.ht-o-bai legend { font-weight: 700; font-size: .875rem; color: var(--phu); padding: 0 6px; }
.ht-o-bai__luoi { display: grid; gap: 10px; }
@media (min-width: 720px) { .ht-o-bai__luoi { grid-template-columns: 110px 1fr 220px; } }
.ht-ngay { margin: 16px 0 8px; font-size: 1rem; color: var(--c-dam); border-bottom: 2px solid var(--nhan); display: inline-block; padding-bottom: 2px; }
.ht-phien--cong-khai { padding: 12px 0 12px 14px; margin-bottom: 8px; }

/* Trang công khai */
.ht-bia { position: relative; border-radius: var(--r); overflow: hidden; margin-bottom: 14px; background: linear-gradient(135deg, var(--c-dam), #031d42);
  color: #fff; min-height: 180px; display: flex; align-items: flex-end; border-bottom: 4px solid var(--nhan); }
.ht-bia__anh { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ht-bia--anh::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,29,66,.92) 0%, rgba(3,29,66,.55) 55%, rgba(3,29,66,.1) 100%); }
.ht-bia__chu { position: relative; z-index: 1; padding: 28px 20px 18px; }
.ht-bia--anh { min-height: 260px; }
.ht-bia__dv { margin: 0 0 6px; font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--nhan); }
.ht-bia__ten { margin: 0 0 6px; font-size: clamp(1.4rem, 4.2vw, 2.1rem); color: #fff; }
.ht-bia__cd { margin: 0; color: #e8eff9; font-size: 1.0625rem; }
.ht-tt__ds { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
.ht-tt__ds li { display: flex; gap: 10px; align-items: flex-start; }
.ht-tt__ds .bt { flex: none; color: var(--c); margin-top: 1px; }
.ht-dg { display: grid; gap: 14px; }
@media (min-width: 720px) { .ht-dg { grid-template-columns: 1fr 1fr; } }
.ht-dg__o { display: flex; gap: 12px; align-items: flex-start; }
.ht-dg__o .anh-dd { width: 48px; height: 48px; font-size: 1.125rem; background: var(--c-dam); color: #fff; box-shadow: inset 0 -3px 0 var(--nhan); }
.ht-dg__ten { margin: 0 0 2px; font-size: 1rem; }
.ht-dg__o p { margin: 0 0 4px; }
.ht-cd { margin: 0 0 10px; padding-left: 20px; }
.ht-bao-cao { margin-top: 20px; font-size: .9375rem; }
.ht-bao-cao > summary { color: var(--phu); font-weight: 600; font-size: .875rem; }
.ht-bao-cao .the { margin-top: 10px; }

/* Tham luận, phản biện */
.ht-cai-dat > summary { cursor: pointer; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; list-style: none; }
.ht-cai-dat > summary::-webkit-details-marker { display: none; }
.ht-cai-dat > summary h2 { margin: 0; }
.ht-cai-dat > summary::after { content: "Cài đặt"; margin-left: auto; font-size: .875rem; font-weight: 700; color: var(--c-dam); }
.ht-cai-dat[open] > summary { margin-bottom: 12px; }
.ht-cai-dat[open] > summary::after { content: "Thu gọn"; }
.ht-tl-ten { font-size: 1.25rem; }
.ht-pb { border: 1px solid var(--vien); border-radius: var(--r-nho); padding: 12px; margin-bottom: 10px; }
.ht-pb__dau { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 8px; }
.ht-pb__dau form { margin-left: auto; }
.ht-diem { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 0 0 10px; }
.ht-diem div { background: var(--bg); border-radius: var(--r-nho); padding: 6px 10px; }
.ht-diem dt { font-size: .75rem; color: var(--phu); }
.ht-diem dd { margin: 0; font-weight: 800; color: var(--c-dam); }
.ht-diem .ht-diem__dx { background: var(--nhan-nhat); }
.ht-thang { border: 0; padding: 0; margin: 0 0 14px; min-width: 0; }
.ht-thang legend { font-weight: 700; margin-bottom: 6px; padding: 0; }
.ht-thang__o { display: flex; gap: 8px; }
.ht-thang__o label { flex: 1; max-width: 64px; position: relative; }
.ht-thang__o input { position: absolute; opacity: 0; pointer-events: none; }
.ht-thang__o span { display: grid; place-items: center; height: 46px; border: 1px solid #cfd6d1; border-radius: var(--r-nho); font-weight: 800; cursor: pointer; background: #fff; }
.ht-thang__o input:checked + span { background: var(--c); border-color: var(--c); color: #fff; }
.ht-thang__o input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--c) 55%, #fff); outline-offset: 2px; }
.ht-thang--loi .ht-thang__o span { border-color: var(--do); }
.ht-thang__nhan { display: flex; justify-content: space-between; max-width: 352px; margin: 4px 0 0; font-size: .75rem; }
.ht-kq { margin-bottom: 16px; }
.ht-kq__dau { display: flex; justify-content: space-between; gap: 10px; font-weight: 700; margin-bottom: 6px; }
.ht-kq__dau b { color: var(--c-dam); font-size: 1.25rem; } .ht-kq__dau small { color: var(--phu); font-size: .875rem; }
.ht-kq__hang { display: grid; grid-template-columns: 16px 1fr 36px; gap: 8px; align-items: center; margin-bottom: 3px; }
.ht-kq__hang .thanh-tien > span { background: var(--c-dam); }
.ht-an { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.ht-an input { min-height: 36px; padding: 4px 10px; border: 1px solid #cfd6d1; border-radius: var(--r-nho); font: inherit; font-size: .875rem; width: 12em; }

/* Nguồn danh sách, chọn mẫu */
.ht-nguon { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.ht-nguon__dd { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.ht-nguon__dd select { min-height: 36px; border: 1px solid #cfd6d1; border-radius: var(--r-nho); font: inherit; font-size: .875rem; padding: 4px 8px; max-width: 220px; }
.ht-nguon__tep { cursor: pointer; }
.ht-nguon__chk { display: inline-flex; gap: 6px; align-items: center; }
#ht-ds { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .9375rem; }
.ht-mau { display: flex; gap: 12px; flex-wrap: wrap; }
.ht-mau label { display: flex; flex-direction: column; align-items: center; gap: 6px; font-weight: 600; font-size: .875rem; cursor: pointer; position: relative; }
.ht-mau input { position: absolute; opacity: 0; pointer-events: none; }
.ht-mau__o { width: 118px; height: 84px; border-radius: 6px; border: 2px solid var(--vien); background: #fff; position: relative; overflow: hidden; }
.ht-mau input:checked + .ht-mau__o { border-color: var(--c); box-shadow: 0 0 0 3px var(--c-nhat); }
.ht-mau input:focus-visible + .ht-mau__o { outline: 3px solid var(--c); outline-offset: 2px; }
.ht-mau__o--trang-trong { background: #fffdf6; box-shadow: inset 0 0 0 5px #fffdf6, inset 0 0 0 7px #093166, inset 0 0 0 9px #fffdf6, inset 0 0 0 10px #c99434; }
.ht-mau input:checked + .ht-mau__o--trang-trong { box-shadow: 0 0 0 3px var(--c-nhat), inset 0 0 0 5px #fffdf6, inset 0 0 0 7px #093166, inset 0 0 0 9px #fffdf6, inset 0 0 0 10px #c99434; }
.ht-mau__o--hien-dai { background: linear-gradient(90deg, #093166 0 22%, #f0be58 22% 25%, #fff 25%); }
.ht-mau__o--co-dien { background: #fff; outline: 1px solid #8a6116; outline-offset: -7px; }
.ht-mau__o::after { content: ""; position: absolute; left: 32%; right: 12%; top: 40%; height: 5px; border-radius: 3px; background: #c9d4e3; box-shadow: 0 12px 0 #e2e6e1; }
.ht-mau__o--trang-trong::after, .ht-mau__o--co-dien::after { left: 22%; right: 22%; }

/* Xem trước: thu nhỏ trang A4 cho vừa màn hình (hoi-thao.js đặt --ht-ti-le) */
.ht-xem { --ht-ti-le: 1; overflow: hidden; padding-bottom: 8px; }
.ht-xem > .ht-giay, .ht-xem > .ht-trang-the { zoom: var(--ht-ti-le); margin: 0 auto 14px; box-shadow: 0 4px 18px rgba(20,40,40,.12); }

/* Giấy chứng nhận: A4 ngang */
@page ht-ngang { size: A4 landscape; margin: 0; }
.ht-giay { page: ht-ngang; width: 297mm; height: 210mm; box-sizing: border-box; background: #fff; color: #10233f; position: relative; overflow: hidden;
  font-family: 'HT Be Vietnam Pro', var(--font); font-weight: 500; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.ht-giay__trong { position: absolute; inset: 14mm; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 12mm 22mm 10mm; z-index: 1; }
.ht-giay p { margin: 0; }
.ht-giay__dv { font-size: 13pt; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #093166; max-width: 220mm; }
.ht-giay__td { font-size: 36pt; font-weight: 700; letter-spacing: .08em; margin: 8mm 0 4mm; color: #8a6116; line-height: 1.1; }
.ht-giay__cn { font-size: 14pt; }
.ht-giay__ten { font-size: 30pt; font-weight: 700; color: #093166; margin: 4mm 0 1mm; line-height: 1.2; max-width: 230mm; }
.ht-giay__dvct { font-size: 13pt; color: #3d4f66; }
.ht-giay__loi { font-size: 14pt; margin-top: 5mm !important; }
.ht-giay__ht { font-size: 17pt; font-weight: 700; color: #093166; margin: 2mm 0 !important; max-width: 230mm; line-height: 1.3; }
.ht-giay__tg { font-size: 12.5pt; color: #3d4f66; }
.ht-giay__ky { margin-top: auto; align-self: flex-end; text-align: center; min-width: 88mm; }
.ht-giay__ngay { font-size: 12pt; font-style: italic; }
.ht-giay__cd { font-size: 12.5pt; font-weight: 700; margin-top: 1mm !important; }
.ht-giay__nk { font-size: 13pt; font-weight: 700; margin-top: 20mm !important; min-height: 1em; }
/* Mẫu 1: trang trọng — viền đôi xanh đậm, chỉ vàng kim */
.ht-giay--trang-trong { background: #fffdf6; }
.ht-giay--trang-trong::before { content: ""; position: absolute; inset: 7mm; border: 2.2mm solid #093166; }
.ht-giay--trang-trong::after { content: ""; position: absolute; inset: 11mm; border: .6mm solid #c99434; }
/* Mẫu 2: hiện đại — dải màu bên trái, chữ căn trái */
.ht-giay--hien-dai { background: linear-gradient(90deg, #093166 0 46mm, #f0be58 46mm 49mm, #fff 49mm); }
.ht-giay--hien-dai .ht-giay__trong { inset: 0 0 0 49mm; align-items: flex-start; text-align: left; padding: 22mm 24mm 16mm 20mm; }
.ht-giay--hien-dai .ht-giay__td { color: #093166; font-size: 40pt; letter-spacing: .04em; }
.ht-giay--hien-dai .ht-giay__td::after { content: ""; display: block; width: 36mm; height: 1.4mm; background: #c99434; margin-top: 4mm; }
.ht-giay--hien-dai .ht-giay__ten { color: #8a6116; }
/* Mẫu 3: cổ điển — viền mảnh vàng đậm, góc đôi */
.ht-giay--co-dien::before { content: ""; position: absolute; inset: 9mm; border: .5mm solid #8a6116; }
.ht-giay--co-dien::after { content: ""; position: absolute; inset: 12mm;
  background: linear-gradient(#8a6116 0 0) top left / 24mm 1.2mm, linear-gradient(#8a6116 0 0) top left / 1.2mm 24mm,
    linear-gradient(#8a6116 0 0) top right / 24mm 1.2mm, linear-gradient(#8a6116 0 0) top right / 1.2mm 24mm,
    linear-gradient(#8a6116 0 0) bottom left / 24mm 1.2mm, linear-gradient(#8a6116 0 0) bottom left / 1.2mm 24mm,
    linear-gradient(#8a6116 0 0) bottom right / 24mm 1.2mm, linear-gradient(#8a6116 0 0) bottom right / 1.2mm 24mm;
  background-repeat: no-repeat; }
.ht-giay--co-dien .ht-giay__td { color: #093166; font-weight: 600; letter-spacing: .14em; }
.ht-giay--co-dien .ht-giay__td::after { content: "◆"; display: block; font-size: 11pt; color: #c99434; letter-spacing: 0; margin-top: 2mm; }
.ht-giay--co-dien .ht-giay__ten { color: #8a6116; font-weight: 600; }

/* Thẻ đeo: A4 dọc, 8 thẻ 90 × 65 mm */
@page ht-doc { size: A4 portrait; margin: 10mm; }
.ht-trang-the { page: ht-doc; width: 190mm; min-height: 268mm; box-sizing: border-box; background: #fff; padding: 4mm 0; display: grid;
  grid-template-columns: 90mm 90mm; grid-auto-rows: 65mm; gap: 2mm 10mm; justify-content: center; align-content: start;
  font-family: 'HT Be Vietnam Pro', var(--font); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.ht-the { position: relative; box-sizing: border-box; border: .3mm dashed #9aa6a8; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 13mm 6mm 6mm; color: #10233f; overflow: hidden; }
.ht-the::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 9mm; background: #e8eff9; border-bottom: .8mm solid #c99434; }
.ht-the--vang::before { background: #f0be58; border-bottom-color: #8a6116; }
.ht-the--dam::before { background: #093166; border-bottom-color: #f0be58; }
.ht-the p { margin: 0; position: relative; }
.ht-the .ht-the__ht { position: absolute; top: 1.4mm; left: 4mm; right: 4mm; font-size: 7.5pt; font-weight: 700; line-height: 1.25; color: #093166;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ht-the--dam .ht-the__ht { color: #fff; }
.ht-the__ten { font-size: 17pt; font-weight: 700; color: #093166; line-height: 1.2; }
.ht-the .ht-the__dv { font-size: 9.5pt; color: #3d4f66; margin-top: 1.5mm; line-height: 1.3; }
.ht-the .ht-the__vai { margin-top: 3mm; font-size: 8.5pt; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8a6116;
  border: .3mm solid #c99434; border-radius: 99px; padding: .6mm 3.5mm; }
.ht-the .ht-the__tg { position: absolute; bottom: 2.2mm; left: 4mm; right: 4mm; font-size: 7pt; color: #5c6b6d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Kỷ yếu: A4 dọc */
@page ht-ky-yeu { size: A4 portrait; margin: 18mm 16mm; }
.ht-ky-yeu { page: ht-ky-yeu; }
.ht-ky-yeu__dau { text-align: center; margin: 12px 0 22px; font-family: 'HT Be Vietnam Pro', var(--font); }
.ht-ky-yeu__dau h1 { color: var(--c-dam); font-size: 1.5rem; margin-bottom: 4px; }
.ht-ky-yeu__dau h2 { margin-top: 16px; font-size: 1.125rem; letter-spacing: .06em; text-transform: uppercase; color: var(--nhan-dam); }
.ht-ky-yeu__dv { font-weight: 700; text-transform: uppercase; letter-spacing: .05em; font-size: .875rem; color: var(--c-dam); }
.ht-ky-yeu__cd { margin: 20px 0 8px; color: var(--c-dam); border-bottom: 2px solid var(--nhan); padding-bottom: 4px; }
.ht-ky-yeu__bai { background: var(--the); border: 1px solid var(--vien); border-radius: var(--r); padding: 14px 16px; margin-bottom: 10px; break-inside: avoid; }
.ht-ky-yeu__bai h4 { margin: 0 0 4px; font-size: 1.0625rem; }
.ht-ky-yeu__tg { font-weight: 600; color: var(--c-dam); margin-bottom: 6px; }
.ht-ky-yeu__tt { font-size: .9375rem; text-align: justify; }
.ht-ky-yeu__tk { font-size: .875rem; color: var(--phu); margin: 0; }

@media (max-width: 480px) {
  .ht-bia__chu { padding: 22px 14px 14px; }
  .ht-o__ngay { width: 46px; }
  .ht-thang__o { gap: 6px; }
}

@media print {
  body:has(.ht-in) { background: #fff; }
  body:has(.ht-in) .dau, body:has(.ht-in) .chan, body:has(.ht-in) .demo-bar, body:has(.ht-in) .bao, body:has(.ht-in) .skip, .ht-khong-in { display: none !important; }
  body:has(.ht-in) .chinh { max-width: none; padding: 0; margin: 0; }
  .ht-xem { overflow: visible; padding: 0; }
  .ht-xem > .ht-giay, .ht-xem > .ht-trang-the { zoom: 1 !important; margin: 0; box-shadow: none; break-after: page; }
  .ht-xem > .ht-trang-the { min-height: 0; padding: 0; }
  .ht-xem > :last-child { break-after: auto; }
  .ht-ky-yeu__bai { border: 0; border-bottom: .3mm solid #ccc; border-radius: 0; padding: 8px 0; }
}