.number-field { min-width: 0; display: grid; align-content: start; gap: .35rem; }
.number-entry { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: stretch; gap: .25rem; }
.number-entry input { width: 100%; min-width: 0; text-align: center; }
.number-entry button { min-width: 44px; min-height: 44px; padding: .5rem; touch-action: none; user-select: none; }
.number-entry button .icon { pointer-events: none; }
.number-help { font-size: .8rem; color: var(--muted); }
.number-help summary { cursor: pointer; width: fit-content; padding: .35rem 0; }
.number-help p { margin: .35rem 0; max-width: 34rem; }