| .choice { | |
| min-height: 44px; | |
| color: var(--dd-ink); | |
| background: var(--dd-paper); | |
| border-color: var(--dd-line); | |
| } | |
| /* Keep legacy label-hover styles out of this white-canvas answer control. */ | |
| .choice:hover { | |
| color: var(--dd-ink); | |
| background: var(--dd-sunk); | |
| } | |
| .selected { | |
| background: var(--dd-sunk); | |
| border-color: var(--dd-ink); | |
| } | |
| /* The label owns the 44px hit area; the native radio stays compact. */ | |
| .choice input[type="radio"] { | |
| width: 16px; | |
| height: 16px; | |
| min-width: 16px; | |
| min-height: 16px; | |
| margin: 0; | |
| } | |