/* Course learning, readable handouts and single-choice assessments. */
.learning-access-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.learning-access-actions .btn{font-size:calc(12px * var(--font-scale));margin:0}.learning-activation-context{padding:14px;border-radius:14px;background:#eef3ff;display:grid;gap:5px;margin-top:12px}.learning-activation-context>span{font-size:calc(12px * var(--font-scale));color:#65718b}.learning-activation-context strong{font-size:calc(16px * var(--font-scale));color:#253a61;line-height:1.6;overflow-wrap:anywhere}.learning-activation-form .form-label{font-size:calc(14px * var(--font-scale));color:#445571}.learning-activation-form .text-input{font-size:calc(14px * var(--font-scale));min-height:48px}.learning-activation-form .text-input[aria-invalid=true]{border-color:#d77181}.learning-activation-error{font-size:calc(12px * var(--font-scale));color:#a43e51;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.learning-activation-example{padding:14px;background:#f2edff;border-radius:14px;margin-top:16px}.learning-activation-example[hidden]{display:none}.learning-activation-example strong{font-size:calc(12px * var(--font-scale));color:#554387;line-height:1.7}.learning-activation-example code{display:block;font-family:ui-monospace,Consolas,monospace;font-size:calc(14px * var(--font-scale));letter-spacing:.4px;color:#51368c;line-height:1.8;margin-top:8px;overflow-wrap:anywhere}.learning-activation-example p{font-size:calc(12px * var(--font-scale));color:#65718b;line-height:1.9;margin-top:12px}.font-large .learning-access-actions{width:100%;flex-direction:column}.font-large .learning-access-actions .btn{width:100%}.font-large .learning-purchase-card>div{min-width:0}.font-large .learning-activation-form .btn{white-space:normal;line-height:1.6}
.learning-title{margin-top:10px;overflow-wrap:anywhere;line-height:1.5}
.learning-context{margin:14px 0 6px;color:#65718B;line-height:1.6;font-size:calc(12px * var(--font-scale))}.learning-context>span{color:#2864FF;font-weight:650}.learning-context p{margin-top:4px}
.learning-purchase-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 15px;background:#EDF3FF;border:1px solid #DBE5FF;border-radius:16px;margin:16px 0}.learning-purchase-card>div{flex:1;min-width:130px}.learning-purchase-card strong{font-size:calc(20px * var(--font-scale));line-height:1.6;display:block;color:#2864FF}.learning-purchase-card>div>span{display:block;font-size:calc(12px * var(--font-scale));color:#65718B;line-height:1.6;margin-top:3px}.learning-purchase-card .btn{min-height:48px;min-width:48px}
.learning-tabs,.learning-course-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#E9EDF8;border-radius:15px;margin:18px 0;min-width:0}.learning-tabs button,.learning-course-tabs button{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.5;padding:10px 5px;border-radius:12px;color:#65718B;font-size:calc(14px * var(--font-scale));font-weight:600;overflow-wrap:anywhere;text-align:center}.learning-tabs button.active,.learning-course-tabs button.active{background:#fff;color:#2864FF;box-shadow:0 2px 6px #253B7610}.learning-tabs button .icon{flex-shrink:0}.learning-course-tabs{margin-bottom:12px}.learning-course-tabs button{font-size:calc(12px * var(--font-scale))}
.learning-course-panel{padding:0 12px;overflow:hidden}.learning-chapter{border-bottom:1px solid #EEF1F8}.learning-chapter:last-child{border-bottom:0}.learning-chapter .chapter{border:0;padding:14px 0 3px;align-items:flex-start;gap:8px;min-width:0}.learning-chapter .chapter>div{min-width:0;flex:1}.learning-chapter .chapter>svg{width:18px;min-width:18px;margin-top:7px}.learning-chapter .chapter h3{line-height:1.7;overflow-wrap:anywhere}.learning-chapter .chapter small{display:block;line-height:1.7;margin-top:5px}.learning-chapter .chapter-number{min-width:26px;flex-shrink:0;margin-top:4px}.learning-chapter-extras{display:flex;gap:8px;padding:0 0 8px 34px;flex-wrap:wrap}.learning-chapter-extras button{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:12px;color:#65718B;font-size:calc(12px * var(--font-scale));line-height:1.5}.learning-chapter-extras button:hover{background:#EDF2FF;color:#2864FF}
.learning-progress-note{font-size:calc(12px * var(--font-scale));color:#65718B;line-height:1.7;margin-top:10px;overflow-wrap:anywhere}.learning-list-row{display:flex;align-items:center;gap:11px;width:100%;padding:16px 0;border-bottom:1px solid #EEF1F8;min-width:0}.learning-list-row:last-child{border-bottom:0}.learning-list-row>div{min-width:0;flex:1}.learning-list-row h3{font-size:calc(14px * var(--font-scale));line-height:1.7;overflow-wrap:anywhere}.learning-list-row small{font-size:calc(12px * var(--font-scale));display:block;color:#65718B;line-height:1.6;margin-top:4px}.learning-file-icon{width:42px;height:48px;flex-shrink:0;display:grid;place-items:center;color:#2864FF;background:#EDF3FF;border-radius:13px}.learning-file-icon.purple{background:#F2EDFF;color:#8B4DFF}
.learning-note ul{padding-left:20px}.learning-note li{line-height:1.9;overflow-wrap:anywhere}.learning-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.learning-resource{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:16px 12px;border:1px solid #DFE7FA;border-radius:17px;background:#EEF4FF;color:#2864FF}.learning-resource.purple{background:#F3EEFF;border-color:#E8E0FA;color:#8B4DFF}.learning-resource>.icon{width:24px;height:24px;margin-bottom:3px}.learning-resource strong{font-size:calc(14px * var(--font-scale));line-height:1.5;overflow-wrap:anywhere}.learning-resource>span{color:#65718B;font-size:calc(12px * var(--font-scale));line-height:1.7;overflow-wrap:anywhere}
.learning-document-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 12px}.learning-document-head>div{flex:1;min-width:120px}.learning-document-head strong{display:block;font-size:calc(16px * var(--font-scale));line-height:1.5;overflow-wrap:anywhere}.learning-document-head p{font-size:calc(12px * var(--font-scale));line-height:1.5;color:#65718B;margin-top:4px}.learning-document{padding:20px 16px}.learning-document section+section{border-top:1px solid #EDF0F8;margin-top:24px;padding-top:24px}.learning-document h2{font-size:calc(20px * var(--font-scale));line-height:1.5;margin-bottom:14px;overflow-wrap:anywhere}.learning-document h3{font-size:calc(16px * var(--font-scale));line-height:1.6;overflow-wrap:anywhere}.learning-document p,.learning-document li{font-size:calc(16px * var(--font-scale));line-height:1.9;color:#596981;overflow-wrap:anywhere}.learning-document h3+p{margin-top:5px}.learning-point{display:flex;align-items:flex-start;gap:10px;margin-top:18px}.learning-point>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;background:#EDF2FF;color:#2864FF;border-radius:9px;font-size:calc(12px * var(--font-scale));margin-top:3px}.learning-point>div{min-width:0;flex:1}.learning-template{padding:16px 14px;background:#F5F7FF;border:1px dashed #DCE2F4;border-radius:15px;margin-top:14px}.learning-template strong{font-size:calc(14px * var(--font-scale));line-height:1.6;color:#37486B}.learning-template p{line-height:2;margin-top:8px;font-size:calc(14px * var(--font-scale))}.learning-checklist{padding-left:20px;margin:0}.learning-checklist li+li{margin-top:7px}.learning-local-note{margin:14px 0;font-size:calc(12px * var(--font-scale));line-height:1.8;color:#65718B;overflow-wrap:anywhere}.learning-bottom-actions{display:flex;flex-direction:column;gap:12px}
.learning-quiz-intro{padding:16px;border-radius:18px;background:linear-gradient(110deg,#EBF2FF,#F2EDFF);display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.learning-quiz-intro>div{flex:1;min-width:140px}.learning-quiz-intro strong{font-size:calc(16px * var(--font-scale));line-height:1.5;display:block;overflow-wrap:anywhere}.learning-quiz-intro p{font-size:calc(12px * var(--font-scale));line-height:1.6;color:#65718B;margin-top:6px}.learning-quiz-form{min-width:0}.learning-question{margin:20px 0 0;padding:16px 12px;border:1px solid #E4E9F6;border-radius:18px;background:#fff;min-width:0}.learning-question legend{font-size:calc(16px * var(--font-scale));line-height:1.8;font-weight:650;padding:0 6px;max-width:100%;overflow-wrap:anywhere}.learning-question legend>span{font-size:calc(12px * var(--font-scale));color:#8B4DFF;font-weight:750;display:inline-block;margin-right:8px}.learning-options{display:flex;flex-direction:column;gap:10px;margin-top:4px}.learning-option{display:grid;grid-template-columns:20px 22px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:56px;border:1px solid #E7EBF6;padding:12px 10px;border-radius:14px;background:#F8FAFF;cursor:pointer;font-size:calc(14px * var(--font-scale));line-height:1.7;color:#44516B}.phone .learning-option input{width:18px;height:18px;min-height:18px;min-width:18px;accent-color:#2864FF;margin:0;cursor:pointer}.learning-option>span:last-of-type{min-width:0;overflow-wrap:anywhere}.learning-option-letter{font-size:calc(12px * var(--font-scale));font-weight:650;color:#7A879F;text-align:center}.learning-option.is-selected{background:#EDF3FF;border-color:#88ACFF;color:#1F4AC3}.learning-option.is-selected .learning-option-letter{color:#2864FF}.learning-option:has(input:focus-visible){outline:3px solid #A79FFF;outline-offset:2px}.learning-option.is-correct{background:#EDF9F3;border-color:#99DDBB;color:#1B7651}.learning-option.is-wrong{background:#FFF1F2;border-color:#F3AFB8;color:#9A3849}.learning-option:has(input:disabled){cursor:default}.learning-option>svg{grid-column:3;justify-self:end;margin-top:-24px;pointer-events:none}.learning-option:has(>svg)>span:last-of-type{padding-right:24px}.learning-answer{margin-top:14px;padding:12px 13px;border-radius:12px;background:#FFF3F4;color:#A14755;font-size:calc(14px * var(--font-scale));line-height:1.8;overflow-wrap:anywhere}.learning-answer.correct{background:#EFF9F4;color:#287451}.learning-answer p{font-size:calc(14px * var(--font-scale));line-height:1.8;margin-top:5px;color:#596981}.learning-quiz-footer{margin-top:24px;display:flex;flex-direction:column;gap:12px}.learning-answer-count,.learning-best-note{text-align:center;font-size:calc(12px * var(--font-scale));color:#65718B;line-height:1.8;overflow-wrap:anywhere}.learning-score{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;background:linear-gradient(125deg,#EEEFFF,#F6F1FF);border:1px solid #E0E2FA;border-radius:22px;margin:18px 0}.learning-score-symbol{width:48px;height:48px;display:grid;place-items:center;color:#8B4DFF;background:#FFFFFFB0;border-radius:16px}.learning-score>strong{font-size:calc(40px * var(--font-scale));line-height:1.2;color:#2864FF;margin-top:12px}.learning-score>strong>small{font-size:calc(14px * var(--font-scale));margin-left:5px;font-weight:500}.learning-score h2{font-size:calc(16px * var(--font-scale));line-height:1.7;margin-top:9px;overflow-wrap:anywhere}.learning-score p{font-size:calc(12px * var(--font-scale));line-height:1.7;color:#65718B;margin-top:5px}
.font-large .learning-tabs button{flex-direction:column;gap:5px}.font-large .learning-course-tabs{grid-template-columns:1fr}.font-large .learning-course-tabs button{justify-content:flex-start;padding:12px 14px;text-align:left}.font-large .learning-resource-grid{grid-template-columns:1fr}.font-large .learning-resource{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center}.font-large .learning-resource>span{grid-column:2}.font-large .learning-option{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:14px 12px}.font-large .learning-option input{margin-top:13px}.font-large .learning-option-letter{display:none}.font-large .learning-option>svg{grid-column:2}.font-large .learning-option>span:last-of-type{grid-column:2}.font-large .learning-list-row{align-items:flex-start}.font-large .learning-chapter-extras{padding-left:0}.font-large .learning-document{padding:18px 14px}.font-large .learning-point{gap:8px}.font-large .learning-document-head{align-items:flex-start}.font-large .learning-context{font-size:calc(12px * var(--font-scale))}.font-large .learning-question{padding:14px 9px}.font-large .learning-score>strong{font-size:calc(32px * var(--font-scale))}
