:root{--brand-accent:#93bc84;--brand-dark:#10251a;--brand-tint:#e4eedb;--brand-on-accent:#10251a;--ink:#20352a;--muted:#667263;--surface:#fff;--surface-soft:#f3f6ef;--page:#f5f6f2;--line:#e1e6dc;--on-dark:#edf3e8;--accent:var(--brand-accent);color:var(--ink);background:var(--page)}body{background:var(--page);color:var(--ink)}.sidebar,.video-stage{background:var(--brand-dark);color:var(--on-dark)}.sidebar .brand,.sidebar .nav-button,.sidebar-bottom,.sidebar-intro p{color:var(--on-dark)}.sidebar small,.sidebar-intro>span{color:var(--brand-accent)}.nav-button.active,.btn,.btn.dark{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-on-accent)}.nav-button:hover{background:color-mix(in srgb,var(--brand-accent) 25%,var(--brand-dark))}.btn.ghost,.cs-switch{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.active{background:var(--brand-tint);color:var(--ink)}.panel,.topbar,.goal-row,.ticket-details,.goal-group,.knowledge{background:var(--surface);color:var(--ink);border-color:var(--line)}.notice,.preview-bar,.goals-summary>div,.ai-answer,.task-empty,.ticket:hover,.ticket.active{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.preview-bar{height:auto;min-height:38px;gap:10px;flex-wrap:wrap;padding:9px 28px}.muted,small,.page-heading p,.field,.goal-label p{color:var(--muted)}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line)}input[type=checkbox]{accent-color:var(--brand-accent)}option:disabled{color:var(--muted)}.goal-row{border-color:var(--line)}.goal-row .goal-label h3,.goal-group legend{color:var(--ink)}.goal-label>span,.member-avatar,.avatar{background:var(--brand-tint);color:var(--ink)}.brand img{width:48px;max-height:50px;object-fit:contain}body[data-brand=pjdm] .brand{flex-wrap:wrap}body[data-brand=pjdm] .brand img{width:176px;max-height:70px}body[data-brand=pjdm] [data-brand-name]{font-size:13px;color:var(--brand-accent)}.watch-callout{padding:20px 24px;background:var(--brand-tint);color:var(--ink);text-align:center;border-block:1px solid var(--line)}.watch-callout strong{display:block;font-size:15px}.watch-callout span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.video-stage h2,.video-stage p,.video-stage button{color:var(--on-dark)}.video-stage iframe,.video-stage video{width:100%;height:100%;border:0}.lesson-illustration{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--surface-soft)}.lesson-illustration img{width:84px;height:116px;object-fit:contain;border-radius:6px}.lesson-illustration h2{margin:0 0 8px}.lesson-illustration p{margin:0;font-size:12px;color:var(--muted)}.lesson-interaction{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);background:var(--surface)}.lesson-interaction p{margin:0;font-size:12px;color:var(--muted)}.ai-card{scroll-margin-top:24px}.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-stats article{padding:24px}.preview-stats strong{display:block;font-size:27px;margin-top:12px}.preview-empty{padding:34px;text-align:center;background:var(--surface-soft);border-radius:8px;margin-top:22px}.progress-track>span{background:var(--brand-accent)}.course-card,.material-body,.simulation-grid>div,.vault-reveal{color:var(--ink)}.course-card .btn{margin-top:auto}.learning-checks input,.learning-consent input{accent-color:var(--brand-accent)}.material-alert{background:var(--brand-tint)}footer{color:var(--muted)}.link-btn{color:var(--ink)}@media(max-width:650px){.learning-hero{padding:18px;gap:16px}.learning-hero img{width:72px;height:96px}.learning-hero h2{font-size:18px}.preview-stats{grid-template-columns:1fr}.lesson-interaction{align-items:stretch;flex-direction:column}.lesson-interaction .btn{width:100%}.watch-callout{padding:18px}.preview-bar{padding:10px 16px}.lesson-illustration{padding:18px;gap:14px}}
.lesson-pagination{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.sidebar .brand b{font-weight:800}.preview-bar b{font-weight:600}.learning-hero img{flex-shrink:0}.video-stage .eyebrow{color:var(--brand-accent)}.video-stage .tag{background:var(--brand-dark);color:var(--on-dark);border:1px solid var(--brand-accent)}body[data-brand=pjdm] [data-brand-name]{font-size:11px;letter-spacing:.5px}.lesson-info,.lesson-info p{color:var(--ink)}.course-card h2,.simulation-grid strong{color:var(--ink)}.cs-tabs .btn{white-space:normal}.preview-bar a{font-weight:700;text-decoration:underline}
.course-card>img.course-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}

/* Shared photographic banners for every partner. */
.course-card>img.course-banner,.learning-material .learning-hero img,.lesson-illustration img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/1;object-fit:cover;object-position:center;border-radius:0;order:initial}
.learning-material .learning-hero,.lesson-illustration{display:block;padding:0}.learning-hero>div,.lesson-illustration>div{padding:24px}.learning-hero h2{font-size:22px}.photo-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.photo-step-list .photo-step{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;text-align:left;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.photo-step>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.photo-step .photo-step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;flex:1}.photo-step-copy>span:first-child{font-size:10px;letter-spacing:1.1px;color:var(--muted);background:none;width:auto;height:auto}.photo-step-copy strong{font-size:16px;line-height:1.5}.photo-step-copy small{font-size:11px;line-height:1.6}.photo-step .photo-step-link{margin-top:auto;font-size:12px;font-weight:700;color:var(--ink);background:none;width:auto;height:auto}.photo-step:hover{border-color:var(--brand-accent);box-shadow:0 4px 16px #0001}.journey-top{display:block}.journey-thumbnail{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:6px;margin-bottom:14px}.journey-item .journey-top>div{padding:0 2px}.course-card>img{background:var(--surface-soft)}@media(max-width:700px){.photo-step-list{grid-template-columns:1fr}.learning-hero>div,.lesson-illustration>div{padding:20px}.learning-material .learning-hero img,.lesson-illustration img{width:100%;height:auto;max-height:none}}
