/* Reversible clear-control study: removing this sheet restores the original text inset. */
.question-row { --question-start:23px; }
/* Extend the44px target into the existing gutter, keeping an8px glyph/text gap. */
#question-clear { position:absolute; top:50%; left:-21px; transform:translateY(-50%); display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:inherit; opacity:.4; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:opacity .2s ease; }
#question-clear svg { width:8px; height:8px; justify-self:end; margin-right:8px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
#question-clear:is(:hover,:focus-visible) { opacity:1; }
#question-clear:focus-visible { outline:1px solid currentColor; outline-offset:-6px; }
/* Percentage centering follows the field's own height animation with no second clock. */
@media(prefers-reduced-motion:reduce) { #question-clear { transition:none; } }