.lesson-modes{margin-bottom:.75rem}.lesson-modes-pair{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.5rem;max-width:36rem;display:grid}.lesson-mode{box-sizing:border-box;border:1px solid color-mix(in srgb, currentColor 40%, transparent);min-height:56px;color:inherit;font:inherit;text-align:left;background:0 0;border-radius:.7rem;align-items:center;gap:.6rem;padding:.55rem .7rem;text-decoration:none;display:flex}a.lesson-mode,button.lesson-mode{cursor:pointer}.lesson-mode:disabled{opacity:.5;cursor:default}.lesson-mode svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.6rem;height:1.6rem}.lesson-mode strong,.lesson-mode small{display:block}.lesson-mode strong{font-size:.9rem;line-height:1.25}.lesson-mode small{font-size:.74rem;font-weight:400;line-height:1.35}.lesson-mode--ar{color:#13241f;background:#c8ead9;border-color:#c8ead9}.lesson-mode[aria-pressed=true]{box-shadow:inset 0 0 0 3px}.lesson-mode:focus-visible,.lesson-modes p button:focus-visible{outline-offset:3px;outline:3px solid #b6f2d7}.lesson-modes p{margin:.5rem .1rem 0;font-size:.78rem;line-height:1.45}.lesson-modes p[hidden]{display:none}.lesson-modes p button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .2rem;font-weight:700;text-decoration:underline}.lesson-modes p button[aria-pressed=true]{text-decoration-thickness:3px}@media (width<=420px){.lesson-mode{gap:.45rem;padding-inline:.5rem}.lesson-mode svg{width:1.3rem;height:1.3rem}}