body.learning-active .workspace{background:#fff}body.learning-active .version-page,body.learning-active .version-switch-zone,body.learning-active .ref-demo-switch{display:none!important}#learningPage[hidden]{display:none}#learningPage{--la:#5b65dc;--li:#252d40;--lm:#9096a5;max-width:1460px;margin:5px auto 30px;color:var(--li);font-family:'PingFang SC','Microsoft YaHei',sans-serif}#learningPage *, .learn-modal *{box-sizing:border-box}#learningPage button,.learn-modal button{font:inherit;cursor:pointer}#learningPage button:focus-visible,.learn-modal button:focus-visible{outline:2px solid #818cf0;outline-offset:3px}#learningPage svg,.learn-modal svg{width:20px;height:20px;flex-shrink:0}.learn-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 30px}.learn-eyebrow{font:10px/1.6 Arial;letter-spacing:2px;color:#a1a7b7;margin-bottom:8px}.learn-header h1{font-size:28px;font-weight:600;line-height:1.5;margin:0}.learn-header h1 span{font:300 23px Arial;color:#bcc2d2;margin-left:13px}.learn-header p{font-size:13px;line-height:1.8;color:#8e95a5;margin:6px 0 0}.learn-preview{position:relative;font-size:11px;color:#a5abba;align-self:start;margin-top:10px;z-index:8}.learn-preview summary{cursor:pointer;opacity:.4}.learn-preview:hover summary,.learn-preview[open] summary{opacity:1}.learn-preview button{display:block;width:130px;padding:10px;border:0;background:#fff;text-align:left;color:#747d91}.learn-preview-options{display:none;position:absolute;right:0;top:calc(100% + 8px);width:152px;padding:6px;background:#fff;border:1px solid #e9ebf2;box-shadow:0 8px 25px #232c4910;border-radius:8px}.learn-preview[open]>.learn-preview-options{display:block}.learn-preview-options button{width:100%;border-radius:5px}.learn-preview-options button:hover{background:#f3f5fc;color:#5266bb}.learn-challenge{display:grid;grid-template-columns:1fr 250px;border:1px solid #e8e9f4;border-radius:16px;overflow:hidden;background:linear-gradient(115deg,#fbfbff,#f9faff);margin-bottom:38px}.learn-challenge-content{padding:26px 28px}.learn-section-title{display:flex;gap:12px;align-items:center}.learn-section-title h2{font-size:18px;font-weight:600;margin:0}.learn-section-title p{font-size:12px;color:#9ba1af;margin:8px 0 0}.learn-caption{margin-left:auto;font-size:11px;color:#a2a8b7}.learn-pill{font-size:10px;line-height:18px;display:inline-block;padding:2px 9px;border:1px solid #e2e5f1;border-radius:20px;background:#fff;color:#9099b1}.learn-pill.green{background:#edf8f1;border-color:#d9eedf;color:#4e9470}.learn-entries{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.learn-entry{position:relative;background:#fff;border:1px solid #dfe5fb;border-radius:11px;padding:20px 21px;transition:box-shadow .2s,border-color .2s}.learn-entry:hover{border-color:#b8c2f1;box-shadow:0 7px 20px #6978ca0a}.learn-entry.done{background:#f7fcf9;border-color:#d9ece2}.learn-entry-icon{display:grid;place-items:center;width:34px;height:34px;background:#f0f2ff;color:#7b83d9;border-radius:10px}.learn-entry h3{font-size:15px;font-weight:500;margin:15px 0 9px}.learn-entry p{font-size:12px;line-height:1.9;color:#9bA2b3;margin:0}.learn-entry button{display:flex;align-items:center;gap:18px;color:#6673d7;background:none;border:0;padding:0;margin-top:18px;font-size:12px!important}.learn-entry button svg{width:17px!important;height:17px!important}.learn-entry.done button{color:#559377}.learn-achievement{padding:20px 26px;background:linear-gradient(145deg,#f0f1fb,#f8f9fe);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #e8e9f4}.learn-medal{width:104px;filter:grayscale(1);opacity:.45;position:relative}.learn-medal.earned{filter:drop-shadow(0 12px 16px #5c6eb326);opacity:1}.learn-medal svg{width:100%!important;height:auto!important;display:block}.learn-achievement h3{font-size:13px;font-weight:500;margin:10px 0 7px;color:#69728d}.learn-achievement p{font-size:10px;color:#a3abc0;margin:0}.learn-progress{height:4px;width:130px;background:#e4e7f2;border-radius:4px;overflow:hidden;margin:18px 0 8px}.learn-progress i{display:block;background:#939ce8;height:100%;border-radius:4px}.learn-achievement>span{font-size:10px;color:#9ba4bb}.learn-courses>.learn-section-title{margin-bottom:24px}.learn-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.learn-tabs{display:flex;gap:7px}.learn-tabs button{border:0;background:none;color:#9aA1b0;padding:8px 16px;border-radius:7px;font-size:12px!important}.learn-tabs button.active{color:#5b65ce;background:#eff0fc}.learn-tabs button:hover{color:#5b65ce;background:#f6f7fc}.learn-search{display:flex;align-items:center;gap:8px;border:1px solid #e9ebf2;border-radius:8px;padding:8px 12px;color:#a4acbd;width:270px}.learn-search svg{width:16px!important;height:16px!important}.learn-search input{font:12px inherit;width:100%;min-width:0;outline:none;border:0;background:none;color:#576179}.learn-search input::placeholder{color:#b1b6c3}.learn-search button{font-size:11px!important;background:none;border:0;color:#8c96ad;padding:0;white-space:nowrap}.learn-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learn-course{overflow:hidden;border:1px solid #e8eaf2;border-radius:12px;background:#fff;transition:box-shadow .2s,transform .2s}.learn-course:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3a4b7810}.learn-art{height:154px;position:relative;overflow:hidden;background:#eaf0fc;color:#a5bce1}.learn-art.blue{background:#eaf0fc;color:#a5bce1}.learn-art.peach{background:#f9efe9;color:#d8bdaa}.learn-art.mint{background:#eaf5f0;color:#a4cbb9}.learn-art.purple{background:#f0edfc;color:#b7aadf}.learn-art.yellow{background:#faf5e7;color:#d4c38f}.learn-art.rose{background:#f9edef;color:#dab1c1}.learn-art-label{position:absolute;top:18px;left:20px;font:9px Arial;letter-spacing:1.9px;opacity:.8}.learn-art-format{position:absolute;bottom:15px;left:20px;font-size:10px;display:flex;gap:5px;align-items:center;color:#65748c;background:#ffffffa8;padding:4px 8px;border-radius:5px}.learn-art-format svg{width:12px!important;height:12px!important}.learn-art-object{position:absolute;right:22px;top:0;width:180px;height:155px;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg)}.learn-art-object.orbit i{position:absolute;width:132px;height:72px;border:12px solid currentColor;border-radius:50%;transform:rotate(-25deg);box-shadow:inset 0 2px 4px #fff,0 2px 2px #fff;opacity:.7}.learn-art-object.orbit i:nth-child(2){transform:rotate(55deg)}.learn-art-object.orbit b{font-size:55px;color:white;filter:drop-shadow(0 4px 5px #778cb049)}.learn-art-object.steps{gap:8px;align-items:end;padding-bottom:22px}.learn-art-object.steps i{width:45px;height:65px;background:#ffffff77;border:1px solid white;border-radius:8px;box-shadow:8px 7px 0 #9f8a7c18;font:500 20px Arial;display:grid;place-items:center}.learn-art-object.steps i:nth-child(2){height:90px}.learn-art-object.steps i:nth-child(3){height:115px}.learn-art-object.document>i{background:linear-gradient(140deg,#ffffffe0,#ffffff66);width:90px;height:116px;border-radius:12px;border:2px solid #fff;box-shadow:7px 9px 0 #74888712;padding:16px;display:flex;flex-direction:column;gap:9px}.learn-art-object.document svg{width:25px!important;height:25px!important;margin-bottom:4px}.learn-art-object.document b{height:5px;border-radius:4px;background:currentColor;opacity:.6}.learn-art-object.document b:last-child{width:65%}.learn-course-body{padding:18px 20px}.learn-course-meta{display:flex;justify-content:space-between;font-size:10px;color:#a9afbd;margin-bottom:13px}.learn-course-meta>span:first-child{color:#8492b5}.learn-course-meta .completed{color:#6da286}.learn-course h3{font-size:15px;font-weight:500;line-height:1.7;margin:0 0 7px;min-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-course-body>p{font-size:11px;line-height:1.9;color:#a3a9b7;margin:0;min-height:42px}.learn-course footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;border-top:1px solid #f0f1f6}.learn-course footer>span{font-size:10px;color:#afb5c2}.learn-course footer button{border:0;background:none;display:flex;gap:8px;align-items:center;color:#7584c9;font-size:11px!important}.learn-course footer button svg{width:15px!important;height:15px!important}.learn-empty{grid-column:1/-1;text-align:center;padding:55px;color:#8992a6}.learn-empty p{font-size:12px;margin:12px 0 25px}.learn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 17px;background:#fff;border:1px solid #e2e6f1;border-radius:8px;color:#838fa5;font-size:12px!important;line-height:1.5;cursor:pointer}.learn-btn:hover{background:#f5f6fd;border-color:#b7c2ee}.learn-btn.primary{color:white;background:#626fe0;border-color:#626fe0;box-shadow:0 4px 10px #626fe018}.learn-btn.primary:hover{background:#5260d5}.learn-btn:disabled{background:#eff1f6;color:#b2b8c5;border-color:#eff1f6;cursor:not-allowed;box-shadow:none}.learn-modal{border:1px solid #e7eaf2;border-radius:18px;box-shadow:0 30px 120px #25305429;padding:28px;width:min(560px,95vw);color:#37415b;max-height:90vh;overflow:auto;font-family:'PingFang SC','Microsoft YaHei',sans-serif}.learn-modal.wide{width:min(800px,95vw)}.learn-modal::backdrop{background:#26304b55;backdrop-filter:blur(5px)}.learn-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.learn-modal>header small{font:9px Arial;letter-spacing:2px;color:#b2bbd0}.learn-modal h2{font-size:20px;font-weight:500;margin:9px 0}.learn-close{border:0;background:none;font-size:27px!important;color:#a2acc0;padding:0 4px}.learn-modal>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.learn-celebrate{text-align:center;padding:12px 0}.learn-celebrate .learn-medal{width:150px;margin:0 auto 24px;animation:learn-reveal .55s ease-out}.learn-celebrate h3{font-size:19px;font-weight:500;margin:20px 0 12px}.learn-celebrate p{font-size:12px;line-height:2;color:#97a1b5}.learn-celebrate small{font-size:10px;color:#a9b0bf}.learn-video{padding:35px 28px 24px;border:1px solid #e4e9f6;border-radius:12px;background:#f2f5fe;text-align:center;color:#7e8fb7}.learn-video h3{font-weight:500;font-size:20px;margin:18px 0}.learn-video>p{font-size:11px;color:#9aa7bd;line-height:1.9}.learn-video>small{font-size:10px;letter-spacing:1px;color:#96a5c1}.learn-video-symbol{margin:22px auto;width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(140deg,#fff,#dbe2fc);box-shadow:0 10px 20px #899bcb22}.learn-video-symbol svg{width:32px!important;height:32px!important}.learn-video-progress{height:4px;border-radius:4px;background:#dce3f6;margin:30px 0 10px;overflow:hidden}.learn-video-progress i{display:block;width:0;height:100%;background:#7888d3;transition:width 1s linear}.learn-video .learn-art{max-width:350px;border-radius:12px;margin:auto}.learn-document{padding:15px 26px;line-height:2.1}.learn-document>small{font-size:11px;color:#9ba7bd}.learn-document h2{font-size:24px;margin:16px 0 24px}.learn-document h3{font-size:16px;font-weight:500;margin-top:26px}.learn-document p{font-size:13px;color:#8995aa}.learn-document aside{padding:15px;background:#f6f8fc;font-size:11px;color:#9ca8bb;border-radius:8px}.learn-back{border:0;background:none;color:#98a3b9;font-size:12px!important;margin-bottom:24px;padding:0}.learn-flow{display:grid;grid-template-columns:240px 1fr;border:1px solid #e7eaf4;border-radius:16px;overflow:hidden;min-height:650px}.learn-stepper{background:#f7f8fd;padding:30px 25px}.learn-stepper>small{font-size:11px;color:#8e9bb8}.learn-stepper>h2{font-size:19px;font-weight:500;margin:14px 0 7px}.learn-stepper>p{font-size:11px;color:#a3acc0;margin-bottom:38px}.learn-stepper>div:not(.learn-coach){display:flex;gap:13px;align-items:center;margin:0 0 28px;color:#a8b1c4;font-size:12px}.learn-stepper b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e1e5f1;border-radius:50%;font:12px Arial;background:#fff}.learn-stepper small{display:block;font-size:10px;margin-top:5px;opacity:.8}.learn-stepper .current{color:#6376d7!important}.learn-stepper .current b{background:#6474de;color:white;border-color:#6474de;box-shadow:0 4px 10px #6474de20}.learn-stepper .finished{color:#6f9e8b!important}.learn-coach{margin-top:60px;padding-top:23px;border-top:1px solid #e4e8f2}.learn-coach img{width:22px;height:22px;vertical-align:middle;margin-right:5px}.learn-coach strong{font-size:11px;font-weight:500;color:#8190af}.learn-coach p{background:white;border:1px solid #e8ebf4;padding:15px;border-radius:0 12px 12px;font-size:11px;line-height:2;color:#9ba7bd;margin-top:16px}.learn-flow-main{padding:32px 35px;display:flex;flex-direction:column;min-width:0}.learn-step-label{font-size:10px;letter-spacing:1px;color:#9aa7c4;margin-bottom:13px}.learn-flow-main>h2{font-size:23px;font-weight:500;margin:0 0 12px}.learn-muted{font-size:12px;line-height:1.9;color:#9ca7b9;margin:0 0 27px}.learn-drop{border:1px dashed #bdc8eb;border-radius:12px;background:#fafbff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:235px;position:relative;text-align:center;cursor:pointer;padding:25px}.learn-drop svg{width:32px!important;height:32px!important;color:#a4b0d4;margin-bottom:14px}.learn-drop h3{font-size:14px;font-weight:500;color:#7182ab;margin:0 0 10px;max-width:100%;overflow-wrap:anywhere}.learn-drop p{font-size:11px;color:#abb4c8}.learn-drop span{font-size:12px;color:#7b88cc;background:#eff2fd;padding:8px 15px;border-radius:7px;margin-top:12px}.learn-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.learn-drop.compact{min-height:165px;margin-top:18px}.learn-drop.compact svg{width:24px!important;height:24px!important;margin-bottom:8px}.learn-demo-note{font-size:10px;color:#b0b7c6;line-height:1.8;margin:16px 0 25px}.learn-demo-note button{background:none;border:0;color:#8292ca;padding:0}.learn-flow-footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:30px}.learn-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:15px}.learn-profile-grid article{border:1px solid #e6eaf3;border-radius:10px;padding:20px;min-width:0}.learn-profile-grid header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.learn-profile-grid h3{font-size:14px;font-weight:500;margin:0}.learn-profile-grid button{border:0;background:none;font-size:11px!important;color:#7e8dc4;padding:0}.learn-record{margin-bottom:16px}.learn-record strong{font-size:12px;font-weight:500}.learn-record p{font-size:11px;color:#939fb5;line-height:1.8;margin:6px 0}.learn-record small{font-size:10px;color:#b0b8c8}.learn-summary{font-size:11px;color:#a4adc0;line-height:1.9;margin:0 0 15px}.learn-summary span{display:block}.learn-summary strong{font-weight:400;color:#7f8da8;overflow-wrap:anywhere}.learn-add{margin-top:4px}.learn-education-card{position:relative;background:#f7f9fe;border:1px solid #e6eaf4;border-radius:10px;padding:22px}.learn-education-card>.learn-pill{float:right}.learn-education-card>small{font-size:11px;color:#99a7c0}.learn-education-card>h3{font-size:22px;font-weight:500;margin:12px 0 22px}.learn-education-card label{display:inline-block;font-size:11px;color:#8a9ab5;width:48%}.learn-education-card select{display:block;border:1px solid #e3e8f4;background:#fff;border-radius:7px;padding:10px;margin-top:8px;width:95%;color:#7686a4;font:12px inherit}.learn-editor-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.learn-editor-tabs button{padding:7px 12px;border:1px solid #e7ebf5;background:white;color:#8c9ab4;border-radius:6px;font-size:11px!important}.learn-editor-tabs .active{color:#6e7bd0;background:#f2f4fe}.learn-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.learn-editor-fields label{font-size:12px;color:#8d9ab1}.learn-editor-fields em{color:#c68792;font-style:normal;margin-left:3px}.learn-editor-fields input{display:block;width:100%;font:13px inherit;color:#6c7d9c;border:1px solid #e2e8f3;border-radius:7px;padding:11px;margin-top:9px;background:#fbfcff;outline:none}.learn-editor-fields input:focus{border-color:#9cace4}.learn-delete{border:0;background:none;color:#bc8c96;font-size:11px!important;padding:0;margin-top:20px}.learn-form-error{font-size:12px;color:#bd727d}.learn-toast{position:fixed;z-index:999;top:28px;left:50%;transform:translateX(-50%);padding:12px 24px;border:1px solid #e6eaf4;border-radius:9px;background:white;color:#7886a1;box-shadow:0 6px 25px #27385e18;font-size:12px} @keyframes learn-reveal{from{transform:translateY(15px) scale(.9);opacity:0}to{transform:none;opacity:1}} @media(min-width:1600px){.learn-art{height:180px}.learn-art-object{right:35px;top:12px}.learn-challenge-content{padding:30px 32px}.learn-entry{padding:24px}}@media(max-width:1100px){.learn-challenge{grid-template-columns:1fr 210px}.learn-challenge-content{padding:22px}.learn-caption{display:none}.learn-flow{grid-template-columns:200px 1fr}.learn-flow-main{padding:28px 24px}.learn-profile-grid{grid-template-columns:1fr}.learn-course-grid{gap:16px}.learn-art-object{right:0}.learn-course-body{padding:16px}}@media(max-width:800px){.learn-challenge{grid-template-columns:1fr}.learn-achievement{display:none}.learn-course-grid{grid-template-columns:1fr 1fr}.learn-header h1 span{display:none}.learn-flow{grid-template-columns:1fr}.learn-stepper{display:none}.learn-toolbar{gap:10px;flex-wrap:wrap}.learn-entries{gap:12px}.learn-entry{padding:16px}.learn-preview{display:none}}@media(prefers-reduced-motion:reduce){#learningPage *, .learn-modal *{animation:none!important;transition:none!important}}

.learn-entry p{color:#818a9d}.learn-header p,.learn-section-title p{color:#858e9e}.learn-course-body>p{color:#8b95a7}.learn-unsaved{font-size:12px;color:#a28c69;margin-right:auto;align-self:center}.learn-challenge-content{padding-top:23px;padding-bottom:23px}.learn-entries{margin-top:18px}.learn-entry{padding:16px 20px}.learn-entry h3{margin-top:12px}.learn-entry button{margin-top:14px}

/* Rounded translucent enamel artwork, distinct content for every course. */
.learn-medal{width:122px;filter:grayscale(.8);opacity:.58}
.learn-medal img{width:100%;height:auto;display:block;object-fit:contain}
.learn-medal.earned{filter:none;opacity:1}
.learn-art-enamel{height:180px;aspect-ratio:auto;isolation:isolate;overflow:hidden}
.learn-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;transition:transform .25s ease}
.learn-course:hover .learn-cover-image{transform:scale(1.025)}
.learn-art-enamel .learn-art-label,.learn-art-enamel .learn-art-format{z-index:1}
.learn-art-enamel.blue{background:#f0edff;color:#8371c4}
.learn-art-enamel.peach{background:#fff0e5;color:#c48b68}
.learn-art-enamel.mint{background:#eaf7f1;color:#6b9e8c}
.learn-art-enamel.purple{background:#eaf6f6;color:#689caa}
.learn-art-enamel.yellow{background:#fff5df;color:#b69a58}
.learn-art-enamel.rose{background:#fbeaf0;color:#bf8298}
.learn-video .learn-art-enamel{width:100%;max-width:480px;aspect-ratio:16/9}

/* Independent challenges: three peer actions, plus one conditional badge reward. */
.learn-parallel{border:1px solid #e6eaf2;border-radius:16px;padding:26px;margin-bottom:40px;background:#fff}
.learn-parallel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.learn-parallel-heading{display:flex;align-items:center;gap:12px}.learn-parallel-heading h2{margin:0;font-size:20px;font-weight:600}
.learn-parallel-head p{margin:9px 0 0;font-size:13px;line-height:22px;color:#778194}
.learn-parallel-count{display:flex;align-items:baseline;gap:7px;white-space:nowrap;color:#929bac;font-size:12px}.learn-parallel-count b{font:600 26px Arial;color:#5262bd}
.learn-parallel-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px}
.learn-independent-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.learn-independent{border:1px solid #e8ebf2;border-radius:12px;padding:20px;display:flex;flex-direction:column;min-width:0;background:#fff;transition:border-color .18s,box-shadow .18s}
.learn-independent:hover{border-color:#c5d0f1;box-shadow:0 6px 20px #34487908}
.learn-independent.is-done{border-color:#d8e9df}
.learn-independent-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.learn-independent-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:#6883c4}.learn-independent-icon.start{background:#f2effc;color:#8c75c2}.learn-independent-icon.education{background:#fff5e8;color:#b78c42}
.learn-independent-status{font-size:11px;white-space:nowrap;color:#8792a5}.learn-independent-status.done{display:flex;align-items:center;gap:4px;color:#418466}.learn-independent-status.done svg{width:13px!important;height:13px!important}
.learn-independent h3{font-size:16px;font-weight:600;line-height:26px;margin:20px 0 9px;color:#313c52}
.learn-independent>p{font-size:12px;line-height:22px;color:#7d889b;margin:0;min-height:44px}
.learn-task-spacer{height:46px}.learn-cash-incentive{display:flex;align-items:center;gap:8px;min-height:46px;margin-top:3px;color:#a17a3d}.learn-cash-incentive strong{font:600 23px Arial}.learn-cash-incentive span{font-size:10px;line-height:17px}
.learn-independent footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid #f0f2f6}
.learn-task-action{display:flex;align-items:center;gap:8px;min-height:36px;padding:0;border:0;background:none;color:#5266bb;font-size:12px!important}.learn-task-action svg{width:16px!important;height:16px!important}
.learn-task-action:hover{color:#1664ff}.learn-cash-claim{border:0;background:#fff5e8;color:#986a24;border-radius:6px;padding:8px;font-size:11px!important}
.learn-badge-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 14px;border:1px solid #e9e7f5;border-radius:12px;background:linear-gradient(145deg,#f5f3fd,#fafbff)}
.learn-reward-label{font-size:11px;color:#8b88a8;letter-spacing:.4px}.learn-badge-reward .learn-medal{width:104px;margin:8px auto 4px}.learn-badge-reward h3{font-size:14px;font-weight:500;margin:0 0 7px;color:#566084}.learn-badge-reward p{font-size:11px;line-height:20px;color:#929bb0;margin:0}
.learn-badge-progress{display:flex;gap:4px;width:110px;margin:15px 0}.learn-badge-progress i{height:4px;background:#e3e6f1;border-radius:4px;flex:1}.learn-badge-progress i.done{background:#8b8cdd}
.learn-badge-reward .learn-btn{min-height:36px;font-size:11px!important}.learn-badge-reward.ready .learn-medal{animation:learn-badge-ready 2.4s ease-in-out infinite}
.learn-education-incentive{display:flex;align-items:center;gap:17px;border:1px solid #f1e4ce;border-radius:10px;background:#fffbf2;padding:16px 20px;margin-bottom:20px;color:#a87932}.learn-education-incentive>strong{font:600 32px Arial}.learn-education-incentive b{font-size:14px;font-weight:500}.learn-education-incentive p{font-size:12px;line-height:20px;margin:5px 0 0;color:#a18b67}
.learn-education-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;clear:both;padding-top:18px}.learn-education-fields label{width:auto;font-size:12px}.learn-education-fields input{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #dfe5f0;border-radius:7px;font:13px inherit;background:#fff;color:#637393;min-width:0}.learn-education-fields input:disabled{background:#f3f5fa}
.learn-proof-complete{text-align:center;border:1px solid #dcebe4;background:#f7fbf8;border-radius:10px;padding:28px;color:#5c8876}.learn-proof-complete svg{display:block;margin:0 auto 12px}.learn-proof-complete strong,.learn-proof-complete span{display:block;font-size:14px;margin-bottom:8px}.learn-proof-complete p{font-size:12px;color:#8c9b92}
@keyframes learn-badge-ready{50%{transform:translateY(-4px)}}
@media(max-width:1300px){.learn-parallel{padding:22px}.learn-parallel-layout{grid-template-columns:minmax(0,1fr) 200px;gap:14px}.learn-independent-tasks{gap:12px}.learn-independent{padding:16px}.learn-independent h3{font-size:15px}.learn-independent-status{font-size:10px}}
@media(max-width:1000px){.learn-parallel-layout{grid-template-columns:1fr}.learn-badge-reward{display:grid;grid-template-columns:90px 1fr auto;gap:8px 20px;text-align:left}.learn-badge-reward .learn-medal{grid-column:1;grid-row:1/5;width:85px;margin:0}.learn-badge-reward .learn-reward-label,.learn-badge-reward h3,.learn-badge-reward p{grid-column:2}.learn-badge-reward .learn-btn{grid-column:3;grid-row:1/5}.learn-badge-progress{grid-column:2;margin:4px 0}}
@media(max-width:650px){.learn-independent-tasks{grid-template-columns:1fr}.learn-task-spacer{height:12px}.learn-independent>p{min-height:0}.learn-parallel-head{align-items:start}.learn-parallel-count{font-size:10px}.learn-badge-reward{display:flex;text-align:center}.learn-education-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.learn-badge-reward.ready .learn-medal{animation:none}}

/* Soft 3D editorial cards, preserving three independent task entries. */
.learn-independent.learn-visual-card{position:relative;isolation:isolate;overflow:hidden;padding:18px 20px 20px;border-radius:22px;border:1px solid #e9e9f1;box-shadow:0 3px 14px #27344c04;background:linear-gradient(155deg,#f1ecff 0%,#f9f7ff 44%,#fff 76%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.learn-visual-card.learn-card-theme-1{background:linear-gradient(155deg,#e6f7ee 0%,#f3fbf6 44%,#fff 76%);border-color:#e1ece6}
.learn-visual-card.learn-card-theme-2{background:linear-gradient(155deg,#eaf3ff 0%,#f4f8ff 44%,#fff 76%);border-color:#e1e8f1}
.learn-independent.learn-visual-card:hover{transform:translateY(-3px);border-color:#c5bfec;box-shadow:0 12px 28px #44417610}
.learn-visual-card .learn-independent-top{position:relative;z-index:1;min-height:26px}
.learn-visual-card .learn-independent-status{padding:4px 10px;border:1px solid #ffffffb8;border-radius:100px;color:#72718d;background:#ffffffa8;font-size:10px;line-height:16px;backdrop-filter:blur(5px)}
.learn-visual-card .learn-independent-status.done{color:#33765a;background:#f0fff6;border-color:#d4e9dc}
.learn-challenge-art{height:126px;display:flex;align-items:center;justify-content:center;margin:-6px -6px 2px;pointer-events:none}
.learn-challenge-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 12px #6e57a10b);transition:transform .25s ease}
.learn-visual-card:hover .learn-challenge-art img{transform:translateY(-3px) rotate(-2deg)}
.learn-card-theme-2 .learn-challenge-art img{width:118px;height:118px;transform:rotate(-7deg)}
.learn-card-theme-2:hover .learn-challenge-art img{transform:translateY(-3px) rotate(-9deg)}
.learn-independent.learn-visual-card h3{font-size:17px;line-height:27px;letter-spacing:-.4px;font-weight:650;color:#222638;margin:8px 0 8px;min-height:54px;max-width:210px}
.learn-independent.learn-visual-card>p{font-size:12px;line-height:22px;color:#747e8d;min-height:66px}
.learn-visual-card .learn-task-spacer{height:43px}
.learn-visual-card .learn-cash-incentive{min-height:31px;margin:6px 0 6px;gap:8px;align-items:center;background:#edffc4;border-radius:8px;padding:6px 8px;align-self:start;color:#4b5e29}
.learn-visual-card .learn-cash-incentive strong{font-size:19px;color:#253722;white-space:nowrap}.learn-visual-card .learn-cash-incentive span{font-size:10px;line-height:16px}
.learn-independent.learn-visual-card footer{padding-top:16px;border-top:1px dashed #e3e5ed;gap:8px}
.learn-visual-card .learn-task-action{width:100%;height:40px;min-height:40px;justify-content:center;gap:12px;padding:0 14px;border-radius:100px;font-size:12px!important;font-weight:500;color:white;background:#7258ed;transition:background .2s,box-shadow .2s}
.learn-visual-card .learn-task-action:hover{color:white;background:#6246e0;box-shadow:0 5px 12px #7258ed26}
.learn-visual-card.is-done .learn-task-action{color:#487761;background:#edf7f1}
.learn-visual-card .learn-cash-claim{width:100%;background:#edffc4;border-radius:100px;min-height:34px;color:#4b5e29}
@media(min-width:1600px){.learn-challenge-art{height:146px}.learn-independent.learn-visual-card h3{font-size:19px;line-height:29px;min-height:58px;max-width:230px}}
@media(max-width:1300px){.learn-independent.learn-visual-card{padding:16px 14px}.learn-independent.learn-visual-card h3{font-size:16px;line-height:26px;min-height:52px}.learn-challenge-art{height:112px}.learn-visual-card .learn-cash-incentive{gap:5px;padding:5px 6px}}
@media(max-width:650px){.learn-independent.learn-visual-card h3{min-height:0;max-width:none}.learn-independent.learn-visual-card>p{min-height:0}.learn-challenge-art{height:130px}.learn-visual-card .learn-task-spacer{height:18px}}
