/* ClokIt Academy v2: scalable course catalog -> curriculum -> guided lesson.
   Scoped to the signed-in field academy only. */
body .clok-learning:has(.clok-edu-shell) .clok-learning-hero{display:none!important}
body .clok-learning:has(.clok-edu-shell) .clok-learning-tabs{margin-bottom:13px!important}
body .clok-learning .clok-field-course.clok-edu-shell{display:block!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important;gap:0!important}
.clok-edu-shell,.clok-edu-shell *{box-sizing:border-box}
.clok-edu-shell{color:#15384e}
.clok-edu-shell button{font-family:inherit;cursor:pointer}
.clok-edu-eyebrow{font-size:10.5px;font-weight:850;letter-spacing:.12em;line-height:1.3;color:#177dac}
.clok-edu-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:25px;align-items:center;min-height:196px;background:radial-gradient(circle at 94% 16%,rgba(84,178,229,.24),transparent 38%),linear-gradient(110deg,#0e304a,#125d7a);border-radius:18px;padding:32px 35px;color:#fff}
.clok-edu-hero .clok-edu-eyebrow{color:#84d9f6}
.clok-edu-hero h2{font-size:clamp(27px,2.9vw,36px);line-height:1.14;letter-spacing:-.035em;color:#fff;margin:11px 0}
.clok-edu-hero p{font-size:13.5px;line-height:1.62;color:#d6ebf7;max-width:580px;margin:0}
.clok-edu-hero-aside{display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(217,243,255,.25);padding:6px 0 6px 27px}
.clok-edu-hero-aside span{font-size:10px;letter-spacing:.13em;color:#b5e4f8;font-weight:800}
.clok-edu-hero-aside strong{font-size:42px;line-height:1.1;font-weight:850;color:white;letter-spacing:-.04em}
.clok-edu-hero-aside small{font-size:12px;color:#c5dfec}
.clok-edu-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0 18px}
.clok-edu-stat-row>div{display:flex;flex-direction:column;gap:5px;background:white;border:1px solid #d8e7f2;border-radius:14px;padding:19px 20px;min-width:0}
.clok-edu-stat-row small{font-size:10px;letter-spacing:.045em;font-weight:800;color:#6c8499}
.clok-edu-stat-row strong{font-size:29px;line-height:1.18;letter-spacing:-.03em;color:#16445f;font-weight:850}
.clok-edu-stat-row strong em{font-size:15px;color:#8ca1b1;font-style:normal}
.clok-edu-stat-row strong.clok-edu-word{font-size:17px;letter-spacing:-.015em;color:#a36a2c;margin:7px 0 4px}
.clok-edu-stat-row span{font-size:11px;line-height:1.45;color:#7892a6}
.clok-edu-catalog{background:#fff;border:1px solid #d8e7f1;border-radius:17px;padding:24px 25px 28px;box-shadow:0 5px 18px rgba(17,61,88,.025)}
.clok-edu-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.clok-edu-section-head h3{font-size:23px;line-height:1.2;letter-spacing:-.03em;font-weight:850;color:#133d59;margin:6px 0}
.clok-edu-section-head p{font-size:12.5px;color:#6c879b;margin:0;line-height:1.55}
.clok-edu-count{font-size:12px;font-weight:780;color:#537993;background:#f0f7fb;border:1px solid #dbeaf4;padding:8px 11px;border-radius:10px;white-space:nowrap}
.clok-edu-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.clok-edu-course{appearance:none;display:flex;flex-direction:column;padding:0!important;text-align:left!important;background:#fff!important;color:inherit!important;border:1px solid #d8e5ef!important;border-radius:15px!important;overflow:hidden;min-width:0;min-height:430px;box-shadow:0 3px 12px rgba(15,49,75,.04);transition:transform .16s,box-shadow .16s,border-color .16s}
.clok-edu-course:hover{transform:translateY(-3px);box-shadow:0 11px 26px rgba(16,61,91,.12);border-color:#76badd!important}
.clok-edu-course:focus-visible,.clok-edu-module:focus-visible,.clok-edu-primary:focus-visible,.clok-edu-breadcrumb button:focus-visible,.clok-edu-return button:focus-visible,.clok-edu-assessment-action:focus-visible{outline:3px solid #69bdea!important;outline-offset:2px!important}
.clok-edu-cover{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;overflow:hidden;width:100%;min-height:154px;padding:20px 21px;background:linear-gradient(112deg,#12324f,#13638b);color:#fff}
.clok-edu-cover:before{content:"";position:absolute;right:-18px;bottom:-60px;width:210px;height:220px;border:1px solid rgba(189,232,255,.2);transform:rotate(18deg);box-shadow:-25px -22px 0 -24px rgba(255,255,255,.25),-50px -48px 0 -48px rgba(255,255,255,.3)}
.clok-edu-cover:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(199,232,251,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(199,232,251,.04) 1px,transparent 1px);background-size:23px 23px;pointer-events:none}
.clok-edu-cover-meta{position:relative;z-index:1;font-size:10px;font-weight:830;letter-spacing:.095em;color:#a7dced}
.clok-edu-cover-emblem{position:absolute;top:16px;right:20px;font-weight:900;font-size:18px;letter-spacing:-.08em;border:1px solid #7caec9;border-radius:10px;padding:8px 10px;color:#d3edff;z-index:1}
.clok-edu-cover-title{position:relative;z-index:1;font-size:26px;font-weight:900;letter-spacing:-.065em;line-height:1.06;margin-top:18px;color:#fff}
.clok-edu-course-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%;gap:11px;padding:19px 21px}
.clok-edu-course-state{font-size:10px;font-weight:830;line-height:1.25;color:#166b9f;background:#eaf5fd;border:1px solid #d5e9f7;border-radius:7px;padding:5px 8px}
.clok-edu-course-state.passed{color:#24794a;background:#e9f8ef;border-color:#bae2ca}
.clok-edu-course-state.restart{color:#a26333;background:#fff5eb;border-color:#edd2bc}
.clok-edu-course-body>strong{display:block;font-size:19px;color:#163e58;font-weight:860;line-height:1.25;letter-spacing:-.028em}
.clok-edu-course-summary{font-size:12px;line-height:1.6;color:#638198;display:block}
.clok-edu-specs{display:flex;flex-wrap:wrap;gap:7px 13px;color:#5b7b90;font-size:10.5px;font-weight:730;margin-top:2px}
.clok-edu-specs span:not(:first-child):before{content:"·";margin-right:8px;color:#adc4d1}
.clok-edu-barhead{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:11px;color:#668397;margin-top:auto;font-weight:740}
.clok-edu-barhead b{color:#157bad;font-size:12px}
.clok-edu-progress{display:block;overflow:hidden;height:8px;border-radius:30px;background:#e7eff6;width:100%}
.clok-edu-progress i{display:block;background:linear-gradient(90deg,#16add9,#167fc5);border-radius:30px;height:100%}
.clok-edu-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #eaf0f5;width:100%;font-size:11px;color:#748c9e}
.clok-edu-open{color:#0977b3;font-weight:840}
.clok-edu-next{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:13px;background:#f5fafd;border:1px solid #d9e9f3;border-radius:15px;padding:20px 24px}
.clok-edu-next h3{font-size:17px;line-height:1.3;color:#1b455e;margin:5px 0}
.clok-edu-next p{font-size:12px;line-height:1.55;color:#69869b;margin:0;max-width:640px}
.clok-edu-next-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:475px}
.clok-edu-next-steps span{font-size:10.5px;font-weight:750;color:#637f93;background:#fff;border:1px solid #dfeaf2;border-radius:9px;padding:9px 11px}
.clok-edu-next-steps span.complete{background:#ecf8f1;color:#217848;border-color:#bfe4cb}
.clok-edu-next-steps span.active{background:#edf7ff;color:#196f9e;border-color:#c5e0f2}
.clok-edu-footnote{color:#8a9eac;font-size:10.5px;line-height:1.55;margin:13px 3px 3px}
.clok-edu-success{display:flex;align-items:center;gap:12px;margin-bottom:12px;background:#e9f8f0;border:1px solid #b8dfc8;border-radius:12px;padding:12px 15px;color:#246e46;font-size:12px}
.clok-edu-success strong{font-size:13px}
.clok-edu-success span{flex:1;line-height:1.45}
.clok-edu-success button{border:0;background:none;color:inherit;font-weight:750;font-size:12px}
/* Course page */
.clok-edu-breadcrumb{display:flex;gap:10px;align-items:center;margin:1px 0 12px;color:#8ca1b1;font-size:12px}
.clok-edu-breadcrumb button{font-weight:820;padding:8px 0;color:#137bb6;background:none;border:0}
.clok-edu-breadcrumb strong{color:#4a6b83;font-weight:750}
.clok-edu-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(112deg,#102e46,#145776);border-radius:17px;color:#fff;padding:27px 31px}
.clok-edu-detail-hero>.clok-edu-detail-status{flex:0 0 244px}
.clok-edu-detail-hero .clok-edu-eyebrow{color:#94d6f4}
.clok-edu-detail-hero h2{color:white;font-size:clamp(23px,2.5vw,31px);letter-spacing:-.035em;line-height:1.15;margin:10px 0}
.clok-edu-detail-hero p{font-size:13px;line-height:1.6;max-width:670px;color:#d1e6f4;margin:0}
.clok-edu-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.clok-edu-detail-tags span{border:1px solid rgba(209,232,251,.24);border-radius:6px;padding:6px 8px;font-size:10.5px;color:#d8edfa;font-weight:760}
.clok-edu-detail-status{background:rgba(255,255,255,.09);border:1px solid rgba(208,238,253,.25);padding:17px;border-radius:12px;display:flex;flex-direction:column;gap:10px}
.clok-edu-detail-status small{font-size:10px;color:#b1dff5;font-weight:780;letter-spacing:.12em}
.clok-edu-detail-status strong{font-size:16px;font-weight:860;color:white}
.clok-edu-detail-status .clok-edu-progress{background:rgba(255,255,255,.18)}
.clok-edu-detail-status>span{font-size:11px;color:#cee7f5}
.clok-edu-detail-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,.68fr);gap:13px;align-items:start;margin-top:13px}
.clok-edu-curriculum,.clok-edu-status-panel,.clok-edu-practical{background:#fff;border:1px solid #d8e7f2;border-radius:16px;padding:23px;min-width:0}
.clok-edu-module-list{display:grid;gap:7px}
.clok-edu-module{appearance:none;display:grid;grid-template-columns:35px minmax(0,1fr) auto 90px;align-items:center;gap:13px;min-width:0;width:100%;border:1px solid #deebf3;background:#fafdff;color:#153d55;border-radius:12px;padding:12px 14px;text-align:left}
.clok-edu-module:not(:disabled):hover{border-color:#74b9e3;background:#eff9ff}
.clok-edu-module:disabled{cursor:default;opacity:.68}
.clok-edu-mod-num{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e9f2fa;color:#237cae;font-size:12px;font-weight:850}
.clok-edu-module.finished .clok-edu-mod-num{background:#e3f7eb;color:#24844e}
.clok-edu-mod-main strong{display:block;color:#21445e;font-size:12.5px;line-height:1.4;font-weight:820}
.clok-edu-mod-main small{display:block;margin-top:4px;color:#7890a3;font-size:11px;line-height:1.45}
.clok-edu-mod-time{white-space:nowrap;font-size:11px;color:#638398;font-weight:740}
.clok-edu-mod-status{text-align:right;color:#427e9f;font-size:10.5px;font-weight:820}
.clok-edu-module.finished .clok-edu-mod-status{color:#257a48}
.clok-edu-module.locked .clok-edu-mod-status{color:#879cac}
.clok-edu-final{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:11px;padding:16px 13px;border:1px solid #cde6f3;background:#f2faff;border-radius:12px}
.clok-edu-final strong{font-size:13px;color:#1b4967}
.clok-edu-final p{font-size:11px;line-height:1.5;color:#648297;margin:5px 0}
.clok-edu-final small{display:block;font-size:10.5px;color:#4585a9;font-weight:760}
.clok-edu-assessment-action{border:1px solid #9bcee8;background:#fff;color:#106f9f;border-radius:9px;padding:11px 13px;font-size:11px;font-weight:830;white-space:nowrap}
.clok-edu-detail-side{display:grid;gap:12px}
.clok-edu-result{display:flex;flex-direction:column;gap:9px;border-radius:12px;background:#eef9f3;border:1px solid #c8e7d5;padding:17px;margin:14px 0}
.clok-edu-result .clok-edu-eyebrow{color:#347d5e}
.clok-edu-result>strong{font-size:36px;line-height:1.1;font-weight:880;color:#216b48;letter-spacing:-.045em}
.clok-edu-result p{font-size:12px;color:#407d61;font-weight:780;margin:0}
.clok-edu-result span:last-child{font-size:11px;line-height:1.55;color:#628872}
.clok-edu-result.pending{background:#f3f9fd;border-color:#dceaf3}
.clok-edu-result.pending .clok-edu-eyebrow{color:#397da4}
.clok-edu-result.pending>strong{color:#185f8b}
.clok-edu-result.pending p{color:#54849f}
.clok-edu-result.pending span:last-child{color:#7293a7}
.clok-edu-primary{width:100%;text-align:center;border-radius:10px;border:1px solid #0b8cd1;background:#0b8cd1;color:white;font-size:13px;font-weight:850;padding:12px 17px;min-height:44px}
.clok-edu-primary:hover{background:#077dbb}
.clok-edu-meta{font-size:11px;line-height:1.5;color:#7f99aa;margin:11px 0 0}
.clok-edu-practical h3{font-size:18px;color:#17445f;margin:7px 0 17px}
.clok-edu-practical-line{display:flex;gap:10px;align-items:start;margin:0 0 16px}
.clok-edu-practical-line>span{flex:0 0 29px;height:29px;border-radius:50%;border:1px solid #dce8f2;background:#f3f8fc;display:grid;place-items:center;color:#5c829e;font-size:11px;font-weight:900}
.clok-edu-practical-line.checked>span{background:#e4f8ed;border-color:#b9e2c9;color:#228451}
.clok-edu-practical-line strong{display:block;font-size:12px;color:#21485f;line-height:1.4}
.clok-edu-practical-line small{display:block;font-size:11px;line-height:1.45;color:#7791a4;margin-top:3px}
.clok-edu-practical>p{background:#f5f9fc;border:1px solid #e2edf5;border-radius:10px;padding:12px;font-size:11px;line-height:1.6;color:#658297;margin:6px 0 0}
.clok-edu-return{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#68869c;font-size:11px;font-weight:750}
.clok-edu-return button{border:1px solid #d5e7f2;border-radius:9px;padding:10px 12px;background:#f3f9fd;color:#176c99;font-size:12px;font-weight:850}
@media(max-width:1250px){.clok-edu-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clok-edu-detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(265px,.7fr)}}
@media(max-width:1000px){.clok-edu-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.clok-edu-next{display:block}.clok-edu-next-steps{margin-top:13px}.clok-edu-detail-grid{grid-template-columns:1fr}.clok-edu-detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.clok-edu-hero{grid-template-columns:1fr;padding:23px 20px;gap:18px}.clok-edu-hero h2{font-size:28px}.clok-edu-hero-aside{border-left:0;border-top:1px solid rgba(217,243,255,.25);padding:15px 0 0}.clok-edu-stat-row{gap:8px}.clok-edu-stat-row>div{padding:14px}.clok-edu-stat-row strong{font-size:24px}.clok-edu-stat-row strong.clok-edu-word{font-size:15px}.clok-edu-catalog{padding:18px}.clok-edu-course-grid{grid-template-columns:1fr}.clok-edu-course{min-height:390px}.clok-edu-next{padding:18px}.clok-edu-detail-hero{display:block;padding:23px 20px}.clok-edu-detail-hero>.clok-edu-detail-status{margin-top:15px}.clok-edu-detail-side{grid-template-columns:1fr}.clok-edu-curriculum,.clok-edu-status-panel,.clok-edu-practical{padding:16px}.clok-edu-module{grid-template-columns:33px minmax(0,1fr) auto;gap:9px;padding:11px}.clok-edu-mod-status{display:none}.clok-edu-final{grid-template-columns:33px minmax(0,1fr)}.clok-edu-assessment-action{grid-column:2;justify-self:start}.clok-edu-section-head{flex-wrap:wrap}.clok-edu-success{flex-wrap:wrap}.clok-edu-return{flex-wrap:wrap}}
@media(max-width:410px){.clok-edu-stat-row{grid-template-columns:1fr}.clok-edu-course-grid{grid-template-columns:1fr}.clok-edu-mod-time{font-size:10px}}

/* Exam result and attempt history clarity */
.clok-edu-course-state.failed{color:#96502b;background:#fff3e9;border-color:#edceb4}
.clok-edu-result.failed{background:#fff5ec;border-color:#efcfb1}
.clok-edu-result.failed .clok-edu-eyebrow{color:#98552f}
.clok-edu-result.failed>strong{color:#9b4f23}
.clok-edu-result.failed p{color:#99603c}
.clok-edu-result.failed span:last-child{color:#97674c}
.clok-edu-history{border-top:1px solid #e0ebf2;margin-top:19px;padding-top:14px}
.clok-edu-history>strong{color:#254b65;display:block;font-size:12px;margin-bottom:10px}
.clok-edu-history ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.clok-edu-history li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#6e899c}
.clok-edu-history li b{color:#294a61;font-size:12px;white-space:nowrap}
.clok-edu-history li em{font-style:normal;color:#98552f;font-weight:780}
.clok-edu-history li em.passed{color:#28814b}
.clok-edu-grade-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;border:1px solid #c9e2f3;background:#edf7fd;border-radius:13px;margin-bottom:11px}
.clok-edu-grade-banner strong{font-size:14px;font-weight:840;color:#174b68}
.clok-edu-grade-banner p{margin:5px 0 0;color:#5a7d94;font-size:12px;line-height:1.55}
.clok-edu-grade-banner.failed{border-color:#eecfb1;background:#fff6ec}
.clok-edu-grade-banner.failed strong{color:#98542e}
.clok-edu-grade-banner.failed p{color:#8d684a}
.clok-edu-grade-banner.passed{border-color:#bde1c8;background:#edf9f1}
.clok-edu-grade-banner.passed strong{color:#277344}
.clok-edu-grade-banner button{flex:none;background:#fff;color:#156c9d;border:1px solid #b1d8ee;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:830;cursor:pointer}
.clok-edu-grade-banner.failed button{border-color:#e0b78c;color:#975222}
.clok-edu-grade-banner button:focus-visible{outline:3px solid #9ddbf5;outline-offset:2px}
@media(max-width:680px){.clok-edu-grade-banner{flex-direction:column;align-items:stretch}.clok-edu-grade-banner button{width:100%}}


/* Keep new 100-point grade and raw correct-answer count legible in history. */
.clok-edu-history li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px}
.clok-edu-history li>span{min-width:0}
.clok-edu-history li>span+span{font-size:10px;color:#728a9b;white-space:nowrap}
@media(max-width:450px){.clok-edu-history li{grid-template-columns:minmax(0,1fr) auto;row-gap:5px}.clok-edu-history li>span+span{grid-column:1}}


/* Completed knowledge assessment: permanent result replaces active quiz. */
.clok-edu-completion{background:#fff;border:1px solid #d7e6f0;border-radius:18px;padding:27px 31px!important;min-width:0}
.clok-edu-completion-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.clok-edu-completion-tag{display:inline-flex;color:#21794a;background:#e8f8ef;border:1px solid #bde2cb;padding:7px 10px;border-radius:8px;font-size:11px;letter-spacing:.03em;font-weight:840}
.clok-edu-completion h2{font-size:clamp(23px,2.6vw,31px);letter-spacing:-.025em;line-height:1.25;color:#103b59;margin:17px 0 8px;font-weight:870}
.clok-edu-completion-subtitle{font-size:13px;line-height:1.55;color:#66839a;margin:0 0 24px}
.clok-edu-completion-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 16px}
.clok-edu-completion-metrics>div{display:flex;flex-direction:column;gap:7px;padding:21px 23px;background:#f7fafc;border:1px solid #e1ecf3;border-radius:14px}
.clok-edu-completion-metrics small{font-size:11px;letter-spacing:.09em;font-weight:850;color:#6e899c}
.clok-edu-completion-metrics strong{font-size:35px;letter-spacing:-.05em;font-weight:900;color:#153f5c;line-height:1.1}
.clok-edu-completion-metrics strong span{font-size:17px;color:#7893a4;letter-spacing:0;font-weight:730}
.clok-edu-completion-metrics>div:first-child{background:#edf9f2;border-color:#cbe9d6}
.clok-edu-completion-metrics>div:first-child strong{color:#228049}
.clok-edu-completion-metrics>div:last-child>span{font-size:11px;font-weight:770;color:#935f37}
.clok-edu-completion-note{padding:17px 19px;border:1px solid #cee7d8;background:#f2fbf5;border-radius:12px}
.clok-edu-completion-note strong{font-size:14px;color:#237249}
.clok-edu-completion-note p{font-size:12px;line-height:1.58;color:#547863;margin:6px 0 0}
.clok-edu-completion-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 2px}
.clok-edu-completion-btn{min-height:43px;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:850;color:#1b6f99;background:#f2f8fc;border:1px solid #c9e1ef;cursor:pointer}
.clok-edu-completion-btn.primary{background:#0b8bc9;color:#fff;border-color:#0b8bc9}
.clok-edu-completion-btn:focus-visible{outline:3px solid #80c5ec;outline-offset:2px}
.clok-edu-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}
.clok-edu-review-item{background:#fff;border:1px solid #dce9f2;border-radius:12px;padding:17px 18px;min-width:0}
.clok-edu-review-item.right{border-left:3px solid #72c79a}
.clok-edu-review-item.missed{border-left:3px solid #e3a67b}
.clok-edu-review-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;letter-spacing:.055em;color:#7491a5;font-weight:800}
.clok-edu-review-top strong{font-size:11px;letter-spacing:normal;color:#258250}
.clok-edu-review-item.missed .clok-edu-review-top strong{color:#af603b}
.clok-edu-review-item h4{font-size:13px;color:#164461;line-height:1.45;margin:0 0 12px}
.clok-edu-review-item p{font-size:11.5px;color:#597992;line-height:1.55;margin:6px 0}
.clok-edu-review-item p b{color:#234b68}
.clok-edu-review-item .clok-edu-review-explain{background:#f3f9fc;border-radius:7px;padding:10px;margin-top:13px}
@media(max-width:820px){.clok-edu-review-list{grid-template-columns:1fr}}
@media(max-width:600px){.clok-edu-completion{padding:19px!important}.clok-edu-completion-metrics{grid-template-columns:1fr;gap:8px}.clok-edu-completion-metrics>div{padding:14px 17px}.clok-edu-completion-metrics strong{font-size:28px}.clok-edu-completion-actions{flex-direction:column;align-items:stretch}.clok-edu-completion-btn{width:100%}}


/* Academy Mobile V3 — compact learner-first navigation and real course access
   Scoped to the signed-in Learning Center at phone widths only. */
.clok-edu-mobile-start,.clok-edu-mobile-brief{display:none}
@media screen and (max-width:760px){
  body .clok-learning{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    margin:0!important;padding:13px 12px calc(88px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:clip!important;color:#102f46!important;
  }
  body .clok-learning-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px!important;
    margin:0!important;padding:2px 0 12px!important;
  }
  body .clok-learning-top>div{min-width:0!important}
  body .clok-learning-kicker{
    display:block!important;color:#1678a9!important;
    font-size:9px!important;letter-spacing:.11em!important;line-height:1.2!important;
  }
  body .clok-learning-top h1{
    font-size:clamp(23px,6.2vw,28px)!important;line-height:1.08!important;
    color:#0c2e46!important;letter-spacing:-.04em!important;
    margin:5px 0 0!important;
  }
  body .clok-learning-top p{display:none!important}
  body .clok-learning-back{
    width:auto!important;max-width:112px!important;
    min-height:37px!important;padding:7px 10px!important;
    background:#fff!important;color:#14658f!important;
    border:1px solid #d3e4ef!important;border-radius:10px!important;
    font-size:0!important;white-space:nowrap!important;
    box-shadow:0 2px 7px rgba(12,53,82,.035)!important;
  }
  body .clok-learning-back::after{
    content:"Dashboard";font-size:10.5px!important;font-weight:800!important;
  }
  body .clok-learning-tabs,
  body .clok-learning:has(.clok-edu-shell) .clok-learning-tabs{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;margin:0 0 12px!important;
    padding:5px!important;
    background:#e6f0f6!important;border:1px solid #dbe9f1!important;
    border-radius:13px!important;
  }
  body .clok-learning-tab{
    width:100%!important;min-width:0!important;min-height:61px!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    text-align:center!important;gap:5px!important;
    margin:0!important;padding:7px 3px!important;
    border:1px solid transparent!important;border-radius:10px!important;
    background:transparent!important;box-shadow:none!important;
  }
  body .clok-learning-tab.active{
    border-color:#b9dff1!important;
    background:#fff!important;box-shadow:0 3px 8px rgba(13,72,102,.085)!important;
  }
  body .clok-learning-tab>span:first-child{
    flex:0 0 20px!important;width:22px!important;height:20px!important;
    display:grid!important;place-items:center!important;
    background:transparent!important;border-radius:0!important;
    font-size:16px!important;line-height:1!important;
  }
  body .clok-learning-tab>span:last-child{display:block!important;min-width:0!important}
  body .clok-learning-tab b{
    display:block!important;font-size:10px!important;
    line-height:1.2!important;font-weight:850!important;
    letter-spacing:-.01em!important;
  }
  body .clok-learning-tab small{display:none!important}
  body .clok-learning:has(.clok-edu-shell) .clok-learning-hero{display:none!important}
  body .clok-edu-shell.clok-edu-home{
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:10px!important;
    padding:0!important;margin:0!important;
    width:100%!important;min-width:0!important;
  }
  body .clok-edu-home .clok-edu-hero{
    order:0!important;
    display:flex!important;flex-direction:column!important;
    gap:11px!important;align-items:stretch!important;
    min-height:0!important;margin:0!important;
    padding:18px 17px!important;
    border-radius:15px!important;
    background:radial-gradient(circle at 92% 10%,rgba(59,189,239,.25),transparent 47%),linear-gradient(116deg,#0c2942 0%,#125776 100%)!important;
    box-shadow:0 7px 17px rgba(17,61,91,.08)!important;
  }
  body .clok-edu-home .clok-edu-hero .clok-edu-eyebrow{
    display:block!important;
    color:#82d6f5!important;font-size:9px!important;line-height:1.35!important;
    letter-spacing:.1em!important;
  }
  body .clok-edu-home .clok-edu-hero h2{
    margin:6px 0 5px!important;
    max-width:24ch!important;
    font-size:clamp(22px,6.1vw,29px)!important;
    line-height:1.12!important;letter-spacing:-.045em!important;
  }
  body .clok-edu-home .clok-edu-hero p{
    color:#cce7f5!important;
    font-size:11.5px!important;line-height:1.4!important;
    max-width:39ch!important;
  }
  body .clok-edu-home .clok-edu-hero-aside{display:none!important}
  body .clok-edu-home .clok-edu-mobile-start{
    appearance:none;display:flex!important;
    justify-content:space-between!important;align-items:center!important;
    gap:12px!important;min-height:43px!important;width:100%!important;
    margin:1px 0 0!important;padding:10px 14px!important;
    border:1px solid #c6ebfb!important;border-radius:10px!important;
    background:#f9fdff!important;color:#0c5578!important;
    font-size:13px!important;font-weight:900!important;
    box-shadow:0 3px 10px rgba(4,22,36,.1)!important;
  }
  body .clok-edu-home .clok-edu-mobile-start span{font-size:18px}
  body .clok-edu-home .clok-edu-mobile-brief{
    order:1!important;
    display:grid!important;gap:7px!important;
    padding:10px 12px!important;background:#fff!important;
    border:1px solid #d8e8f2!important;border-radius:12px!important;
  }
  body .clok-edu-home .clok-edu-mobile-brief>div:first-child{
    display:flex!important;justify-content:space-between!important;
    align-items:center!important;gap:9px!important;
    font-size:11px!important;color:#607e92!important;font-weight:800!important;
  }
  body .clok-edu-home .clok-edu-mobile-brief>div:first-child strong{
    font-size:13px!important;color:#0774b5!important;
  }
  body .clok-edu-home .clok-edu-mobile-bar{
    display:block!important;height:6px!important;width:100%!important;
    border-radius:99px!important;background:#e6eff6!important;overflow:hidden!important;
  }
  body .clok-edu-home .clok-edu-mobile-bar i{
    display:block!important;height:100%!important;border-radius:99px!important;
    background:linear-gradient(90deg,#16afe0,#177bc3)!important;
  }
  body .clok-edu-home .clok-edu-mobile-status{
    display:flex!important;gap:6px!important;justify-content:space-between!important;
    align-items:center!important;flex-wrap:wrap!important;
    color:#668397!important;font-size:9.5px!important;font-weight:700!important;
  }
  body .clok-edu-home .clok-edu-mobile-status span:first-child{
    color:#166b90!important;font-weight:850!important;
  }
  body .clok-edu-home .clok-edu-catalog{
    order:2!important;min-width:0!important;
    padding:14px!important;background:#fff!important;
    border:1px solid #d8e7f1!important;
    border-radius:14px!important;box-shadow:none!important;
  }
  body .clok-edu-home .clok-edu-section-head{
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:9px!important;
    margin:0 0 10px!important;flex-wrap:nowrap!important;
  }
  body .clok-edu-home .clok-edu-section-head .clok-edu-eyebrow{
    font-size:9px!important;
  }
  body .clok-edu-home .clok-edu-section-head h3{
    margin:3px 0 0!important;
    font-size:18px!important;line-height:1.17!important;
  }
  body .clok-edu-home .clok-edu-section-head p{display:none!important}
  body .clok-edu-home .clok-edu-count{
    padding:6px 8px!important;font-size:10px!important;
    border-radius:8px!important;
  }
  body .clok-edu-home .clok-edu-course-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body .clok-edu-home .clok-edu-course{
    display:flex!important;min-height:0!important;height:auto!important;
    border-radius:12px!important;transform:none!important;
  }
  body .clok-edu-home .clok-edu-cover{
    min-height:76px!important;height:76px!important;
    padding:11px 14px!important;gap:2px!important;
  }
  body .clok-edu-home .clok-edu-cover-meta{
    font-size:9px!important;line-height:1.2!important;
  }
  body .clok-edu-home .clok-edu-cover-title{
    margin-top:4px!important;font-size:22px!important;
    letter-spacing:-.035em!important;line-height:.95!important;
  }
  body .clok-edu-home .clok-edu-cover-emblem{
    right:11px!important;top:12px!important;font-size:12px!important;
    padding:6px 8px!important;
  }
  body .clok-edu-home .clok-edu-course-body{
    padding:12px!important;gap:7px!important;
  }
  body .clok-edu-home .clok-edu-course-state{
    padding:4px 7px!important;font-size:9px!important;
  }
  body .clok-edu-home .clok-edu-course-body>strong{
    font-size:15px!important;line-height:1.24!important;
  }
  body .clok-edu-home .clok-edu-course-summary{
    font-size:11px!important;line-height:1.4!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;overflow:hidden!important;
  }
  body .clok-edu-home .clok-edu-specs{display:none!important}
  body .clok-edu-home .clok-edu-barhead{
    margin-top:2px!important;font-size:10px!important;
    gap:5px!important;
  }
  body .clok-edu-home .clok-edu-barhead b{font-size:10px!important}
  body .clok-edu-home .clok-edu-progress{height:5px!important}
  body .clok-edu-home .clok-edu-card-bottom{
    padding-top:7px!important;font-size:10px!important;gap:6px!important;
    flex-wrap:wrap!important;
  }
  body .clok-edu-home .clok-edu-open{font-size:11px!important}
  body .clok-edu-home .clok-edu-stat-row{
    order:3!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;margin:0!important;
  }
  body .clok-edu-home .clok-edu-stat-row>div{
    gap:4px!important;min-height:0!important;
    padding:10px 11px!important;border-radius:11px!important;
  }
  body .clok-edu-home .clok-edu-stat-row small{
    font-size:9px!important;letter-spacing:0!important;
    line-height:1.2!important;
  }
  body .clok-edu-home .clok-edu-stat-row strong{
    font-size:20px!important;line-height:1.1!important;
  }
  body .clok-edu-home .clok-edu-stat-row strong.clok-edu-word{
    margin:0!important;font-size:12px!important;line-height:1.2!important;
  }
  body .clok-edu-home .clok-edu-stat-row span{display:none!important}
  body .clok-edu-home .clok-edu-next{
    order:4!important;display:block!important;
    padding:12px 13px!important;margin:0!important;
    background:#f3f9fc!important;border-radius:12px!important;
  }
  body .clok-edu-home .clok-edu-next .clok-edu-eyebrow{font-size:9px!important}
  body .clok-edu-home .clok-edu-next h3{
    font-size:14px!important;margin:4px 0!important;
  }
  body .clok-edu-home .clok-edu-next p{
    font-size:10.5px!important;line-height:1.35!important;
  }
  body .clok-edu-home .clok-edu-next-steps{
    display:flex!important;flex-wrap:wrap!important;
    gap:5px!important;margin-top:10px!important;
  }
  body .clok-edu-home .clok-edu-next-steps span{
    font-size:9px!important;padding:6px 7px!important;border-radius:7px!important;
  }
  body .clok-edu-home .clok-edu-footnote{
    order:5!important;margin:0!important;
    color:#7a8e9e!important;font-size:10px!important;
  }
  /* Also keep course overview & curriculum comfortable on smaller phones. */
  body .clok-edu-detail-hero{
    padding:15px!important;border-radius:13px!important;
  }
  body .clok-edu-detail-hero h2{
    font-size:22px!important;margin:6px 0!important;
  }
  body .clok-edu-detail-hero p{font-size:11.5px!important;line-height:1.4!important}
  body .clok-edu-detail-tags span{font-size:10px!important;padding:5px 7px!important}
  body .clok-edu-detail-hero>.clok-edu-detail-status{margin-top:10px!important;padding:12px!important}
  body .clok-edu-detail-grid{gap:9px!important;margin-top:9px!important}
  body .clok-edu-curriculum,body .clok-edu-status-panel,body .clok-edu-practical{
    padding:13px!important;border-radius:13px!important;
  }
  body .clok-edu-module{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    min-height:57px!important;padding:9px!important;gap:9px!important;
  }
  body .clok-edu-mod-num{width:30px!important;height:30px!important}
  body .clok-edu-mod-main strong{font-size:12px!important}
  body .clok-edu-mod-main small{font-size:10px!important}
  body .clok-learning-grid{gap:9px!important}
  body .clok-learning-card{padding:14px!important;border-radius:13px!important}
  body .clok-learning-card h3{font-size:18px!important}
  body .clok-learning-card p{font-size:12px!important}
  body .clok-learning:has(.clok-learning-grid) .clok-learning-hero{
    padding:17px!important;border-radius:14px!important;
  }
  body .clok-learning:has(.clok-learning-grid) .clok-learning-hero h2{
    font-size:22px!important;
  }
  body .clok-learning:has(.clok-learning-grid) .clok-learning-hero p{
    font-size:11.5px!important;
  }
}
@media screen and (max-width:350px){
  body .clok-learning{padding-inline:9px!important}
  body .clok-learning-tab b{font-size:9px!important}
  body .clok-learning-top h1{font-size:22px!important}
  body .clok-learning-back{padding-inline:7px!important}
  body .clok-edu-home .clok-edu-hero{padding:15px!important}
  body .clok-edu-home .clok-edu-hero h2{font-size:21px!important}
  body .clok-edu-home .clok-edu-mobile-brief{padding:9px!important}
  body .clok-edu-home .clok-edu-mobile-status{font-size:9px!important}
}
@media screen and (min-width:761px){
  .clok-edu-mobile-start,.clok-edu-mobile-brief{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .clok-edu-shell .clok-edu-course{transition:none!important}
}