.learning-practice-view{display:grid;width:100%;min-width:0;gap:18px}.learning-practice-view.hidden{display:none}.learning-practice-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--lw-line);border-radius:14px;background:var(--lw-tab)}.learning-practice-tabs button{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:#ffffff7a;color:#285444;text-align:left}.learning-practice-tabs button b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#c9ddd4}.learning-practice-tabs button span,.learning-practice-tabs button small{display:block}.learning-practice-tabs button small{margin-top:2px;color:#577269;font-weight:500}.learning-practice-tabs button.active{border-color:#4e8b75;background:#fff;color:var(--lw-ink);box-shadow:0 4px 12px #10513d1f}.learning-practice-tabs button.active b{background:var(--lw-active);color:#fff}.learning-practice-tabs button:disabled{background:#f2f6f4cc;color:#71857c;cursor:not-allowed}.learning-practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.learning-practice-panel,.learning-practice-history{min-width:0;border:1px solid var(--lw-line);border-radius:14px;background:#fff;box-shadow:0 9px 25px #123b2f16}.learning-practice-panel{padding:24px}.learning-practice-panel>header{margin-bottom:20px}.learning-practice-panel h3,.learning-practice-history h3{margin:2px 0 5px;color:var(--lw-ink);font:700 26px Georgia,serif}.learning-practice-panel header p:not(.eyebrow){margin:0;color:var(--lw-muted);line-height:1.5}.learning-practice-form{display:grid;gap:16px}.learning-practice-form>label,.learning-practice-two label,.learning-practice-question label{display:grid;gap:7px;font-weight:800}.learning-practice-form select,.learning-practice-form input,.learning-practice-question textarea{width:100%;min-width:0;min-height:45px;padding:10px 11px;border:1px solid #8fb2a3;border-radius:9px;background:#fff;color:var(--lw-ink);font:inherit}.learning-practice-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.learning-practice-free{display:grid;gap:3px;padding:14px 16px;border-left:4px solid var(--lw-active);border-radius:10px;background:#edf5f1}.learning-practice-free span{color:var(--lw-muted)}.learning-practice-form>[data-start]{justify-self:end}.learning-practice-form>[data-reason]{margin:0;text-align:right;color:var(--lw-muted);font-size:13px}.learning-practice-empty,.learning-practice-paused{display:grid;place-items:center;align-content:center;min-height:410px;text-align:center}.learning-practice-empty>span,.learning-practice-paused>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#dfeee7;color:var(--lw-active);font-size:26px;font-weight:900}.learning-practice-empty p,.learning-practice-paused p{max-width:620px;color:var(--lw-muted);line-height:1.55}.learning-practice-paused button{min-width:240px;margin-top:8px}.learning-practice-session-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.learning-practice-progress{display:grid;gap:7px;margin-bottom:16px;color:var(--lw-muted)}.learning-practice-progress i{height:7px;border-radius:99px;background:var(--lw-active)}.learning-practice-question{display:grid;gap:13px;padding:30px;border:1px solid #8fb5a5;border-radius:14px;background:#f8fbf9}.learning-practice-question>span,.learning-practice-compare span{color:var(--lw-active);font-size:11px;font-weight:900;letter-spacing:.1em}.learning-practice-question h4,.learning-practice-compare h4{margin:0;color:var(--lw-ink);font:700 26px/1.35 Georgia,serif}.learning-practice-question textarea{resize:vertical;line-height:1.55}.learning-practice-question>small{justify-self:end;color:#547067}.learning-practice-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:16px}.learning-practice-navigation>div{display:flex;justify-content:center;gap:5px;overflow:auto}.learning-practice-navigation>div button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #adc5ba;border-radius:50%;background:#fff;color:#416358;font-weight:800}.learning-practice-navigation>div button.answered{background:#e4f1eb;color:#15543f}.learning-practice-navigation>div button.active{border-color:var(--lw-active);background:var(--lw-active);color:#fff}.learning-practice-submit-hint{margin:10px 0 0;color:var(--lw-muted);font-size:12px;text-align:right}.learning-practice-compare{border:1px solid #91b5a6;border-radius:14px;overflow:hidden}.learning-practice-compare>h4{padding:20px 22px;border-bottom:1px solid var(--lw-line-soft);background:#f8fbf9}.learning-practice-compare>div{display:grid;grid-template-columns:1fr 1fr}.learning-practice-compare section{padding:22px}.learning-practice-compare section+section{border-left:1px solid var(--lw-line-soft);background:#eaf3ef}.learning-practice-compare p{min-height:80px;margin:10px 0 0;white-space:pre-wrap;line-height:1.55}.learning-practice-compare small{display:block;margin-top:12px;color:var(--lw-muted)}.learning-practice-rating{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.learning-practice-rating>p{grid-column:1/-1;margin:0;text-align:center;font-weight:800}.learning-practice-rating button{padding:12px;border:1px solid #9fbbae;border-radius:10px;background:#fff;color:var(--lw-ink);font-weight:800}.learning-practice-rating button:hover{border-color:var(--lw-active);background:#edf5f1}.learning-practice-rating small{display:block;margin-top:3px;color:var(--lw-muted);font-weight:500}.learning-practice-result-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-practice-result-head>strong{display:grid;place-items:center;flex:0 0 96px;height:96px;border-radius:50%;background:var(--lw-active);color:#fff;font:700 28px Georgia,serif}.learning-practice-score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.learning-practice-score div{display:grid;place-items:center;padding:16px;border:1px solid var(--lw-line-soft);border-radius:11px;background:var(--lw-surface-soft)}.learning-practice-score b{font:700 26px Georgia,serif}.learning-practice-score span{color:var(--lw-muted)}.learning-practice-result-list{display:grid;gap:8px}.learning-practice-result-list details{border:1px solid var(--lw-line-soft);border-radius:10px;background:#fbfdfc}.learning-practice-result-list summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;cursor:pointer}.learning-practice-result-list summary>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dceae4;color:#235643;font-weight:800}.learning-practice-result-list summary>b{padding:4px 7px;border-radius:99px;background:#edf3f0;color:#2d5f4c;font-size:11px}.learning-practice-result-list details.partial summary>b{background:#fff2ce;color:#765207}.learning-practice-result-list details.wrong summary>b{background:#fae9e7;color:#96312c}.learning-practice-result-list details>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 13px 13px}.learning-practice-result-list p{margin:0;padding:12px;border-radius:8px;background:#f1f6f3;white-space:pre-wrap}.learning-practice-result-list p strong{display:block;margin-bottom:5px}.learning-practice-result-list small{grid-column:1/-1;color:var(--lw-muted)}.learning-practice-result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.learning-practice-history{position:sticky;top:18px;overflow:hidden}.learning-practice-history>header{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--lw-line-soft)}.learning-practice-history>header p{margin:0}.learning-practice-history>header>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#dbeae3;color:#174f3d;font-weight:800}.learning-practice-history>div{display:grid;gap:7px;padding:10px}.learning-practice-history article{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px;border:1px solid transparent;border-radius:9px;background:var(--lw-surface-soft)}.learning-practice-history article.active{border-color:#72a48f;background:#e4f1eb}.learning-practice-history article>[data-open-session]{display:grid;gap:3px;min-width:0;padding:11px;border:0;background:transparent;color:var(--lw-ink);text-align:left}.learning-practice-history article strong,.learning-practice-history article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-practice-history article small{color:var(--lw-muted)}.learning-practice-history article b{color:var(--lw-active)}.learning-practice-history .danger{align-self:center;width:27px;height:27px;border:0;border-radius:50%;background:transparent;color:#a22e29;font-size:20px}.learning-practice-history .danger:hover{background:#fae9e7}.learning-practice-history-empty{display:grid;place-items:center;padding:35px 16px;text-align:center;color:var(--lw-muted)}.learning-practice-history-empty>span{font-size:24px}
@media(max-width:900px){.learning-practice-layout{grid-template-columns:1fr}.learning-practice-history{position:static;order:-1}.learning-practice-history>div{display:flex;overflow:auto}.learning-practice-history article{flex:0 0 245px}}
@media(max-width:600px){.learning-practice-view .learning-understand-head{align-items:stretch;flex-direction:column;padding:18px}.learning-practice-tabs{gap:5px;padding:6px}.learning-practice-tabs button{flex-direction:column;justify-content:center;gap:4px;min-height:70px;padding:7px 3px;font-size:11px;text-align:center}.learning-practice-tabs button b{flex-basis:24px;width:24px;height:24px}.learning-practice-tabs button small{font-size:9px}.learning-practice-panel{padding:17px}.learning-practice-two{grid-template-columns:1fr}.learning-practice-form>[data-start]{width:100%}.learning-practice-form>[data-reason]{text-align:left}.learning-practice-session-head{align-items:stretch;flex-direction:column}.learning-practice-navigation{grid-template-columns:1fr 1fr}.learning-practice-navigation>div{grid-column:1/-1;grid-row:1}.learning-practice-navigation>button{width:100%}.learning-practice-question{padding:20px 15px}.learning-practice-question h4,.learning-practice-compare h4{font-size:22px}.learning-practice-compare>div,.learning-practice-result-list details>div{grid-template-columns:1fr}.learning-practice-compare section+section{border-top:1px solid var(--lw-line-soft);border-left:0}.learning-practice-rating,.learning-practice-score{grid-template-columns:1fr}.learning-practice-rating>p{grid-column:1}.learning-practice-result-head{align-items:flex-start}.learning-practice-result-head>strong{flex-basis:76px;height:76px;font-size:22px}.learning-practice-result-list summary{grid-template-columns:28px minmax(0,1fr)}.learning-practice-result-list summary>b{grid-column:2;justify-self:start}.learning-practice-result-actions{align-items:stretch;flex-direction:column}.learning-practice-result-actions button{width:100%}}