body.roots-locked> :not(#root-practice):not(script){display:none!important}
#root-practice{position:fixed;inset:0;overflow-y:auto;background:#f7f8fb;color:#23334d;font:16px 'DM Sans',Arial,sans-serif;z-index:200}
#root-practice .roots-top{position:static;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px max(24px,calc((100vw - 1120px)/2));background:white;border-bottom:1px solid #e1e6ee;pointer-events:auto}
#root-practice .roots-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.5px}
#root-practice .roots-book{display:grid;place-items:center;width:42px;height:42px;background:#e9edff;border-radius:12px;color:#5266c4;font-size:26px}
#root-practice .roots-course{font-size:14px;color:#718096}
#root-practice .roots-content{max-width:1120px;margin:0 auto;padding:48px 24px 32px}
#root-practice .roots-kicker{font-size:12px;color:#6273bd;letter-spacing:1.8px;font-weight:700;text-transform:uppercase}
#root-practice h1{font:600 clamp(32px,4vw,46px)/1.15 Georgia,serif;letter-spacing:-1px;color:#263650;margin:14px 0}
#root-practice .roots-intro{font-size:17px;color:#718096;line-height:1.7;margin:0 0 32px;max-width:640px}
#root-practice .roots-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start}
#root-practice .roots-card{background:#fff;border:1px solid #e0e5ee;border-radius:18px;padding:28px;box-shadow:0 4px 16px #25334d04}
#root-practice .roots-card h2{font:700 20px 'DM Sans',Arial,sans-serif;letter-spacing:-.4px;margin:0 0 8px}
#root-practice .roots-card p{font-size:15px;color:#718096;margin:0;line-height:1.6}
#root-practice .roots-quiz-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:24px}
#root-practice .roots-pill{padding:7px 11px;border-radius:20px;background:#edf0fc;color:#5e70b8;font-size:12px;font-weight:600;white-space:nowrap}
#root-practice .roots-question{padding:22px;background:#f5f6fb;border-radius:12px;margin-bottom:20px}
#root-practice .roots-question p{font-size:16px;color:#43506b}
#root-practice #roots-word{display:block;color:#25334e;font:500 34px Georgia,serif;margin:8px 0 12px}
#root-practice #roots-prompt{font-size:16px;color:#43506b;line-height:1.6}
#root-practice #roots-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
#root-practice .roots-option{border:1px solid #dce2ee;border-radius:10px;background:white;padding:15px;text-align:left;color:#3f4e69;font-size:16px;min-height:54px}
#root-practice .roots-option:hover:not(:disabled){background:#f0f2fc;border-color:#9eabd9}
#root-practice .roots-option:disabled{opacity:1}
#root-practice .roots-option.correct{background:#edf7ef;border-color:#80b68b;color:#316940}
#root-practice .roots-option.incorrect{background:#fff0ed;border-color:#d69b90;color:#a45648}
#root-practice #roots-feedback{min-height:62px;margin:18px 0 0;color:#4c5f76;font-size:15px}
#root-practice .roots-quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
#root-practice #roots-score{font-size:14px;color:#7c889b}
#root-practice #roots-next{padding:12px 17px;border-radius:9px;background:#5e70bf;color:white;font-size:15px;font-weight:600}
#root-practice #roots-next:disabled{background:#edf0f7;color:#8d98af;opacity:1}
#root-practice label{display:block;font-size:13px;color:#718096;margin:22px 0 8px}
#root-practice #roots-search{display:block;width:100%;border:1px solid #dce2ed;border-radius:9px;background:#fafbfd;padding:12px 14px;color:#344765;font-size:16px;height:46px}
#root-practice #roots-library{display:grid;gap:0;margin-top:12px}
#root-practice .roots-entry{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f5}
#root-practice .roots-entry:last-child{border-bottom:0}
#root-practice .roots-entry strong{color:#5265ad;font-size:18px}
#root-practice .roots-entry b{font-size:15px;font-weight:600;color:#3c4c66}
#root-practice .roots-entry small{display:block;margin-top:4px;color:#8a95a7;font-size:13px}
#root-practice .roots-empty{padding:20px 0;color:#7d879c}
#root-practice .roots-footer{margin-top:30px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#8d98a9}
#root-practice button:focus-visible,#root-practice input:focus-visible{outline:3px solid #9dabdf;outline-offset:3px}
@media(max-width:780px){#root-practice .roots-columns{grid-template-columns:1fr}#root-practice .roots-content{padding:28px 20px}#root-practice .roots-top{padding:18px 20px}#root-practice .roots-course{font-size:12px}#root-practice .roots-card{padding:22px}#root-practice .roots-footer{flex-direction:column;gap:8px}}
