.practice-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 34px;margin:4px 0 22px;border-radius:20px;background:linear-gradient(120deg,#e5f8ee,#fff6df 62%,#efe9ff);overflow:hidden}.practice-hero h2{font-size:28px;color:#123f30;margin:8px 0}.practice-hero p{color:#4f7064;line-height:1.65;max-width:760px}.practice-loop{width:112px;height:112px;border:10px solid #c8ead9;border-top-color:#08794f;border-radius:50%;display:grid;place-items:center;position:relative;font-size:25px;color:#08794f;flex:0 0 auto}.practice-loop span{position:absolute;text-align:center;font-size:12px;line-height:1.25;font-weight:700;color:#315c4c}.practice-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.practice-levels button{border:1px solid #d9e9e2;background:#fff;border-radius:13px;padding:14px;text-align:left;color:#315d4d;min-width:0}.practice-levels strong{display:block;font-size:21px;color:#10543b}.practice-levels span{display:block;font-size:11px;line-height:1.35;margin-top:5px}.practice-levels button.active{border-color:#14885e;background:#e7f8ef;box-shadow:0 0 0 2px #14885e22}.practice-road{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}.practice-road button{display:flex;align-items:center;gap:8px;min-width:max-content;border:1px solid #dce8e3;background:#fff;border-radius:12px;padding:10px 12px;color:#587266}.practice-road button small{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eff5f2;font-weight:800}.practice-road button span{font-weight:650}.practice-road button.active{background:#08794f;color:#fff;border-color:#08794f}.practice-road button.active small{background:#fff;color:#08794f}.practice-road i{color:#9db3aa;font-style:normal}.practice-work{padding:30px;margin-top:10px}.practice-work-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.practice-work-head h2{margin:10px 0 0;font-size:25px;color:#183e31}.practice-work-head>span{font-size:13px;color:#668177;background:#f1f6f4;padding:8px 11px;border-radius:20px}.practice-progress{height:6px;background:#e7efeb;border-radius:8px;margin:22px 0 30px;overflow:hidden}.practice-progress i{display:block;height:100%;background:linear-gradient(90deg,#08794f,#34b884);transition:width .3s}.practice-question{max-width:850px;margin:auto}.practice-prompt{font-size:22px;line-height:1.55;color:#183e31;font-weight:700;margin-bottom:22px}.practice-answers{display:grid;gap:12px;margin-bottom:20px}.practice-answers label{display:flex;align-items:center;gap:14px;padding:17px;border:2px solid #e2ece7;border-radius:13px;cursor:pointer}.practice-answers label:has(input:checked){border-color:#12865d;background:#edfaf3}.practice-answers input{accent-color:#08794f}.practice-answers span{width:30px;height:30px;display:grid;place-items:center;background:#eaf3ef;border-radius:8px;font-size:12px;font-weight:800}.practice-question textarea{width:100%;border:2px solid #dbe8e2;border-radius:13px;padding:16px;font:inherit;line-height:1.65;resize:vertical}.practice-tip{font-size:13px;color:#668177;line-height:1.55}.practice-question>.actions{margin-top:18px}.practice-feedback{padding:18px 20px;border-radius:13px;margin-top:20px;background:#fff5db;border-left:5px solid #e7a71d;animation:question-in .25s ease both}.practice-feedback.correct{background:#e5f8ed;border-left-color:#14925f}.practice-feedback strong{color:#164f3a}.practice-feedback p{margin:7px 0 0;line-height:1.65;color:#46675a;white-space:pre-wrap}.practice-nav{display:flex;justify-content:space-between;gap:12px;margin-top:35px;padding-top:22px;border-top:1px solid #e4ece8}.practice-nav .btn[disabled]{opacity:.4;cursor:not-allowed}@media(max-width:1100px){.practice-levels{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.practice-hero{padding:24px}.practice-loop{display:none}.practice-levels{grid-template-columns:repeat(2,1fr)}.practice-work{padding:20px}.practice-prompt{font-size:19px}.practice-nav{flex-wrap:wrap}.practice-nav .btn{flex:1;min-width:125px}.practice-road i{display:none}}