/* Recursos exclusivos del ordenador alfabético. */
.sort-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px 28px;align-items:start}
.sort-workspace h2{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin:0 0 15px}
.sort-workspace .eyebrow{margin:0 0 13px}
.sort-source{grid-column:1;grid-row:1;position:static;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;min-width:0}
.sort-options{grid-column:1;grid-row:2;background:#fff;padding:26px;border:1px solid var(--line);border-radius:24px;min-width:0}
.sort-result{grid-column:2;grid-row:1 / span 2;position:sticky;top:110px;max-height:calc(100dvh - 130px);overflow-y:auto;scrollbar-gutter:stable;background:#eaf0dc;border:1px solid #cad7bb;border-radius:26px;padding:28px;min-width:0}
.sort-workspace textarea{display:block;min-width:0;width:100%;min-height:245px;padding:18px;border:1px solid #b7c7b0;border-radius:15px;font-size:18px;line-height:1.7;background:#fbfcf9;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
.sort-workspace #sort-output{min-height:330px;background:#fff;font-size:20px}
.sort-workspace .editor-actions{gap:6px}.sort-workspace .editor-actions .button{min-height:44px;font-size:12px;padding:10px 12px}
.sort-meta{font-size:12px;color:var(--ink-soft);line-height:1.8;margin:12px 0}
.sort-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}
.sort-selects>div{min-width:0}.sort-selects>div:first-child{grid-column:1/-1}
.sort-selects label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}
.sort-selects select{width:100%;min-width:0;min-height:48px;font-size:16px;padding:10px;border:1px solid #b7c7b0;border-radius:12px;background:#fbfcf9}
.sort-selects select:focus-visible{outline:3px solid #3d7265;outline-offset:4px}
.sort-checks{padding:0;margin:22px 0 10px;border:0;min-width:0}.sort-checks legend{font-size:13px;font-weight:650;margin-bottom:10px}
.sort-checks label{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.7;min-height:46px;padding:9px 0;cursor:pointer}
.sort-checks input{width:18px;height:18px;flex:0 0 auto;margin:0}
.sort-options-help,.sort-rule{font-size:12px;line-height:1.9;color:var(--ink-soft)}
#sort-reset{padding-left:0;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.sort-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.sort-result-header h2{margin:0}.sort-stamp{display:grid;place-items:center;flex-shrink:0;background:var(--lime);border-radius:18px;width:58px;height:70px;font-size:22px;line-height:1.2;font-family:Georgia,serif;transform:rotate(4deg)}
.sort-result-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.sort-result-actions .button{min-height:48px;font-size:15px;white-space:normal}.sort-result-actions .button-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.sort-rule{border-top:1px solid #cbd7bb;padding-top:17px;margin-bottom:0}
.sort-static{font:18px/1.8 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}
.sort-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sort-example-grid>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}.sort-example-grid>div:last-child{background:#edf3df}.sort-example-grid h3{font:650 14px/1.5 var(--font);margin:0 0 12px}.sort-example-grid pre{font:17px/1.9 var(--font);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.sort-controls,.sort-mobile-jump{display:none}.sort-ready .sort-controls{display:block}.sort-ready .sort-fallback,.sort-ready .sort-static{display:none}
@media(max-width:880px){.sort-workspace{grid-template-columns:1fr}.sort-source{grid-row:1}.sort-result{grid-column:1;grid-row:3;position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}.sort-options{grid-row:2}.sort-workspace #sort-output{min-height:245px}.sort-ready .sort-mobile-jump{display:flex;align-items:center;min-height:44px;margin-top:15px;font-size:13px;font-weight:600}}
@media(max-width:480px){.sort-source,.sort-result,.sort-options{padding:21px 18px;border-radius:21px}.sort-workspace h2{font-size:21px}.sort-selects{grid-template-columns:1fr}.sort-workspace textarea{min-height:215px;font-size:17px}.sort-workspace #sort-output{font-size:19px}.sort-example-grid{grid-template-columns:1fr}.sort-example-grid>div{padding:20px}}
@media(prefers-reduced-motion:reduce){.sort-stamp{transform:none}}