.hy-connection-text{font-size:22px;line-height:2.35;color:#000;overflow-wrap:anywhere}
.hy-slot{display:inline-flex;align-items:center;vertical-align:middle;justify-content:center;min-height:44px;min-width:105px;max-width:100%;padding:5px 12px;margin:3px 5px;background:#f5efe8;border:1px dashed #9c6114;border-radius:6px;color:#664515;font-family:inherit;font-size:17px;font-weight:600;line-height:1.3;cursor:pointer;white-space:normal;text-align:center}
.hy-slot.filled{border-style:solid;background:#fff}.hy-slot.correct{background:#edf7ef;border-color:#287442;color:#19562d}.hy-slot.incorrect{background:#fff0ed;border-color:#b33f32;color:#852b23}
.hy-tokens{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.hy-token{min-height:44px;padding:9px 15px;border:1px solid #9c6114;border-radius:6px;background:#fff;color:#664515;font:inherit;font-weight:600;cursor:grab;max-width:100%;overflow-wrap:anywhere}.hy-token.selected{background:#9c6114;color:#fff}.hy-token.placed{opacity:.55}.hy-token:focus-visible,.hy-slot:focus-visible{outline:2px solid #664515;outline-offset:3px}.hy-token:disabled,.hy-slot:disabled{cursor:default;opacity:1}
.hy-hint{color:#000;margin:12px 0 18px}.hy-exercise .option{min-height:48px}.hy-exercise .options{margin:18px 0}.hy-comparison .hy-connection-text{font-size:19px}.hy-exercise .feedback p,.hy-exercise .hy-note{color:#000}
@media(max-width:650px){.hy-connection-text{font-size:19px;line-height:2.4}.hy-slot{font-size:16px;min-width:85px;margin:3px}.hy-tokens{gap:8px}.hy-token{padding:10px 12px;font-size:16px}}