/* Image-led public course campaigns. All content is visible before enhancement. */
:is(.open-classes-page,.ocd-course-page,.claude-course-page) [hidden] { display:none!important; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens,
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials { box-sizing:border-box; }
.claude-course-page { --ocd-accent:#ad543b; --ocd-soft:#fff1e9; --ocd-signal:#ffc7a9; --ocd-ink:#152b43; --ocd-muted:#5b6d82; }
.claude-course-page :is(.ocd-media-lens,.ocd-media-materials) .ocd-container { width:min(1240px,calc(100% - 72px)); margin-inline:auto; }
:is(.ocd-course-page,.claude-course-page) :is(.ocd-media-lens,.ocd-media-materials) * { box-sizing:border-box; }

/* Five hero silhouettes: editorial, analysis board, canvas, search and poster. */
.ocd-course-page .ocd-hero { --scene-shift:0px; position:relative; isolation:isolate; padding:28px 0 0; overflow:hidden; }
.ocd-course-page .ocd-hero::before { z-index:0; opacity:1; background:none; }
.ocd-course-page .ocd-hero::after { display:none; }
.ocd-course-page .ocd-hero > .ocd-container { position:static; }
.ocd-course-page .ocd-breadcrumb { position:relative; z-index:4; margin-bottom:28px; font-size:12px; }
.ocd-course-page .ocd-hero-layout { position:static; display:flex; align-items:center; gap:0; min-height:650px; padding:36px 0 66px; }
.ocd-course-page .ocd-hero-copy { z-index:3; width:49%; max-width:640px; }
.ocd-course-page .ocd-hero-label { margin-bottom:26px; }
.ocd-course-page .ocd-hero h1 { font-size:clamp(46px,4.9vw,70px)!important; line-height:1.17!important; letter-spacing:-.04em; }
.ocd-course-page .ocd-hero-summary { max-width:470px; font-size:18px; line-height:1.75; }
.ocd-course-page .ocd-hero .ocd-eyebrow { margin-bottom:16px; font-size:13px; }
.ocd-course-page .ocd-hero-actions { gap:20px; }
.ocd-course-page .ocd-primary { min-height:56px; padding:16px 22px; border-radius:3px; }
.ocd-course-page .ocd-scene-art { position:absolute; z-index:-2; inset:0; margin:0; overflow:hidden; transform:translate3d(0,var(--scene-shift,0px),0); }
.ocd-course-page .ocd-scene-art > img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; }
.ocd-course-page .ocd-scene-caption { position:absolute; z-index:2; right:36px; bottom:25px; display:flex; align-items:center; gap:20px; padding:6px 10px; background:#17283e9c; color:#fff; font-size:11px; line-height:1.6; backdrop-filter:blur(8px); }
.ocd-course-page .ocd-scene-caption > span:first-child { font-weight:700; }
.ocd-course-page .ocd-scene-caption > span:last-child { opacity:.8; }
.ocd-course-page .ocd-scene-fragment { --fragment-angle:0deg; position:absolute; z-index:1; overflow:hidden; pointer-events:none; transform:translate3d(0,var(--scene-shift,0px),0) rotate(var(--fragment-angle)); }
.ocd-course-page .ocd-scene-fragment > img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; }
.ocd-course-page .ocd-scene-track { position:absolute; z-index:2; right:36px; top:40px; display:flex; gap:7px; }
.ocd-course-page .ocd-scene-track > i { position:relative; display:block; width:30px; height:2px; overflow:hidden; background:#ffffff35; }
.ocd-course-page .ocd-scene-track > i::after { content:''; position:absolute; inset:0; background:currentColor; transform-origin:left; transform:scaleX(1); }
.ocd-course-page .ocd-course-facts { position:relative; z-index:4; display:flex; align-items:center; gap:28px; padding:25px 0 29px; }
.ocd-course-page .ocd-course-facts > div { display:block; flex:1; min-width:0; }
.ocd-course-page .ocd-course-facts > div > span { width:auto; margin-bottom:6px; }
.ocd-course-page .ocd-course-facts > button { flex:0 0 auto; }
:is(.ocd-course-page,.claude-course-page) :is(.ocd-scene-toggle,.cc-scene-toggle) { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; padding:10px 14px; border:1px solid #ffffff50; border-radius:3px; background:#12223c48; color:#eef5ff; font:inherit; font-size:12px; cursor:pointer; backdrop-filter:blur(8px); }
.ocd-course-page .ocd-course-facts .ocd-scene-toggle > span { display:inline; margin:0; color:inherit; font-size:inherit; }
:is(.ocd-course-page,.claude-course-page) :is(.ocd-scene-toggle,.cc-scene-toggle) > span:last-child { font-size:19px; line-height:1; }

/* Report writing: an ivory page with the image running beyond the right edge. */
.ocd-course-page .ocd-hero--document { background:#f3f0e9!important; }
.ocd-course-page .ocd-hero--document::before { background:linear-gradient(90deg,#f3f0e9 0%,#f3f0e9 31%,#f3f0e9f5 39%,#f3f0e9a8 48%,#f3f0e900 61%); }
.ocd-course-page .ocd-hero--document .ocd-hero-layout { min-height:700px; }
.ocd-course-page .ocd-hero--document .ocd-scene-art { inset:80px -12% 100px 25%; }
.ocd-course-page .ocd-hero--document .ocd-scene-art > img { object-position:50% 55%; }
.ocd-course-page .ocd-hero--document .ocd-hero-copy { width:49%; }
.ocd-course-page .ocd-hero--document h1 { color:#182b45!important; }
.ocd-course-page .ocd-hero--document :is(.ocd-breadcrumb,.ocd-breadcrumb a,.ocd-hero-label) { color:#556477; }
.ocd-course-page .ocd-hero--document .ocd-hero-summary { color:#4e5d70!important; }
.ocd-course-page .ocd-hero--document .ocd-eyebrow { color:#2457ce!important; }
.ocd-course-page .ocd-hero--document .ocd-preparing { color:#34475f; background:#ffffff80; border-color:#233b5e30; }
.ocd-course-page .ocd-hero--document .ocd-preparing::before { background:#2b5cda; }
.ocd-course-page .ocd-hero--document .ocd-primary { color:#fff!important; background:#254fc9; }
.ocd-course-page .ocd-hero--document .ocd-text-link { color:#294163!important; }
.ocd-course-page .ocd-hero--document .ocd-schedule-note { color:#677383!important; }
.ocd-course-page .ocd-hero--document .ocd-scene-fragment--one { --fragment-angle:9deg; width:156px; height:190px; right:3%; top:70px; box-shadow:0 20px 45px #102c591c; }
.ocd-course-page .ocd-hero--document .ocd-scene-fragment--one > img { object-position:30% 55%; transform:scale(1.75); }
.ocd-course-page .ocd-hero--document .ocd-scene-fragment--two { --fragment-angle:-8deg; width:180px; height:115px; right:35%; bottom:114px; box-shadow:0 18px 35px #0c265d20; }
.ocd-course-page .ocd-hero--document .ocd-scene-fragment--two > img { transform:scale(1.9); object-position:80% 55%; }
.ocd-course-page .ocd-hero--document .ocd-scene-track { color:#254fc9; }
.ocd-course-page .ocd-hero--document .ocd-course-facts { border-color:#243f5f24; }
.ocd-course-page .ocd-hero--document .ocd-course-facts > div > span { color:#68788a; }
.ocd-course-page .ocd-hero--document .ocd-course-facts strong { color:#2d425c; }
.ocd-course-page .ocd-hero--document .ocd-scene-toggle { color:#2d456a; border-color:#304e782f; background:#ffffff91; }

/* Analysis: centered type above a single, wide mint analysis board. */
.ocd-course-page .ocd-hero--spreadsheet { background:#ddf3e7!important; }
.ocd-course-page .ocd-hero--spreadsheet::before { background:linear-gradient(180deg,#ddf3e7 0%,#ddf3e7 32%,#ddf3e700 57%,#ddf3e700 84%,#ddf3e7 95%); }
.ocd-course-page .ocd-hero--spreadsheet .ocd-hero-layout { align-items:flex-start; justify-content:center; min-height:830px; padding-top:18px; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-hero-copy { width:100%; max-width:920px; text-align:center; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-hero-label { justify-content:center; margin-bottom:18px; }
.ocd-course-page .ocd-hero--spreadsheet h1 { font-size:clamp(44px,4.8vw,68px)!important; color:#143f36!important; margin-bottom:20px; }
.ocd-course-page .ocd-hero--spreadsheet h1 br { display:none; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-hero-summary { max-width:620px; margin:0 auto 23px; color:#42665a!important; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-hero-actions { justify-content:center; }
.ocd-course-page .ocd-hero--spreadsheet :is(.ocd-breadcrumb,.ocd-breadcrumb a,.ocd-hero-label) { color:#4b7263; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-eyebrow { color:#276a56!important; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-preparing { color:#346350; border-color:#35695230; background:#ffffff70; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-preparing::before { background:#2a8061; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-primary { color:#fff!important; background:#1b644e; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-text-link { color:#245a48!important; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-schedule-note { color:#55796b!important; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-art { inset:470px 0 62px; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-art > img { object-position:center 55%; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-caption { right:4%; bottom:50px; color:#1e5644; background:#e9f6eddd; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-fragment--one { --fragment-angle:-7deg; width:180px; height:110px; left:-40px; top:195px; border-radius:100%; opacity:.85; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-fragment--one > img { transform:scale(1.8); }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-fragment--two { --fragment-angle:7deg; width:125px; height:125px; right:2%; top:115px; border-radius:50%; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-fragment--two > img { transform:scale(1.8); object-position:right; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-track { color:#286a55; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-course-facts { border-color:#285b4224; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-course-facts > div > span { color:#4b7564; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-course-facts strong { color:#285340; }
.ocd-course-page .ocd-hero--spreadsheet .ocd-scene-toggle { color:#215f49; border-color:#346c4a30; background:#ffffff80; }

/* Automation: a continuous violet canvas, with room for the connections. */
.ocd-course-page .ocd-hero--workflow { background:#252036!important; }
.ocd-course-page .ocd-hero--workflow::before { background:linear-gradient(180deg,#252036 0%,#252036f5 16%,#252036c4 36%,#25203600 64%,#25203600 77%,#252036 96%); }
.ocd-course-page .ocd-hero--workflow .ocd-hero-layout { align-items:flex-start; min-height:800px; padding-top:20px; }
.ocd-course-page .ocd-hero--workflow .ocd-hero-copy { width:67%; max-width:780px; }
.ocd-course-page .ocd-hero--workflow h1 { max-width:780px; font-size:clamp(50px,5.7vw,80px)!important; }
.ocd-course-page .ocd-hero--workflow h1 br { display:none; }
.ocd-course-page .ocd-hero--workflow .ocd-hero-summary { max-width:560px; }
.ocd-course-page .ocd-hero--workflow .ocd-scene-art { inset:310px -4% 55px 15%; }
.ocd-course-page .ocd-hero--workflow .ocd-scene-art > img { object-position:center 56%; }
.ocd-course-page .ocd-hero--workflow .ocd-scene-caption { right:7%; bottom:50px; }
.ocd-course-page .ocd-hero--workflow .ocd-scene-fragment { display:none; }
.ocd-course-page .ocd-hero--workflow .ocd-scene-track { color:#ddc2ff; }
.ocd-course-page .ocd-hero--workflow .ocd-hero-summary { color:#ded8eb!important; }
.ocd-course-page .ocd-hero--workflow .ocd-course-facts { border-color:#c9bce32f; }
.ocd-course-page .ocd-hero--workflow .ocd-schedule-note { width:fit-content; padding:4px 7px; margin-left:-7px; background:#252036d9; color:#e2ddec!important; border-radius:2px; }

/* Search: source pages on the left, a clear reading column on the right. */
.ocd-course-page .ocd-hero--search { background:#edf3f8!important; }
.ocd-course-page .ocd-hero--search::before { background:linear-gradient(90deg,#edf3f800 0%,#edf3f800 31%,#edf3f899 42%,#edf3f8 53%,#edf3f8 100%); }
.ocd-course-page .ocd-hero--search .ocd-hero-layout { min-height:710px; }
.ocd-course-page .ocd-hero--search .ocd-hero-copy { width:46%; max-width:580px; margin-left:54%; }
.ocd-course-page .ocd-hero--search h1 { color:#173654!important; font-size:clamp(43px,4.6vw,65px)!important; }
.ocd-course-page .ocd-hero--search :is(.ocd-breadcrumb,.ocd-breadcrumb a,.ocd-hero-label) { color:#5a718a; }
.ocd-course-page .ocd-hero--search .ocd-hero-summary { color:#4c6580!important; }
.ocd-course-page .ocd-hero--search .ocd-eyebrow { color:#2759ad!important; }
.ocd-course-page .ocd-hero--search .ocd-preparing { color:#3b5c7e; border-color:#355f8c30; background:#ffffff7a; }
.ocd-course-page .ocd-hero--search .ocd-preparing::before { background:#2a69c5; }
.ocd-course-page .ocd-hero--search .ocd-primary { color:#fff!important; background:#275bc5; }
.ocd-course-page .ocd-hero--search .ocd-text-link { color:#315981!important; }
.ocd-course-page .ocd-hero--search .ocd-schedule-note { color:#657c93!important; }
.ocd-course-page .ocd-hero--search .ocd-scene-art { inset:75px 37% 90px -19%; }
.ocd-course-page .ocd-hero--search .ocd-scene-art > img { object-position:45% center; }
.ocd-course-page .ocd-hero--search .ocd-scene-caption { left:28%; right:auto; bottom:12px; color:#405c78; background:#edf3f8dd; }
.ocd-course-page .ocd-hero--search .ocd-scene-fragment--one { --fragment-angle:-6deg; width:140px; height:190px; left:3%; top:90px; box-shadow:0 16px 35px #2b4c701a; }
.ocd-course-page .ocd-hero--search .ocd-scene-fragment--one > img { object-position:80% 50%; transform:scale(1.65); }
.ocd-course-page .ocd-hero--search .ocd-scene-fragment--two { width:125px; height:125px; border-radius:50%; left:39%; bottom:160px; box-shadow:0 15px 40px #3e73a426; }
.ocd-course-page .ocd-hero--search .ocd-scene-fragment--two > img { object-position:center; transform:scale(2); }
.ocd-course-page .ocd-hero--search .ocd-scene-track { color:#2f64ad; }
.ocd-course-page .ocd-hero--search .ocd-course-facts { border-color:#2b4d7526; }
.ocd-course-page .ocd-hero--search .ocd-course-facts > div > span { color:#647d95; }
.ocd-course-page .ocd-hero--search .ocd-course-facts strong { color:#355472; }
.ocd-course-page .ocd-hero--search .ocd-scene-toggle { color:#315d89; border-color:#365d832e; background:#ffffff9c; }

/* Agents: a wide control-room poster, with the introduction split above it. */
.ocd-course-page .ocd-hero--agent { background:#202631!important; }
.ocd-course-page .ocd-hero--agent::before { background:linear-gradient(180deg,#202631 0%,#202631 22%,#202631e8 35%,#20263100 62%,#20263100 81%,#202631 98%); }
.ocd-course-page .ocd-hero--agent .ocd-hero-layout { min-height:790px; align-items:flex-start; padding-top:22px; }
.ocd-course-page .ocd-hero--agent .ocd-hero-copy { display:grid; grid-template-columns:1.15fr 1fr; align-items:start; column-gap:100px; width:100%; max-width:none; }
.ocd-course-page .ocd-hero--agent .ocd-hero-label { grid-column:1; grid-row:1; }
.ocd-course-page .ocd-hero--agent .ocd-eyebrow { grid-column:1; grid-row:2; }
.ocd-course-page .ocd-hero--agent h1 { grid-column:1; grid-row:3/6; font-size:clamp(48px,5vw,70px)!important; }
.ocd-course-page .ocd-hero--agent .ocd-hero-summary { grid-column:2; grid-row:2/4; padding-top:0; }
.ocd-course-page .ocd-hero--agent .ocd-hero-actions { grid-column:2; grid-row:4; gap:17px; }
.ocd-course-page .ocd-hero--agent .ocd-schedule-note { grid-column:2; grid-row:5; width:fit-content; padding:4px 7px; margin-left:-7px; background:#202631bf; color:#d9dee7!important; border-radius:2px; }
.ocd-course-page .ocd-hero--agent .ocd-scene-art { inset:335px -2% 60px; }
.ocd-course-page .ocd-hero--agent .ocd-scene-art > img { object-position:center 55%; }
.ocd-course-page .ocd-hero--agent .ocd-scene-caption { bottom:32px; right:5%; }
.ocd-course-page .ocd-hero--agent .ocd-scene-fragment--one { --fragment-angle:-8deg; width:220px; height:115px; left:-55px; bottom:135px; opacity:.75; }
.ocd-course-page .ocd-hero--agent .ocd-scene-fragment--one > img { transform:scale(1.9); }
.ocd-course-page .ocd-hero--agent .ocd-scene-fragment--two { display:none; }
.ocd-course-page .ocd-hero--agent .ocd-scene-track { color:#ffbd9d; }

/* A finite entrance; a paused scene keeps exactly the same animation timeline. */
.ocd-course-page .ocd-hero:is(.is-scene-playing,.is-scene-paused) .ocd-scene-art { animation:course-scene-arrive 3.6s cubic-bezier(.19,.7,.22,1) both; }
.ocd-course-page .ocd-hero:is(.is-scene-playing,.is-scene-paused) .ocd-scene-fragment { animation:course-scene-fragment 3.6s cubic-bezier(.19,.7,.22,1) both; }
.ocd-course-page .ocd-hero:is(.is-scene-playing,.is-scene-paused) .ocd-scene-fragment--two { animation-name:course-scene-fragment-second; }
.ocd-course-page .ocd-hero:is(.is-scene-playing,.is-scene-paused) .ocd-scene-track > i::after { animation:course-scene-progress 3.6s linear both; }
.ocd-course-page .ocd-hero:is(.is-scene-playing,.is-scene-paused) .ocd-scene-track > i:nth-child(2)::after { animation-name:course-scene-progress-two; }
.ocd-course-page .ocd-hero:is(.is-scene-playing,.is-scene-paused) .ocd-scene-track > i:nth-child(3)::after { animation-name:course-scene-progress-three; }
.ocd-course-page .ocd-hero.is-scene-paused [data-scene-layer],
.ocd-course-page .ocd-hero.is-scene-paused .ocd-scene-track > i::after { animation-play-state:paused; }
@keyframes course-scene-arrive { 0% { opacity:.15; clip-path:inset(0 0 0 65%); transform:translate3d(65px,calc(var(--scene-shift,0px) + 35px),0) scale(1.05); } 60%,100% { opacity:1; clip-path:inset(0); transform:translate3d(0,var(--scene-shift,0px),0) scale(1); } }
@keyframes course-scene-fragment { 0%,15% { opacity:0; transform:translate3d(55px,calc(var(--scene-shift,0px) + 55px),0) rotate(calc(var(--fragment-angle) + 12deg)); } 75%,100% { opacity:1; transform:translate3d(0,var(--scene-shift,0px),0) rotate(var(--fragment-angle)); } }
@keyframes course-scene-fragment-second { 0%,30% { opacity:0; transform:translate3d(-30px,calc(var(--scene-shift,0px) + 70px),0) rotate(calc(var(--fragment-angle) - 12deg)); } 85%,100% { opacity:1; transform:translate3d(0,var(--scene-shift,0px),0) rotate(var(--fragment-angle)); } }
@keyframes course-scene-progress { 0% { transform:scaleX(0); } 33%,100% { transform:scaleX(1); } }
@keyframes course-scene-progress-two { 0%,33% { transform:scaleX(0); } 66%,100% { transform:scaleX(1); } }
@keyframes course-scene-progress-three { 0%,66% { transform:scaleX(0); } 100% { transform:scaleX(1); } }

/* Image exploration replaces repeated miniature HTML interfaces. */
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens { --lens-ink:#203954; --lens-muted:#5a7188; --lens-border:#b9ccdc; --lens-paper:#edf3f8; position:relative; padding:104px 0 92px; overflow:hidden; background:var(--lens-paper)!important; color:var(--lens-ink); }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens--document { --lens-paper:#f1eee7; --lens-ink:#253c55; --lens-border:#c9c5bc; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens--spreadsheet { --lens-paper:#e5f3eb; --lens-ink:#235641; --lens-muted:#527562; --lens-border:#b4cebf; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens--workflow { --lens-paper:#272238; --lens-ink:#f2ebff; --lens-muted:#c9bddb; --lens-border:#ffffff2c; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens--agent { --lens-paper:#202a35; --lens-ink:#fff1e9; --lens-muted:#c9bdb9; --lens-border:#ffffff29; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:64px; margin-bottom:44px; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-heading > div { flex:1; min-width:0; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-heading h2 { margin:0; max-width:780px; color:var(--lens-ink)!important; font-size:clamp(32px,3.5vw,48px)!important; line-height:1.3!important; font-weight:750; letter-spacing:-.035em; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-heading > p { flex:0 1 370px; margin:0; color:var(--lens-muted)!important; font-size:16px; line-height:1.8; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens .ocd-eyebrow { margin:0 0 17px; color:var(--ocd-accent,#2f5dba)!important; font-size:13px; font-weight:650; }
:is(.ocd-course-page,.claude-course-page) :is(.ocd-media-lens--workflow,.ocd-media-lens--agent) .ocd-eyebrow { color:var(--ocd-signal,#e7c7ff)!important; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-frame { position:relative; isolation:isolate; overflow:hidden; aspect-ratio:16/8.6; background:#d3dfe9; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-frame > img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--lens-x,50%) var(--lens-y,50%); transform:scale(var(--lens-scale,1)); transform-origin:var(--lens-x,50%) var(--lens-y,50%); transition:transform 1000ms cubic-bezier(.22,.65,.22,1),object-position 1000ms cubic-bezier(.22,.65,.22,1); }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-image-note { position:absolute; z-index:3; left:20px; bottom:18px; padding:5px 9px; background:#ffffffdb; color:#47576a; font-size:11px; line-height:1.6; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-scan { position:absolute; z-index:2; inset:0 auto 0 0; width:28%; pointer-events:none; opacity:0; background:linear-gradient(90deg,transparent,#ffffff22 49%,#ffffff55 50%,transparent 51%); transform:translateX(-150%); }
:is(.ocd-course-page,.claude-course-page) .ocd-media-lens.is-playing .ocd-lens-scan { animation:course-lens-scan 3.6s ease-in-out both; }
@keyframes course-lens-scan { 0% { opacity:0; transform:translateX(-150%); } 12% { opacity:1; } 88% { opacity:1; } 100% { opacity:0; transform:translateX(460%); } }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-toolbar { display:flex; justify-content:space-between; align-items:stretch; gap:24px; margin:28px 0 0; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-controls { display:flex; flex:1; gap:0; border-block:1px solid var(--lens-border); }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-point { position:relative; flex:1; display:flex; align-items:center; gap:14px; min-height:66px; padding:15px 18px; border:0; border-radius:0; background:transparent; color:var(--lens-muted); font:inherit; font-size:15px; font-weight:600; text-align:left; cursor:pointer; transition:color 200ms,background 200ms; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-point > span { flex-shrink:0; font-size:11px; font-weight:500; opacity:.65; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-point::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--ocd-accent,#41639a); transform:scaleX(0); transform-origin:left; transition:transform 240ms; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-point[aria-pressed=true] { color:var(--lens-ink); background:#ffffff30; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-point[aria-pressed=true]::after { transform:scaleX(1); }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-play { display:flex; align-items:center; justify-content:center; gap:18px; flex:0 0 auto; padding:14px 20px; min-height:54px; border:1px solid var(--lens-border); border-radius:3px; background:transparent; color:var(--lens-ink); font:inherit; font-size:13px; cursor:pointer; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-captions { display:flex; gap:32px; margin-top:36px; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-caption { display:flex; align-items:flex-start; flex:1; min-width:0; gap:20px; padding-top:23px; border-top:1px solid var(--lens-border); }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-caption > span { flex-shrink:0; color:var(--lens-ink); opacity:.6; font-size:31px; font-weight:400; line-height:1.2; letter-spacing:-.03em; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-caption h3 { margin:0 0 12px; color:var(--lens-ink)!important; font-size:23px; font-weight:700; line-height:1.45; letter-spacing:-.025em; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-caption p { margin:0; max-width:810px; color:var(--lens-muted)!important; font-size:16px; line-height:1.8; }
:is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption { gap:29px; border-top:0; padding-top:0; }
:is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption > span { font-size:50px; }
:is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption h3 { font-size:28px; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-status { margin:23px 0 0; color:var(--lens-muted)!important; font-size:12px; line-height:1.7; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:25px 0 0; margin:33px 0 0; border-top:1px solid var(--lens-border); list-style:none; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-topics > li { position:relative; margin:0; padding-left:16px; color:var(--lens-muted)!important; font-size:14px; line-height:1.7; }
:is(.ocd-course-page,.claude-course-page) .ocd-lens-topics > li::before { content:''; position:absolute; left:0; top:10px; width:5px; height:5px; background:currentColor; border-radius:50%; }

/* Photographed materials have a different pace from the interactive picture. */
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials { padding:90px 0; overflow:hidden; background:#f6f3ed!important; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-layout { display:grid; grid-template-columns:1.18fr 1fr; align-items:center; gap:76px; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-image { position:relative; width:calc(100% + 70px); margin:0 0 0 -70px; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-image > img { display:block; width:100%; height:auto; aspect-ratio:1.3; object-fit:cover; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-image figcaption { position:absolute; left:90px; bottom:16px; padding:6px 10px; background:#ffffffd9; color:#4f5d6e; font-size:11px; line-height:1.6; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy { min-width:0; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy .ocd-eyebrow { margin:0 0 18px; color:var(--ocd-accent,#2b5bb7)!important; font-size:13px; font-weight:650; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy h2 { margin:0; color:#233951!important; font-size:clamp(32px,3.3vw,45px)!important; line-height:1.32!important; letter-spacing:-.03em; font-weight:700; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy > p:not(.ocd-eyebrow,.ocd-example-disclaimer) { margin:24px 0 0; color:#5c6c7b!important; font-size:16px; line-height:1.8; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy ul { padding:0; margin:29px 0 0; list-style:none; border-top:1px solid #bfc8ca; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy li { display:flex; align-items:center; gap:17px; padding:17px 0; border-bottom:1px solid #cbd0d0; color:#40566b!important; font-size:16px; line-height:1.65; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy li > span { flex-shrink:0; color:var(--ocd-accent,#2e5a9c); font-size:11px; font-weight:600; }
:is(.ocd-course-page,.claude-course-page) .ocd-materials-copy .ocd-example-disclaimer { margin:21px 0 0; color:#778390!important; font-size:12px; line-height:1.75; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--data { background:#edf5ed!important; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--data .ocd-materials-image { transform:rotate(-2deg); }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems { background:#eef0f6!important; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-layout { grid-template-columns:1fr 1.18fr; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-image { grid-column:2; grid-row:1; width:calc(100% + 70px); margin-left:0; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-image figcaption { left:20px; }
:is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-copy { grid-column:1; grid-row:1; }

/* Claude: a photographic panorama, independent from the five template layouts. */
.claude-course-page .cc-hero--scene { --scene-shift:0px; position:relative; isolation:isolate; background:#242c36!important; }
.claude-course-page .cc-hero--scene .cc-hero-grid,
.claude-course-page .cc-hero--scene .cc-hero-visual { display:none; }
.claude-course-page .cc-scene-art { position:absolute; z-index:-2; inset:-25px 0 -25px; margin:0; overflow:hidden; transform:translate3d(0,var(--scene-shift,0px),0); }
.claude-course-page .cc-scene-art > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; max-width:none; }
.claude-course-page .cc-hero--scene::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,#18242ff5 0%,#18242fe8 22%,#18242fc4 40%,#18242f3d 67%,#18242f05 100%),linear-gradient(0deg,#18242ff2,transparent 30%); }
.claude-course-page .cc-hero--scene .cc-breadcrumb { position:relative; z-index:3; }
.claude-course-page .cc-hero--scene .cc-hero-layout { display:flex; min-height:710px; padding-top:44px; padding-bottom:70px; }
.claude-course-page .cc-hero--scene .cc-hero-copy { width:57%; max-width:710px; }
.claude-course-page .cc-hero--scene h1 { font-size:clamp(56px,5.8vw,84px)!important; }
.claude-course-page .cc-hero--scene h1 span { color:#efb99f!important; }
.claude-course-page .cc-hero--scene .cc-hero-description { max-width:540px; }
.claude-course-page .cc-hero--scene .cc-button--mint { background:#f0b79a; border-color:#f0b79a; color:#352c2a!important; border-radius:3px; }
.claude-course-page .cc-hero--scene .cc-course-facts { position:relative; z-index:3; grid-template-columns:1.2fr 1.15fr 1fr auto auto; gap:25px; border-color:#ffffff3b; }
.claude-course-page .cc-hero--scene .cc-course-facts > div { display:grid; gap:6px; }
.claude-course-page .cc-hero--scene .cc-course-facts div > span { width:auto; }
.claude-course-page .cc-scene-caption { position:absolute; right:36px; bottom:138px; color:#f7ece7; text-shadow:0 1px 7px #0009; font-size:11px; }
.claude-course-page .cc-hero--scene:is(.is-scene-playing,.is-scene-paused) .cc-scene-art { animation:course-scene-arrive 3.6s cubic-bezier(.19,.7,.22,1) both; }
.claude-course-page .cc-hero--scene.is-scene-paused [data-scene-layer] { animation-play-state:paused; }

/* Catalogue campaign deck. Without JavaScript all three banners remain links. */
.open-classes-page .open-scene-deck { position:relative; margin:0 0 40px; padding:0; background:#fff!important; }
.open-classes-page .open-scene-panels { display:grid; gap:22px; }
.open-classes-page .open-scene-panel { min-width:0; position:relative; isolation:isolate; margin:0; overflow:hidden; background:#263541; }
.open-classes-page .open-scene-link { position:relative; display:flex; align-items:center; min-height:560px; overflow:hidden; color:#fff; text-decoration:none; }
.open-classes-page .open-scene-link > img { position:absolute; z-index:-2; top:0; right:0; display:block; width:83%; height:100%; max-width:none; object-fit:cover; object-position:65% center; transition:transform 1000ms cubic-bezier(.2,.7,.2,1); }
.open-classes-page .open-scene-link::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#1f2d37 0%,#1f2d37f7 22%,#1f2d37cf 39%,#1f2d3710 72%); }
.open-classes-page .open-scene-copy { position:relative; z-index:2; width:63%; max-width:750px; padding:57px 64px 60px; }
.open-classes-page .open-scene-state { display:table; margin-bottom:20px; padding:5px 9px; border:1px solid #ffffff50; color:#f0e5dc; font-size:12px; line-height:1.6; }
.open-classes-page .open-scene-kicker { display:block; margin-bottom:18px; color:#efb99f; font-size:11px; font-weight:600; letter-spacing:.09em; }
.open-classes-page .open-scene-copy h2 { margin:0 0 25px; color:#fff!important; font-size:clamp(36px,4.6vw,62px)!important; font-weight:800; line-height:1.22!important; letter-spacing:-.04em; }
.open-classes-page .open-scene-copy p { margin:0 0 30px; max-width:480px; color:#e0e6e8!important; font-size:17px; line-height:1.8; word-break:keep-all; }
.open-classes-page .open-scene-action { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; min-height:48px; padding:13px 18px; background:#f0b79a; color:#312d2c; font-size:14px; font-weight:650; }
.open-classes-page .open-scene-action > span { font-size:20px; transition:transform 220ms; }
.open-classes-page .open-scene-panel--data { background:#d7eddf; }
.open-classes-page .open-scene-panel--data .open-scene-link::before { background:linear-gradient(90deg,#d7eddf 0%,#d7eddf 21%,#d7eddfdf 39%,#d7eddf00 73%); }
.open-classes-page .open-scene-panel--data .open-scene-copy h2 { color:#194834!important; }
.open-classes-page .open-scene-panel--data .open-scene-copy p { color:#385e4c!important; }
.open-classes-page .open-scene-panel--data .open-scene-kicker { color:#387352; }
.open-classes-page .open-scene-panel--data .open-scene-state { color:#3c634e; border-color:#39664a45; }
.open-classes-page .open-scene-panel--data .open-scene-action { background:#245e46; color:#fff; }
.open-classes-page .open-scene-panel--workflow { background:#2a233b; }
.open-classes-page .open-scene-panel--workflow .open-scene-link::before { background:linear-gradient(90deg,#2a233b 0%,#2a233bf7 21%,#2a233bd9 40%,#2a233b00 76%); }
.open-classes-page .open-scene-panel--workflow .open-scene-kicker { color:#d7c2f5; }
.open-classes-page .open-scene-panel--workflow .open-scene-action { background:#d7c2f5; color:#35294b; }
.open-classes-page .is-deck-enhanced .open-scene-panels { display:grid; gap:0; }
.open-classes-page .is-deck-enhanced .open-scene-panel { grid-area:1/1; }
.open-classes-page .is-deck-enhanced .open-scene-panel:not([hidden]) .open-scene-copy { animation:course-deck-copy 650ms cubic-bezier(.2,.7,.2,1) both; }
.open-classes-page .is-deck-enhanced .open-scene-panel:not([hidden]) img { animation:course-deck-image 950ms cubic-bezier(.2,.7,.2,1) both; }
.open-classes-page .open-scene-controls { display:flex; align-items:center; gap:15px; min-height:78px; padding:12px 0; border-bottom:1px solid #dce4ea; }
.open-classes-page .open-scene-controls > button { display:flex; justify-content:center; align-items:center; width:42px; min-height:42px; flex:0 0 auto; border:1px solid #d6dfe7; background:#fff; color:#334b64; font:inherit; font-size:20px; cursor:pointer; }
.open-classes-page .open-scene-tabs { display:flex; flex:1; justify-content:center; min-width:0; gap:12px; }
.open-classes-page .open-scene-tabs > button { display:flex; align-items:center; justify-content:center; gap:12px; min-width:0; min-height:44px; padding:11px 18px; border:0; border-radius:2px; background:transparent; color:#6b7b8c; font:inherit; font-size:14px; font-weight:500; cursor:pointer; transition:background 180ms,color 180ms; }
.open-classes-page .open-scene-tabs > button > span { font-size:11px; opacity:.65; }
.open-classes-page .open-scene-tabs > button[aria-selected=true] { background:#1e344e; color:#fff; }
.open-classes-page .open-scene-controls > .open-scene-replay { display:inline-flex; gap:13px; width:auto; padding:9px 13px; border:0; color:#566a7f; font-size:12px; }
.open-classes-page .open-scene-replay > span:last-child { font-size:19px; }
.open-classes-page .open-scene-deck:is(.is-scene-playing,.is-scene-paused) .open-scene-panel:not([hidden]) [data-scene-layer] { animation:course-deck-replay 3.6s cubic-bezier(.19,.7,.22,1) both; }
.open-classes-page .open-scene-deck.is-scene-paused [data-scene-layer] { animation-play-state:paused; }
@keyframes course-deck-copy { from { opacity:.2; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes course-deck-image { from { opacity:.5; transform:scale(1.06) translateX(18px); } to { opacity:1; transform:scale(1) translateX(0); } }
@keyframes course-deck-replay { 0% { opacity:.3; clip-path:inset(0 0 0 65%); transform:scale(1.07); } 65%,100% { opacity:1; clip-path:inset(0); transform:scale(1); } }

@media (hover:hover) and (pointer:fine) {
 .open-classes-page .open-scene-link:hover > img { transform:scale(1.025); }
 .open-classes-page .open-scene-link:hover .open-scene-action > span { transform:translate(3px,-3px); }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-point:hover { background:#ffffff30; color:var(--lens-ink); }
 :is(.ocd-course-page,.claude-course-page) :is(.ocd-lens-play,.ocd-scene-toggle,.cc-scene-toggle):hover { box-shadow:inset 0 0 0 1px currentColor; }
}

@media (max-width:1100px) {
 .ocd-course-page .ocd-hero-layout { min-height:640px; }
 .ocd-course-page .ocd-hero h1 { font-size:52px!important; }
 .ocd-course-page .ocd-hero--document .ocd-hero-layout { min-height:670px; }
 .ocd-course-page .ocd-hero--document .ocd-hero-copy { width:54%; }
 .ocd-course-page .ocd-hero--document::before { background:linear-gradient(90deg,#f3f0e9 0%,#f3f0e9 32%,#f3f0e9e8 44%,#f3f0e900 66%); }
 .ocd-course-page .ocd-hero--document .ocd-scene-fragment--two { right:23%; }
 .ocd-course-page .ocd-hero--spreadsheet .ocd-hero-layout { min-height:820px; }
 .ocd-course-page .ocd-hero--workflow .ocd-hero-layout { min-height:780px; }
 .ocd-course-page .ocd-hero--workflow .ocd-hero-copy { width:80%; }
 .ocd-course-page .ocd-hero--search .ocd-hero-copy { width:49%; margin-left:51%; }
 .ocd-course-page .ocd-hero--search .ocd-hero-layout { min-height:690px; }
 .ocd-course-page .ocd-hero--agent .ocd-hero-layout { min-height:800px; }
 .ocd-course-page .ocd-hero--agent .ocd-hero-copy { column-gap:55px; }
 .ocd-course-page .ocd-hero--agent .ocd-hero-actions { gap:10px; }
 .ocd-course-page .ocd-hero--agent .ocd-primary { gap:20px; }
 .ocd-course-page .ocd-course-facts { gap:19px; }
 .ocd-course-page .ocd-course-facts strong { font-size:14px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading { gap:40px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading > p { flex-basis:310px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-layout { gap:42px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-controls { flex-wrap:wrap; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-point { padding-inline:12px; gap:10px; font-size:14px; }
 .claude-course-page .cc-hero--scene .cc-hero-copy { width:64%; }
 .claude-course-page .cc-hero--scene .cc-hero-layout { min-height:690px; }
 .claude-course-page .cc-hero--scene .cc-course-facts { grid-template-columns:1.2fr 1.15fr 1fr auto; }
 .claude-course-page .cc-hero--scene .cc-course-facts > a { display:none; }
 .open-classes-page .open-scene-copy { width:67%; padding:45px 42px; }
 .open-classes-page .open-scene-copy h2 { font-size:50px!important; }
 .open-classes-page .open-scene-copy p { font-size:16px; }
 .open-classes-page .open-scene-tabs { gap:5px; }
 .open-classes-page .open-scene-tabs > button { padding-inline:10px; font-size:12px; gap:8px; }
 .open-classes-page .open-scene-controls { gap:10px; }
 .open-classes-page .open-scene-controls > .open-scene-replay { font-size:11px; padding-inline:6px; }
}

@media (max-width:760px) {
 .ocd-course-page .ocd-hero { padding-top:22px; }
 .ocd-course-page .ocd-hero .ocd-container,
 .claude-course-page :is(.ocd-media-lens,.ocd-media-materials) .ocd-container { width:calc(100% - 40px); }
 .ocd-course-page .ocd-breadcrumb { margin-bottom:25px; font-size:11px; }
 .ocd-course-page .ocd-hero .ocd-hero-layout { display:flex; min-height:0; padding:10px 0 350px; align-items:flex-start; }
 .ocd-course-page .ocd-hero .ocd-hero-copy { display:block; width:100%; max-width:620px; margin:0; text-align:left; }
 .ocd-course-page .ocd-hero h1 { font-size:46px!important; max-width:590px; margin-bottom:24px; }
 .ocd-course-page .ocd-hero h1 br { display:block; }
 .ocd-course-page .ocd-hero .ocd-hero-summary { max-width:560px; margin:0 0 24px; padding:0; font-size:17px; }
 .ocd-course-page .ocd-hero .ocd-hero-label,
 .ocd-course-page .ocd-hero .ocd-hero-actions { justify-content:flex-start; }
 .ocd-course-page .ocd-hero .ocd-hero-label { margin-bottom:22px; }
 .ocd-course-page .ocd-hero .ocd-eyebrow { font-size:12px; }
 .ocd-course-page .ocd-hero .ocd-scene-art { inset:auto 0 120px; width:100%; height:350px; }
 .ocd-course-page .ocd-hero .ocd-scene-art > img { object-position:center; }
 .ocd-course-page .ocd-hero .ocd-scene-fragment { display:none; }
 .ocd-course-page .ocd-hero .ocd-scene-caption { left:20px; right:20px; bottom:18px; justify-content:space-between; font-size:10px; }
 .ocd-course-page .ocd-scene-track { right:20px; top:26px; }
 .ocd-course-page .ocd-scene-track > i { width:17px; }
 .ocd-course-page .ocd-hero .ocd-course-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 22px; padding:23px 0 25px; min-height:155px; }
 .ocd-course-page .ocd-hero .ocd-course-facts > div { display:block; min-width:0; }
 .ocd-course-page .ocd-hero .ocd-course-facts span { width:auto; }
 .ocd-course-page .ocd-hero .ocd-course-facts > div > span { display:block; margin-bottom:6px; }
 .ocd-course-page .ocd-hero .ocd-course-facts strong { display:block; }
 .ocd-course-page .ocd-course-facts strong { font-size:13px; }
 .ocd-course-page .ocd-course-facts > div > span { font-size:11px; }
 .ocd-course-page .ocd-course-facts > button { justify-self:start; align-self:end; }
 .ocd-course-page .ocd-hero .ocd-schedule-note { font-size:11px; margin-top:17px; }
 .ocd-course-page .ocd-hero--document::before { background:linear-gradient(180deg,#f3f0e9 0%,#f3f0e9 44%,#f3f0e900 68%,#f3f0e900 83%,#f3f0e9 98%); }
 .ocd-course-page .ocd-hero--document .ocd-scene-art { left:-8%; width:116%; }
 .ocd-course-page .ocd-hero--spreadsheet::before { background:linear-gradient(180deg,#ddf3e7 0%,#ddf3e7 45%,#ddf3e700 65%,#ddf3e700 84%,#ddf3e7 98%); }
 .ocd-course-page .ocd-hero--spreadsheet .ocd-scene-art { height:330px; }
 .ocd-course-page .ocd-hero--spreadsheet .ocd-scene-caption { color:#2c5846; }
 .ocd-course-page .ocd-hero--workflow::before { background:linear-gradient(180deg,#252036 0%,#252036 40%,#25203600 69%,#25203600 82%,#252036 98%); }
 .ocd-course-page .ocd-hero--search::before { background:linear-gradient(180deg,#edf3f8 0%,#edf3f8 44%,#edf3f800 67%,#edf3f800 83%,#edf3f8 98%); }
 .ocd-course-page .ocd-hero--search .ocd-scene-art { left:-5%; width:110%; }
 .ocd-course-page .ocd-hero--agent::before { background:linear-gradient(180deg,#202631 0%,#202631 45%,#20263100 69%,#20263100 83%,#202631 98%); }
 .ocd-course-page .ocd-hero--agent .ocd-hero-summary { grid-column:auto; }
 .ocd-course-page .ocd-hero--agent .ocd-hero-actions { gap:20px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-media-lens { padding:72px 0 65px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading { display:block; margin-bottom:29px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading h2 { font-size:34px!important; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading > p { margin-top:23px; max-width:580px; font-size:15px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-frame { aspect-ratio:1.2; margin-inline:-20px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-image-note { left:16px; bottom:14px; font-size:10px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-toolbar { display:block; margin-top:22px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-point { display:block; text-align:left; min-height:72px; padding:12px 10px; font-size:13px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-point > span { display:block; margin-bottom:7px; font-size:10px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-play { margin-top:14px; min-height:44px; padding:10px 13px; font-size:12px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-captions { flex-direction:column; gap:25px; margin-top:27px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-caption { gap:19px; padding-top:21px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-caption h3 { font-size:22px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-caption p { font-size:15px; }
 :is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption { gap:21px; }
 :is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption > span { font-size:36px; }
 :is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption h3 { font-size:25px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-topics { grid-template-columns:1fr; gap:12px; padding-top:22px; margin-top:25px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-topics > li { font-size:13px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-media-materials { padding:0 0 65px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-layout,
 :is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-layout { display:flex; flex-direction:column; gap:37px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-image,
 :is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-image { width:calc(100% + 40px); margin:0 -20px; transform:none; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-image > img { aspect-ratio:1.36; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-image figcaption { left:20px; font-size:10px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-copy h2 { font-size:33px!important; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-copy > p:not(.ocd-eyebrow,.ocd-example-disclaimer) { font-size:15px; margin-top:22px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-copy li { font-size:15px; padding:16px 0; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-copy .ocd-example-disclaimer { font-size:11px; }
 .claude-course-page .cc-hero--scene .cc-container { width:calc(100% - 40px); }
 .claude-course-page .cc-hero--scene .cc-hero-layout { min-height:0; padding:36px 0 330px; }
 .claude-course-page .cc-hero--scene .cc-hero-copy { width:100%; max-width:600px; }
 .claude-course-page .cc-hero--scene h1 { font-size:58px!important; }
 .claude-course-page .cc-hero--scene .cc-hero-description { font-size:17px; }
 .claude-course-page .cc-scene-art { inset:auto -10% 100px; width:120%; height:420px; }
 .claude-course-page .cc-scene-art > img { object-position:68% center; }
 .claude-course-page .cc-hero--scene::before { background:linear-gradient(180deg,#242c36 0%,#242c36 43%,#242c3675 61%,#242c3600 77%,#242c36 99%); }
 .claude-course-page .cc-scene-caption { bottom:170px; right:20px; font-size:10px; }
 .claude-course-page .cc-hero--scene .cc-course-facts { grid-template-columns:1fr 1fr; gap:20px; }
 .claude-course-page .cc-scene-toggle { justify-self:start; }
 .open-classes-page .open-scene-link { min-height:740px; align-items:flex-start; }
 .open-classes-page .open-scene-copy { width:100%; padding:36px 28px 330px; }
 .open-classes-page .open-scene-copy h2 { max-width:540px; font-size:44px!important; }
 .open-classes-page .open-scene-copy p { max-width:550px; font-size:16px; margin-bottom:25px; }
 .open-classes-page .open-scene-state { margin-bottom:17px; font-size:11px; }
 .open-classes-page .open-scene-kicker { font-size:10px; margin-bottom:16px; }
 .open-classes-page .open-scene-link > img { width:100%; height:400px; top:auto; bottom:0; object-position:65% center; }
 .open-classes-page .open-scene-link::before { background:linear-gradient(180deg,#1f2d37 0%,#1f2d37 40%,#1f2d37d9 51%,#1f2d3700 76%); }
 .open-classes-page .open-scene-panel--data .open-scene-link::before { background:linear-gradient(180deg,#d7eddf 0%,#d7eddf 40%,#d7eddfd9 52%,#d7eddf00 76%); }
 .open-classes-page .open-scene-panel--workflow .open-scene-link::before { background:linear-gradient(180deg,#2a233b 0%,#2a233b 40%,#2a233bd9 52%,#2a233b00 76%); }
 .open-classes-page .open-scene-controls { flex-wrap:wrap; gap:10px; padding:15px 0 18px; }
 .open-classes-page .open-scene-tabs { order:-1; flex:0 0 100%; justify-content:stretch; gap:5px; }
 .open-classes-page .open-scene-tabs > button { flex:1; display:block; padding:10px 6px; font-size:11px; text-align:center; }
 .open-classes-page .open-scene-tabs > button > span { display:block; margin-bottom:5px; font-size:10px; }
 .open-classes-page .open-scene-controls > button { width:36px; min-height:36px; }
 .open-classes-page .open-scene-controls > .open-scene-replay { margin-left:auto; font-size:12px; }
 .open-classes-page .open-scene-action { min-height:46px; font-size:13px; }
}

@media (max-width:520px) {
 .ocd-course-page .ocd-hero .ocd-container,
 .claude-course-page :is(.ocd-media-lens,.ocd-media-materials) .ocd-container { width:calc(100% - 36px); }
 .ocd-course-page .ocd-hero h1 { font-size:39px!important; line-height:1.24!important; }
 .ocd-course-page .ocd-hero .ocd-hero-label { gap:10px; font-size:10px; }
 .ocd-course-page .ocd-hero .ocd-hero-summary { font-size:16px; }
 .ocd-course-page .ocd-hero .ocd-hero-layout { padding-bottom:300px; }
 .ocd-course-page .ocd-hero .ocd-scene-art { bottom:145px; height:300px; }
 .ocd-course-page .ocd-hero .ocd-scene-caption { gap:8px; left:18px; right:18px; font-size:9px; }
 .ocd-course-page .ocd-hero-actions { gap:15px; }
 .ocd-course-page .ocd-hero .ocd-primary { gap:28px; padding:15px 17px; min-height:52px; font-size:13px; }
 .ocd-course-page .ocd-hero .ocd-text-link { font-size:12px; gap:12px; }
 .ocd-course-page .ocd-hero .ocd-course-facts { gap:20px 17px; }
 .ocd-course-page .ocd-hero .ocd-scene-toggle { max-width:100%; padding:9px 10px; gap:10px; font-size:11px; }
 .ocd-course-page .ocd-scene-track { display:none; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading h2 { font-size:30px!important; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-frame { aspect-ratio:1.06; margin-inline:-18px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-point { font-size:12px; padding-inline:8px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-caption h3,
 :is(.ocd-course-page,.claude-course-page) .is-lens-enhanced .ocd-lens-caption h3 { font-size:22px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-image,
 :is(.ocd-course-page,.claude-course-page) .ocd-media-materials--systems .ocd-materials-image { width:calc(100% + 36px); margin-inline:-18px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-copy h2 { font-size:30px!important; }
 .claude-course-page .cc-hero--scene .cc-hero-layout { padding-bottom:300px; }
 .claude-course-page .cc-hero--scene h1 { font-size:48px!important; }
 .claude-course-page .cc-hero--scene .cc-hero-description { font-size:16px; }
 .claude-course-page .cc-scene-art { bottom:145px; height:355px; }
 .claude-course-page .cc-scene-caption { bottom:195px; }
 .claude-course-page .cc-hero--scene .cc-course-facts strong { font-size:13px; }
 .open-classes-page .open-scene-copy { padding:29px 22px 285px; }
 .open-classes-page .open-scene-copy h2 { font-size:36px!important; margin-bottom:23px; }
 .open-classes-page .open-scene-copy p { font-size:15px; }
 .open-classes-page .open-scene-link { min-height:715px; }
 .open-classes-page .open-scene-link > img { height:330px; }
 .open-classes-page .open-scene-tabs > button { font-size:10px; }
}

@media (max-width:360px) {
 .ocd-course-page .ocd-hero h1 { font-size:34px!important; }
 .ocd-course-page .ocd-hero-actions { gap:10px; }
 .ocd-course-page .ocd-hero .ocd-primary { gap:17px; padding-inline:13px; }
 .ocd-course-page .ocd-hero .ocd-text-link { font-size:11px; gap:8px; }
 .ocd-course-page .ocd-course-facts strong { font-size:12px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-point { font-size:11px; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-heading h2,
 :is(.ocd-course-page,.claude-course-page) .ocd-materials-copy h2 { font-size:28px!important; }
 .claude-course-page .cc-hero--scene h1 { font-size:42px!important; }
 .open-classes-page .open-scene-copy h2 { font-size:32px!important; }
 .open-classes-page .open-scene-copy { padding-inline:19px; }
 .open-classes-page .open-scene-link { min-height:740px; }
}

@media (prefers-reduced-motion:reduce) {
 :is(.ocd-course-page,.claude-course-page,.open-classes-page) :is([data-scene-layer],.ocd-lens-frame > img,.ocd-lens-scan,.open-scene-copy,.open-scene-panel img),
 .ocd-course-page .ocd-scene-track > i::after { animation:none!important; transition:none!important; }
 :is(.ocd-course-page,.claude-course-page) :is(.ocd-scene-art,.cc-scene-art) { transform:none!important; clip-path:none!important; opacity:1!important; }
 :is(.ocd-course-page,.claude-course-page) .ocd-scene-fragment { transform:rotate(var(--fragment-angle))!important; opacity:1!important; }
 :is(.ocd-course-page,.claude-course-page) .ocd-lens-scan { display:none; }
 .open-classes-page .open-scene-link:hover > img { transform:none; }
}