.practice{max-width:720px;margin:auto;padding-bottom:30px}.practice .question{font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.35;margin:20px 0}.practice-options{display:grid;gap:10px;margin:22px 0}.practice-option{display:flex;align-items:center;text-align:left;gap:16px;min-height:62px;background:#fff;border:2px solid #dce2ef;border-radius:15px;padding:12px 16px;color:#27375a;box-shadow:0 3px 0 #e4e8f1}.practice-option>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#edf0fa;color:#5266bb;font-weight:800}.practice-option.selected{background:#eef0ff;border-color:#6674cf}.practice-option.correct{border-color:#629980;background:#eff8f2}.practice-option:disabled{opacity:1}.practice-option:disabled:not(.correct){color:#69748d}.practice .content-name{overflow-wrap:anywhere}.practice-diagram{display:block;width:100%;max-width:340px;height:130px;margin:auto}.practice-groups{display:flex;justify-content:center;gap:28px;margin:20px 0;text-align:center}.practice-token{display:inline-flex;width:42px;height:46px;align-items:center;justify-content:center}.practice-token svg{width:40px;height:40px}.practice-summary{display:grid;gap:12px;padding:24px;border-radius:20px;background:#edf2fb;font-size:1.15rem;margin:20px 0}.practice .dock{position:static;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.practice .feedback{margin-top:18px}.practice p{line-height:1.55}@media(max-width:500px){.practice .question{margin-top:14px}.practice .content-name{font-size:1rem}.practice-option{min-height:58px}.practice-groups{gap:12px}.practice .dock button{flex:1}.practice-token{width:35px}}
.practice-option:hover,.practice-option:active{transform:none}.curriculum-lesson .practice-options{width:100%}.curriculum-lesson:has([data-geometry-option]) #geo-board{max-width:290px}@media(max-width:500px){.curriculum-lesson:has([data-geometry-option]) #geo-board{max-width:240px}.curriculum-lesson:has([data-geometry-option]) .question{font-size:21px}.practice .question{letter-spacing:-.6px}}
.curriculum-lesson:has([data-geometry-option]) .practice-options{margin:6px 0;grid-template-columns:1fr 1fr;gap:10px}.curriculum-lesson:has([data-geometry-option]) .practice-option{padding:10px;gap:9px;font-size:14px}.curriculum-lesson:has([data-geometry-option]) .exercise{gap:12px}.curriculum-lesson:has([data-geometry-option]) .question{margin:18px auto}.curriculum-lesson:has([data-geometry-option]) #geo-board text[font-size="10"]{font-size:14px}