/* Trang Thạo (/thao/). Chỉ tải trên trang này. */
.tgp{display:grid;gap:24px;padding:8px 0 56px;max-width:920px}
.tgp-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.tgp-principles li{padding:14px 16px;border:1px solid var(--line);border-radius:var(--pill);background:var(--soft);font-size:15px;line-height:1.5}
.tgp-principles b{display:block;margin-bottom:2px}
.tgp-form{display:grid;gap:8px;padding:22px;border:1px solid var(--line);border-radius:var(--pill);background:#fff}
.tgp-form label{font-weight:700;margin-top:8px}
.tgp-form label span{font-weight:400;color:var(--muted);font-size:14px}
.tgp-form textarea,.tgp-form select,.tgp textarea{width:100%;max-width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rb);font:400 16px/1.5 var(--body);color:var(--ink);background:#fff}
.tgp-form textarea:focus,.tgp-form select:focus,.tgp textarea:focus{outline:3px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.tgp-form select{width:auto;min-width:min(100%,280px)}
.tgp-form .btn{justify-self:start;margin-top:8px}
.tgp-form .btn[disabled]{opacity:.6;cursor:progress}
.tgp-fine{margin:6px 0 0;font-size:14px;color:var(--muted)}
.tgp-err{margin:0;color:#B42318;font-weight:700}
.tgp-result{display:grid;gap:20px;scroll-margin-top:16px}
.tgp-card{padding:22px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;min-width:0}
.tgp-card h2{margin:4px 0 10px;font-size:clamp(21px,2.4vw,26px);line-height:1.3}
.tgp-card h3{margin:0 0 8px;font-size:18px;line-height:1.35}
.tgp-card p{margin:0 0 10px}
.tgp-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.tgp-muted{color:var(--muted);font-size:14.5px}
.tgp-note{font-size:14.5px;color:var(--muted)}
.tgp-sub{margin:12px 0;padding:12px 14px;border-left:3px solid var(--line);background:var(--soft);border-radius:0 var(--rb) var(--rb) 0}
.tgp-sub-h{font-weight:700;margin:0 0 4px}
.tgp-sub ul{margin:0 0 8px;padding-left:20px}
.tgp-status{display:flex;align-items:center;gap:14px;margin:0;color:var(--ink);font-weight:600}
.tgp-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--accent);animation:tgp-pulse 1.2s ease-in-out infinite}
@keyframes tgp-pulse{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.tgp-dot{animation:none}}
.tgp-opt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.tgp-opt{padding:16px;border:1px solid var(--line);border-radius:var(--pill);background:var(--soft);min-width:0}
.tgp-opt-eval{margin-top:10px;font-size:15px}
.tgp-verdict{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;font-weight:700;font-size:14px;background:#fff;border:1px solid var(--line)}
.tgp-verdict-nen-thu-truoc{background:var(--hi);border-color:var(--hi)}
.tgp-verdict-chua-nen{background:#fff;color:var(--muted)}
.tgp-crit{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:14.5px}
.tgp-crit th,.tgp-crit td{padding:6px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.tgp-crit th{width:42%;padding-right:10px;font-weight:600}
.tgp-level{display:inline-block;min-width:54px;padding:1px 8px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;font-weight:700;font-size:13.5px;text-align:center}
.tgp-level-chua-ro{color:var(--muted);font-weight:500}
.tgp-src{font-size:14.5px}
.tgp-compare-h{margin-top:20px}
.tgp-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--rb)}
.tgp-compare{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px}
.tgp-compare th,.tgp-compare td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tgp-compare thead th{background:var(--soft);font-weight:700}
.tgp-trial{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:var(--pill);background:var(--soft);scroll-margin-top:16px}
.tgp-trial ol{margin:0 0 10px;padding-left:22px}
.tgp-trial li{margin-bottom:6px}
.tgp-prompt summary{cursor:pointer;font-weight:700;color:var(--accent)}
.tgp-prompt textarea{margin:8px 0}
.tgp-arts{list-style:none;margin:8px 0 10px;padding:0;display:grid;gap:10px}
.tgp-arts li{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--line)}
.tgp-art-link{font-weight:700;color:var(--accent);text-underline-offset:3px}
.tgp-art-state{font-size:14px;color:var(--muted)}
.tgp-art-state:empty{display:none}
.tgp-art-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px}
.tgp-linkbtn{padding:0;border:0;background:none;color:var(--accent);font:700 15px var(--body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tgp-chip{padding:4px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 14px var(--body);cursor:pointer}
.tgp-chip:hover{border-color:var(--accent)}
.tgp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.tgp-choice{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;text-align:left;font:400 15px/1.45 var(--body);color:var(--ink);cursor:pointer}
.tgp-choice b{font-size:16px}
.tgp-choice small{color:var(--muted);font-size:14px}
.tgp-choice:hover,.tgp-choice.is-open{border-color:var(--accent)}
.tgp-choice.is-open{box-shadow:inset 0 0 0 1px var(--accent)}
.tgp-choice.is-suggested{background:var(--soft)}
.tgp-tag{justify-self:start;margin-top:4px;padding:1px 8px;border-radius:999px;background:var(--hi);font-weight:700;font-size:12.5px}
.tgp-next-panel{margin-top:14px;padding:16px;border-top:3px solid var(--accent);background:var(--soft);border-radius:0 0 var(--rb) var(--rb)}
.tgp-keep-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tgp-copy-status{font-size:14px;color:var(--muted)}
.tgp-how{padding:22px;border-radius:var(--pill);background:var(--soft)}
.tgp-how h2{margin:0 0 10px;font-size:21px}
.tgp-how ol{margin:0 0 12px;padding-left:22px}
.tgp-how p{margin:0 0 8px;font-size:15px}
@media (max-width:720px){
  .tgp-principles,.tgp-opt-grid,.tgp-choices{grid-template-columns:minmax(0,1fr)}
  .tgp-form,.tgp-card{padding:16px}
  .tgp-form .btn{width:100%;justify-content:center;white-space:normal}
  .tgp-keep-actions .btn{white-space:normal}
}
/* Ngữ cảnh bài đang đọc (v0.9.35) */
.tgp-ctx{margin:0 0 6px;padding:14px 16px;border-left:4px solid var(--accent);border-radius:0 var(--rb) var(--rb) 0;background:var(--soft)}
.tgp-ctx p{margin:0 0 6px}
.tgp-ctx-k{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.tgp-ctx-t a{font-weight:700;color:var(--ink);text-underline-offset:3px}
.tgp-form .tgp-ctx[hidden]{display:none}
/* v0.9.50: phần đầu gọn nối từ thaoviec.ai; ô nhập và nút ngay đầu trang */
.tgp-top{background:var(--soft);border-bottom:1px solid var(--line)}
.tgp-top-in{max-width:920px;padding-top:24px;padding-bottom:22px;display:grid;gap:10px}
.tgp-id{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;color:var(--muted)}
.tgp-id img{width:40px;height:40px;flex:none}
.tgp-id b{color:var(--ink)}
.tgp-top h1{margin:4px 0 0;font-size:clamp(28px,4.2vw,40px);line-height:1.15}
.tgp-lead{margin:0 0 4px;font-size:18px;line-height:1.5}
.tgp-top .tgp-form{margin-top:4px}
.tgp-form>label{margin-top:0}
.tgp-more{border-top:1px solid var(--line);padding-top:8px}
.tgp-more summary{cursor:pointer;color:var(--accent);font-weight:600;min-height:32px;display:flex;align-items:center}
.tgp-more label{display:block;font-weight:700;margin:10px 0 6px}
.tgp-go{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 0}
.tgp-go .btn{margin:0;min-height:48px}
.tgp-benefit{font-size:15px;font-weight:600;color:var(--ink)}
.tgp-vd-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.tgp-vd-list .tgp-chip{display:block;width:100%;text-align:left;padding:10px 14px;min-height:44px;border-radius:var(--pill);line-height:1.4}
.tgp-vd-list small{display:block;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.tgp-flow{margin:0;font-size:14.5px;color:var(--muted)}
.tgp-quote{margin:4px 0 0;font-size:17px}
.tgp-goal{border-color:var(--accent)}
.tgp-goal-form{display:grid;gap:8px;margin-top:6px}
.tgp-goal-form label,.tgp-vuong label,.tgp-q legend{font-weight:700}
.tgp-q{margin:12px 0;padding:0;border:0;display:grid;gap:8px}
.tgp-q input{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--rb);font:400 16px/1.4 var(--body)}
.tgp-q input:focus{outline:3px solid var(--accent);outline-offset:0}
.tgp-chips{display:flex;flex-wrap:wrap;gap:8px}
.tgp-chip[aria-pressed="true"],.tgp-chip.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}
.tgp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:10px 0 0}
.tgp-vuong{display:grid;gap:8px;margin-top:12px}
.tgp-cmp{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.tgp-cmp summary{cursor:pointer;color:var(--accent);font-weight:600;min-height:32px;display:flex;align-items:center}
.tgp-ai p{margin:0 0 8px}
.tgp-ai ul{margin:0 0 8px;padding-left:20px}
.tgp-ask{font-weight:600}
.tgp-err-msg{margin:0}
.tgp-share{margin-top:8px}
.tgp-policy{margin:0;font-size:15px;color:var(--muted)}
.tgp-policy a{color:var(--muted)}
.tgp-more summary:focus-visible,.tgp-cmp summary:focus-visible{outline:3px solid var(--hi);outline-offset:2px}
@media (max-width:600px){.tgp-top-in{padding-top:16px}.tgp-lead{font-size:16.5px}.tgp-go .btn{width:100%;justify-content:center}}
.tgp-vd-list[hidden]{display:none}
/* Màn nhỏ (dưới 380px, thấp): gọn phần đầu để ô nhập và nút "Nhờ Thạo giúp" nằm trong màn đầu. */
@media (max-width:379px){.tgp-top-in{padding-top:12px;gap:6px}.tgp-id{font-size:13.5px}.tgp-id img{width:32px;height:32px}.tgp-top h1{font-size:25px}.tgp-lead{font-size:15.5px;margin-bottom:0}.tgp-top .tgp-form{padding:12px;gap:6px}.tgp-form>label{font-size:15px}.tgp-top textarea#tgp-viec{padding:10px 12px}.tgp-more{padding-top:4px}.tgp-more summary{font-size:15px}.tgp-go{margin-top:0}}
@media (max-width:379px) and (max-height:700px){.tgp-top textarea#tgp-viec{min-height:0;height:76px}}
.tgp-goal-form label{display:block;font-weight:700;margin:10px 0 6px}.tgp-goal-form label span{font-weight:400;color:var(--muted);font-size:14px}
/* Quyết định cần bằng chứng thị trường; khuyến nghị có điều kiện. */
.tgp-market{border-left:3px solid var(--accent);padding-left:12px}
.tgp-advice{background:var(--soft);border-radius:var(--rb);padding:10px 12px}
/* v0.9.66: khối kết quả chính nền xanh rất nhạt, vạch nhấn; bước đầu tiên nổi rõ; chi tiết thu gọn; đọc thêm nhẹ hơn. */
.tgp-start{background:#EEF3FF;border-color:#C7D5F5;border-left:5px solid var(--accent);scroll-margin-top:84px}
.tgp-start>h2{margin-top:2px;font-size:clamp(23px,2.6vw,29px);line-height:1.25}
.tgp-lead-line{font-size:17px;line-height:1.55}
.tgp-first{margin:14px 0 6px;padding:16px 18px;border:1px solid #C7D5F5;border-radius:var(--pill);background:#fff}
.tgp-first h3{margin:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.tgp-first-step{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 8px}
.tgp-first .tgp-actions{margin-top:12px}
.tgp-first .btn{min-height:46px}
.tgp-clarify{background:#fff;border-left-color:var(--accent)}
.tgp-detail{margin-top:10px;border-top:1px solid #C7D5F5;padding-top:8px}
.tgp-detail>summary{cursor:pointer;color:var(--accent);font-weight:600;min-height:40px;display:flex;align-items:center}
.tgp-detail>summary:focus-visible{outline:3px solid var(--hi);outline-offset:2px}
.tgp-detail[open]>summary{margin-bottom:6px}
.tgp-start .tgp-trial{margin-top:10px;padding:0 0 4px;border:0;border-top:1px solid #C7D5F5;border-radius:0;background:transparent}
.tgp-start .tgp-trial ol{margin:4px 0 10px;padding-left:22px}
.tgp-start .tgp-cmp{padding-top:8px}
.tgp-start .tgp-opt,.tgp-start .tgp-table-wrap,.tgp-start .tgp-advice{background:#fff}
.tgp-reading{background:var(--soft);border-style:dashed}
.tgp-reading h2{font-size:18px;margin-bottom:6px}
.tgp-reading .tgp-arts li{padding:8px 0}
.tgp-art-why{font-size:14.5px;color:var(--ink)}
@media (max-width:720px){.tgp-first{padding:14px}.tgp-first-step{font-size:17px}.tgp-first .tgp-actions .btn{width:100%;justify-content:center;white-space:normal}}
@media (max-width:379px){.tgp-start>h2{font-size:22px}.tgp-lead-line{font-size:16px}.tgp-first-step{font-size:16px}}
@media (prefers-reduced-motion:reduce){.tgp,.tgp-result{scroll-behavior:auto}}
/* Ô sửa mục tiêu chỉ hiện khi bấm "Sửa mục tiêu hoặc dữ kiện"; trước đây display:grid đè thuộc tính hidden nên ô luôn mở và tranh chỗ với kết quả. */
.tgp-goal-form[hidden]{display:none}
/* v0.9.73: điều Thạo đang nhớ, ghi chú không mang bối cảnh việc trước, mẫu dùng ngay, kể thêm một dòng, kể việc khác */
.tgp-hs,.tgp-note{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.tgp-hs strong{color:var(--ink)}
.tgp-hs[hidden],.tgp-note[hidden]{display:none}
.tgp-hs .tgp-linkbtn,.tgp-note .tgp-linkbtn,.tgp-hs a{font-size:14.5px;min-height:32px}
.tgp-sample{margin:12px 0 4px;padding:12px 14px;border:1px dashed #C7D5F5;border-radius:10px;background:#F7F9FE}
.tgp-sample textarea{width:100%;font:inherit;font-size:16px;line-height:1.5;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);resize:vertical}
.tgp-sample .tgp-actions{margin-top:8px}
.tgp-ke{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:6px}
.tgp-ke label{font-size:14.5px;color:var(--muted)}
.tgp-ke-row{display:flex;gap:8px;align-items:stretch}
.tgp-ke-row input{flex:1 1 auto;min-width:0;min-height:44px;font:inherit;font-size:16px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.tgp-ke-row .btn{flex:0 0 auto;min-height:44px}
.tgp-new{margin:4px 0 0;text-align:center}
@media (max-width:480px){.tgp-ke-row{flex-direction:column}.tgp-ke-row .btn{width:100%;justify-content:center}}
/* 01/10/2026: màn làm rõ mục tiêu và màn kết quả mới.
   Câu hỏi là tiêu đề chính; gợi ý nhanh và ô tự viết ngang vai; kết quả nằm trong vùng lớn ở đầu, có Thạo 3D; chi tiết, điều chưa rõ và phản hồi sau khi thử lùi xuống tầng sau. */
.tgp-3d{display:block;flex:none;background:url(/assets/thao/thao-net-t-3d-v1.webp) 0 0/1200% 100% no-repeat}
.tgp-3d-k5{background-position:45.4545% 0}
.tgp-3d-k8{background-position:72.7273% 0}
.tgp-ico{flex:none;width:24px;height:24px}
.tgp-kl{font-size:13.5px;color:var(--muted);font-weight:400}
.tgp-me{padding:12px 18px}
.tgp-me .tgp-quote{margin:2px 0 0;font-size:16px}
/* Hỏi thêm một câu */
.tgp-askq{padding:28px;border-color:#C7D5F5;box-shadow:0 12px 32px rgba(30,53,110,.06)}
.tgp-qhead{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:center;margin-bottom:22px}
.tgp-qhead h2{margin:10px 0 6px;font-size:clamp(25px,3.6vw,34px);line-height:1.2}
.tgp-why{margin:0;color:var(--muted);font-size:16.5px;line-height:1.5}
.tgp-dan{margin:14px 0 4px;padding:14px 16px;border:1px solid var(--line,#D8DDE6);border-left:4px solid var(--accent,#2448FF);border-radius:10px;background:var(--surface,#fff)}.tgp-dan p{margin:0 0 8px;font-size:16px;line-height:1.55}.tgp-dan .tgp-arts{margin:0}
.tgp-3d-q{width:120px;height:120px;border-radius:24px;background-color:#EAF0FF;box-shadow:0 8px 25px rgba(43,76,255,.16)}
.tgp-askq .tgp-q{margin:0 0 6px;gap:0;display:block;min-width:0}
.tgp-askq .tgp-q+.tgp-q{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.tgp-askq .tgp-q legend{font-size:19px;line-height:1.35;padding:0;margin-bottom:12px}
.tgp-qlabel{display:block;margin:0 0 10px;font-size:16.5px;font-weight:700;color:var(--ink)}
.tgp-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tgp-pick{min-height:60px;padding:14px 13px;border:1.5px solid #BFCBE6;border-radius:10px;background:#F7F9FF;color:#17213A;font:600 16px/1.35 var(--body);text-align:left;cursor:pointer}
.tgp-pick:hover{border-color:var(--accent)}
.tgp-pick:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tgp-pick[aria-pressed="true"]{background:#EDF1FF;border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-deep)}
.tgp-pick[aria-pressed="true"]::before{content:"✓";margin-right:8px;font-weight:700}
.tgp-or{display:flex;align-items:center;gap:14px;margin:22px 0 18px;color:#5B6880;font-size:15px;font-weight:600}
.tgp-or::before,.tgp-or::after{content:"";flex:1;height:1px;background:#D9DFEB}
.tgp .tgp-own{display:block;min-height:92px;resize:vertical;border:2px solid #8396C6;border-radius:10px;padding:14px 16px;font-size:17px;line-height:1.45}
.tgp .tgp-own::placeholder{color:#667189;opacity:1}
.tgp .tgp-own:focus{border-color:var(--accent);outline:3px solid #DFE5FF;outline-offset:0}
.tgp-hint{margin:10px 0 0;color:#5B6880;font-size:14.5px}
.tgp-qactions{margin-top:22px;gap:10px 18px}
.tgp-qactions .btn{min-height:52px}
.tgp-qactions .btn[disabled]{background:#AEB9D6;cursor:not-allowed;opacity:1}
.tgp-qstatus{min-height:24px;margin:12px 0 0;color:#34503A;font-size:15px}
/* Thẻ mục tiêu gọn */
.tgp-goal-c{padding:14px 18px}
.tgp-goal-c>h2{margin:2px 0 4px;font-size:18px;line-height:1.4}
.tgp-goal-more{margin:6px 0 0}
.tgp-goal-more>summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:15px;min-height:32px;display:flex;align-items:center}
.tgp-goal-more>summary:focus-visible{outline:3px solid var(--hi);outline-offset:2px}
.tgp-goal-in{padding-top:6px}
.tgp-goal-c .tgp-actions{margin-top:4px}
/* Kết quả: vùng lớn ở đầu */
.tgp-res{padding:0;border:0;border-left:0;background:transparent;scroll-margin-top:84px}
.tgp-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center;min-height:250px;padding:30px 34px;border:2px solid var(--accent);border-radius:20px;background:linear-gradient(125deg,#EEF2FF 0%,#fff 65%);box-shadow:0 16px 42px rgba(34,67,156,.11)}
.tgp-hero::after{content:"";position:absolute;right:20px;top:50%;width:200px;height:200px;margin-top:-100px;border-radius:50%;background:#DCE5FF;filter:blur(5px)}
.tgp-hero-t{position:relative;z-index:1;min-width:0}
.tgp-hero .tgp-kicker{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800}
.tgp-hero .tgp-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent)}
.tgp-res .tgp-hero h2{margin:12px 0 10px;font-size:clamp(30px,4.6vw,44px);line-height:1.1;letter-spacing:-.02em;max-width:700px}
.tgp-hero .tgp-lead-line{margin:0;max-width:650px;color:#354365;font-size:clamp(18px,2.1vw,21px);line-height:1.45}
.tgp-3d-h{position:relative;z-index:1;justify-self:center;width:160px;height:160px;filter:drop-shadow(0 15px 18px rgba(31,55,157,.22))}
.tgp-hero-s{min-height:0;padding:24px 28px;grid-template-columns:minmax(0,1fr) 110px;margin-bottom:14px}
.tgp-hero-s::after{width:130px;height:130px;margin-top:-65px;right:14px}
.tgp-res .tgp-hero-s h2{font-size:clamp(25px,3.4vw,32px);margin:10px 0 8px}
.tgp-hero-s .tgp-lead-line{font-size:16.5px}
.tgp-3d-s{position:relative;z-index:1;justify-self:center;width:100px;height:100px;filter:drop-shadow(0 10px 12px rgba(31,55,157,.2))}
.tgp-hero .tgp-ai{font-size:18px;line-height:1.6;margin-top:10px}
.tgp-hero .tgp-ai:focus{outline:none}
.tgp-res>.tgp-advice{margin:14px 0 0;border:1px solid #C7D5F5;background:#fff}
.tgp-res .tgp-first{display:flex;gap:15px;align-items:center;margin:16px 0 0;padding:18px 22px;border:0;border-radius:13px;background:var(--accent);color:#fff}
.tgp-res .tgp-first .tgp-ico{width:34px;height:34px}
.tgp-res .tgp-first h3{margin:0 0 2px;font-size:14.5px;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.tgp-res .tgp-first-step{margin:0;font-size:18px;font-weight:600;line-height:1.4}
.tgp-res .tgp-sample{margin:14px 0 0;background:#fff;border:1px solid #C7D5F5;border-style:solid}
.tgp-res .tgp-tiles-h{margin:26px 0 12px;font-size:21px;line-height:1.25}
.tgp-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tgp-tiles:has(.tgp-tile:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.tgp-tiles:has(.tgp-tile:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.tgp-tile{min-height:120px;padding:18px;background:#fff;border:1px solid #D8E1F3;border-radius:13px}
.tgp-tile-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--accent-deep)}
.tgp-tile-top b{font-size:14px}
.tgp-tile p{margin:0;font-size:17px;font-weight:700;line-height:1.4}
.tgp-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px;margin-top:18px}
.tgp-navbtn{min-height:58px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1.5px solid #BECAEA;border-radius:11px;background:#fff;color:var(--accent-deep);font:700 16px/1.3 var(--body);text-align:left;cursor:pointer}
.tgp-navbtn:hover{border-color:var(--accent);background:#EEF2FF}
.tgp-navbtn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tgp-support{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tgp-res .tgp-support>.tgp-detail{min-width:0}
.tgp-res .tgp-arts li{grid-template-columns:minmax(0,1fr)}
.tgp-res .tgp-support>.tgp-detail{margin:0;padding:16px 20px;border:1px solid #D8E1F3;border-radius:12px;background:#fff;scroll-margin-top:84px}
.tgp-res .tgp-support>.tgp-detail>summary{gap:11px;color:var(--accent-deep);font-size:17.5px;font-weight:700;list-style:none;min-height:36px}
.tgp-res .tgp-support>.tgp-detail>summary::-webkit-details-marker{display:none}
.tgp-res .tgp-support>.tgp-detail>summary::after{content:"";margin-left:auto;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);flex:none}
.tgp-res .tgp-support>.tgp-detail[open]>summary::after{transform:rotate(-135deg)}
.tgp-res .tgp-support>.tgp-detail[open]>summary{margin-bottom:10px}
.tgp-res .tgp-support .tgp-trial ol{margin:6px 0 12px;padding-left:24px;line-height:1.55}
.tgp-res .tgp-support .tgp-trial li+li{margin-top:7px}
.tgp-res .tgp-support .tgp-opt{background:var(--soft)}
.tgp-askbox{display:flex;gap:17px;margin:22px 0 0;padding:20px 22px;border:1px solid #CEDAF2;border-left:1px solid #CEDAF2;border-radius:13px;background:#fff}
.tgp-askbox h3{margin:0 0 6px;font-size:19px}
.tgp-askbox ul{margin:0 0 8px;padding-left:20px}
.tgp-3d-a{width:64px;height:64px}
/* Sau khi thử: nằm dưới, nhẹ hơn kết quả */
.tgp-fb-box{border-top:1px solid #D6DEEE;padding-top:16px;min-width:0}
.tgp-fb-d>summary{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;color:#3D4E6D;font-size:16px;font-weight:700;list-style:none}
.tgp-fb-d>summary::-webkit-details-marker{display:none}
.tgp-fb-d>summary:focus-visible{outline:3px solid var(--hi);outline-offset:2px}
.tgp-fb-in{max-width:640px;padding:12px 0 0 34px}
.tgp-fb-q{margin:0 0 10px;font-weight:700}
.tgp-fb-in .tgp-chip{min-height:40px;padding:8px 14px;border:1.5px solid #ADBCDD;border-radius:9px;font-size:15px;font-weight:700}
.tgp-fb-in [data-tgp-fb-panel]{margin-top:10px}
.tgp-tiep{border-color:#C7D5F5}
@media (max-width:720px){
  .tgp-askq{padding:20px 16px}
  .tgp-qhead{grid-template-columns:minmax(0,1fr) 72px;gap:10px;margin-bottom:18px}
  .tgp-3d-q{width:72px;height:72px;border-radius:16px}
  .tgp-picks{grid-template-columns:minmax(0,1fr)}
  .tgp-pick{min-height:50px}
  .tgp-qactions .btn{width:100%;justify-content:center}
  .tgp-hero{grid-template-columns:minmax(0,1fr) 80px;min-height:0;padding:20px 16px;gap:6px}
  .tgp-hero::after{width:100px;height:100px;margin-top:-50px;right:2px}
  .tgp-3d-h{width:76px;height:76px}
  .tgp-res .tgp-hero h2{font-size:28px}
  .tgp-hero .tgp-lead-line{font-size:17px}
  .tgp-hero-s{grid-template-columns:minmax(0,1fr) 64px;padding:18px 16px}
  .tgp-3d-s{width:60px;height:60px}
  .tgp-hero .tgp-ai{font-size:17px}
  .tgp-res .tgp-first{padding:15px 16px;gap:12px}
  .tgp-res .tgp-first-step{font-size:16.5px}
  .tgp-tiles,.tgp-tiles:has(.tgp-tile){grid-template-columns:minmax(0,1fr)}
  .tgp-tile{min-height:0;padding:14px 16px}
  .tgp-tile-top{margin-bottom:6px}
  .tgp-nav{grid-template-columns:minmax(0,1fr)}
  .tgp-res .tgp-support>.tgp-detail{padding:14px 16px}
  .tgp-askbox{padding:16px}
  .tgp-askbox .tgp-3d-a{display:none}
  .tgp-fb-in{padding-left:0}
}
@media (max-width:379px){.tgp-res .tgp-hero h2{font-size:25px}.tgp-qhead h2{font-size:23px}}

/* v0.9.92: luồng dễ theo. Sau khi gửi, phần đầu thu thành một dòng "Việc của bạn" kèm Sửa; dải trạng thái nằm ngay trên vùng đang cần chú ý. */
.tgp-top{scroll-margin-top:56px}
.tgp-mine{display:none}
.tgp-top.is-sent:not(.is-editing) .tgp-mine{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--pill);background:#fff}
.tgp-mine-t{flex:1;min-width:0}
.tgp-mine-k{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.tgp-mine-v{margin:2px 0 0;font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tgp-mine-s{margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tgp-mine-edit{flex:none;min-height:44px;min-width:64px;padding:6px 16px;border:1.5px solid #BECAEA;border-radius:9px;background:#fff;color:var(--accent-deep);font:700 15px/1.2 var(--body);cursor:pointer}
.tgp-mine-edit:hover{border-color:var(--accent);background:#EEF2FF}
.tgp-mine-edit:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tgp-mine-edit[disabled]{opacity:.55;cursor:progress}
.tgp-top.is-sent h1,.tgp-top.is-sent .tgp-lead,.tgp-top.is-sent .tgp-vd,.tgp-top.is-sent .tgp-flow{display:none}
.tgp-top.is-sent .tgp-top-in{padding-top:14px;padding-bottom:14px}
.tgp-top.is-sent:not(.is-editing) .tgp-form{padding:0;border:0;background:transparent;margin:0}
.tgp-top.is-sent:not(.is-editing) .tgp-form>*:not(.tgp-note){display:none}
.tgp-top.is-sent:not(.is-editing) .tgp-form:not(:has(.tgp-note:not([hidden]))){display:none}
.tgp-top.is-editing .tgp-benefit{display:none}
.tgp-mine-cancel{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:14.5px}
.tgp-mine-cancel[hidden]{display:none}
.tgp-prog{scroll-margin-top:68px;display:grid;gap:8px;padding:12px 16px;border:1px solid #D8E1F3;border-radius:12px;background:#F7F9FF}
.tgp-prog-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.tgp-prog-steps li{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;line-height:1.2;color:var(--muted)}
.tgp-prog-steps li+li::before{content:"";flex:none;width:18px;height:2px;margin-right:1px;background:#C7D5F5}
.tgp-prog-dot{flex:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;border:2px solid #BECAEA;background:#fff;color:var(--muted)}
.tgp-prog-steps .is-xong{color:var(--ink)}
.tgp-prog-steps .is-xong .tgp-prog-dot{border-color:var(--accent);background:#EEF2FF;color:var(--accent-deep)}
.tgp-prog-steps .is-dang{color:var(--accent-deep)}
.tgp-prog-steps .is-dang .tgp-prog-dot{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px rgba(43,76,255,.16)}
.tgp-prog-now{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink)}
.tgp-prog-now span{color:var(--muted)}
.tgp-prog[data-loi] .tgp-prog-now b{color:#A32020}
.tgp-navbtn.is-main{border-color:var(--accent);background:var(--accent);color:#fff}
.tgp-navbtn.is-main:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
@media (max-width:720px){
  .tgp-top.is-sent:not(.is-editing) .tgp-mine{padding:12px 14px;gap:10px}
  .tgp-mine-v{font-size:16px}
  .tgp-prog{padding:10px 12px}
  .tgp-prog-steps li{font-size:14px}
  .tgp-prog-steps li+li::before{width:10px}
  .tgp-prog-steps li:not(.is-dang) .tgp-prog-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tgp-prog-now{font-size:15px}
  .tgp-dang-lam .thao-btn{padding:0 6px}
  .tgp-dang-lam .thao-btn>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* v0.9.92: chỉnh tiếp ngay dưới đầu ra, bản mới nhất là bản chính */
.tgp-goal-adj{margin:8px 0 0;padding:8px 12px;border-left:4px solid var(--accent);background:#EEF2FF;border-radius:0 8px 8px 0;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere}
.tgp-goal-adj[hidden]{display:none}
.tgp-edit{margin:14px 0 0;padding:14px 16px;border:1px solid #C7D5F5;border-radius:12px;background:#fff;display:grid;gap:8px}
.tgp-edit label{font-weight:700;font-size:16.5px;color:var(--ink)}
.tgp-edit label span{font-weight:400;color:var(--muted);font-size:14.5px}
.tgp-edit-chips{display:flex;flex-wrap:wrap;gap:8px}
.tgp-edit-chips .tgp-chip{min-height:40px;padding:6px 14px;border:1.5px solid #ADBCDD;border-radius:9px;font-size:15px;font-weight:700;background:#F7F9FF}
.tgp-hist{margin-top:12px}
.tgp-old{margin:4px 0 10px;padding:10px 12px;border:1px dashed #C7D5F5;border-radius:8px;background:#FAFBFF;font:400 15px/1.5 var(--body);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
.tgp-res .tgp-hist{padding:12px 16px;border:1px solid #D8E1F3;border-radius:12px;background:#fff}
.tgp-mine-link{-webkit-line-clamp:3;color:var(--ink)}

/* ---------- Thạo 3D theo trạng thái (tấm 45 khung, tải sau). Chưa tải xong thì các quy tắc dưới đây không áp dụng và trang giữ hình cũ. ---------- */
.t3d-on .tgp-3d{position:relative;background-image:url(/assets/thao/thao-net-t-3d-v2.webp);background-size:900% 500%;cursor:pointer}
.t3d-on .tgp-thao [data-tgp-face]{display:none}
.tgp-thao .t3d-top{position:absolute;inset:0;width:100%;height:100%}
.t3d-on .tgp-status-ring .tgp-status-face{display:none}
.t3d-busy{width:44px;height:44px;cursor:default}
.t3d-err{float:left;width:56px;height:56px;margin:0 12px 4px 0;cursor:default}
.t3d-hint{margin:0;font-size:14.5px;color:var(--accent-deep)}
.t3d-fx{position:absolute;inset:-30% -40%;pointer-events:none;z-index:2}
.t3d-fx svg{position:absolute;width:22%;left:39%;top:30%;opacity:0}
.t3d-fx .t3d-tim{animation:t3dBay 1.25s ease-out forwards}
.t3d-fx .t3d-hon{animation:t3dHon 1.1s ease-out forwards}
.t3d-fx .t3d-sao{animation:t3dSao .8s ease-out forwards}
.t3d-fx .t3d-ho{position:absolute;left:24%;top:44%;transform-origin:100% 50%;white-space:nowrap;font:800 clamp(16px,2.2vw,22px)/1 var(--display);color:var(--ink);background:var(--hi);padding:6px 12px;border-radius:4px;box-shadow:3px 3px 0 var(--ink);opacity:0;animation:t3dHo 1.5s cubic-bezier(.2,1.4,.4,1) forwards}
.tgp-3d.t3d-jump{animation:t3dNhay .62s cubic-bezier(.3,.7,.3,1)}
.tgp-3d.t3d-jump2{animation:t3dNhay2 .9s cubic-bezier(.3,.7,.3,1)}
[data-t3d-mo]>*{animation:t3dMo .5s both cubic-bezier(.2,.8,.2,1)}
[data-t3d-mo]>*:nth-child(2){animation-delay:.1s}[data-t3d-mo]>*:nth-child(3){animation-delay:.2s}[data-t3d-mo]>*:nth-child(4){animation-delay:.3s}[data-t3d-mo]>*:nth-child(n+5){animation-delay:.4s}
@keyframes t3dBay{0%{opacity:0;transform:translate(0,10%) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx,0%),-150%) scale(1.15) rotate(var(--rt,0deg))}}
@keyframes t3dHon{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(-260%,-120%) scale(1.3) rotate(-18deg)}}
@keyframes t3dSao{0%{opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(.2) rotate(0)}40%{opacity:1}100%{opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(1.1) rotate(90deg)}}
@keyframes t3dHo{0%{opacity:0;transform:translate(var(--hx0,-30%),var(--hy0,40%)) rotate(-12deg) scale(.3)}22%{opacity:1;transform:translate(var(--hx,-84%),var(--hy,-34%)) rotate(-12deg) scale(1.12)}34%{transform:translate(var(--hx,-84%),var(--hy1,-28%)) rotate(-10deg) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(var(--hx2,-98%),var(--hy2,-56%)) rotate(-10deg) scale(1)}}
@keyframes t3dNhay{0%{transform:translateY(0) scale(1,1)}18%{transform:translateY(4%) scale(1.08,.9)}48%{transform:translateY(-22%) scale(.95,1.07)}78%{transform:translateY(0) scale(1.06,.93)}100%{transform:none}}
@keyframes t3dNhay2{0%{transform:none}14%{transform:translateY(5%) scale(1.1,.88)}40%{transform:translateY(-26%) scale(.94,1.08) rotate(-6deg)}62%{transform:translateY(-22%) scale(.96,1.05) rotate(6deg)}84%{transform:translateY(0) scale(1.07,.92)}100%{transform:none}}
@keyframes t3dMo{0%{opacity:0;clip-path:inset(0 0 100% 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}
.t3d-busy .t3d-fx .t3d-ho,.t3d-err .t3d-fx .t3d-ho{top:80%;transform-origin:0 0;--hx0:0%;--hx:-10%;--hx2:-14%;--hy0:-60%;--hy:18%;--hy1:12%;--hy2:30%}
@media (max-width:1100px){.tgp-thao .t3d-fx .t3d-ho{top:80%;transform-origin:0 0;--hx0:0%;--hx:-10%;--hx2:-14%;--hy0:-60%;--hy:18%;--hy1:12%;--hy2:30%}}
@media (max-width:720px){.t3d-busy{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.t3d-fx{display:none}.tgp-3d.t3d-jump,.tgp-3d.t3d-jump2,[data-t3d-mo]>*{animation:none}}

/* ---------- Màn bắt đầu: một Thạo chính cạnh lời mở đầu, chữ gọn, ba ví dụ sát ô nhập ---------- */
.tgp-hello{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.tgp-thao{position:relative;display:block;flex:none;width:136px;height:136px}
.tgp-thao::before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(36,72,255,.20),rgba(36,72,255,0))}
.tgp-thao [data-tgp-face]{position:relative;display:block;width:100%;height:100%;opacity:0;animation:tgpFace .01s 1.4s forwards}
@keyframes tgpFace{to{opacity:1}}
.tgp-hello-t{display:grid;gap:6px;min-width:0}
.tgp-id{font-size:14px;font-weight:600;letter-spacing:.02em;min-height:22px}
.tgp-id b{color:var(--accent)}
.tgp-id [data-t3d-say] b{color:var(--ink)}
.tgp-top .tgp-hello h1{margin:0;font-size:clamp(27px,4vw,40px)}
.tgp-hello .tgp-lead{margin:0;font-size:17.5px}
.tgp-eg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.tgp-eg-l{font-size:14px;font-weight:600;color:var(--muted)}
.tgp-eg-b{min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:600 14.5px/1.3 var(--body);cursor:pointer}
.tgp-eg-b:hover{border-color:var(--accent);color:var(--accent-deep)}
.tgp-eg-b:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tgp-top .tgp-more{border-top:0;padding-top:0}
.tgp-top .tgp-more summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px 8px 12px;border:1.5px solid #BECAEA;border-radius:9px;background:#fff;color:var(--accent-deep);font:700 15px/1.25 var(--body);list-style:none}
.tgp-top .tgp-more summary::-webkit-details-marker{display:none}
.tgp-top .tgp-more summary::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 10px no-repeat,var(--accent);transition:transform .15s}
.tgp-top .tgp-more[open] summary::before{transform:rotate(45deg)}
.tgp-top .tgp-more summary:hover{border-color:var(--accent);background:#EEF2FF}
.tgp-top .tgp-more[open] summary{margin-bottom:6px}
.tgp-more-opt{font-weight:500;font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.tgp-top .tgp-more summary::before{transition:none}}
.tgp-who{color:var(--accent-deep);font-weight:600;font-size:.92em;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.tgp-who:hover{color:var(--accent)}
.tgp-who:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}
.tgp-top.is-sent .tgp-hello,.tgp-top.is-sent .tgp-eg{display:none}
.tgp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:8px}
.tgp-foot .tgp-share{margin:0}
.tgp-foot .share-row{margin:0}
.tgp-foot .share-btn{min-height:32px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-weight:400;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.tgp-foot .share-btn:hover{background:transparent;color:var(--ink)}
.tgp-foot .share-btn .ic{width:16px;height:16px}
@media (max-width:900px){.tgp-eg-b{min-height:44px}}
@media (max-width:720px){.tgp-hello{gap:12px}.tgp-thao{width:88px;height:88px}.tgp-hello .tgp-lead{font-size:16px}}
@media (max-width:379px){.tgp-thao{width:72px;height:72px}.tgp-top .tgp-hello h1{font-size:24px}.tgp-hello .tgp-lead{font-size:15px}.tgp-id{font-size:13px}}
@media (prefers-reduced-motion:reduce){.tgp-thao [data-tgp-face]{animation-delay:.6s}}
/* Đợt A: trả lời ngắn câu người dùng hỏi, kiểm số câu trên bản thật, bàn giao cho công cụ, giữ tạm trong tab, lỗi gắn với ô. */
.tgp-goal-quick{margin:8px 0 0;padding:8px 12px;border-left:4px solid #1F7A4D;background:#ECF7F0;border-radius:0 8px 8px 0;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere}
.tgp-kiem{margin:8px 0 0;padding:6px 10px;border-radius:8px;background:#ECF7F0;color:#14532D;font-size:15px;line-height:1.45}
.tgp-kiem.is-chua{background:#FEF3F2;color:#912018}
.tgp-kiem .tgp-kiem-k{font-weight:700}
.tgp-kiem[hidden]{display:none}
.tgp-handoff{margin:14px 0 0;padding:12px 14px;border:1px solid #C7D5F5;border-radius:10px;background:#fff}
.tgp-handoff-l{margin:6px 0 10px;padding-left:20px}
.tgp-handoff-l li{margin:4px 0;overflow-wrap:anywhere}
.tgp-handoff label{display:block;font-weight:700;margin:6px 0 4px}
.tgp-handoff textarea{width:100%;font:inherit;font-size:16px;line-height:1.5;padding:10px 12px;border:1px solid #8A94A6;border-radius:8px;background:#fff;color:var(--ink);resize:vertical}
.tgp-guide[open] > summary{font-weight:700}
.tgp-new{display:flex;flex-direction:column;align-items:center;gap:6px}
.tgp-new p{margin:0}
.tgp-tam{max-width:62ch;font-size:14.5px;line-height:1.45;color:#4A5468;text-align:center}
.tgp-tam-mo{margin:0 0 10px;padding:8px 12px;border-radius:8px;background:#EEF2FF;font-size:15px;line-height:1.45}
.tgp-ke-err{margin:6px 0 0;color:#B42318;font-weight:700;font-size:15px}
.tgp-ke-err[hidden]{display:none}
#tgp-viec[aria-invalid="true"],.tgp-ke input[aria-invalid="true"]{border-color:#B42318;box-shadow:0 0 0 1px #B42318}
.tgp-arts .tgp-art-why{display:block}
@media (max-width:430px){.tgp-handoff{padding:10px 12px}.tgp-tam{text-align:left}}
/* Nhóm 19: vòng focus cho hình Thạo bấm được (trên nền trắng lẫn nền màu). */
.t3d-on .tgp-3d[role="button"]:focus-visible{outline:3px solid #10131A;outline-offset:3px;box-shadow:0 0 0 6px #fff;border-radius:12px}
/* Khung kết quả dùng chung: tên, công dụng, trạng thái thật, hoàn thiện ngay tại đây, sao chép theo loại nội dung */
.tgp-dr{margin:16px 0 4px}
.tgp-dr-st{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:#E7F6EC;color:#1B6B3A;font-size:13.5px;font-weight:700;line-height:1.5}
.tgp-dr.is-chua .tgp-dr-st{background:#FFF4D6;color:#7A4B00}
.tgp-dr-ten{margin:0 0 4px;font-size:18px;line-height:1.35}
.tgp-dr-dung{margin:0 0 10px;color:var(--muted);font-size:15px}
.tgp-dr textarea{width:100%;box-sizing:border-box}
.tgp-dr-thieu p{margin:8px 0 0;font-size:14.5px}
.tgp-dr-act{margin-top:10px}
.tgp-dr-form{display:grid;gap:6px;margin:12px 0 0;padding:14px 16px;border:1px solid #F1D48A;border-radius:var(--pill);background:#FFFBEF}
.tgp-dr-form .tgp-sub-h{margin:0}
.tgp-dr-form label{font-weight:700;font-size:14.5px;margin-top:4px}
.tgp-dr-form input{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--rb);font:inherit;font-size:16px}
.tgp-dr-form input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.tgp-first-note{margin:6px 0 0;font-size:14px;opacity:.9}
.tgp-res .tgp-first .tgp-first-go{margin:10px 0 0}
.tgp-res .tgp-first .btn-hi:focus-visible{outline:3px solid #fff;outline-offset:2px}
.tgp-prog-steps li.is-mot-phan .tgp-prog-dot{background:#FFF4D6;color:#7A4B00;border-color:#E5B54A}
@media (max-width:720px){.tgp-dr-act .btn{width:100%;justify-content:center}.tgp-dr-form .btn{width:100%;justify-content:center}}
/* RV-802/803 (10/10/2026): mục tiêu doanh nghiệp ở màn đầu, viền ô nhập rõ hơn, lối "Chưa biết / Ước lượng" trong câu hỏi làm rõ. */
.tgp-form textarea,.tgp-form select{border-color:#7F8AA3}
.tgp-mt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 4px}
.tgp-mt-l{flex-basis:100%;font-weight:700;font-size:15px}
.tgp-mt-l span{font-weight:400;color:var(--muted);font-size:14px}
.tgp-mt-b{min-height:44px;padding:8px 15px;border:1px solid #7F8AA3;border-radius:999px;background:#fff;color:var(--ink);font:600 14.5px/1.3 var(--body);cursor:pointer}
.tgp-mt-b:hover{border-color:var(--accent);color:var(--accent-deep,#1733C9)}
.tgp-mt-b[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.tgp-mt-b:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tgp-mt-note{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink);background:#F2F4FA;border-left:3px solid var(--accent);padding:8px 12px;border-radius:4px}
.tgp-hoc{margin:6px 0 0;font-size:14.5px}
.tgp-pick-cb,.tgp-pick-ul{border-style:dashed}
@media (max-width:420px){.tgp-mt{gap:6px}.tgp-mt-b{padding:8px 12px;font-size:14px}}
.tgp-form.co-mt #tgp-vd-list{display:none}
.tgp-hoc{margin:10px 0 0}
/* thao-bang 11/10/2026: đầu ra dạng bảng hiện thành bảng thật */
.tgp-bang-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:4px 0 0;border:1px solid var(--line);border-radius:10px;background:#fff}
.tgp-bang-wrap:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tgp-bang{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content;font-size:15px;line-height:1.45}
.tgp-bang th,.tgp-bang td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line);max-width:240px;white-space:normal;min-width:84px}
.tgp-bang th:last-child,.tgp-bang td:last-child{border-right:0}
.tgp-bang tbody tr:last-child td{border-bottom:0}
.tgp-bang thead th{background:#E8EDFF;color:#1733C9;font-weight:700;font-size:14px;position:sticky;top:0}
.tgp-bang tr.is-trong td{height:40px}
.tgp-bang th:first-child,.tgp-bang td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 var(--line)}
.tgp-bang thead th:first-child{background:#E8EDFF;z-index:2}
.tgp-bang tbody tr:nth-child(even) td{background:#F7F8FB}
.tgp-bang td.is-so{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tgp-bang-cuon{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
@media (min-width:760px){.tgp-bang-cuon{display:none}}
.tgp-bang-ghi p{margin:8px 0 0;font-size:15px}
.tgp-bang-ghi .tgp-bang-li{padding-left:14px;position:relative}
.tgp-bang-ghi .tgp-bang-li::before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--muted)}
.tgp-bang-sua{margin:12px 0 0}
.tgp-bang-sua>summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--accent-deep,#1733C9);min-height:44px;display:flex;align-items:center}
.tgp-bang-sua textarea{margin-top:6px}
.tgp-bang-k{margin:10px 0 12px}
.tgp-bang-act{margin-top:10px}
.tgp-dr.is-bang .tgp-dr-act,.tgp-bang-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tgp-dr.is-bang .tgp-copy-status,.tgp-bang-act .tgp-copy-status{flex-basis:100%}
@media (max-width:560px){.tgp-dr.is-bang .tgp-dr-act .btn,.tgp-bang-act .btn{width:100%;justify-content:center}}
/* thao-bang: chỗ trong ngoặc vuông cần người dùng điền */
mark.tgp-ph{background:#FFE9A8;color:#5C3A00;padding:1px 4px;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:600}
.tgp-dr-thieu mark.tgp-ph{display:inline-block;margin:2px 4px 2px 0;font-weight:600}