.hand-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sorting-video-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#003f26;border-radius:8px;text-align:center;padding:16px}
.sorting-video-placeholder>span{font-size:56px;line-height:1}
.sorting-video-placeholder p{margin:0;font-size:20px}
.hand-choices .module{min-height:230px;gap:18px}
.hand-choices .module-heading{display:flex;gap:16px;align-items:center;font-size:26px}
.hand-choices .number{font-size:26px;padding:0;border:0}
.hand-lessons>.back{margin-top:30px}
.sorting-exercise .progress{width:100%;margin:16px 0 24px}
.sorting-exercise h1{font-size:clamp(28px,4vw,44px)}
.sorting-exercise h2{font-size:22px;display:flex;justify-content:space-between;gap:12px}
.sorting-rule{line-height:1.8}.sorting-rule span{white-space:nowrap}
.sorting-rule .sorting-suit.black{color:#111}
.sorting-rule .sorting-suit.red{color:#d00000}
.sort-zone{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 0;min-height:156px;border:2px dashed #ffffffa0;border-radius:12px;padding:16px 8px;margin-bottom:22px;position:relative}
.sort-card{width:80px;flex:0 0 80px;padding:0;border:0;background:transparent;position:relative;touch-action:none;cursor:grab;border-radius:4px}
.sort-card img{display:block;width:100%;height:auto;object-fit:contain;transform:none;pointer-events:none}
.sort-card[aria-pressed=true]{outline:4px solid #ffe480;outline-offset:2px}
.sort-card:disabled{cursor:default}.sort-card.is-dragging{opacity:.35}
.sort-slot{width:12px;flex:0 0 12px;height:120px;padding:0;border:0;border-radius:4px;background:transparent;color:#fff}
.sort-slot span{opacity:0}.has-selection .sort-slot:not(:disabled){background:#ffffff28}
.has-selection .sort-slot span{opacity:1}.sort-slot.drop-here{background:#ffe480;outline:2px solid #ffe480}
.sort-zone:has(.sort-empty){min-height:156px}.sort-empty{align-self:center;padding:12px;pointer-events:none}
.sort-drag-ghost{position:fixed;width:80px;padding:0;border:0;background:transparent;pointer-events:none;z-index:9999;opacity:.9}
.sort-drag-ghost img{width:100%;height:auto;display:block}
#sort-check:disabled{opacity:.5;cursor:default}#sort-feedback{font-size:20px;max-width:800px}
.sorting-exercise>.back{margin-top:30px}.sorting-exercise #sort-bottom-section{margin-top:28px}
@media(max-width:700px){.hand-choices{grid-template-columns:1fr}.sort-card{width:68px;flex-basis:68px}.sort-slot{height:102px;width:16px;flex-basis:16px}.sort-zone{padding:12px 2px;min-height:132px}.sort-drag-ghost{width:68px}.sorting-exercise .actions{flex-direction:column}.sorting-exercise .actions button{width:100%}}

/* Alla 13 kort på samma rad (bredare skärmar): korten krymper något om det behövs */
@media(min-width:861px){
.sort-zone{flex-wrap:nowrap}
.sort-card{flex:1 1 0;width:auto;min-width:0;max-width:80px}
.sort-slot{flex:0 0 clamp(8px,1vw,12px);width:auto;height:auto;align-self:stretch;min-height:60px}
}

/* Steg 1 har tre delar (A, B, C): tre kort på rad på bredare skärmar */
@media(min-width:901px){.hand-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}