.learning-page #math-dialog.lesson-mode{max-width:760px;padding:0;max-height:90dvh;background:#fffdf9;overscroll-behavior:contain;scrollbar-gutter:stable}.lesson-mode>.close{position:sticky;top:12px;z-index:3;margin:12px 14px -43px 0;background:#fffdf9;border:1px solid #d9cbe8;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;line-height:1;padding:0}.lesson-body{padding:30px 34px 0}.lesson-body h2,.lesson-library h2{font:850 31px/1.15 ui-rounded,'Trebuchet MS',system-ui;letter-spacing:-1px;padding-right:25px}.lesson-body .lesson-goal{font-size:15px;line-height:1.7;color:#665078}.lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 23px}.lesson-meta span{font-size:10px;padding:7px 11px;border-radius:20px;background:#eee5fa;color:#664b86}.lesson-section{border-top:1px solid #e3d9ed;padding:23px 0 4px}.lesson-section h3{font:800 20px/1.3 ui-rounded,'Trebuchet MS',system-ui;letter-spacing:-.45px;margin:0 0 12px}.lesson-section h4{font-size:14px;line-height:1.5;margin:20px 0 7px;color:#56347c}.learning-page .lesson-body p{font-size:14px;line-height:1.85;white-space:pre-line}.lesson-body ol,.lesson-body ul{padding-left:22px;font-size:14px;line-height:1.85}.lesson-body li{padding-left:3px;margin-bottom:8px}.lesson-prerequisites{background:#f0eadf;border-radius:14px;padding:16px 19px;font-size:12px}.lesson-prerequisites strong{display:block;font-size:11px;color:#705d42;margin-bottom:8px}.lesson-prerequisites ul{font-size:12px;margin:0;line-height:1.6}.lesson-prerequisites li{margin:4px 0}.lesson-current{background:#eaf3dc;border:1px solid #ccddb6;border-radius:17px;padding:18px 20px;margin:23px 0}.lesson-current h3{font-size:16px;margin:0 0 10px;color:#36532c}.lesson-current .caption{font-size:11px}.lesson-current summary{cursor:pointer;font-size:12px;font-weight:750;margin:12px 0}.lesson-example{border:1px solid #dcccec;background:#f6f0fd;border-radius:16px;padding:18px 20px;margin:17px 0}.lesson-example .example-kicker{font-size:10px;color:#7d5898;font-weight:800;letter-spacing:.8px}.lesson-example h4{margin:11px 0;font-size:14px;color:#352047}.lesson-example ol{font-size:13px;margin-bottom:7px}.lesson-example .question-diagram{max-width:270px}.lesson-answer{font-size:13px!important;font-weight:750;color:#543176;margin-bottom:0}.lesson-mistakes{background:#fff0d9;border:1px solid #ead8b7;padding:18px 20px;border-radius:15px;margin-top:21px}.lesson-mistakes h3{font-size:17px;margin:0 0 11px}.lesson-mistakes ul{font-size:13px;margin:0}.lesson-check{background:#f4f8ed;border:1px solid #d3dfc3;padding:20px;border-radius:17px;margin-top:24px}.lesson-check h3{font-size:20px;margin:0 0 6px}.lesson-check .check-note{font-size:11px!important;color:#64734f;line-height:1.6!important;margin:0 0 13px}.lesson-check .check-question{font-weight:750;font-size:14px!important}.lesson-check-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lesson-check-options button{min-height:44px;text-align:left;border:1px solid #c5d0b7;border-radius:10px;background:#fffdf7;padding:12px;font-size:13px;color:#3f4d35}.lesson-check-options button:last-child{grid-column:1/-1}.lesson-check-options button.right{background:#dbedc4;border-color:#63854a;opacity:1}.lesson-check-options button.wrong{background:#ffe0cf;border-color:#ac6f51;opacity:1}.lesson-check-result{font-size:13px!important;color:#3e512b}.lesson-related{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:25px}.lesson-related button{border:1px solid #d6c8e7;background:#f6efff;border-radius:20px;padding:10px 14px;font-size:11px;color:#654182}.lesson-return-bar{position:sticky;bottom:0;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px 25px;background:#fffdf9f5;border-top:1px solid #e3d9ed;backdrop-filter:blur(8px);z-index:2}.lesson-return-bar button{font-size:11px}.lesson-library{padding:30px 34px 20px}.lesson-library>p{color:#796289}.lesson-library .lesson-list h3{font-size:15px;line-height:1.4}.lesson-library .lesson-list p{font-size:13px;line-height:1.7}.lesson-library .lesson-list li{padding:18px 0}.lesson-library .lesson-topic-label{padding:10px 12px;background:#ede4fa;color:#674489;border-radius:10px;font-size:11px;font-weight:800;margin:22px 0 4px}.lesson-launch{display:block;width:100%;border:1px solid #cbb7e2;background:#efe5fc;color:#614183;border-radius:12px;text-align:left;padding:14px 16px;font:750 12px/1.6 system-ui;margin:15px 0 0;cursor:pointer}.lesson-launch:hover{background:#e8d8f9}.lesson-launch small{display:block;font-size:10px;font-weight:400;color:#806293;margin-top:3px}.review-item .lesson-launch{margin-top:14px;font-size:12px}.lesson-top-back{font-size:11px;background:none;border:0;padding:0;margin-bottom:19px;color:#73508f;text-decoration:underline}.lesson-check-details summary{cursor:pointer;font-size:11px;color:#65517b;margin-top:15px}.lesson-check-details ol{font-size:12px}.lesson-mode .lesson-body .caption{font-size:11px;line-height:1.7}
.lesson-mode .lesson-body h2,.lesson-mode .lesson-library h2{font-size:31px}.lesson-search{display:grid;gap:9px;font-size:12px;font-weight:750;margin:20px 0}.lesson-search input{width:100%;border:1px solid #cbb8df;border-radius:12px;background:#fffdf9;padding:12px 14px;font:16px system-ui;color:#49325f;min-height:46px}
@media(max-width:600px){.lesson-body,.lesson-library{padding:25px 20px 0}.lesson-mode .lesson-body h2,.lesson-mode .lesson-library h2{font-size:26px;line-height:1.2;padding-right:15px}.learning-page .lesson-body p{font-size:14px;line-height:1.85}.lesson-body .lesson-goal{font-size:14px}.lesson-section{padding-top:20px}.lesson-section h3{font-size:19px}.lesson-current,.lesson-example,.lesson-mistakes{padding:16px}.lesson-check{padding:17px 15px}.lesson-return-bar{padding:12px 17px;gap:8px}.lesson-return-bar .primary-button{flex:1;min-height:44px}.lesson-return-bar .quiet-link{font-size:10px}.lesson-body ol,.lesson-body ul{font-size:13px;padding-left:19px}.lesson-mode>.close{top:10px;margin-right:10px}.lesson-meta{gap:6px}.lesson-meta span{font-size:9px}.lesson-library{padding-bottom:20px}.lesson-launch{font-size:12px;line-height:1.7}.lesson-check-options button{font-size:13px}.lesson-related button{font-size:11px}}