/* Readability corrections retain the current colours, components and content. */
@media (min-width:801px){
 .app .question-card{padding-inline:clamp(18px,1.8vw,32px)}
}

/* Keep the result actions visibly separate, including their keyboard outlines. */
.stage1-round-tools>.button-row+.btn{margin-block-start:14px}

@media (max-width:500px){
 /* Short ordering labels fit a compact row; detailed clues keep their full layout. */
 .question-card:has(.order-fixed.short-order[data-count="4"]) .order-picked:not(.detailed-order){grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-block:8px 12px}
 .question-card:has(.order-fixed.short-order[data-count="3"]) .order-picked:not(.detailed-order){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-block:8px 12px}
 .question-card:has(.order-fixed.short-order) .order-picked:not(.detailed-order) .order-slot{min-width:0;gap:4px;padding:6px!important;font-size:.8rem;overflow-wrap:anywhere}
 .question-card .order-fixed.short-order .option{min-height:56px;padding:10px 8px;font-size:1rem}
 .question-card .order-fixed.short-order .option.chosen:has(.order-choice-rank){padding-inline:8px;gap:6px}
 .question-card .order-undo{min-height:44px;margin-block-start:10px}
}