.cp-shell{margin-top:18px}
.cp-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border:1px solid #d9d3eb;border-radius:12px 12px 0 0;background:#eeeaf8;color:#352b62}
.cp-tools>strong{font-size:14px}.cp-tools>strong span{font-size:12px;font-weight:500}
.cp-tools>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cp-tools label{font-size:12px}.cp-tools select{margin-left:6px;padding:6px 9px}.cp-tools .view-switch{background:#fff;border-radius:7px}.cp-tools .view-switch button{font-size:12px;padding:7px 10px}.cp-tools .view-switch button[aria-pressed=true]{background:#51429b;color:#fff}
.cp-note{margin:0;padding:8px 16px;border-left:1px solid #d9d3eb;border-right:1px solid #d9d3eb;background:#faf9fd;color:#665d79;font-size:12px}
.cp-viewport{margin:0 auto 24px;background:#f4f7f8;border:1px solid #d9d3eb;border-top:0;min-height:600px;transition:max-width .2s ease;overflow:hidden}
.cp-desktop{max-width:100%}.cp-tablet{max-width:820px}.cp-phone{max-width:390px}
.cp-detail{padding:22px}.cp-detail .learner-hero{overflow:hidden}.cp-detail .learner-module-card .course-art{object-fit:cover}.cp-detail .learner-hero:not(.has-banner)>.course-art{height:100%;min-height:310px;object-fit:cover}
.cp-player{padding:24px;max-width:none}.cp-player .player-grid{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.cp-player .player-outline{position:relative;top:auto}.cp-player .player-outline-list{max-height:550px;overflow:auto}.cp-player .player-panel{min-height:460px}.cp-player video,.cp-player audio{display:block;width:100%;max-height:440px}.cp-player .player-media video{aspect-ratio:16/9;background:#142f3e;border-radius:10px}.cp-image{display:block;max-width:100%;max-height:440px;object-fit:contain;border-radius:10px}.cp-missing{padding:40px;border:1px dashed #b9c9cf;border-radius:10px;color:#637983;background:#f8fafb}.cp-module-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:6px}.cp-module-toggle strong{margin:0!important;text-align:left}.cp-block-slide h2{margin-bottom:18px}.cp-block-slide .scx-block-grid{margin-top:18px}.cp-block-slide .scx-content-block{box-shadow:none}.cp-certificate{position:relative;min-height:620px;background:#fffdf9}.cp-watermark{position:absolute;top:22px;right:22px;color:#745e42;letter-spacing:.1em;font-size:12px;font-weight:800}
.cp-tablet .player-grid,.cp-phone .player-grid{display:flex;flex-direction:column}.cp-tablet .player-outline,.cp-phone .player-outline{width:100%;max-height:none}.cp-tablet .learner-about-grid,.cp-phone .learner-about-grid{grid-template-columns:1fr}.cp-tablet .learner-hero,.cp-phone .learner-hero{display:block}.cp-tablet .learner-hero>.course-art,.cp-phone .learner-hero>.course-art{height:190px!important;min-height:190px!important}.cp-phone .learner-hero-content{padding:20px}.cp-phone .learner-hero-content h1{font-size:25px}.cp-phone .learner-module-grid{grid-template-columns:1fr}.cp-phone .learner-module-list .learner-module-card{grid-template-columns:100px minmax(0,1fr)}.cp-phone .player-shell{padding:12px}.cp-phone .player-panel{padding:18px;min-height:340px}.cp-phone .player-top{align-items:start}.cp-phone .player-top h1{font-size:22px}.cp-phone .player-slide-layout.side-left,.cp-phone .player-slide-layout.side-right{grid-template-columns:1fr}.cp-phone .scx-block-grid{grid-template-columns:1fr}.cp-phone .scx-content-block{grid-column:span 1!important}
@media(max-width:850px){.cp-player .player-grid{display:flex;flex-direction:column}.cp-detail{padding:14px}}

.cp-viewport .primary{background:#07877d!important;border-color:#07877d!important;color:#fff!important}.cp-viewport .primary:hover{background:#086f69!important}.cp-viewport .learner-detail-tabs button[aria-selected=true]{color:#07877d!important;border-bottom-color:#07877d!important}.cp-viewport .course-category{color:#087b76}.cp-viewport .learner-hero .course-category,.cp-viewport .player-top .course-category{color:#8de1d1}