/* course: print_3d - image slots. ASCII only.
   Every image used by the shared AI-PPT detail stylesheet can be replaced WITHOUT touching ASP/CSS:
   put a file with the SAME NAME into  /menu/course-detail/k_digital/print_3d/assets/images/  and it is drawn on top of the AI-PPT image,
   which stays as the fallback (a missing file simply does not draw). */

.kd-ai-ppt.kd-course-print_3d .hero-visual-bg { background: url(/menu/course-detail/k_digital/print_3d/assets/images/hero_bg.jpg?v=2026111301) center center / cover no-repeat, #050A11 url(/menu/course-detail/k_digital/ai_ppt/assets/images/hero_bg.jpg?v=2026111301) center center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .summary-visual { background: url(/menu/course-detail/k_digital/print_3d/assets/images/laptop_transparent.png?v=2026111301) right center / contain no-repeat; }
.kd-ai-ppt.kd-course-print_3d .summary-banner-bg { background: url(/menu/course-detail/k_digital/print_3d/assets/images/slides_transparent.png?v=2026111301) right 16px center / auto 92% no-repeat; }
.kd-ai-ppt.kd-course-print_3d .problem-photo { background: url(/menu/course-detail/k_digital/print_3d/assets/images/problem_person.jpg?v=2026111301) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/problem_person.jpg?v=2026111301) center / cover no-repeat, linear-gradient(160deg, #E9DED2 0%, #CDB9A6 100%); }
.kd-ai-ppt.kd-course-print_3d .ba-before .ba-photo { background: url(/menu/course-detail/k_digital/print_3d/assets/images/ba_before.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .ba-after .ba-photo { background: url(/menu/course-detail/k_digital/print_3d/assets/images/ba_after.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .tool-01 { --tool-img-c: url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_01_notebooklm.png?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .tool-02 { --tool-img-c: url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_02_gemini_canvas.png?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .tool-03 { --tool-img-c: url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_03_gemini.png?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .tool-04 { --tool-img-c: url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_04_miricanvas.png?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .tool-05 { --tool-img-c: url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_05_canva.png?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .tool-06 { --tool-img-c: url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_06_google_slides.png?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .tool-01 .tool-img { background-image: url(/menu/course-detail/k_digital/print_3d/assets/images/tool_01.webp?v=2026111301), url(/menu/course-detail/k_digital/ai_ppt/assets/images/tool_01.webp?v=2026111301); }
.kd-ai-ppt.kd-course-print_3d .section-workflow { background: url(/menu/course-detail/k_digital/print_3d/assets/images/workflow_bg.jpg?v=2026111301) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/workflow_bg.jpg?v=2026111301) center / cover no-repeat, radial-gradient(ellipse 560px 420px at 100% 100%, rgba(30, 90, 255, 0.65), transparent 70%), radial-gradient(ellipse 420px 300px at 0% 100%, rgba(20, 60, 200, 0.45), transparent 70%), #01072A; }
.kd-ai-ppt.kd-course-print_3d .oc-1 { background: url(/menu/course-detail/k_digital/print_3d/assets/images/outcome_01.jpg?v=20261112) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/outcome_01.jpg?v=2026111301) center / cover no-repeat, #0A2A86; }
.kd-ai-ppt.kd-course-print_3d .oc-2 { background: url(/menu/course-detail/k_digital/print_3d/assets/images/outcome_02.jpg?v=20261112) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/outcome_02.jpg?v=2026111301) center / cover no-repeat, #EEF4FF; }
.kd-ai-ppt.kd-course-print_3d .oc-3 { background: url(/menu/course-detail/k_digital/print_3d/assets/images/outcome_03.jpg?v=20261112) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/outcome_03.jpg?v=2026111301) center / cover no-repeat, #EEF4FF; }
.kd-ai-ppt.kd-course-print_3d .oc-4 { background: url(/menu/course-detail/k_digital/print_3d/assets/images/outcome_04.jpg?v=20261112) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/outcome_04.jpg?v=2026111301) center / cover no-repeat, #0A2A86; }
.kd-ai-ppt.kd-course-print_3d .why-visual { background: url(/menu/course-detail/k_digital/print_3d/assets/images/recommend_bg.jpg?v=2026111301) right -20px top -26px / 62% auto no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/recommend_bg.jpg?v=2026111301) right -20px top -26px / 62% auto no-repeat; }
.kd-ai-ppt.kd-course-print_3d .benefit-banner { background: url(/menu/course-detail/k_digital/print_3d/assets/images/benefit_banner_bg.jpg?v=2026111301) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/benefit_banner_bg.jpg?v=2026111301) center / cover no-repeat, linear-gradient(100deg, #EDF3FF 0%, #DCE9FF 40%, #1A8CF0 68%, #1FC5C0 100%); }
.kd-ai-ppt.kd-course-print_3d .section-final-cta { background: url(/menu/course-detail/k_digital/print_3d/assets/images/final_cta_bg.jpg?v=2026111301) center / cover no-repeat, url(/menu/course-detail/k_digital/ai_ppt/assets/images/final_cta_bg.jpg?v=2026111301) center / cover no-repeat, repeating-linear-gradient(115deg, rgba(40, 110, 255, 0.0) 0 60px, rgba(40, 110, 255, 0.22) 60px 64px, rgba(40, 110, 255, 0.0) 64px 130px), linear-gradient(120deg, #031447 0%, #062a7a 55%, #031447 100%); }

.kd-ai-ppt.kd-course-print_3d .tool-card::before { background: var(--tool-img-c) center / 100% 100% no-repeat, var(--tool-img) center / 100% 100% no-repeat; }
@media (max-width: 767px) {
    .kd-ai-ppt.kd-course-print_3d .tool-card.tool-card { min-height: 0; padding-bottom: 42%; background-size: 100% auto; background-position: center bottom; }
    .kd-ai-ppt.kd-course-print_3d .tool-card h3, .kd-ai-ppt.kd-course-print_3d .tool-card p { padding-right: 0; max-width: none; width: auto; }
    .kd-ai-ppt.kd-course-print_3d .summary-banner-bg { width: 42%; }
    .kd-ai-ppt.kd-course-print_3d .summary-banner-text { max-width: 54%; }
    .kd-ai-ppt.kd-course-print_3d .hero-visual-bg { background-position: 72% center, 72% center; }
    .kd-ai-ppt.kd-course-print_3d .why-visual { background-position: 72% top, 72% top; }
}

/* section-tools: full-card background images (print_3d only). Artwork layer is turned off, card color stays as fallback. */
.kd-ai-ppt.kd-course-print_3d .tool-card::before { display: none; }
.kd-ai-ppt.kd-course-print_3d .tool-01 { background: #0A388E url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_01.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .tool-02 { background: #A0B7FC url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_02.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .tool-03 { background: #BCD9FD url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_03.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .tool-04 { background: #4C3AB4 url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_04.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .tool-05 { background: #13808A url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_05.jpg?v=2026111301) center / cover no-repeat; }
.kd-ai-ppt.kd-course-print_3d .tool-06 { background: #0A46A8 url(/menu/course-detail/k_digital/print_3d/assets/images/kd_tool_06.jpg?v=2026111301) center / cover no-repeat; }