/* Hello Platform v22 — learning, assessments and self-paced courses */
.hp-learning-workspace{max-width:1440px;margin:0 auto;padding:42px 28px 72px!important}.learning-builder-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.learning-builder-nav{position:sticky;top:96px;background:#fff;border:1px solid #e3eaf4;border-radius:20px;padding:14px;box-shadow:0 12px 36px rgba(20,52,93,.07);display:flex;flex-direction:column;gap:5px}.learning-builder-nav>a,.learning-builder-nav>strong{padding:10px 12px;border-radius:12px;text-decoration:none;color:#17324d}.learning-builder-nav>a:hover,.learning-builder-nav>a.active{background:#eef5ff;color:#0b64d8}.learning-builder-nav a small{display:block;color:#728097;font-size:.75rem;margin-top:2px}.learning-builder-nav hr{border:0;border-top:1px solid #e7edf5;width:100%;margin:8px 0}.check-card{display:flex!important;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e0e8f3;border-radius:14px;background:#f8fbff}.check-card input{width:auto!important;margin-top:5px}.check-card span{display:grid;gap:4px}.check-card small{font-weight:400}.learning-checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0}.learning-checks label{display:flex!important;align-items:center;gap:8px;margin:0!important}.learning-checks input[type=checkbox]{width:auto!important}.course-module-builder{border:1px solid #dfe7f2;border-radius:18px;margin:18px 0;overflow:hidden;background:#fbfdff}.course-module-head{padding:18px 20px;background:linear-gradient(135deg,#eef5ff,#f7f1ff);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.course-module-head h3{margin:3px 0 4px}.course-module-head p{margin:0;color:#5c6c80}.text-danger{border:0;background:transparent;color:#b42318;font-weight:700;cursor:pointer}.lesson-builder-list{padding:8px 16px 16px}.lesson-builder-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid #e9eef5}.lesson-builder-list article:last-child{border-bottom:0}.lesson-builder-copy{display:grid;gap:3px}.lesson-builder-copy small{color:#718096}.lesson-builder-actions{display:flex;gap:8px;align-items:center}.lesson-builder-actions form{display:flex;gap:4px}.lesson-builder-actions button{border:1px solid #dbe4ef;background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.lesson-type-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#eaf2ff;color:#1256a5;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.section-heading-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.score-chip,.marking-count,.course-price-badge{background:#eef5ff;border-radius:14px;padding:12px 16px;color:#173a7a}.marking-count{display:grid;text-align:center;min-width:130px}.marking-count strong{font-size:2rem}.marking-count span{font-size:.8rem}.assessment-question-list,.question-bank-list,.assessment-history-list{display:grid;gap:10px}.assessment-question-list article,.question-bank-list article,.assessment-history-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:15px;border:1px solid #e1e8f1;border-radius:14px;background:#fff}.question-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#173a7a;color:#fff;font-weight:800}.question-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px}.question-meta span{padding:4px 8px;border-radius:999px;background:#f0f4f8;color:#516174;font-size:.74rem;font-weight:700}.assessment-question-list small,.question-bank-list small,.assessment-history-list small{display:block;color:#718096;margin-top:5px}.field-label{display:block;font-weight:700;margin-bottom:8px}
.assessment-shell{max-width:1180px;margin:0 auto;padding:42px 24px 80px}.assessment-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:32px;border-radius:26px;background:linear-gradient(135deg,#112d66,#46319c);color:#fff;box-shadow:0 20px 55px rgba(24,45,99,.18)}.assessment-intro .eyebrow{color:#b8d7ff}.assessment-intro h1{font-size:clamp(2rem,4vw,3.4rem);margin:7px 0}.assessment-intro p{color:#e4e9ff;max-width:720px}.assessment-facts{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.assessment-facts span{display:grid;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:12px;border-radius:14px}.assessment-facts strong{font-size:1.35rem}.assessment-result-card{margin:22px 0;padding:22px 24px;border-radius:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #dfe7f2;background:#fff}.assessment-result-card.passed{border-color:#a9dfbf;background:#f1fbf5}.assessment-result-card.pending{border-color:#f1d28c;background:#fff9e9}.assessment-result-card.failed{border-color:#f0c5c1;background:#fff6f5}.big-score{font-size:2.6rem;font-weight:900;color:#173a7a}.assessment-taking-card{margin-top:22px;background:#fff;border:1px solid #e1e8f2;border-radius:22px;box-shadow:0 14px 44px rgba(20,52,93,.08);overflow:hidden}.assessment-sticky-bar{position:sticky;top:74px;z-index:5;display:flex;justify-content:space-between;gap:14px;padding:14px 20px;background:#132f67;color:#fff}.v22-assessment-form{padding:20px}.v22-assessment-form fieldset{border:0;border-bottom:1px solid #e5ebf3;padding:24px 6px;margin:0}.v22-assessment-form legend{font-size:1.08rem;font-weight:800;color:#172b4d;margin-bottom:14px}.v22-assessment-form legend>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef4ff;color:#1456a5;margin-right:8px}.v22-assessment-form legend small{font-size:.72rem;color:#6d7b8f;margin-left:8px}.assessment-option{display:flex!important;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #e0e7f0;border-radius:12px;margin:7px 0!important;cursor:pointer}.assessment-option:hover{background:#f7faff}.assessment-option input{width:auto!important;margin-top:3px}.assessment-submit-row{padding:20px 6px 6px;display:flex;justify-content:space-between;align-items:center;gap:18px}.assessment-submit-row p{font-size:.84rem;color:#718096;max-width:620px}.assessment-review{margin-top:22px}.assessment-review article{padding:16px 0;border-bottom:1px solid #e4eaf2}.answer-explanation{padding:10px 12px;border-radius:10px;background:#f4f7fb}.marking-form{display:grid;gap:18px}.marking-question{border:1px solid #e1e8f2;border-radius:16px;padding:18px;background:#fff}.marking-question.needs-marking{border-left:5px solid #f0a529}.marking-question.auto-marked{border-left:5px solid #3aa76d}.learner-answer{padding:14px;border-radius:12px;background:#f6f8fb;margin:12px 0}.learner-answer p{margin:5px 0 0}.auto-score-note{font-weight:800;color:#237449}.marking-question details{margin:10px 0;padding:10px 12px;background:#fbfcfe;border-radius:10px}.marking-question summary{cursor:pointer;font-weight:700}
.course-learning-shell{max-width:1500px;margin:0 auto;padding:36px 26px 80px}.course-learning-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#f0f6ff,#f7f2ff);border:1px solid #e0e8f4}.course-learning-head h1{margin:5px 0}.course-progress-card{display:flex;align-items:center;gap:14px;background:#fff;padding:14px 18px;border-radius:18px;box-shadow:0 10px 28px rgba(24,51,91,.08)}.course-progress-card>div:last-child{display:grid;gap:3px}.course-progress-card span{font-size:.8rem;color:#718096}.progress-ring{--progress:0;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5a43d8 calc(var(--progress)*1%),#e8edf5 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.progress-ring strong{position:relative;z-index:1}.course-learning-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px;margin-top:24px}.course-outline{background:#fff;border:1px solid #e1e8f2;border-radius:20px;overflow:hidden;align-self:start;position:sticky;top:92px;max-height:calc(100vh - 115px);overflow-y:auto}.course-outline-top{padding:16px 18px;background:#173a7a;color:#fff;display:grid}.course-outline-top span{font-size:.78rem;opacity:.8}.outline-module{padding:14px;border-bottom:1px solid #e8edf4}.outline-module h3{font-size:.98rem;margin:0 0 8px}.outline-module>p{font-size:.8rem;color:#718096}.outline-lesson{display:flex;gap:9px;padding:9px 8px;border-radius:10px;text-decoration:none;color:#24384f}.outline-lesson:hover,.outline-lesson.active{background:#eef5ff}.outline-state{font-weight:900;color:#3b7bd6}.outline-lesson>span:last-child{display:grid}.outline-lesson small{color:#7a8798;font-size:.72rem}.course-lesson-panel{background:#fff;border:1px solid #e1e8f2;border-radius:20px;padding:28px;min-height:520px}.lesson-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e6ebf2;padding-bottom:18px;margin-bottom:22px}.lesson-heading h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:8px 0 0}.lesson-status{padding:7px 10px;border-radius:999px;background:#f0f3f7;color:#6c7888;font-size:.76rem;font-weight:800}.lesson-status.done{background:#e9f8ef;color:#217447}.lesson-content{font-size:1.03rem;line-height:1.8;color:#34495e;margin-bottom:22px}.course-assessment-callout{padding:22px;border-radius:18px;background:linear-gradient(135deg,#eef5ff,#f6efff);border:1px solid #d9e4f4;margin:20px 0}.course-assessment-callout h3{margin:5px 0}.public-course-outline{margin:30px 0}.course-price-badge{display:grid;text-align:right}.public-module{border:1px solid #e2e9f2;border-radius:16px;padding:18px;margin:14px 0;background:#fff}.public-module h3{margin:4px 0}.public-lesson-list{display:grid;gap:8px;margin-top:12px}.public-lesson-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#f8fafc}.public-lesson-list small{color:#718096}.my-learning-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.my-learning-cards article{position:relative;border:1px solid #e1e8f2;border-radius:18px;padding:20px;overflow:hidden}.course-progress-mini{height:5px;background:#e8edf4;position:absolute;left:0;right:0;top:0}.course-progress-mini span{display:block;height:100%;background:#4b65d8}.course-progress-table{overflow:auto}.course-progress-table table{width:100%;border-collapse:collapse}.course-progress-table th,.course-progress-table td{padding:12px;border-bottom:1px solid #e5ebf2;text-align:left;vertical-align:top}.inline-approval{display:flex;gap:8px}.certificate-page{padding:50px 20px 80px;background:#f2f5fa}.certificate-card{max-width:1050px;margin:auto;background:#fff;padding:18px;box-shadow:0 20px 60px rgba(24,50,87,.12)}.certificate-border{text-align:center;border:8px double #173a7a;padding:55px 40px}.certificate-logo{max-width:230px}.certificate-border h1{font-size:clamp(2.2rem,5vw,4rem);color:#173a7a}.certificate-border h2{font-size:clamp(1.7rem,3vw,2.6rem)}.certificate-meta{display:flex;justify-content:center;gap:50px;margin:28px 0}.certificate-meta span{display:grid}.certificate-meta small{color:#718096}.certificate-verify{font-size:.82rem;color:#5c6a7c}.certificate-search{display:flex;gap:10px;align-items:end;max-width:760px;margin:25px 0}.certificate-search label{flex:1}.verification-result{display:flex;gap:18px;align-items:center;padding:24px;border-radius:18px;max-width:800px}.verification-result.valid{background:#effaf3;border:1px solid #b8e4c8}.verification-result.invalid{background:#fff5f3;border:1px solid #efc7c2}.verification-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:1.8rem;font-weight:900}
@media(max-width:980px){.learning-builder-grid,.course-learning-grid{grid-template-columns:1fr}.learning-builder-nav,.course-outline{position:relative;top:auto;max-height:none}.assessment-intro,.course-learning-head{grid-template-columns:1fr}.assessment-facts{grid-template-columns:repeat(4,1fr)}.course-progress-card{width:max-content;max-width:100%}}@media(max-width:680px){.hp-learning-workspace,.assessment-shell,.course-learning-shell{padding-left:14px!important;padding-right:14px!important}.assessment-facts{grid-template-columns:repeat(2,1fr)}.assessment-result-card,.assessment-submit-row,.section-heading-row,.lesson-heading,.course-module-head{flex-direction:column;align-items:stretch}.assessment-sticky-bar{top:64px;font-size:.78rem}.lesson-builder-list article,.assessment-question-list article,.question-bank-list article,.assessment-history-list article{grid-template-columns:1fr}.lesson-builder-actions{justify-content:flex-start}.public-lesson-list>div{grid-template-columns:1fr}.certificate-border{padding:32px 16px}.certificate-meta{flex-direction:column;gap:12px}.certificate-search,.inline-approval{flex-direction:column;align-items:stretch}}
@media print{.hp-header,.site-drawer,.site-footer,.no-print{display:none!important}.certificate-page{padding:0;background:#fff}.certificate-card{box-shadow:none}.certificate-border{min-height:90vh}}