/* Nguồn trích dẫn Tra cứu pháp lý — 05/10/2026 (cos_tra_cuu_nguon.js). Dàn trang đoạn luật + 2 cột câu trả lời / văn bản gốc.
   KHÔNG dùng shorthand `font: … inherit`. */
.tc-doan{line-height:1.6}
.tcn-dieu{display:inline-block; color:var(--gold-l); margin-bottom:2px}
.tcn-so{display:inline; margin:0 1px; padding:0 3px; font-family:inherit; font-size:.85em; font-weight:700; line-height:1.3;
  color:var(--gold); background:color-mix(in srgb, var(--gold) 14%, transparent); border:0; border-radius:4px; cursor:pointer;
  vertical-align:baseline}
.tcn-so:hover, .tcn-so:focus-visible{background:color-mix(in srgb, var(--gold) 30%, transparent); outline:none}
li.tcn-dang > .tc-nguon{box-shadow:inset 3px 0 0 var(--gold); color:var(--gold-l)}
.tcn-khung{display:none}

/* Màn rộng: 2 cột — khung đọc đứng yên khi cuộn, cuộn riêng bên trong */
@media (min-width:1000px){
  .tcn-chia{display:grid; grid-template-columns:minmax(0, 45fr) minmax(0, 55fr); align-items:start}
  .tcn-chia > *{grid-column:1; min-width:0}
  .tcn-chia > .tcn-khung{display:flex; flex-direction:column; grid-column:2; grid-row:1 / span 30; position:sticky; top:60px;
    max-height:calc(100vh - 72px); margin:12px 24px 12px 0; border:1px solid var(--line); border-radius:8px;
    background:color-mix(in srgb, var(--navy3) 22%, transparent)}
  .tcn-chia .tc-doan{display:none}                             /* đoạn gốc đọc ở khung bên phải, không mở dưới nút nữa */
  .tcn-chia .tcn-dong{display:none}
}
.tcn-dau{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:10px 14px;
  border-bottom:1px solid var(--line)}
.tcn-tieu{display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; font-size:13px}
.tcn-tieu b{color:var(--gold)}
.tcn-dieu-khien{display:flex; align-items:center; gap:6px; flex:none; font-size:12px}
.tcn-than{flex:1; min-height:0; overflow-y:auto; padding:12px 16px 16px; white-space:pre-wrap; font-size:14px; line-height:1.65}
.tcn-than:focus-visible{outline:2px solid var(--gold); outline-offset:-2px}

/* Màn hẹp: khung đọc là ngăn trượt lên từ đáy, mở khi người bấm nguồn */
@media (max-width:999px){
  .tcn-chia .tc-doan{display:none}
  .tcn-chia.tcn-mo > .tcn-khung{display:flex; flex-direction:column; position:fixed; z-index:50; left:0; right:0; bottom:0;
    height:75vh; background:var(--navy); border-top:2px solid var(--gold); border-radius:12px 12px 0 0;
    box-shadow:0 -12px 32px rgba(0,0,0,.5); padding-bottom:env(safe-area-inset-bottom)}
}