.reaction-drill{padding:clamp(16px,3vw,26px);border:1px solid #98aba9;border-radius:14px;background:#f4f8f5;color:#102a2f;min-width:0}
.reaction-drill h2{margin:0 0 12px;font-size:clamp(22px,3vw,30px);line-height:1.2}
.reaction-drill p,.reaction-drill li{font-size:16px;line-height:1.5}
.reaction-drill a{color:#174a52;text-decoration:underline;overflow-wrap:anywhere}
.reaction-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.reaction-drill [hidden]{display:none}
.reaction-actions button{min-height:44px;padding:8px 12px;border:1px solid #244b50;border-radius:7px;background:#fff;color:#102a2f;font:inherit;touch-action:manipulation}
.reaction-actions button:disabled{opacity:.58}
.reaction-drill :focus-visible{outline:3px solid #12566a;outline-offset:3px}
[data-reaction-cue]{min-height:52px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:2px solid #244b50;border-radius:8px;background:#fff;font-weight:700}
[data-reaction-cue][data-shape]::before{content:"";display:block;width:24px;height:24px;flex:none;background:#123c50}
[data-reaction-cue][data-shape="circle"]::before{border-radius:50%}
[data-reaction-cue][data-shape="triangle"]::before{clip-path:polygon(50% 0,0 100%,100% 100%)}