/* Phân tích sâu (B-088/B-089, CONTRACT §55). Dùng token màu và khuôn .pt-* của phan-tich.css. */
.pts-compare{display:inline-flex;align-items:center;gap:8px;margin-top:10px;text-decoration:none;color:var(--ink)}
.pts-compare .ic{width:18px;height:18px}
.pts-lead{margin:0 0 10px;font-size:15px}
.pts-lead b{font-size:17px}
/* bảng thứ hạng: 4 cột vừa 390px */
.pts-rank{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}
.pts-rank th,.pts-rank td{padding:8px 4px;border-top:1px solid var(--rule-2);text-align:right;vertical-align:middle}
.pts-rank thead th{border-top:0;font-weight:500;font-size:12px;color:var(--ink-3)}
.pts-rank th[scope="row"],.pts-rank thead th:first-child{text-align:left;font-weight:500;width:34%}
.pts-rank thead th:nth-child(2){width:30%}
.pts-bar{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.pts-bar span{flex:1;height:8px;background:var(--muted-soft);border-radius:4px;overflow:hidden;min-width:20px}
.pts-bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.pts-rank .num{font-size:15px}
/* so sánh */
.pts-picks{display:grid;gap:8px;margin-top:8px}
.pts-pick{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg);padding:10px 12px}
.pts-ab{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font:700 12px/1 var(--f-ui);flex:none}
.pts-pick>.pts-ab{margin-top:10px}
.pts-chosen{display:grid;gap:2px;min-width:0;padding-top:12px}
.pts-chosen b{font-size:14.5px;line-height:1.35;word-break:break-word}
.pts-chosen small{color:var(--ink-3);font-size:12.5px}
.pts-change{min-height:44px;padding:0 14px}
.pts-find{grid-column:2/-1;min-width:0}
.pts-find input,.pts-frow input,.pts-qrow input{width:100%;min-height:48px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);padding:0 14px;font-size:16px;color:var(--ink)}
.pts-sug{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.pts-sug button{display:grid;gap:2px;width:100%;text-align:left;min-height:48px;padding:8px 12px;border:1px solid var(--rule-2);border-radius:10px;background:var(--sheet-2);color:var(--ink);cursor:pointer}
.pts-sug button:hover,.pts-sug button:focus-visible{border-color:var(--accent)}
.pts-sug b{font-size:14px;word-break:break-word}
.pts-sug small{color:var(--ink-3);font-size:12px}
.pts-none{font-size:13px;color:var(--ink-3);padding:6px 2px}
.pts-guide{margin-top:14px}
.pts-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.pts-cmp{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}
.pts-cmp th,.pts-cmp td{padding:8px 6px;border-top:1px solid var(--rule-2);vertical-align:top;text-align:left;word-break:break-word}
.pts-cmp thead th{border-top:0;font-weight:600;font-size:13px}
.pts-cmp thead th:first-child,.pts-cmp tbody th{width:32%}
.pts-cmp tbody th{font-weight:500;color:var(--ink-2)}
.pts-cmp td small{color:var(--ink-3)}
.pts-cmp a{color:var(--accent)}
.pts-cmp .pts-ab{width:20px;height:20px;font-size:11px;margin-right:4px;vertical-align:-4px}
.pts-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pts-side{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;background:var(--sheet-2);border-radius:var(--r);padding:6px 8px;min-width:0;font-size:12.5px;color:var(--ink-3)}
.pts-side.won{background:var(--accent-soft)}
.pts-side b{color:var(--ink);font-size:14.5px}
.pts-side .pts-ab{width:20px;height:20px;font-size:11px}
.pts-empty{margin:4px 0}
/* giá trúng hàng hoá */
.pts-gform{gap:8px}
.pts-qrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pts-go{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px}
.pts-go .ic{width:18px;height:18px}
.pts-frow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pts-frow label{display:grid;gap:4px;font-size:12.5px;color:var(--ink-3);min-width:0}
.pts-frow input{min-height:44px;font-size:15px}
.pts-range{grid-column:auto;margin:8px 0 4px}
.pts-unit{margin:4px 0 0}
.pts-groups{list-style:none;margin:0;padding:0}
.pts-groups li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;border-top:1px solid var(--rule-2)}
.pts-groups li:first-child{border-top:0}
.pts-groups li>div:first-child{display:grid;gap:2px;min-width:0}
.pts-groups b{word-break:break-word;font-size:14px}
.pts-groups small{color:var(--ink-3);font-size:12px;word-break:break-word}
.pts-gv{text-align:right;display:grid;gap:2px}
.pts-gv b{font-size:15px;white-space:nowrap}
.pts-gname{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:start}
.pts-gname>b:first-child{font-size:14px;line-height:1.4;word-break:break-word}
.pts-gname .num{font-size:15px;white-space:nowrap}
.pts-gname small{font-family:var(--f-ui);font-weight:400;color:var(--ink-3);font-size:11.5px;margin-left:2px}
@media (min-width:760px){
  .pts-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pts-gform{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
}
.pts-why{margin:0;font-size:12.5px;color:var(--ink-2)}
.pts-spec{display:block;font:400 12.5px/1.4 var(--f-ui);color:var(--ink-3);margin:2px 0 0}
.pts-sug button[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft)}

/* Điện thoại: 2 ô chọn liền khối, không viền thẻ, để danh sách chọn sẵn hiện ngay màn đầu (scan A11, 01/11). */
@media (max-width:759px){.pts-picks{gap:6px}.pts-pick{padding:0;border:0;background:none;align-items:center}.pts-pick>.pts-ab{margin-top:0}}