/* Chế độ Tra cứu: một cột, ô tìm là thứ đầu tiên mắt gặp, không có sidebar. */
body.che-do-tra-cuu main { max-width: 960px; margin: 0 auto; }

.tcn-dau { margin: 10px 0 22px; }
.tcn-dau h1 { font-size: var(--fs-xl); margin: 0 0 4px; font-weight: 650; }
.tcn-dau p { color: var(--ink-soft); font-size: var(--fs-m); margin: 0; }
.tcn-o { display: flex; gap: 10px; margin: 16px 0 6px; }
.tcn-o input { font-size: var(--fs-l); min-height: 44px; }
.tcn-o .act { min-height: 44px; padding: 0 20px; white-space: nowrap; }

.tcn-nhom { margin: 18px 0 0; }
.tcn-nhom h3 {
  font-size: var(--fs-s);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tcn-hit {
  display: flex;
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  /* 44px: ngón tay trên máy tính bảng ở buồng bệnh, không phải chuột trên bàn. */
  min-height: 44px;
}
.tcn-hit:hover { background: var(--seal-soft); }
.tcn-hit > code { color: var(--seal); font-size: var(--fs-s); flex: 0 0 116px; }
.tcn-ten { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.tcn-ten .vn { font-weight: 600; }
.tcn-ten .en { font-size: var(--fs-s); }
.tcn-luu { flex: 0 0 auto; }
.tcn-ct {
  padding: 12px 12px 14px 128px;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}
@media (max-width: 700px) {
  .tcn-hit { flex-wrap: wrap; }
  .tcn-hit > code { flex-basis: 100%; }
  .tcn-ct { padding-left: 12px; }
}

/* Hai cột: kết quả bên trái, chi tiết bên phải đứng yên. */
body.che-do-tra-cuu main { max-width: 1240px; }
.tcn-hai-cot {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}
.tcn-cot-phai { position: sticky; top: 18px; }
#tcn-ct:empty::before {
  content: "Bấm một dòng kết quả để xem chi tiết ở đây.";
  display: block;
  color: var(--ink-soft);
  font-size: var(--fs-m);
  padding: 12px 0;
}
.tcn-ct-dau { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tcn-ct-dau code { font-size: var(--fs-l); color: var(--seal); }
.tcn-ct-ten { font-size: var(--fs-xxl); line-height: 1.2; margin: 8px 0 0; letter-spacing: -.01em; }
.tcn-muc { margin-top: 22px; }
.tcn-muc h3 {
  font-size: var(--fs-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: 0 0 7px;
  font-weight: 600;
}
.tcn-dn { display: flex; flex-wrap: wrap; gap: 6px; }
.tcn-dn-o {
  border: 1px solid var(--line);
  border-radius: 2px;
  padding: 2px 9px;
  font-size: var(--fs-m);
}
.tcn-dn-o em { color: var(--ink-soft); font-size: var(--fs-xs); font-style: normal; }
.tcn-con-dong { display: flex; gap: 10px; align-items: baseline; padding: 3px 0; font-size: var(--fs-m); }
.tcn-con-dong code { color: var(--seal); flex: 0 0 106px; font-size: var(--fs-s); }
.tcn-hit.dang-chon {
  background: var(--seal-soft);
  box-shadow: inset 3px 0 0 var(--seal);
}
@media (max-width: 1000px) {
  .tcn-hai-cot { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .tcn-cot-phai { position: static; }
}