.learn .panel{grid-template-rows:auto auto minmax(0,1fr) auto auto}.learn .ask{grid-row:2}.learn .list{grid-row:3;min-height:0;display:flex;flex-direction:column}.learn .moves{grid-row:4;max-height:132px}.learn .panel-foot{grid-row:5}.learn .ask{display:flex;flex-direction:column;gap:10px;padding:12px 16px 14px;border-bottom:1px solid var(--line)}.learn .lesson-name{margin:0;font:600 17px/1.3 var(--sans);letter-spacing:.01em;color:var(--ink)}.learn .lesson-line{margin:0;display:flex;flex-direction:column;gap:8px;font:400 14.5px/1.6 var(--sans);color:var(--ink-soft)}.learn .lesson-look{margin:0;padding:8px 0 8px 12px;border-left:2px solid var(--accent-line);font:400 13.5px/1.6 var(--sans);color:var(--ink)}.learn .lesson-line .caveat{font:400 13px/1.55 var(--sans);color:var(--ink-faint);font-style:italic}.learn .ctl.speak[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-fill);color:var(--accent)}.learn .ctl.speak .wave{opacity:.35;transition:opacity .12s linear}.learn .ctl.speak.saying .wave{opacity:1}@media(prefers-reduced-motion:reduce){.learn .ctl.speak .wave{transition:none}}.learn .list-head{display:flex;align-items:center;gap:10px;padding:9px 16px 7px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.learn .list-head span{flex:1;min-width:0}.learn .ctl.small{height:24px;padding:0 8px;font-size:11px}.learn #lesson-list{flex:1;min-height:0;margin:0;padding:0 8px 10px;list-style:none;display:grid;align-content:start;gap:2px;overflow-y:auto;overscroll-behavior:contain}.learn #lesson-list button{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-soft);font:400 13.5px/1.4 var(--sans);text-align:left;cursor:pointer}.learn #lesson-list button:hover{border-color:var(--line-soft);background:var(--panel-2);color:var(--ink)}.learn #lesson-list button.on{border-color:var(--accent-line);background:var(--accent-fill);color:var(--accent);font-weight:500}.learn #lesson-list .tick{width:12px;height:12px;margin-left:3px;border:1.5px solid var(--line);border-radius:50%}.learn #lesson-list button.did .tick{position:relative;border-color:var(--accent);background:var(--accent-fill)}.learn #lesson-list button.did .tick:after{content:"";position:absolute;left:2px;top:3.5px;width:5px;height:2.5px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}.learn #lesson-list button.did{color:var(--ink-dim)}.learn #lesson-list button.did.on{color:var(--accent)}.learn .verdict{margin:4px 0 0;padding:10px 0 0;border-top:1px solid var(--line-soft)}.learn .verdict[hidden]{display:none}.learn .verdict-line{margin:0;font:600 14px/1.3 var(--sans);color:var(--accent)}.learn .verdict-why{margin:3px 0 0;font:400 12.5px/1.5 var(--sans);color:var(--ink-dim)}.learn .verdict-acts .ctl{text-decoration:none}.learn .verdict-acts{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:900px){.learn .panel{display:block}.learn #lesson-list{max-height:40vh;overscroll-behavior:auto}}

//# sourceMappingURL=learn.css.map