/* EGIP beginner pronunciation lab, deliberately scoped. */
#practiceView .practice-header{padding-bottom:16px}
#practiceView .practice-intro{max-width:850px;color:#65796b;line-height:1.9;font-size:13px}
#practiceView .practice-notice{border-left:3px solid #a5895d;background:#fcf9f1;padding:13px 17px;margin:18px 0 23px;border-radius:0 9px 9px 0;color:#6b685b;font-size:12px;line-height:1.85}
.practice-steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.practice-steps button{border:1px solid #d4e1d7;color:#385a49;background:#fff;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:700}
.practice-steps button[aria-pressed="true"]{color:white;background:#254d3d;border-color:#254d3d}
.practice-stage{border-radius:16px;background:#fff;border:1px solid #e3e9e1;padding:clamp(18px,3vw,34px);box-shadow:0 4px 25px rgba(12,39,27,.035)}
.practice-progress{display:flex;justify-content:space-between;gap:12px;color:#74857b;font-size:12px;font-weight:700;flex-wrap:wrap}
.practice-meter{height:7px;background:#e9ede7;border-radius:9px;overflow:hidden;margin:12px 0 20px}
.practice-meter>div{background:#3d866c;height:100%;width:0;transition:width .2s}
.practice-big{display:flex;justify-content:center;align-items:center;gap:20px;min-height:152px;flex-wrap:wrap}
.practice-glyph{font-size:clamp(65px,12vw,110px);font-family:var(--serif);line-height:1.2;font-weight:700;color:#1c4c3b}
.practice-glyph.is-pair{font-size:clamp(45px,8vw,74px)}
.practice-vs{font-size:20px;color:#a2ad9e}
.practice-name{text-align:center;color:#537464;font-size:15px;margin:3px 0 14px}
.practice-guide{background:#f4f7f1;border-radius:12px;padding:20px;display:grid;gap:12px}
.practice-guide strong{color:#254c3b}
.practice-guide p{margin:0;color:#526c5d;font-size:14px;line-height:1.9}
.practice-guide .practice-label{color:#9b8054;font-size:11px;letter-spacing:.4px;font-weight:800}
.practice-egip{padding:14px 16px;border-radius:9px;background:#faf7f0;border:1px solid #efe7d8;margin-top:12px;font-size:12px;line-height:1.85;color:#6d5e47}
.practice-egip b{display:block;margin-bottom:3px}
.practice-actions{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}
.practice-actions button,.practice-score-actions button,.practice-nav button{border:1px solid #cddbd0;border-radius:9px;background:white;color:#245540;padding:11px 14px;font-size:12px;font-weight:700}
.practice-actions button:first-child{background:#224c3b;color:white;border-color:#224c3b}
.practice-actions button:disabled,.practice-nav button:disabled{opacity:.45;cursor:default}
.practice-status{font-size:12px;color:#677b6c;min-height:26px;line-height:1.7}
.practice-recording{color:#9e4235;font-weight:700}
.practice-score-block{margin-top:20px;padding-top:20px;border-top:1px solid #e9eee8}
.practice-score-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.practice-score-actions button[aria-pressed="true"]{background:#e0efdf;border-color:#70a180}
.practice-nav{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}
.practice-summary{margin-top:22px;background:#edf4ee;border-radius:12px;padding:18px;color:#345b46;font-size:13px;line-height:1.9}
.practice-summary strong{font-size:19px}
.practice-summary span{display:block;color:#788a7c;font-size:11px}
.practice-bottom{font-size:12px;line-height:1.85;color:#77877a;margin:17px 0}
.practice-link{border:0;background:transparent;text-decoration:underline;color:#245840;font-size:12px;cursor:pointer}
@media(max-width:630px){.side-nav{min-width:0;max-width:calc(100vw - 160px);overflow-x:auto;scrollbar-width:thin;flex:1;justify-content:flex-end}.side-nav .nav-link{flex:0 0 38px;width:38px}.brand{flex-shrink:0}.practice-actions button{flex:1 0 40%}.practice-stage{padding:17px}.practice-nav button{padding:10px 12px}}