.keyboard-help-trigger{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.keyboard-help-trigger:hover{background:var(--surface-hover);color:var(--ink)}.keyboard-help-trigger kbd{font:500 10px/1.4 var(--font,system-ui);border:1px solid var(--line);border-radius:4px;padding:1px 4px}[data-shortcut-label]:after{content:attr(data-shortcut-label);font:500 10px/1.5 var(--font,system-ui);letter-spacing:0;white-space:nowrap;opacity:.8;border:1px solid;border-radius:5px;margin-left:10px;padding:1px 5px}.shortcut-reference{margin:22px 0}.shortcut-reference>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;display:flex}.shortcut-reference dt{font-size:13px}.shortcut-reference dd{white-space:nowrap;margin:0}.shortcut-reference kbd{font:500 12px var(--font,system-ui);color:var(--ink)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media (max-width:700px){.keyboard-help-trigger kbd{display:none}.keyboard-help-trigger{min-width:30px;padding:6px}.shortcut-reference dt{font-size:12px}[data-shortcut-label]:after{margin-left:6px;font-size:9px}}.ks-lesson-arrow[data-shortcut-label],.zp-lesson-arrow[data-shortcut-label]{position:relative}.ks-lesson-arrow[data-shortcut-label]:after,.zp-lesson-arrow[data-shortcut-label]:after{opacity:1;color:inherit;pointer-events:none;margin:0;padding:2px 6px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}@media (max-width:900px){.ks-lesson-arrow[data-shortcut-label]:after,.zp-lesson-arrow[data-shortcut-label]:after{content:attr(data-shortcut-modifiers) "\a " attr(data-shortcut-key);white-space:pre;text-align:center;padding:2px 3px;font-size:9px;line-height:1.5;top:calc(100% + 6px)}}