/* Litbi — tra điều khoản. */
.tdk {
  --navy: #0b2a5b;
  --chu: #1a1a1a;
  --nhat: #5a6270;
  --vien: #c9ced6;
  --nen: #ffffff;
  --nen2: #f4f6f9;
  --do: #b00020;
  --xanh: #0a6b2b;
  --vang: #fff7d6;
  --navy-nhat: #e7eef9;
}
.tdk *,
.tdk *::before,
.tdk *::after {
  box-sizing: border-box;
}
.ghi {
  font-size: 14px;
  color: var(--nhat);
  margin: 4px 0;
  overflow-wrap: anywhere;
}
.nut {
  min-height: 44px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
main .nut {
  background: var(--navy);
  color: #fff;
}
.nut.phu {
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
}
main .nut.phu {
  color: var(--navy);
  background: #fff;
}
.nut.nho {
  min-height: 36px;
  padding: 4px 10px;
  font-size: 14px;
}
.nut:disabled {
  opacity: .45;
  cursor: default;
}
.hang-nut {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}
.loi {
  color: var(--do);
}
.tra-kho {
  border: 1px solid var(--vien);
  border-radius: 12px;
  padding: 10px 12px;
  margin: 10px 0;
  background: #fff;
}
.tra-hang {
  display: flex;
  gap: 8px;
  margin: 6px 0;
}
.tra-hang input {
  flex: 1;
  min-width: 0;
}
.nut[disabled],
.nut[aria-disabled=true] {
  opacity: .45;
  cursor: not-allowed;
}
main .nut {
  background: #fff;
  color: var(--navy);
  border: 1px solid var(--navy);
}
main .nut.chinh {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}
main .nut.phu.nho {
  border: 0;
  background: none;
  padding: 0 6px;
  min-height: 44px;
  color: var(--navy);
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
  border-radius: 4px;
}
main .nut.phu.nho:disabled,
main .nut.phu.nho[aria-disabled=true] {
  text-decoration: none;
}
main .nut.phu.nho:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}
.tk-hang-loc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 8px 0 4px;
}
.tk-loc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}
.tk-vb {
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  min-height: 44px;
  min-width: 64px;
  padding: 4px 14px;
  border-radius: 22px;
  border: 1px solid var(--v);
  background: var(--t);
  color: var(--c);
  cursor: pointer;
}
.tk-vb[aria-pressed=false] {
  background: #fff;
  border-color: var(--vien);
  color: var(--nhat);
  text-decoration: line-through;
}
.tk-vb:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}
.tk-tom {
  margin: 8px 0;
}
.tk-chip {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 12px;
  border: 1px solid var(--v);
  background: var(--t);
  color: var(--c);
}
.tk-dieu-khien {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  padding: 2px 0;
  border-bottom: 1px solid var(--vien);
}
.tk-the {
  margin: 10px 0;
  border-radius: 10px;
  border: 1px solid var(--v);
  border-left: 5px solid var(--v);
  background: #fff;
}
.tk-the-dau {
  padding: 8px 12px;
  background: var(--t);
  color: var(--c);
  border-radius: 6px 10px 0 0;
  line-height: 1.45;
}
.tk-the-dau strong {
  color: var(--c);
}
.tk-the-dau .tk-chip {
  background: #fff;
}
.tk-ten {
  font-weight: 600;
}
.tk-nhan {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 10px;
  background: #fff;
  color: var(--c);
  border: 1px solid var(--v);
}
.tk-the-than {
  padding: 4px 12px 8px;
}
.tk-trich {
  margin: 6px 0;
  font-size: 14px;
  line-height: 1.55;
  color: #2b3240;
  overflow-wrap: anywhere;
}
.tk-doan {
  margin: 6px 0;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.tk-doan.diem {
  padding-left: 18px;
}
.tk-doan.khop {
  background: var(--t);
  border-radius: 6px;
  padding: 4px 8px;
}
.tk-doan.diem.khop {
  padding-left: 22px;
}
mark.tk-mark {
  background: #ffe066;
  color: inherit;
  padding: 0 1px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #e0b400 inset;
}
mark.tk-mark.dang {
  background: #ffb020;
  box-shadow: 0 0 0 2px #b36b00;
}
.tk-the .hang-nut {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.tk-loai-luat {
  --t: #EDEFF4;
  --v: #C7CCDC;
  --c: var(--navy);
}
.tk-loai-nd {
  --t: #E7EDF5;
  --v: #A6BCDA;
  --c: var(--navy);
}
.tk-loc {
  align-items: center;
  gap: 8px;
}
.tk-vb[aria-pressed=true]::before {
  content: "✓";
  margin-right: 6px;
  font-weight: 700;
}
.tk-vb[aria-pressed=false] {
  background: #fff;
  border-color: #E4E7EE;
  color: #4A5160;
  text-decoration: none;
  font-weight: 500;
}
.tk-vb.tk-0,
.tk-vb:disabled {
  background: #F7F8FB;
  border-color: transparent;
  color: #606975;
  cursor: not-allowed;
  font-weight: 500;
}
.tk-vb.tk-0::before,
.tk-vb:disabled::before {
  content: none;
}
.tk-o-boc {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
}
.tk-o-boc input {
  flex: 1;
  min-width: 0;
  -webkit-appearance: none;
  appearance: none;
  min-height: 44px;
  padding: 8px 48px 8px 16px;
  font: inherit;
  border: 1px solid transparent;
  border-radius: 22px;
  background: var(--nen2);
  color: var(--chu);
}
.tk-o-boc input:focus {
  outline: none;
  border-color: #C7CCDC;
  background: #fff;
}
.tk-o-boc input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.tk-xoa {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 22px;
  background: transparent;
  color: #4A5160;
  font: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.tk-xoa:hover {
  background: #E4E7EE;
}
.tk-xoa:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: -2px;
}
.tk-xoa[hidden] {
  display: none;
}
.tk-doan.khop {
  background: #fff;
  border-left: 3px solid #E0B400;
  border-radius: 0;
  padding: 2px 10px;
}
.tk-doan.diem.khop {
  padding-left: 22px;
}
.tk-so-dem {
  font-weight: 500;
}
.tk-dieu-khien {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 4px 0;
}
.tk-dieu-khien .tk-tom {
  margin: 0;
}
.tk-cho {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.tk-cho-nut {
  width: 44px;
  height: 44px;
  border: 1px solid var(--vien);
  border-radius: 22px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.tk-cho-nut:hover {
  background: var(--nen2);
}
.tk-cho-nut:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}
.tk-cho-so {
  min-width: 52px;
  text-align: center;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  color: var(--nhat);
}
.tk-the-dau {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tk-the-ten {
  flex: 1;
  min-width: 0;
}
.tk-the-dau.bam-duoc {
  cursor: pointer;
}
.tk-nut-ca {
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--v);
  border-radius: 22px;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tk-nut-ca::before {
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}
.tk-nut-ca[aria-expanded=true]::before {
  transform: translateY(2px) rotate(-135deg);
}
.tk-nut-ca:hover {
  background: var(--nen2);
}
.tk-nut-ca:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}
.tk-nut-ca[hidden] {
  display: none;
}
.tk-nguon {
  margin: 6px 0 2px;
}
@media (max-width: 480px) {
  .tra-kho {
    padding: 10px 10px;
  }
  .tk-loc {
    gap: 6px;
  }
  .tk-vb {
    padding: 4px 12px;
    min-width: 0;
  }
  .tk-the-dau {
    align-items: flex-start;
    padding: 8px 10px;
  }
  .tk-the-than {
    padding: 4px 10px 8px;
  }
  .tk-doan.diem {
    padding-left: 12px;
  }
  .tk-doan.diem.khop {
    padding-left: 16px;
  }
}
.tk-doan,
.tk-trich {
  font-size: 16px;
  line-height: 1.6;
}
.so-k {
  font-weight: 700;
}
.treo > .so-k {
  display: inline-block;
  min-width: 1.8em;
  white-space: pre;
  text-indent: 0;
}
.tk-doan.treo {
  padding-left: 1.8em;
  text-indent: -1.8em;
}
.tk-doan.diem.treo {
  padding-left: calc(18px + 1.8em);
}
.tk-doan.khop.treo {
  padding-left: calc(10px + 1.8em);
}
.tk-doan.diem.khop.treo {
  padding-left: calc(22px + 1.8em);
}
.tk-doan.trich-sd {
  margin-left: 14px;
  border-left: 3px solid #A6BCDA;
  background: #F7F8FB;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.tk-doan.trich-sd:not(.treo) {
  padding-left: 10px;
}
.tk-doan.trich-sd.treo {
  padding-left: calc(10px + 1.8em);
}
.tk-doan.trich-sd.khop {
  border-left-color: #E0B400;
  background: #fff;
}
.tk-nhan-trich {
  margin: 10px 0 2px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #4A5160;
}
.tk-the-than.bam-mo {
  cursor: pointer;
}
.tk-thu {
  min-height: 44px;
}
.tk-the-dau {
  position: sticky;
  top: var(--tk-dk-cao, 52px);
  z-index: 1;
}
.tk-the {
  scroll-margin-top: var(--tk-dk-cao, 52px);
}
.tk-nguon-hang {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.tk-nguon-hang .tk-nguon {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}
.tk-nguon-hang .tk-nut-ca {
  flex: none;
}
.tk-lk-rpl {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.tk-lk-rpl:hover {
  text-decoration-thickness: 2px;
}
.tk-lk-rpl:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
  border-radius: 4px;
}
@media (max-width: 599px) {
  .tk-nguon-them {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (max-width: 640px) {
  .tk-hang-loc {
    flex-wrap: nowrap;
  }
  .tk-loc {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 4px;
    scrollbar-width: none;
    padding: 4px 36px 4px 4px;
    margin: -4px 0 -4px -4px;
    -webkit-mask-image:
      linear-gradient(
        to right,
        #000 calc(100% - 40px),
        rgba(0, 0, 0, .3));
    mask-image:
      linear-gradient(
        to right,
        #000 calc(100% - 40px),
        rgba(0, 0, 0, .3));
  }
  .tk-loc::-webkit-scrollbar {
    display: none;
  }
  .tk-vb {
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: start;
  }
}
.tra-kho .tra-hang {
  gap: 0;
  align-items: center;
  border: 1px solid #C7CCDC;
  border-radius: 10px;
  background: #fff;
  padding: 2px;
}
.tra-kho .tra-hang:focus-within {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(11, 42, 91, .12);
}
.tra-kho .tk-o-boc input,
.tra-kho .tk-o-boc input:focus {
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 8px 44px 8px 12px;
}
.tra-kho .tra-hang > .nut {
  min-height: 44px;
  border-radius: 8px;
  background: var(--navy-nhat);
  color: var(--navy);
  padding: 8px 20px;
}
.tra-kho .tra-hang > .nut:hover {
  background: #d6e1f3;
}
.tra-kho .tra-hang > .nut:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: -2px;
}
.tdk-dau h1 {
  font-size: 26px;
  margin: 0 0 8px;
}
.tdk-dau p {
  margin: 0 0 16px;
  color: var(--ink-2);
  max-width: 46em;
}
.tdk .tra-kho {
  margin: 0 0 20px;
}
.tdk-khung-dau .tra-dau {
  display: none;
}
.tdk .tra-kho {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
main.tdk-main-dau {
  min-height: calc(100vh - var(--h-head));
  min-height: calc(100svh - var(--h-head));
}
.tdk-main-dau .tdk-dau {
  padding-top: 5vh;
}
.tdk-main-dau:has(.tk-tom) .tdk-dau {
  padding-top: 0;
}
.tk-the-hang1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.tk-the-hang1 .tk-nhan {
  margin-left: 0;
}
.tk-the-hang2 {
  margin-top: 4px;
}
.tdk .tk-dieu-khien {
  top: var(--h-head);
}
.tdk .tk-the-dau {
  top: calc(var(--h-head) + var(--tk-dk-cao, 52px));
}
.tdk .tk-the {
  scroll-margin-top: calc(var(--h-head) + var(--tk-dk-cao, 52px));
}
.tdk-dieu-rieng .tk-the-dau {
  position: static;
}
.tdk-dieu-rieng .tk-the-ten h1 {
  display: inline;
  font-size: 18px;
  font-weight: 700;
  color: var(--c);
  line-height: 1.45;
  margin: 0;
  overflow-wrap: anywhere;
}
.tdk-vt {
  margin: 4px 0 8px;
  font-size: 14px;
  color: var(--ink-3);
  overflow-wrap: anywhere;
}
.tdk-vt a {
  color: var(--navy);
  text-underline-offset: 3px;
}
.tdk-vt span[aria-current] {
  color: var(--ink-2);
}
.tdk-cong-cu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}
.tdk-nut {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--vien);
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.tdk-nut:focus-visible,
.tdk-chuyen a:focus-visible,
.tdk-doc a:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}
.tdk-mien-tru {
  margin: 16px 0 0;
  padding: 10px 12px;
  border-left: 3px solid var(--vien);
  background: var(--paper-2);
  font-size: 14px;
  color: var(--ink-2);
}
.tdk-doc {
  margin: 8px 0 0;
}
.tdk-doc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tdk-doc a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--navy);
  text-underline-offset: 3px;
}
.tdk-chuyen {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 20px 0 0;
}
.tdk-chuyen a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--navy);
  font-size: 15px;
  text-underline-offset: 3px;
}
.tdk-chuyen .tiep {
  margin-left: auto;
}
.tdk-goi {
  margin: 28px 0 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}
