.courses-shell.cp-player{--cp-bar-h:0px;--cp-dock-clear:92px;--cp-practice-pad:24px}.courses-shell .wrap:has(.cp-player-page){max-width:1320px}.courses-shell .cp-player-page{padding:18px 0 calc(var(--cp-dock-clear) + 40px)}.courses-shell .cp-course-trail{font-family:var(--cp-body);color:var(--cp-slate);font-size:16px;line-height:1.4}.courses-shell .cp-course-trail ol{flex-wrap:nowrap;align-items:center;gap:4px 8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.courses-shell .cp-course-trail li{flex:0 auto;align-items:center;gap:8px;min-width:0;display:inline-flex}.courses-shell .cp-course-trail .cp-course-trail-root{flex:none}.courses-shell .cp-course-trail-link{min-width:0}.courses-shell .cp-course-trail-title,.courses-shell .cp-course-trail-course h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.courses-shell .cp-course-trail a{min-height:32px;color:var(--cp-slate);transition:color var(--cp-dur-fast) ease;border-radius:8px;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.courses-shell .cp-course-trail a:hover{color:var(--cp-marine)}.courses-shell .cp-course-trail a:focus-visible{box-shadow:var(--cp-focus-ring);outline:none}.courses-shell .cp-course-trail svg{flex:none;width:17px;height:17px}.courses-shell .cp-course-trail .cp-course-trail-sep{width:15px;height:15px;color:var(--cp-line-strong)}.courses-shell .cp-course-trail-icon{background:color-mix(in oklab,var(--cp-marine) 8%,var(--cp-bg));width:24px;height:24px;color:var(--cp-marine);border-radius:7px;flex:none;place-items:center;display:grid}.courses-shell .cp-course-trail-icon svg{width:15px;height:15px}.courses-shell .cp-course-trail-step{background:var(--cp-tint);color:var(--cp-slate);white-space:nowrap;border-radius:999px;padding:1px 10px}.courses-shell .cp-course-trail-course h1{font-family:var(--cp-body);font-size:var(--cp-ui-fs);color:var(--cp-marine);letter-spacing:normal;margin:0;font-weight:600;line-height:1.3}.courses-shell .cp-course-trail-phone-arrow{display:none}@media (max-width:1099px){.courses-shell .cp-course-trail-root[data-folds=true],.courses-shell .cp-course-trail-root[data-folds=true]+.cp-course-trail-container>.cp-course-trail-sep{display:none}.courses-shell .cp-course-trail-root[data-folds=true]+.cp-course-trail-container .cp-course-trail-phone-arrow{display:block}}@media (max-width:640px){.courses-shell .cp-course-trail ol{flex-wrap:wrap}.courses-shell .cp-course-trail-course{flex-basis:100%}.courses-shell .cp-course-trail-course>.cp-course-trail-sep{display:none}}.courses-shell .cp-insight{scroll-margin-top:var(--cp-scroll-offset);grid-template:"lead lead""read margin""more margin"1fr/minmax(0,min(580px,50%)) minmax(360px,1fr);align-items:start;column-gap:clamp(40px,4.5vw,72px);display:grid}.courses-shell .cp-insight-lead{grid-area:lead;min-width:0;margin-bottom:26px}.courses-shell .cp-insight-read{grid-area:read;min-width:0}.courses-shell .cp-insight-more{grid-area:more;min-width:0;margin-top:44px}.courses-shell .cp-insight .lesson-title{letter-spacing:-.012em;text-wrap:balance;font-size:34px;line-height:1.14}.courses-shell .cp-insight-more .cp-skill{border-top:1px solid var(--cp-line);padding-top:28px}.courses-shell .cp-insight .lesson-bookmark[data-bookmark-state=idle]{background:0 0;border-color:#0000;border-radius:999px;width:36px;height:36px}.courses-shell .cp-insight .lesson-bookmark[data-bookmark-state=idle]:hover{background:var(--cp-tint);box-shadow:none;transform:none}.courses-shell .cp-margin{grid-area:margin;align-self:stretch;min-width:0}.courses-shell .cp-margin-pin{top:var(--cp-margin-top,calc(var(--cp-sticky-top) + 20px));position:sticky}.courses-shell .cp-margin-stack{flex-direction:column;gap:20px;display:flex}.courses-shell .cp-margin-media{width:100%}.courses-shell .cp-margin-media :is(.cp-scene-frame,.cp-figure-img){border-radius:18px}.courses-shell .cp-margin-media .cp-scene-cap{justify-content:space-between;align-items:center;gap:10px;display:flex}.courses-shell .cp-margin-media .cp-scene-caption{flex:1;min-width:0}.courses-shell .cp-margin-media :is(.cp-scene-actions,.cp-scene-controls){flex:none;align-items:center;gap:4px;margin:0;display:inline-flex}.courses-shell .cp-margin-media .cp-scene-button{border-radius:50%;justify-content:center;gap:0;width:38px;height:38px;min-height:0;padding:0;font-size:0;position:relative}.courses-shell .cp-margin-media .cp-scene-button svg{width:17px;height:17px}.courses-shell .cp-margin-media .cp-scene-button:after{content:attr(aria-label);z-index:5;white-space:nowrap;pointer-events:none;background:var(--cp-bg);color:var(--cp-walnut);border:1px solid var(--cp-line);box-shadow:var(--cp-shadow);font-family:var(--cp-body);opacity:0;transition:opacity var(--cp-dur) ease,transform var(--cp-dur) ease;border-radius:8px;padding:5px 10px;font-size:16px;font-weight:500;line-height:1.3;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(3px)}.courses-shell .cp-margin-media .cp-scene-button:is(:hover,:focus-visible):after{opacity:1;transition-delay:.3s;transform:none}.courses-shell .cp-insight:not([data-entrance=none]) .cp-insight-read,.courses-shell .cp-insight:not([data-entrance=none]) .cp-margin-stack{animation:cp-insight-arrive .42s var(--cp-ease-out) both}.courses-shell .cp-insight:not([data-entrance=none]) .cp-margin-stack{animation-delay:60ms}@keyframes cp-insight-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.courses-shell .cp-player-after{max-width:680px}@media (max-width:959px){.courses-shell .cp-insight{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"lead""read""margin""more"}.courses-shell .cp-margin-pin{margin-top:28px;position:static}.courses-shell .cp-margin-media{width:100%;max-width:560px;margin-inline:auto}.courses-shell .cp-insight .lesson-title{font-size:30px}}@media (max-width:640px){.courses-shell.cp-player{--cp-practice-pad:18px}.courses-shell .cp-insight .lesson-title{font-size:28px}}.courses-shell .cp-practice{background:var(--cp-bg);border:1px solid var(--cp-line);box-shadow:var(--cp-shadow);scroll-margin-top:var(--cp-scroll-offset);border-radius:18px;overflow:hidden}.courses-shell .cp-practice-top{padding:18px var(--cp-practice-pad) 15px}.courses-shell .cp-practice-head{align-items:center;gap:9px;min-height:30px;display:flex}.courses-shell .cp-practice-icon{background:var(--cp-turn-soft);width:28px;height:28px;color:var(--cp-turn);border-radius:50%;flex:none;place-items:center;display:grid}.courses-shell .cp-practice-icon svg{width:17px;height:17px}.courses-shell .cp-practice-label{font-family:var(--cp-body);letter-spacing:.09em;text-transform:uppercase;color:var(--cp-turn);text-box:trim-both cap alphabetic;margin:0;font-size:16px;font-weight:600;line-height:1}.courses-shell .cp-practice-label:focus-visible{box-shadow:var(--cp-focus-ring);border-radius:4px;outline:none}.courses-shell .cp-practice .cp-question-box{margin-top:10px}.courses-shell .cp-practice .az-prompt{font-family:var(--font-body);letter-spacing:-.005em;color:var(--cp-marine);text-wrap:pretty;margin:0;font-size:22px;font-weight:600;line-height:1.28}.courses-shell .cp-practice .az-blank{white-space:nowrap;color:var(--cp-ember-deep);letter-spacing:.05em;font-weight:600}.courses-shell .cp-practice .cp-fb{padding:0 var(--cp-practice-pad) 20px}.courses-shell .cp-practice-feedback{padding:16px var(--cp-practice-pad) 20px;background:var(--cp-success-soft);border-top:1px solid color-mix(in oklab,var(--cp-success) 28%,var(--cp-line));animation:cp-practice-feedback-in .4s var(--cp-ease-out) both}.courses-shell .cp-practice-feedback p{color:var(--cp-walnut);margin:0;font-size:18px;line-height:1.55}.courses-shell .cp-practice-feedback p+p{margin-top:4px}.courses-shell .cp-practice-feedback .cp-practice-feedback-lead{color:var(--cp-success-deep);align-items:center;gap:8px;font-weight:600;display:flex}.courses-shell .cp-practice-feedback-lead svg{width:18px;height:18px;color:var(--cp-success)}@keyframes cp-practice-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.courses-shell .cp-dock{left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:50;background:var(--cp-bg);border:1px solid var(--cp-line);box-shadow:var(--cp-shadow-lift);border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;transform:translate(-50%)}.courses-shell .cp-dock-arrow{width:46px;height:46px;color:var(--cp-marine);transition:background var(--cp-dur-fast) ease,transform var(--cp-dur-fast) var(--cp-ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.courses-shell .cp-dock-arrow svg{width:22px;height:22px}.courses-shell .cp-dock-arrow:hover:not(:disabled){background:var(--cp-tint)}.courses-shell .cp-dock-arrow:active:not(:disabled){transform:scale(.93)}.courses-shell .cp-dock-arrow:disabled{color:var(--cp-line-strong);cursor:default}.courses-shell .cp-dock-map{height:46px;font-family:var(--cp-body);color:var(--cp-marine);cursor:pointer;transition:background var(--cp-dur-fast) ease;border-radius:999px;align-items:center;gap:12px;padding:0 14px 0 16px;display:flex}.courses-shell .cp-dock-map:hover,.courses-shell .cp-dock-map[data-state=open]{background:var(--cp-tint)}.courses-shell .cp-dock :is(.cp-dock-arrow,.cp-dock-map,.cp-dock-forward,.cp-dock-practice):focus-visible{box-shadow:var(--cp-focus-ring);outline:none}.courses-shell .cp-dock-track{align-items:center;gap:7px;display:flex}.courses-shell .cp-dock-track-module{align-items:center;gap:3px;display:flex}.courses-shell .cp-dock-track i{background:var(--cp-seg-open);width:9px;height:3px;transition:width var(--cp-dur) var(--cp-ease-out),height var(--cp-dur) var(--cp-ease-out),background var(--cp-dur) ease;border-radius:2px;display:block}.courses-shell .cp-dock-track i[data-status=done]{background:var(--cp-marine);height:6px}.courses-shell .cp-dock-track i[data-status=current]{background:var(--cp-ember);width:16px;height:8px}.courses-shell .cp-dock-track .cp-dock-track-intro{border-radius:50%;width:7px;height:7px;margin-right:2px}.courses-shell .cp-dock-track .cp-dock-track-intro[data-status=current]{background:var(--cp-ember);width:10px;height:10px}.courses-shell .cp-dock-position{font-size:var(--cp-ui-fs);color:var(--cp-marine);white-space:nowrap;--nums-spacing:tabular-nums;font-weight:600}.courses-shell .cp-dock-of{color:var(--cp-slate);margin:0 2px;font-weight:400}.courses-shell .cp-dock-done{color:var(--cp-slate);--nums-spacing:tabular-nums;align-items:center;gap:4px;font-size:16px;display:inline-flex}.courses-shell .cp-dock-done svg{width:16px;height:16px;color:var(--cp-success)}.courses-shell .cp-dock-caret{width:16px;height:16px;color:var(--cp-slate);transition:transform var(--cp-dur) var(--cp-ease-out)}.courses-shell .cp-dock-map[data-state=open] .cp-dock-caret{transform:rotate(180deg)}.courses-shell .cp-dock-forward{min-width:46px;height:46px;color:var(--cp-marine);font-family:var(--cp-body);transition:background var(--cp-dur-calm) var(--cp-ease-calm),color var(--cp-dur-calm) var(--cp-ease-calm),padding var(--cp-dur-calm) var(--cp-ease-calm),transform var(--cp-dur-fast) var(--cp-ease-out);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:10px;padding:0 11px;text-decoration:none;display:flex}.courses-shell .cp-dock-forward:hover{background:var(--cp-tint);color:var(--cp-marine)}.courses-shell .cp-dock-forward:active{transform:scale(.97)}.courses-shell .cp-dock-forward-icon{width:22px;height:22px;transition:transform var(--cp-dur) var(--cp-ease-out)}.courses-shell .cp-dock-forward[data-ready=true]{background:var(--cp-ember);color:var(--cp-on-ember);animation:cp-dock-ready 1.2s var(--cp-ease-out) 1;padding:0 12px 0 20px}.courses-shell .cp-dock-forward[data-ready=true]:hover{background:var(--cp-ember-deep);color:var(--cp-on-ember)}.courses-shell .cp-dock-forward[data-ready=true]:hover .cp-dock-forward-icon{transform:translate(2px)}.courses-shell .cp-dock-forward-copy{text-align:left;animation:cp-dock-copy-in var(--cp-dur-calm) ease both;flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.courses-shell .cp-dock-forward-kicker{font-size:16px;font-weight:600}.courses-shell .cp-dock-forward-title{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:17px;font-weight:500;overflow:hidden}@keyframes cp-dock-ready{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--cp-ember) 45%,transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes cp-dock-copy-in{0%{opacity:0}to{opacity:1}}.courses-shell .cp-dock-practice{background:var(--cp-turn-soft);height:40px;color:var(--cp-turn);font-family:var(--cp-body);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:16px;font-weight:600;display:inline-flex}.courses-shell .cp-dock-practice svg{width:17px;height:17px}.courses-shell .cp-dock-practice[data-done=true]{background:var(--cp-success-soft);color:var(--cp-success-deep)}.courses-shell .cp-dock .cp-dev-clipboard{margin-left:2px}@media (max-width:1099px){.courses-shell .cp-dock-forward-title{display:none}}@media (max-width:640px){.courses-shell .cp-dock{justify-content:space-between;left:10px;right:10px;transform:none}.courses-shell .cp-dock-map{gap:10px;padding:0 10px}}@media (max-width:480px){.courses-shell .cp-dock-track{display:none}}.courses-shell.cp-player .toast{bottom:calc(var(--cp-dock-clear) + 4px)}.cp-dock-start-over{border:1px solid var(--pjd-line-strong);background:var(--pjd-surface);color:var(--pjd-title);font-family:var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:17px;font-weight:600;transition:background-color .12s;display:inline-flex}.cp-dock-start-over:hover{background:var(--pjd-hover)}.cp-dock-start-over:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--pjd-current) 45%,transparent);outline:none}.cp-dock-start-over svg{width:17px;height:17px}.courses-shell .cp-skel-course-trail{align-items:center;min-height:32px;font-size:16px;line-height:1.4;display:flex}.courses-shell .cp-skel-practice-rows{flex-direction:column;display:flex}.courses-shell .cp-skel-practice-rows .cp-skel{border-top:1px solid var(--cp-bg);border-radius:0;height:60px}.courses-shell .cp-practice .cp-skel-prompt{margin-top:12px;font-size:22px;line-height:1.28}.courses-shell .cp-skel-media{aspect-ratio:16/9;border-radius:18px;width:100%;display:block}.courses-shell .cp-skel-dock{border-radius:999px;width:min(300px,100vw - 40px);height:46px}@media (prefers-reduced-motion:reduce){.courses-shell .cp-insight .cp-insight-read,.courses-shell .cp-insight .cp-margin-stack,.courses-shell .cp-practice-feedback,.courses-shell .cp-dock-forward,.courses-shell .cp-dock-forward-copy{animation:none}.courses-shell .cp-dock-forward,.courses-shell .cp-dock-arrow,.courses-shell .cp-dock-track i,.courses-shell .cp-dock-caret{transition:none}}
