/* Practice charts reuse the reviewed numerical colours, handles and table controls. */
.numerical-control{min-width:0;position:relative}
.practice-numerical-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;margin-bottom:var(--space-8)}
.practice-numerical-toolbar .numerical-chart-tools{justify-content:flex-start;flex-wrap:wrap;min-height:0}
.practice-numerical-toolbar .numerical-icon{margin-bottom:0}
.numerical-precision{display:flex;align-items:end;gap:var(--space-12);flex-wrap:wrap;padding:var(--space-12);margin-bottom:var(--space-12);border-radius:var(--radius-input);background:var(--surface-light)}
.numerical-precision label{display:grid;gap:var(--space-4);font-size:var(--text-meta-size);min-width:0}
.numerical-precision input{width:160px;max-width:100%;font-size:16px}
.practice-chart-unit{text-align:center;color:var(--text-secondary);font-size:var(--text-meta-size);margin:0 0 var(--space-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.practice-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8) var(--space-16);font-size:var(--text-meta-size);color:var(--text-secondary);margin:var(--space-8) 0 var(--space-16)}
.practice-chart-legend span{display:inline-flex;align-items:center;gap:var(--space-6)}
.practice-chart-legend i{display:inline-block;width:12px;height:12px;border-radius:var(--radius-badge)}
.numerical-control .control-hint{margin-bottom:var(--space-8)}
.numerical-control .numerical-canvas>svg{font-size:12px}
.practice-bonus-rules{padding-left:var(--space-20);margin:0 0 var(--space-16);font-size:var(--text-meta-size);color:var(--text-secondary)}
.numerical-control .numerical-tabs button{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-8) var(--space-4)}
.practice-person-tick{font-weight:700}
.numerical-control .numerical-facts{font-size:var(--text-meta-size)}
.numerical-control .numerical-choices{margin-bottom:var(--space-12)}
.numerical-control[data-locked=true] .numerical-handle{cursor:default}
.numerical-control[data-locked=true] .numerical-canvas>svg{touch-action:pan-y}
@media(max-width:640px){.numerical-control .numerical-canvas>svg{font-size:20px}.numerical-control .numerical-canvas .numerical-percent{font-size:18px}.numerical-control .numerical-tabs button{font-size:12px}.practice-chart-legend{gap:var(--space-8)}.numerical-control .numerical-choices button{font-size:12px}}
.numerical-control .numerical-icon:disabled:hover{background:#1d3d6a}