/* Kiểu dùng chung cho các công cụ tra cứu của Sun. Nằm ngoài Tailwind để các trang công cụ
   tự đứng được, chỉ cần sun.css cho phông, màu nền và đầu trang chân trang. */
.tc-nhap{background:#fff;border-radius:1.25rem;box-shadow:0 20px 50px -20px rgba(28,25,23,.25);border:1px solid #ccfbf1;padding:1.25rem;display:grid;gap:.9rem;text-align:left;max-width:52rem;margin:0 auto}
.tc-nhap.cot-2{grid-template-columns:1fr}
@media(min-width:700px){.tc-nhap.cot-2{grid-template-columns:1fr 1fr}.tc-nhap.cot-3{grid-template-columns:1fr 1fr auto;align-items:end}.tc-nhap.cot-4{grid-template-columns:1.1fr 1fr .8fr auto;align-items:end}}
.tc-nhap label>span,.tc-nhap .nhan{display:block;font-size:14px;font-weight:600;color:#57534e;margin-bottom:.3rem}
.tc-nhap input,.tc-nhap select{width:100%;border:1px solid #d6d3d1;border-radius:.8rem;padding:.75rem .9rem;font:inherit;background:#fff;color:#1c1917}
.tc-nhap input:focus,.tc-nhap select:focus{outline:2px solid #0f766e;outline-offset:1px;border-color:#0f766e}
.tc-nhap .gt{display:flex;gap:.4rem}
.tc-nhap .gt label{flex:1;border:1px solid #d6d3d1;border-radius:.8rem;padding:.7rem;text-align:center;cursor:pointer;font-weight:600;color:#57534e}
.tc-nhap .gt input{display:none}
.tc-nhap .gt label:has(input:checked){border-color:#0f766e;background:#f0fdfa;color:#0f766e}
.tc-nhap .nhom{border:1px solid #e7e5e4;border-radius:1rem;padding:1rem;display:grid;gap:.75rem}
.tc-nhap .nhom>.tieu{font-weight:600;color:#1c1917;margin:0}
.tc-nhap .het{grid-column:1/-1}
.tc-ghichu{font-size:14px;color:#78716c;margin-top:.9rem}
.tc-khoa{display:inline-flex;align-items:center;gap:.35rem;color:#0f766e;font-size:13px;font-weight:600}
.tc-the{background:#fff;border:1px solid #e7e5e4;border-radius:1.25rem;padding:1.25rem 1.3rem}
.tc-the .nhan{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#78716c}
.tc-the .so{font-size:1.45rem;font-weight:600;line-height:1.15;margin:.2rem 0 .4rem;color:#1c1917}
.tc-the p{color:#57534e}
.tc-luoi{display:grid;gap:.9rem}
@media(min-width:700px){.tc-luoi.c2{grid-template-columns:repeat(2,1fr)}.tc-luoi.c3{grid-template-columns:repeat(3,1fr)}.tc-luoi.c4{grid-template-columns:repeat(4,1fr)}}
.tc-chip{display:inline-block;font-size:13px;font-weight:600;color:#fff;border-radius:999px;padding:.12rem .65rem;line-height:1.5}
.tc-chip.nhat{color:#1c1917;background:#f5f5f4}
.tc-bang{overflow-x:auto;border:1px solid #e7e5e4;border-radius:1.25rem;background:#fff}
.tc-bang table{border-collapse:collapse;width:100%;font-size:14px}
.tc-bang th,.tc-bang td{padding:.6rem .7rem;border-bottom:1px solid #f5f5f4;white-space:nowrap}
.tc-bang th{text-align:left;font-weight:600;background:#fafaf9;position:sticky;left:0}
.tc-bang td{text-align:center}
.tc-bang tr:last-child td,.tc-bang tr:last-child th{border-bottom:0}
.tc-cho{border:1px dashed #d6d3d1;border-radius:1rem;padding:.9rem 1rem;color:#a8a29e;font-size:14px;background:#fafaf9}
.tc-cho b{color:#78716c;font-weight:600}
.tc-que{display:inline-flex;flex-direction:column-reverse;gap:4px;vertical-align:middle}
.tc-que i{display:block;width:44px;height:6px;border-radius:2px;background:#1c1917}
.tc-que i.am{background:linear-gradient(90deg,#1c1917 0 40%,transparent 40% 60%,#1c1917 60%)}
.tc-que i.dong{background:#b45309}
.tc-que i.am.dong{background:linear-gradient(90deg,#b45309 0 40%,transparent 40% 60%,#b45309 60%)}
.tc-que.nho i{width:30px;height:4px}
.tc-que-o{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid #e7e5e4;border-radius:1rem;padding:.9rem 1rem}
.tc-que-o .ten{font-weight:600;font-size:1.1rem;color:#1c1917}
.tc-que-o .vai{font-size:13px;color:#78716c;font-weight:600}
.tc-loi{color:#be123c;font-size:16px;margin-top:1rem;text-align:center}
.tc-khung{display:grid;gap:1.5rem;align-items:start}
@media(min-width:900px){.tc-khung{grid-template-columns:1.1fr .9fr}}
.tc-bang-ben{background:#fff;border:1px solid #e7e5e4;border-radius:1.5rem;padding:1.5rem;position:sticky;top:5rem}
.tc-bang-ben h3{font-weight:600;font-size:1.25rem;line-height:1.3;margin:.35rem 0 .6rem}
.tc-bang-ben .nhan{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#78716c}
.tc-bang-ben p{color:#57534e}
.tc-bang-ben .goiy{margin-top:1rem;padding-top:1rem;border-top:1px dashed #e7e5e4;font-size:14px;color:#a8a29e}
.tc-dong{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center}
.tc-gio{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
@media(min-width:700px){.tc-gio{grid-template-columns:repeat(4,1fr)}}
.tc-gio .g{border:1px solid #e7e5e4;border-radius:.9rem;padding:.6rem .8rem;background:#fff;font-size:14px}
.tc-gio .g.tot{border-color:#99f6e4;background:#f0fdfa}
.tc-gio .g b{display:block;font-size:1rem;color:#1c1917}
.tc-gio .g span{color:#78716c}
.tc-gio .g.tot span{color:#0f766e;font-weight:600}
.tc-dau{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.tc-dau a{font-size:14px;font-weight:600;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:999px;padding:.35rem .9rem}
.tc-dau a:hover{background:#ccfbf1}
.tc-ngang{overflow-x:auto;display:flex;gap:.5rem;padding:.25rem .1rem .75rem;scroll-snap-type:x mandatory}
.tc-ngang>*{flex:0 0 auto;scroll-snap-align:start}
.tc-nut-nho{display:inline-flex;align-items:center;gap:.4rem;font-size:14px;font-weight:600;color:#57534e;background:#fff;border:1px solid #d6d3d1;border-radius:999px;padding:.4rem .9rem;cursor:pointer}
.tc-nut-nho:hover{border-color:#78716c;color:#1c1917}

/* 12/11/2026: an moi o "cho loi" toi khi co loi duoc duyet (soat trai nghiem: chu noi bo lo ra khach) */
.tc-cho{display:none!important}