.dc-lesson{color:#123651;max-width:1100px;margin:auto}.dc-lesson h1{font-size:clamp(20px,3vw,28px);margin:4px;text-align:center}.dc-controls,.dc-tabs,.dc-navigation{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;margin:7px 0}.dc-lesson button,.dc-lesson select,.dc-lesson input{font:inherit}.dc-tabs [aria-pressed=true]{background:#064bb0!important;color:white!important}.dc-board{border:2px solid #456c8b;border-radius:16px;padding:10px;background:white}.dc-caption{padding:9px;margin:0 0 10px;background:#fff0af;border:1px solid #a65d00;border-radius:9px;font-weight:800;text-align:center;min-height:44px}.dc-pair{display:flex;gap:20px;justify-content:center;align-items:center;font-size:clamp(28px,5vw,46px);font-weight:900;margin:16px 0}.dc-pair bdi:first-child{color:#0058ad}.dc-pair bdi:last-child{color:#ad0755}.dc-table{margin:15px auto;max-width:900px}.dc-head,.dc-row{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px}.dc-head span{font-size:13px;font-weight:800;text-align:center;align-content:center;min-height:40px}.dc-row span{position:relative;text-align:center;font-size:clamp(24px,5vw,42px);font-weight:900;min-height:64px;align-content:center;background:#e8f1fc;border:2px solid #8ba2bb;border-radius:8px;margin:4px 0}.dc-row .dc-added{border-style:dashed;color:#864900;background:#fff3bc}.dc-row .dc-equal{background:#ffe16c;border-color:#8b6000;color:#493200}.dc-row .dc-greater{background:#0058ad;border-color:#002f65;color:white}.dc-row .dc-less{background:#b20b54;border-color:#700332;color:white}.dc-boundary{border-right:4px solid #152f4b!important}.dc-boundary:after{content:'٫';position:absolute;right:-6px;bottom:0;color:#152f4b;background:white;font-size:22px;z-index:1}.dc-note{text-align:center;font-weight:700;margin:10px 0;color:#4c365c}.dc-cards,.dc-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:18px 0}.dc-cards button{background:#075bb7;color:white;border:3px solid #003a78;border-radius:12px;padding:12px 4px;font-size:clamp(22px,3vw,32px);font-weight:900;cursor:pointer;position:relative;z-index:2}.dc-cards .dc-used{visibility:hidden}.dc-slots>div{min-height:78px;border:2px dashed #47617b;background:#eaf7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;font-size:clamp(22px,3vw,32px);font-weight:900}.dc-slots small{position:absolute;top:0;right:5px;font-size:13px}.dc-question{border:3px solid #ad5700;background:#fff0bd;padding:12px;border-radius:12px;text-align:center}.dc-choices{display:flex;justify-content:center;gap:15px;margin:8px}.dc-choices button{background:#075bb7;color:white;border:2px solid #003569;font-size:34px;min-width:64px;border-radius:8px;cursor:pointer}.dc-feedback{color:#923700;font-weight:800;text-align:center;min-height:24px}.dc-lesson form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dc-lesson form input{max-width:100%;width:300px}.dc-lesson form small{flex-basis:100%}.dc-lesson [hidden]{display:none!important}.dc-lesson button:disabled{cursor:not-allowed;opacity:.5}.dc-lesson button:focus-visible{outline:4px solid #ef9700;outline-offset:3px}@media(max-width:500px){.dc-board{padding:6px}.dc-head span{font-size:10px;overflow-wrap:anywhere}.dc-row span{min-height:50px}.dc-pair{gap:9px;font-size:26px}.dc-cards,.dc-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-navigation{gap:4px}}
.dc-cards .dc-used{visibility:visible!important;text-decoration:line-through;text-decoration-thickness:3px;background:#e2e6eb!important;color:#596471!important;border-color:#929ca7!important;opacity:1!important}
.dc-cards button{animation:none!important;transition:background-color .25s,color .25s,border-color .25s;overflow:visible}
.dc-cards button:disabled:not(.dc-used){opacity:1}
.dc-cards .dc-excluded{background:#edf0f4!important;color:#596471!important;border-color:#a3adba!important}
.dc-cards .dc-candidate{border-color:#b96e00!important;background:#fff0b4!important;color:#173d62!important}
.dc-cards .dc-selected{border-color:#006446!important;background:#cbf8e4!important;color:#004c36!important;box-shadow:0 0 0 2px #009b68}
.dc-digit-focus{background:#ffce29;color:#342000;outline:2px solid #985700;border-radius:3px}
.dc-sort-reason{min-height:3em;margin:6px 0;padding:6px;border:1px solid #b77800;border-radius:8px;background:#fff2be;color:#583600;font-weight:800;text-align:center}
.dc-cards,.dc-slots{margin:10px 0;gap:6px}.dc-cards button{padding:10px 2px;font-size:clamp(18px,2.8vw,30px);white-space:nowrap}
.dc-slots .dc-filled{border-style:solid;border-color:#007254;background:#dbf9ec;color:#004d38}
.dc-lesson .dc-sort-reason{font-size:15px;line-height:1.5;min-height:3em}
.dc-lesson .dc-sort-direction{font-size:14px;margin:6px 0}
.dc-stage:has(.dc-cards) .dc-note{font-size:13px;line-height:1.4;margin:6px 0}
.dc-stage:has(.dc-cards) .dc-slots>div{min-height:54px}
@media(prefers-reduced-motion:reduce){.dc-cards button{transition:none}}