/* Canonical action controls. Loaded after structural CSS; edit this file for shared sizes/alignment. */
:root{--control-pad-y:8px;--control-pad-x:12px;--control-touch:44px;--control-answer-touch:52px;--control-tv-touch:64px}

body button:not(.content-speaker):not(.read-aloud-button):not(.question-hint-icon):not(.feedback-close):not(.settings-close){text-align:left!important;padding:var(--control-pad-y) var(--control-pad-x)!important;min-height:var(--control-touch)!important;line-height:1.35}
body .keypad button{ text-align:center!important;min-height:48px!important }
body button svg{flex-shrink:0}
body .home-result-button,body .primary,body .secondary,body .quiet-action{justify-content:flex-start}
body #play #diffPopupActions #next,body.feedback-complete:not(.feedback-open) #play .unified-next-row #next{justify-content:flex-start;text-align:left!important;white-space:normal}
body #play .next-label{white-space:normal;text-align:left}
body #play .next-arrow{margin-left:auto}
body #play .choice,body #play .step{min-height:var(--control-answer-touch)!important;text-align:left!important}
body .home-grid .tile{min-height:var(--control-tv-touch)!important}
body.tv-mode #play .choice,body.tv-mode #play .step,body.tv-mode .home-grid .tile{min-height:var(--control-tv-touch)!important}
body summary{text-align:left}

/* Graded routine rows must override selected/disabled button styling. */
body #play #answer .step.order-step-correct{
 --button-bg:#d8f4e3;--button-hover:#d8f4e3;--button-ink:#155333;--button-edge:#16834d;--button-shadow:#b4d8bf;
 background:#d8f4e3!important;color:#155333!important;border-color:#16834d!important;
}
body #play #answer .step.order-step-wrong{
 --button-bg:#fce6e2;--button-hover:#fce6e2;--button-ink:#882e25;--button-edge:#b84b3c;--button-shadow:#e4c0b8;
 background:#fce6e2!important;color:#882e25!important;border-color:#b84b3c!important;
}
body #play #answer .order-step-correct .order-correct-number{background:#d5f1df;border-color:#16834d;color:#075d32}
body #play #answer .order-step-wrong .order-correct-number{background:#f8d8d2;border-color:#b84b3c;color:#882e25}