.learning-page{background:#f0f5f8}.learning-wrap{max-width:1180px;margin:28px auto;padding:0 24px 40px}.learning-wrap h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.6px;margin:0}.learning-wrap h2{font-size:25px;line-height:1.35}.learning-wrap h3{line-height:1.4}.learning-wrap button,.learning-wrap input,.learning-wrap textarea,.learning-wrap select{font:inherit}.learning-wrap textarea{resize:vertical}.learning-wrap label{display:block;font-weight:600;margin:12px 0 5px}.learning-wrap input:not([type=radio]):not([type=checkbox]),.learning-wrap textarea,.learning-wrap select{width:100%;padding:10px 12px;border:1px solid #bdccd7;border-radius:6px;background:white;color:var(--ink)}.lesson-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.lesson-toolbar .actions{gap:8px}.learning-wrap .button{padding:10px 17px}.learning-wrap button.danger{color:#a02323;border-color:#cba5a5}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.lesson-card,.lesson-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.lesson-card{border-top:4px solid var(--green)}.lesson-card p{color:var(--muted)}.lesson-card h2{margin:12px 0}.lesson-badge{display:inline-block;background:#eaf0f4;color:#254e6c;padding:4px 10px;border-radius:20px;font-size:14px}.lesson-status{min-height:28px;color:#234f73;white-space:pre-line}.lesson-status.error{color:#9a2525}.lesson-small{font-size:14px;color:var(--muted)}.lesson-player{max-width:920px;margin:auto}.lesson-player .topic-select{width:auto;max-width:100%;min-width:220px}.lesson-stage{background:white;border:1px solid var(--line);border-radius:14px;padding:30px 38px;height:clamp(320px,53dvh,550px);overflow:auto;display:flex;flex-direction:column;justify-content:center;border-top:5px solid var(--green)}.lesson-stage h2{font-size:clamp(23px,3vw,33px);margin:12px 0 22px}.lesson-copy{font-size:clamp(18px,2vw,23px);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;unicode-bidi:plaintext}.lesson-stage.quiz{justify-content:flex-start}.lesson-stage.quiz label{font-weight:400;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);padding:10px 15px;border-radius:8px;margin:8px 0;cursor:pointer}.lesson-stage.quiz input[type=radio]{margin-top:7px;accent-color:var(--blue);flex-shrink:0}.lesson-player progress{accent-color:var(--green);height:8px;margin:12px 0}.player-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.player-footer span{text-align:center;font-size:14px}.result-score{font-size:38px;font-weight:700;color:var(--blue);margin:8px 0}.result-row{padding:14px 0;border-top:1px solid var(--line);white-space:pre-wrap}.editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.editor-outline{position:sticky;top:18px}.editor-outline button{display:block;width:100%;text-align:right;padding:10px;border:0;border-radius:5px;background:transparent;color:var(--ink);margin:5px 0}.editor-outline button.active{background:var(--blue);color:#fff}.editor-outline ol{list-style:none;margin:0;padding:0}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-section{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.editor-section h3{margin:0}.reorder{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.reorder button{background:white;border:1px solid #b8c9d5;border-radius:5px;padding:5px 10px;color:var(--ink);font-size:14px}.lesson-dialog{padding:28px;max-width:1000px;background:#f0f5f8}.lesson-dialog textarea{width:100%;min-height:150px;font:inherit;padding:12px}.lesson-dialog .dialog-close{float:left}.lesson-table-wrap{overflow:auto;margin-top:18px}.lesson-table{width:100%;border-collapse:collapse;background:white;white-space:nowrap}.lesson-table th,.lesson-table td{padding:12px;text-align:right;border-bottom:1px solid var(--line);font-size:14px}.lesson-table th{background:#e8f0f5}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.preview-notice{background:#edf4e1;border:1px solid #c4d69f;padding:12px 18px;border-radius:8px}.lesson-tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.lesson-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:6px;background:white}.review-answer{white-space:pre-wrap;border-right:3px solid var(--green);padding:12px}.lesson-check{display:flex!important;align-items:center;gap:10px}.learning-wrap [hidden]{display:none!important}@media(max-width:700px){.learning-wrap{padding:0 14px 30px;margin-top:18px}.header-inner{padding:14px;gap:14px;flex-wrap:wrap}.header-inner nav{gap:14px;flex-wrap:wrap}.editor-layout{grid-template-columns:1fr}.editor-outline{position:static}.editor-outline ol{display:flex;flex-wrap:wrap;gap:8px}.editor-fields{grid-template-columns:1fr}.lesson-panel,.lesson-card{padding:18px}.lesson-stage{padding:20px;height:clamp(350px,57dvh,540px)}.lesson-stage h2{margin:8px 0 16px}.lesson-copy{font-size:18px;line-height:1.65}.report-filters{grid-template-columns:1fr 1fr}.lesson-dialog{padding:15px}.lesson-toolbar{align-items:flex-start}.player-footer .button{padding:9px 14px}}@media(prefers-reduced-motion:no-preference){.lesson-stage{animation:lesson-in .15s ease-out}@keyframes lesson-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}
.learning-page:has(.account-menu) .header-inner{padding-inline-end:250px;min-height:96px}.learning-page .brand{gap:0;white-space:nowrap}@media(max-width:700px){.learning-page:has(.account-menu) .header-inner{padding-inline-end:14px;min-height:125px}.learning-page:has(.account-menu) .header-inner nav{flex-basis:100%;margin:18px 0 0}.learning-page .brand{font-size:18px}.learning-page .brand>span{font-size:20px}}
.lesson-stage.illustrated{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;justify-content:initial;padding:24px}.lesson-stage.illustrated .lesson-copy{font-size:19px;line-height:1.65}.lesson-stage.illustrated h2{font-size:27px}.lesson-figure{margin:0;min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px}.lesson-figure img{width:100%;max-height:340px;object-fit:contain;border-radius:8px}.visual-enlarge{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--blue);font-size:14px!important;padding:2px 6px}.lesson-credit{margin:4px 0;text-align:center;font-size:14px;color:var(--muted)}.lesson-credit bdi{font-weight:700;letter-spacing:.7px}.lesson-image-dialog{width:min(1100px,95vw);max-width:1100px}.lesson-image-dialog img{display:block;width:100%;max-height:75vh;object-fit:contain;margin-top:15px}.lesson-sample-actions{max-width:920px;margin:28px auto}.lesson-sample-actions details{font-size:14px}.lesson-sample-actions a:hover{text-decoration:underline}.lesson-sample-actions li{margin:8px 0}@media(max-width:700px){.lesson-stage.illustrated{grid-template-columns:1fr;gap:12px;align-content:start;padding:18px;height:clamp(420px,65dvh,580px)}.lesson-stage.illustrated .lesson-copy{font-size:17px;line-height:1.55}.lesson-stage.illustrated h2{font-size:23px;margin:5px 0 10px}.lesson-stage.illustrated .eyebrow{margin-bottom:5px}.lesson-figure img{max-height:170px}.lesson-figure{gap:3px}.lesson-image-dialog{padding:14px}.lesson-image-dialog img{max-height:75vh}}

