/* Style the updated course catalogue and learning panels. */
.learning-slide[hidden],.slide-controls[hidden],.slide-toolbar[hidden]{display:none!important}.lesson-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.lesson-heading h1{font-size:clamp(26px,3.4vw,42px);max-width:850px}.lesson-heading>p{white-space:nowrap;font-size:13px}.slide-deck{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.slide-toolbar{display:flex;gap:22px;align-items:center;padding:18px 30px;border-bottom:1px solid var(--line);font-size:13px}.slide-toolbar progress{max-width:200px}.slide-text-toggle{margin-left:auto;border:0;background:transparent;text-decoration:underline;color:var(--accent);font:inherit;cursor:pointer}.learning-slide{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;padding:32px;align-items:center;min-height:450px}.learning-slide>img,.slide-visual img{width:100%;height:auto;border-radius:16px}.learning-slide h2{font-size:clamp(24px,2.7vw,34px);margin-top:0}.slide-copy .eyebrow{margin-top:0}.slide-points{padding-left:22px;font-size:17px;line-height:1.65}.slide-points li{margin:14px 0}.slide-reminder{display:flex;align-items:center;gap:15px;padding:20px 5px}.slide-reminder span{font-size:32px;color:var(--accent);font-weight:800}.slide-controls{display:flex;justify-content:space-between;padding:20px 30px;border-top:1px solid var(--line)}.slide-controls button:disabled{opacity:.4;cursor:default}.message-example{background:var(--soft);border-left:5px solid var(--brand-yellow);padding:22px;border-radius:12px}.message-example>span{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.message-example p{font-size:21px!important;color:var(--ink)!important}.answer-dialog{width:min(680px,94vw);max-height:88vh;overflow:auto;border:0;border-radius:20px;padding:34px;color:var(--ink);background:var(--panel);box-shadow:0 25px 100px #0006}.answer-dialog::backdrop{background:#1c0c30b8}.dialog-close{float:right;background:var(--soft);border:0;border-radius:50%;width:36px;height:36px;font-size:25px;color:var(--ink);cursor:pointer}.answer-reason{border:1px solid var(--line);border-radius:10px;padding:15px;margin:13px 0}.answer-reason p{margin-bottom:0}.answer-best{border-left:5px solid var(--good)}.answer-dialog h2{font-size:28px;line-height:1.2}.answer-dialog>button.training-button{margin-top:20px}.course-cover{width:calc(100% + 56px);max-width:none;margin:-28px -28px 24px;height:210px;object-fit:cover;border-radius:13px 13px 0 0}.course-illustration{width:100%;height:auto;border-radius:20px}html[data-theme="dark"] .answer-dialog{--panel:#24192e;--ink:#f5edf9;--muted:#cbbbd5;--line:#483451;--soft:#30203c;background:var(--panel);color:var(--ink)}html[data-theme="dark"] .answer-dialog .training-button{background:#714099}.feedback-inline{padding:12px 0}@media(max-width:760px){.lesson-heading{display:block}.learning-slide,.learning-slide{min-height:0}.slide-visual img{max-height:190px;object-fit:cover}.slide-intro>img{max-height:240px;object-fit:cover}.slide-reminder{padding:8px 0}.slide-toolbar{padding:14px;gap:10px;flex-wrap:wrap}.slide-toolbar progress{max-width:110px}.slide-text-toggle{font-size:12px}.slide-points{font-size:16px}.answer-dialog{padding:22px}}


.course-cover{height:auto;aspect-ratio:3/2;object-fit:contain}.course-detail-banner{display:block;width:100%;max-height:420px;object-fit:contain;background:var(--soft);border-radius:18px;margin:0 0 28px}.lesson-focus{align-self:stretch;background:var(--soft);border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:center}.lesson-focus .lesson-focus-logo{width:44px;height:44px;border-radius:8px}.focus-number{font-size:76px;line-height:1.1;color:var(--accent);font-weight:800}.focus-caption{font-size:22px;font-weight:700;color:var(--ink)!important}.lesson-focus>span{font-size:14px;color:var(--muted)}@media(max-width:760px){.lesson-focus{padding:18px;min-height:0}.focus-number{font-size:42px}.lesson-focus .focus-caption{margin:8px 0}.course-detail-banner{max-height:none}}

.learning-art .approved-training-art{height:auto;aspect-ratio:auto;object-fit:contain}