.course-recommendations{border:1px solid var(--line,#ddd);background:var(--surface,var(--navy-900,#081b28));color:var(--text,#222);border-radius:16px;margin:24px 0;padding:clamp(16px,3vw,28px)}.course-recommendations h2{margin:0 0 16px;font-size:1.2rem}.course-recommendations label{margin-bottom:8px;display:block}.recommendation-query{flex-wrap:wrap;gap:10px;display:flex}.recommendation-query input{background:inherit;min-width:0;max-width:100%;color:inherit;font:inherit;border:1px solid #999;border-radius:8px;flex:240px;padding:12px}.recommendation-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;padding:0;list-style:none;display:grid}.recommendation-results li{border:1px solid var(--line,#ddd);overflow-wrap:anywhere;border-radius:12px;min-width:0;padding:18px}.recommendation-results h3{margin:8px 0}.recommendation-source{font-size:.85rem}.recommendation-results blockquote{border-left:2px solid #bbb;margin:12px 0;padding-left:12px;font-size:.9rem}.recommendation-results .primary-action{margin-top:8px;display:inline-block}.course-clip-page{box-sizing:border-box;overflow-wrap:anywhere;width:min(100%,1100px);margin:0 auto;padding:clamp(16px,3vw,32px)}.course-clip-page h1{font-size:clamp(1.4rem,3vw,2rem)}.course-clip-gate{border:1px solid var(--line,#ddd);border-radius:16px;margin:24px 0;padding:clamp(20px,4vw,40px)}.course-clip-gate button,.course-clip-gate a{margin:8px 12px 8px 0;display:inline-block}.course-clip-page nav{flex-wrap:wrap;gap:20px;margin:24px 0;display:flex}.course-clip-page .workspace-player-auto-exercise{display:none}.self-unlock-panel{border:1px solid var(--border-color,#cbd5da);background:var(--surface-color,transparent);color:inherit;border-radius:16px;margin-block:24px;padding:24px}.self-unlock-panel header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.self-unlock-panel h2{margin:0 0 8px;font-size:1.2rem}.self-unlock-panel p{line-height:1.7}.self-unlock-panel button{min-height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:8px 14px}.self-unlock-panel button:disabled{opacity:.55;cursor:default}.self-unlock-credit{font-size:1.05rem}.self-unlock-progress{gap:18px;padding:0;list-style:none;display:grid}.self-unlock-progress li>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.self-unlock-panel small{opacity:.8;line-height:1.6;display:block}.self-unlock-panel progress{accent-color:#14746f;width:100%;height:8px;margin-block:8px}.self-unlock-panel fieldset{border:0;margin:20px 0;padding:0}.self-unlock-panel legend{margin-bottom:12px;font-weight:600}.self-unlock-choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.self-unlock-choices label{border:1px solid var(--border-color,#cbd5da);cursor:pointer;border-radius:10px;gap:10px;padding:14px;display:flex}.self-unlock-choices input{accent-color:#14746f;margin-top:4px}.self-unlock-confirm{border-top:1px solid var(--border-color,#cbd5da);margin-top:20px;padding-top:8px}.self-unlock-confirm button{margin-right:10px}.self-unlock-player-notice{padding:8px 12px;font-size:.85rem;line-height:1.6}.self-unlock-player-notice button{margin-left:8px}@media (width<=600px){.self-unlock-panel{padding:16px}.self-unlock-panel header{display:block}.self-unlock-panel header button{margin-bottom:8px}.self-unlock-choices{grid-template-columns:1fr}}