.lesson-subject-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:18px 0}.lesson-subject-bar label{margin:0;font-weight:700}.lesson-subject-bar select{width:auto;min-width:210px}.lesson-stage.quiz{height:auto;min-height:0;padding:28px 32px;justify-content:flex-start}.lesson-stage.quiz h2{margin:8px 0 20px}.quiz-heading{max-width:780px}.quiz-options{display:grid;gap:10px;max-width:780px}.lesson-stage.quiz .quiz-option{display:flex;align-items:center;gap:12px;width:auto;min-height:54px;margin:0;padding:13px 16px;background:#fff;border:1px solid #c7d4de;border-radius:9px;font-size:18px;line-height:1.45}.lesson-stage.quiz .quiz-option:hover{border-color:var(--blue);background:#f6fafc}.lesson-stage.quiz .quiz-option:has(input:checked){border-color:var(--blue);background:#eaf3f8;box-shadow:inset 0 0 0 1px var(--blue)}.lesson-stage.quiz .quiz-option input[type=radio]{margin:0;flex:0 0 auto}@media(max-width:700px){.lesson-subject-bar{align-items:stretch;flex-direction:column}.lesson-subject-bar select{width:100%}.lesson-stage.quiz{padding:20px;min-height:0}.lesson-stage.quiz .quiz-option{font-size:17px;min-height:50px}}
.lesson-player .quiz-heading h2,.lesson-player .quiz-option span,.quiz-results{overflow-wrap:anywhere;white-space:pre-wrap}
.lesson-player .quiz-option span{min-width:0;unicode-bidi:plaintext}
.lesson-player .player-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.lesson-player .player-footer>button:first-child{grid-column:1;grid-row:1;justify-self:start}
.lesson-player .player-footer>span{grid-column:2;grid-row:1;text-align:center}
.lesson-player .player-footer>button:last-child{grid-column:3;grid-row:1;justify-self:end}
.quiz-results .result-row h3{font-size:1.1rem;line-height:1.6;margin:.4rem 0}
.quiz-results .result-row p{margin:.5rem 0;line-height:1.7}
.quiz-results .result-points{font-weight:700}
.quiz-results .result-correct-answer{background:#edf7f1;border-inline-start:3px solid #2c7356;padding:.65rem .85rem;border-radius:6px}
.quiz-results .result-incorrect .result-points{color:#a02323}
.quiz-results #finish-quiz{min-width:120px}
@media(max-width:500px){.lesson-player .player-footer{gap:6px;font-size:.875rem}.lesson-player .player-footer .button{padding:.65rem .75rem;min-height:44px}.lesson-stage.quiz .quiz-option{padding:11px 12px}.resource-practice .quiz-heading h2{font-size:1.15rem}}