/* Công cụ GD&T: tính sai lệch vị trí và tra 14 ký hiệu. Miền dung sai: xanh dương; miền vuông ±: cam; đạt: xanh lá; không đạt: đỏ */
.gdt-sym,.gdt-frame{display:inline-block;color:inherit}
.gdt-frame text{font-family:inherit}

.wgdt{display:flex;flex-direction:column;gap:12px;text-align:left;font-variant-numeric:tabular-nums}
.wgdt p{margin:0}
.wgdt>section{display:flex;flex-direction:column;gap:12px}
.wgdt>.chips{padding:0;flex-wrap:wrap;overflow:visible}
.wgdt .chip{min-height:44px}
.wgdt .chips .chip:focus-visible,.wgdt button:focus-visible,.wgdt input:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}

/* ô nhập */
.wgdt-form{display:flex;flex-direction:column;gap:10px}
.wgdt-f{margin:0!important;min-width:0}
.wgdt-f>span:first-child{line-height:1.25;min-height:17px}
.wgdt-f span span{display:inline;margin:0;font-size:inherit}
.wgdt-f .wgdt-in{display:flex;gap:6px;margin:0;font-weight:400}
.wgdt-f input{min-width:0;flex:1;font-size:17px;font-weight:650}
.wgdt-f input::placeholder{color:var(--muted);opacity:.55;font-weight:400}
.wgdt-f input.bad{border-color:var(--bad);background:var(--bad-l)}
.wgdt-neg{flex:none;width:46px;height:48px;border:1.5px solid var(--line);border-radius:12px;background:var(--soft);font-size:19px;font-weight:700;color:var(--ink);padding:0}
.wgdt-neg:active{background:var(--line)}
.wgdt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.wgdt-seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--soft);border:1px solid var(--line);border-radius:14px}
.wgdt-seg button{min-height:44px;border:0;background:none;border-radius:11px;font-weight:650;font-size:14px;line-height:1.2;color:var(--muted);padding:4px 6px}
.wgdt-seg button.on{background:var(--card);color:var(--pri-d);box-shadow:var(--shadow)}
.wgdt-chk{border:0!important;padding:6px 0 2px!important;font-size:15px;min-height:44px;align-items:center!important;cursor:pointer}
.wgdt-chk input{margin-top:0!important}
.wgdt [data-mmcbox]{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px dashed var(--line);border-radius:var(--r-s);background:var(--soft)}
.wgdt-act{justify-content:flex-end;margin-top:2px}
.wgdt-act .btn{min-height:44px}

/* kết quả */
.wgdt-res{display:flex;flex-direction:column;gap:10px}
.wgdt-verdict{border-radius:var(--r-s);padding:10px 12px;background:var(--soft);border-left:5px solid var(--muted);display:flex;flex-direction:column;gap:2px}
.wgdt-verdict b{font-size:19px;line-height:1.25}
.wgdt-verdict span{font-size:14.5px}
.wgdt-verdict.ok{background:var(--ok-l);border-color:var(--ok)} .wgdt-verdict.ok b{color:var(--ok)}
.wgdt-verdict.bad{background:var(--bad-l);border-color:var(--bad)} .wgdt-verdict.bad b{color:var(--bad)}
.wgdt-tgbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:4px}
.wgdt-tg{display:block;width:100%;max-width:380px;height:auto;margin:0 auto}
.wgdt-tg text{font-family:inherit}
.wgdt-tg .ax{stroke:var(--muted);stroke-width:.8;stroke-dasharray:9 3 2 3;opacity:.7}
.wgdt-tg .axl{font-size:11px;fill:var(--muted)}
.wgdt-tg .zt{fill:var(--blue-l);stroke:var(--blue);stroke-width:1.8}
.wgdt-tg .zb{fill:var(--ok-l);stroke:var(--ok);stroke-width:1.5;stroke-dasharray:6 4}
.wgdt-tg .zs{fill:var(--warn-l);fill-opacity:.75;stroke:var(--warn);stroke-width:1.5;stroke-dasharray:4 3}
.wgdt-tg .c0{stroke:var(--ink);stroke-width:1.5;fill:none}
.wgdt-tg .leg{stroke:var(--muted);stroke-width:1.1;fill:none;stroke-dasharray:3 3}
.wgdt-tg .rad{stroke:var(--ink);stroke-width:1.6}
.wgdt-tg .pt{fill:var(--ink);stroke:#fff;stroke-width:1.6}
.wgdt-tg .rad.ok{stroke:var(--ok)} .wgdt-tg .pt.ok{fill:var(--ok)}
.wgdt-tg .rad.bad{stroke:var(--bad)} .wgdt-tg .pt.bad{fill:var(--bad)}
.wgdt-tg .lb{font-size:12px;font-weight:650;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.wgdt-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:14px}
.wgdt-leg:empty{display:none}
.wgdt-leg li{display:flex;align-items:center;gap:8px}
.wgdt-leg .k{flex:none;width:16px;height:16px;box-sizing:border-box}
.wgdt-leg .k.zt{border-radius:50%;background:var(--blue-l);border:2px solid var(--blue)}
.wgdt-leg .k.zb{border-radius:50%;background:var(--ok-l);border:2px dashed var(--ok)}
.wgdt-leg .k.zs{background:var(--warn-l);border:2px dashed var(--warn)}
.wgdt-leg .k.pt{width:12px;height:12px;margin:0 2px;border-radius:50%;background:var(--ink)}
.wgdt-leg .k.pt.ok{background:var(--ok)} .wgdt-leg .k.pt.bad{background:var(--bad)}
.wgdt-res .tbl-wrap{margin:0}
.wgdt-res .tbl-wrap:has(tbody:empty){display:none}
.wgdt-kv{width:100%;border-collapse:collapse;font-size:15px}
.wgdt-kv td:last-child{text-align:right;white-space:nowrap;vertical-align:middle}
.wgdt-how:empty{display:none}
.wgdt-warn{color:var(--bad);font-weight:650}

/* tra 14 ký hiệu */
.wgdt [data-sec="list"] .chips{padding:0 0 2px;flex-wrap:wrap;overflow:visible}
.wgdt-count{margin:-4px 2px!important}
.wgdt-list{display:grid;gap:10px}
@media(min-width:700px){.wgdt-list{grid-template-columns:1fr 1fr}}
.wgdt-it{display:flex;gap:12px;align-items:flex-start;padding:12px}
.wgdt-ic{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.wgdt-tx{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.wgdt-tx h3{margin:0;font-size:16.5px;line-height:1.25}
.wgdt-tx h3+.small{margin-top:-5px}
.wgdt-tx p{font-size:14.5px;line-height:1.45}
.wgdt-pills{display:flex;flex-wrap:wrap;gap:6px}
.wgdt-ex{color:var(--muted);font-size:13.5px!important}
.wgdt-ex .gdt-frame{color:var(--ink);margin-left:4px}

@media(max-width:359px){.wgdt-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wgdt *{transition:none!important;animation:none!important}}