/* 共用表格與按鈕沿用 site.css。 */
#hp-root,.hp-card{min-width:0}.hp-card{margin:1rem 0}.hp-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;margin:12px 0}.hp-scroll table{margin:0;min-width:560px}.hp-scroll th,.hp-scroll td{white-space:nowrap;text-align:right}.hp-scroll th:first-child{text-align:left}.hp-scroll small{display:block;color:var(--muted)}.hp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.hp-stats>div{background:var(--soft);border-radius:10px;padding:14px;min-width:0}.hp-stats span,.hp-stats strong,.hp-stats small{display:block}.hp-stats strong{font-size:clamp(1.3rem,4vw,2rem);color:var(--brand);font-variant-numeric:tabular-nums}.hp-stats small{color:var(--muted)}.hp-ranges{display:flex;flex-wrap:wrap;gap:6px}.hp-ranges .btn[aria-pressed=true]{background:var(--brand);color:#fff}.hp-chart{border:1px solid var(--line);border-radius:10px;overflow:hidden;touch-action:pan-y}.hp-chart svg{display:block;width:100%;height:auto}.hp-chart:focus-visible{outline:3px solid #93b4ff}.hp-readout{background:var(--soft);padding:10px;border-radius:8px;min-height:3em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.hp-card .hint{overflow-wrap:anywhere}.hp-card details{margin-top:12px}.hp-card summary{cursor:pointer;min-height:44px} @media(min-width:900px){.hp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:360px){.hp-stats{grid-template-columns:1fr}}