/* Image-led education layouts. Existing copy, references and controls remain in flow. */
.learning-campaign-photo { position:relative; display:block; min-width:0; width:100%; margin:0; overflow:hidden; border:1px solid #c3d2dd4a; border-radius:18px; background:#e4e9e9; }
.learning-campaign-photo > img { display:block; width:100%; height:100%; aspect-ratio:1.5; object-fit:cover; }
[data-learning-visual="hero"] > [data-learning-layer] { animation:none!important; }

/* The generated image is a visible right-hand panel, rather than a dark wallpaper. */
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) { display:block; min-height:0; padding:130px max(24px,4vw) 0!important; background:#f0eee7!important; overflow:hidden; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"])::before,
body.home-business .home-scene-hero:has([data-learning-visual="hero"])::after { background:none!important; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__inner { display:flex; align-items:center; min-height:600px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__copy { position:relative; width:46%; max-width:585px; padding:25px 0 40px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-canvas { position:absolute; inset:100px -2% 130px 44%; z-index:0; width:58%; margin:0; border-radius:36px 0 0 36px; transform:none!important; animation:none!important; -webkit-mask-image:linear-gradient(90deg,transparent,#000 13%); mask-image:linear-gradient(90deg,transparent,#000 13%); }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-canvas img { object-position:60% center; opacity:1; filter:none; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-kicker { margin-bottom:22px; color:#476583!important; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__slogan { margin-bottom:24px; color:#163252!important; font-size:clamp(58px,5.3vw,80px); line-height:1.1; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__slogan span { color:#2456d9; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) h1 { color:#213f60!important; font-size:clamp(25px,2.2vw,31px)!important; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__lead { max-width:480px; color:#536c83!important; font-size:17px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-actions { flex-wrap:wrap; margin-bottom:28px; gap:10px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-actions a { min-height:53px; padding:15px 18px; font-size:13px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-actions .btn-primary { color:#fff!important; background:#2455e6!important; border-color:#2455e6; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-actions .btn-secondary { color:#1c4267!important; background:#ffffffc9!important; border-color:#bacbd8; backdrop-filter:blur(6px); }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__credential { border-color:#b9c8d4; gap:13px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__credential strong { color:#163252!important; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__credential > span { color:#526f88!important; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__credential > a { color:#2b5276; background:#ffffffd6; border-color:#aabfce; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-navigation { margin-top:20px; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-links { border-color:#bacbd8; background:#fffffff0; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-links > a + a { border-color:#ccd7df; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-links strong { color:#214563; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-links :is(small,em) { color:#55718a; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-links i { color:#2455e6; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .business-hero-footer { color:#61758a; }
body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .business-hero-footer a { color:#2455e6; }

/* Photography takes the main area; native drawings become secondary context. */
body.visual-refresh.detail-scene-page .detail-scope--illustrated:has([data-learning-visual]) { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(28px,5vw,70px); }
body.visual-refresh.detail-scene-page .detail-scope-visual.learning-campaign-photo { max-width:none; border:0; border-radius:20px; }
body.visual-refresh.detail-scene-page .detail-scope-visual.learning-campaign-photo img { aspect-ratio:1.4; object-fit:cover; }
body.visual-refresh.detail-scene-page:has([data-learning-visual]) .detail-item-drawing { width:70px; height:48px; }
body.visual-refresh.detail-scene-page:has([data-learning-visual]) .detail-deliverables.visual-tab-panels > [data-visual-panel] { grid-template-columns:85px minmax(0,.8fr) minmax(0,1.2fr); }
.detail-scene-art[data-learning-visual="hero"] img { opacity:1!important; }
.lxp-build-copy > .learning-campaign-photo { margin-top:32px; border-color:#9eb8ca25; border-radius:12px; }
.lxp-build-copy > .learning-campaign-photo img { aspect-ratio:1.45; }
.lxp-flow-step > .editorial-card-art { height:72px; max-width:105px; background:transparent; border:0; }
.education-process__inner > .learning-campaign-photo { margin:26px 0 30px; border-radius:14px; }
.education-process__inner > .learning-campaign-photo img { aspect-ratio:3.5; object-position:center 52%; }
.education-process__item > .editorial-card-art { width:84px; height:65px; border:0; background:transparent; }

/* A large result image beside two concise result descriptions. */
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:1px; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:first-child { grid-row:span 2; padding:0 30px 32px; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:first-child .learning-campaign-photo { width:calc(100% + 60px); margin:0 -30px 25px; border:0; border-radius:0; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:first-child .learning-campaign-photo img { aspect-ratio:1.65; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) { display:grid; grid-template-columns:88px minmax(0,1fr); gap:0 24px; align-content:center; padding:25px 28px; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) .course-output-visual { grid-column:1; grid-row:1/span 3; align-self:center; width:88px; margin:0; padding:8px; border:0; border-radius:12px; background:#e5edea; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) :is(.ocd-output-number,h3,p) { grid-column:2; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) .ocd-output-number { margin-bottom:11px; font-size:17px; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) h3 { font-size:21px; }
.ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) p { font-size:13px; }
.ocd-course-page .course-curriculum-visual.learning-campaign-photo { max-width:none; width:100%; padding:0; margin:26px 0; border:0; border-radius:12px; }
.ocd-course-page .course-curriculum-visual.learning-campaign-photo img { aspect-ratio:1.4; }
.claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) { grid-template-columns:1fr 1.02fr; gap:0 64px; align-items:start; }
.claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) > div { display:contents; }
.claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) :is(.cc-eyebrow,h2) { grid-column:1; }
.claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) > p { grid-column:1; justify-self:start; margin-top:24px; }
.claude-course-page .cc-intro-layout .learning-campaign-photo { grid-column:2; grid-row:1/span 3; align-self:center; max-width:none; margin:0; }
.claude-course-page .cc-intro-layout .learning-campaign-photo img { aspect-ratio:1.24; }
.cc-audience article > .editorial-card-art,.cc-principles article > .editorial-card-art { width:100px; height:70px; border:0; background:transparent; }

@media(max-width:1000px) {
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__copy { width:52%; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-canvas { left:42%; width:60%; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) { grid-template-columns:66px minmax(0,1fr); gap:0 17px; padding:24px; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) .course-output-visual { width:66px; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) h3 { font-size:19px; }
 .claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) { gap:0 32px; }
}
@media(max-width:760px) {
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) { display:flex; flex-direction:column; padding:110px 20px 20px!important; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__inner { order:1; min-height:0; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__copy { width:100%; max-width:none; padding:0; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-kicker { margin-bottom:20px; font-size:10px; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__slogan { font-size:clamp(56px,14vw,76px); margin-bottom:23px; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) h1 { font-size:27px!important; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-hero__lead { font-size:15px; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-canvas { position:relative; order:2; inset:auto; width:100%; height:300px; margin:28px 0 0; border-radius:17px; -webkit-mask-image:none; mask-image:none; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-canvas img { object-position:center; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .home-scene-navigation { order:3; margin-top:25px; }
 body.home-business .home-scene-hero:has([data-learning-visual="hero"]) .business-hero-footer { order:4; }
 body.visual-refresh.detail-scene-page .detail-scope--illustrated:has([data-learning-visual]) { grid-template-columns:1fr; }
 body.visual-refresh.detail-scene-page .detail-scope-visual.learning-campaign-photo img { aspect-ratio:1.5; }
 .education-process__inner > .learning-campaign-photo img { aspect-ratio:1.75; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) { grid-template-columns:1fr; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:first-child { grid-row:auto; padding:0 24px 28px; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:first-child .learning-campaign-photo { width:calc(100% + 48px); margin-inline:-24px; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) { grid-template-columns:70px minmax(0,1fr); gap:0 19px; padding:25px 24px; }
 .ocd-course-page .ocd-output-grid:has([data-learning-visual="outcome"]) > article:not(:first-child) .course-output-visual { width:70px; }
 .ocd-course-page .course-curriculum-visual.learning-campaign-photo { max-width:480px; }
 .claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) { display:block; }
 .claude-course-page .cc-intro-layout:has([data-learning-visual="intro"]) > div { display:block; }
 .claude-course-page .cc-intro-layout .learning-campaign-photo { margin:28px 0 0; }
 .claude-course-page .cc-intro-layout .learning-campaign-photo img { aspect-ratio:1.45; }
}