.tdk-goi h2 {
  font-size: 17px;
  margin: 0 0 8px;
}
.tdk-goi p {
  margin: 0 0 10px;
  font-size: 15px;
  color: var(--ink-2);
}
.tdk-goi ul {
  margin: 0;
  padding-left: 20px;
}
.tdk-goi li {
  margin: 4px 0;
}
.tdk-goi a {
  color: var(--navy);
  text-underline-offset: 3px;
}
.tdk-loi h1 {
  font-size: 22px;
  margin: 0 0 12px;
}
.tdk .tra-kho .tra-hang > .nut {
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 8px;
  padding: 8px 18px;
  color: var(--navy);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.tdk .tra-kho .tra-hang > .nut::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  border-left: 1px solid #C7CCDC;
}
.tdk .tra-kho .tra-hang > .nut:hover {
  background: transparent;
  text-decoration-thickness: 2px;
}
.tdk-main-dau .tdk-doc {
  margin-top: 40px;
}
.tdk-main-dau .tdk-doc a {
  font-size: 14px;
  color: var(--ink-2);
}
.tdk .tra-kho .tra-hang > .nut.tk-nut-tim {
  width: 52px;
  padding: 0;
  justify-content: center;
  text-decoration: none;
}
.tk-kinh-lup {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.tk-kinh-lup::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
  right: -7px;
  bottom: -4px;
  transform: rotate(45deg);
}
.tdk .tra-kho .tra-hang > .nut.tk-nut-tim:hover .tk-kinh-lup {
  border-width: 2.5px;
}
.tdk .tra-kho .tra-hang > .nut.tk-nut-tim:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: -4px;
}
.tdk .tra-kho .tk-o-boc input:placeholder-shown {
  padding-right: 12px;
}
/* v1.0 (goi_TDK_v0_9): 8 văn bản — màn hình từ 641px thu gọn nút lọc để 8 nút kèm số đếm nằm một hàng (ô 911px); dưới 641px giữ dải cuộn ngang. */
@media (min-width: 641px) {
  .tk-loc {
    gap: 6px;
  }
  .tk-vb {
    font-size: 13px;
    min-width: 56px;
    padding: 4px 10px;
  }
  .tk-vb[aria-pressed=true]::before {
    margin-right: 4px;
  }
}
/* v1.1 (goi_TDK_v0_10): tiêu đề khung tìm về trang đầu; danh sách văn bản dưới hàng nút lọc; nút "Xem thêm 20". */
.tra-dau-ve {
  color: inherit;
  text-decoration: none;
}
.tra-dau-ve:hover strong {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.tra-dau-ve:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
  border-radius: 4px;
}
.tra-kho .tdk-doc,
.tdk-main-dau .tra-kho .tdk-doc {
  margin: 4px 0 8px;
}
.tra-kho .tdk-doc a {
  font-size: 14px;
  color: var(--ink-2);
}
.tra-kho .tdk-doc a[aria-current] {
  color: var(--navy);
  font-weight: 600;
}
@media (min-width: 641px) {
  .tra-kho .tdk-doc ul {
    gap: 0 16px;
  }
  .tra-kho .tdk-doc a {
    min-height: 32px;
  }
}
@media (max-width: 640px) {
  .tra-kho .tdk-doc ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    gap: 0 16px;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), rgba(0, 0, 0, .3));
    mask-image: linear-gradient(to right, #000 calc(100% - 40px), rgba(0, 0, 0, .3));
  }
  .tra-kho .tdk-doc ul::-webkit-scrollbar {
    display: none;
  }
  .tra-kho .tdk-doc li {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
.tk-xem-them {
  display: flex;
  margin: 16px auto 8px;
  min-height: 44px;
}
/* v1.2 (goi_TDK_v0_10a): danh sách văn bản ở cuối trang Điều, cùng kiểu trang đầu. */
.tdk-doc-duoi {
  margin-top: 32px;
}
.tdk-doc-duoi a {
  font-size: 14px;
  color: var(--ink-2);
}
.tdk-doc-duoi a[aria-current] {
  color: var(--navy);
  font-weight: 600;
}
/* v1.3 (goi_TDK_v0_11e): tô màu mở rộng sang cả 8 văn bản; thêm Chế tài (hồng sẫm, không đỏ).
   Từ goi_TDK_v0_11d: chip lọc chữ, ✓, viền cùng màu chip trên thẻ; chú giải màu chỉ khi xem cả Điều (trang tìm).
   Nền tảng từ goi_TDK_v0_11c: màu theo nhóm văn bản — Luật xanh dương, Nghị định xanh ngọc (ngoại lệ F31 mục 12);
   vàng chỉ còn ở từ khóa; tô màu chữ nghĩa vụ · quyền · cấm · thời hạn (thí điểm L91, NĐ356), không nhãn, không gạch chân;
   chú giải màu dưới nội dung từng Điều; nút gạt Tô màu (bật = Màu, tắt = Gọn) bên phải dòng tiêu đề. */
.tk-loai-luat {
  --t: #E6F1FB;
  --v: #B5D4F4;
  --k: #185FA5;
  --c: #0C447C;
}
.tk-loai-nd {
  --t: #E1F5EE;
  --v: #9FE1CB;
  --k: #0F6E56;
  --c: #085041;
}
.tk-the {
  border-color: var(--line, #E4E7EE);
  border-left: 4px solid var(--k);
  border-radius: 0 10px 10px 0;
}
.tk-the-dau {
  background: #F7F8FB;
  color: #141821;
  border-radius: 0 10px 0 0;
}
.tk-the-dau strong,
.tdk-dieu-rieng .tk-the-ten h1 {
  color: #141821;
}
.tk-the-dau .tk-chip {
  background: var(--k);
  border-color: var(--k);
  color: #fff;
  font-weight: 500;
}
.tk-the-dau .tk-nhan {
  background: transparent;
  border-color: transparent;
  color: #606975;
  font-weight: 400;
  padding: 1px 2px;
}
.tk-vb[aria-pressed=true] {
  border-color: var(--k);
  color: var(--k);
}
.tk-vb.tk-0,
.tk-vb:disabled {
  border-color: transparent;
  color: #606975;
}
.tk-doan.khop,
.tk-doan.trich-sd.khop {
  border-left-color: var(--v);
}
.tk-tn-nv { color: #534AB7; font-weight: 500; }
.tk-tn-quyen { color: #3B6D11; font-weight: 500; }
.tk-tn-cam { color: #A32D2D; font-weight: 500; }
.tk-tn-han { color: #993C1D; font-weight: 500; }
.tk-tn-phat { color: #993556; font-weight: 500; }
mark.tk-mark.dang [class^="tk-tn-"] {
  color: inherit;
}
.tk-cg {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #606975;
}
.tdk-gon .tk-cg {
  display: none;
}
.tdk-gon [class^="tk-tn-"] {
  color: inherit;
  font-weight: inherit;
}
.tk-hang-tieu-de {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  flex-wrap: wrap;
}
.tk-hang-tieu-de h1 {
  margin-bottom: 8px;
}
.tra-dau {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.tra-dau .tk-sw {
  margin-left: auto;
}
.tk-sw {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 2px;
  border: 0;
  background: none;
  font: inherit;
  font-size: 14px;
  color: #4A5160;
  cursor: pointer;
}
.tk-sw-ray {
  position: relative;
  flex: none;
  width: 44px;
  height: 26px;
  border-radius: 13px;
  background: #C7CCDC;
  transition: background .15s;
}
.tk-sw-ray::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  box-sizing: border-box;
  transition: transform .15s;
}
.tk-sw[aria-checked=true] .tk-sw-ray {
  background: #185FA5;
}
.tk-sw[aria-checked=true] .tk-sw-ray::after {
  transform: translateX(18px);
}
.tk-sw:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
  border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .tk-sw-ray,
  .tk-sw-ray::after {
    transition: none;
  }
}