.cvo-studio .home-hero{margin:8px 0 28px}.cvo-studio .home-hero h1{font-size:clamp(26px,3vw,40px);font-weight:500}.cvo-studio .home-subtitle{font-size:13px;color:#716782;margin-top:14px}.cvo-studio .home-section{margin:32px 0}.cvo-studio .home-section h2{display:flex;align-items:center;gap:10px;font-size:21px;margin:0 0 20px}.cvo-studio .chapter-grid,.cvo-studio .exercise-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cvo-studio .chapter-card,.cvo-studio .exercise-cards .exercise-card{display:flex;align-items:center;gap:18px;text-align:left;min-height:100px;padding:24px;background:linear-gradient(135deg,#ffffffed,#ffffff99);border:1px solid #fff;border-radius:20px;box-shadow:0 8px 24px #53377309;cursor:pointer;color:#51415f;font:500 14px/1.5 Inter,system-ui,sans-serif}.cvo-studio .chapter-num{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#e9dff2;color:#7953a6;font:12px 'IBM Plex Mono',monospace}.cvo-studio .chapter-card:hover{border-color:#bca1d2;transform:translateY(-2px)}.cvo-studio .exercise-cards .exercise-card{margin:0;justify-content:space-between}.cvo-studio .exercise-count{font-size:11px;color:#82718f}.cvo-studio .home-tip{display:flex;gap:14px;align-items:flex-start;font-size:13px;background:#eee7f5;border:1px solid #dfd3e8;border-radius:18px;padding:22px}.cvo-studio .home-tip svg{flex-shrink:0}.cvo-studio .studio-icon{display:inline-block;width:22px;height:22px;vertical-align:-4px;margin-right:8px;flex-shrink:0;color:#9270ad}.cvo-studio .studio-visual{display:block;padding:0;background:#fff9}.studio-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:290px;align-items:stretch}.studio-scene-copy{padding:32px;align-self:center}.studio-scene-copy h2{font-size:27px;margin:14px 0}.studio-scene-copy p{font-size:13px;max-width:52ch}.studio-image-slot{position:relative;min-height:260px;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#e3d4ef,#f4edf888 65%);border-radius:0 25px 25px 0}.studio-image-slot>svg{width:100%;height:100%;min-height:260px;max-width:none;filter:none}.studio-image-slot>img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.studio-image-caption{position:absolute;bottom:18px;left:24px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#806490}.studio-lab{border-top:1px solid #e0d4e9;padding:26px 30px;background:#fbf8fdd9}.studio-lab-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.studio-lab-header h3{font:500 16px Inter,system-ui,sans-serif!important;margin:0!important}.studio-lab-header span{font:10px 'IBM Plex Mono',monospace!important;color:#9379a8}.studio-lab-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.studio-lab-controls label{font-size:12px;display:flex;align-items:center;gap:12px}.studio-lab-controls input[type=range]{accent-color:#7953bc;width:160px}.studio-lab-controls input[type=number]{width:80px;padding:10px;border:1px solid #d3bfdf;background:#fff;color:#51415f;border-radius:11px}.studio-lab button{min-height:42px;padding:10px 14px;border:1px solid #d4c1e1;border-radius:12px;background:#fff;color:#674a7e;font:12px Inter,system-ui,sans-serif;cursor:pointer}.studio-lab button:hover,.studio-lab button[aria-pressed=true]{background:#e9def3;border-color:#a786c0}.studio-trace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.studio-trace-cell{border:1px solid #e3d7ec;border-radius:14px;background:#fff9;padding:16px;min-width:0;transition:background .2s}.studio-trace-cell[data-active=true]{background:#e7d9f2;border-color:#aa87c5}.studio-trace-cell small{display:block;font-size:10px;color:#887295;margin-bottom:6px}.studio-trace-cell strong{font:500 16px 'IBM Plex Mono',monospace;color:#5a3e70;overflow-wrap:anywhere}.studio-lab-output{font:12px/1.8 'IBM Plex Mono',monospace;padding:16px 18px;border-radius:13px;background:#30253c;color:#f1e7fa!important;white-space:pre-wrap;overflow-wrap:anywhere;min-height:54px}.studio-lab-note{font-size:12px!important;color:#74617f!important;line-height:1.8!important;margin:14px 0 0!important}.studio-inline-visual{border:1px solid #ded0e9;border-radius:22px;overflow:hidden;margin:24px 0;background:#fff8}.studio-inline-visual .studio-image-slot{min-height:190px;border-radius:0}.studio-inline-visual .studio-image-slot>svg{min-height:190px;max-height:230px}.studio-inline-visual .studio-lab{padding:22px}.studio-original-diagram{margin:16px 0}.studio-original-diagram summary{font:12px Inter,system-ui,sans-serif;color:#76578b;cursor:pointer;padding:12px}.studio-robot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.studio-robot-steps div{background:#fff;border:1px solid #dfd2e9;padding:16px;border-radius:14px;text-align:center;font-size:12px}.studio-robot-steps svg{display:block;margin:0 auto 10px;width:40px;height:40px;color:#8763a4}.studio-robot-steps [data-active=true]{background:#e7d8f0;border-color:#a47cbf}.cvo-studio .lesson-theory h1>svg,.cvo-studio .lesson-theory h2>svg,.cvo-studio .lesson-theory h3>svg{color:#9070aa!important}.studio-lab table{width:100%;border-collapse:collapse;font-size:12px}.studio-lab th,.studio-lab td{padding:10px;border-bottom:1px solid #dfd1e9;text-align:left}.studio-lab th{color:#684a7b;font-weight:500}.cvo-studio .memory-diagram{white-space:pre;max-width:100%;overflow:auto}.cvo-studio .main-content button{touch-action:manipulation}
@media(max-width:1100px){.studio-scene{grid-template-columns:1fr}.studio-image-slot{border-radius:0;min-height:220px}.studio-image-slot>svg{min-height:220px;max-height:260px}.studio-scene-copy{padding:26px}.studio-lab{padding:24px}}
@media(max-width:600px){.cvo-studio .chapter-grid,.cvo-studio .exercise-cards{grid-template-columns:1fr}.cvo-studio .chapter-card{padding:20px;min-height:85px}.studio-lab{padding:20px 16px}.studio-scene-copy{padding:24px 20px}.studio-scene-copy h2{font-size:24px}.studio-trace-cell{padding:12px 9px}.studio-trace-cell strong{font-size:12px}.studio-robot-steps{gap:6px}.studio-robot-steps div{padding:12px 6px;font-size:11px}.studio-lab-controls input[type=range]{width:130px}.studio-lab-header{align-items:flex-start}.studio-lab-header h3{font-size:14px!important}.studio-lab-header span{font-size:9px!important}}
.cvo-studio .sidebar-nav .nav-icon{display:none}.cvo-studio .sidebar-nav .studio-icon{width:19px;height:19px;margin-right:0}.cvo-studio .sidebar-logo{font-size:0}.cvo-studio .sidebar-logo:after{content:'</>';font:14px 'IBM Plex Mono',monospace;color:#7953a6}
.cvo-studio .lesson-theory table{display:block;max-width:100%;overflow-x:auto;border:1px solid #dfd2e9;border-radius:14px;font-size:12px;margin:20px 0}.cvo-studio .lesson-theory th{background:#ebe2f3;padding:13px 16px;text-align:left}.cvo-studio .lesson-theory td{padding:13px 16px;border-bottom:1px solid #e5dbec}.cvo-studio [hidden]{display:none!important}
.cvo-studio .login-page{width:100%;min-height:calc(100dvh - 90px);display:grid;place-items:center;padding:28px;background:none}.cvo-studio .login-card{width:min(100%,430px);border:1px solid white;border-radius:28px;padding:32px;background:#ffffffc9;box-shadow:0 18px 60px #54306e10}.cvo-studio .login-logo{font-size:0}.cvo-studio .login-logo:after{content:'</>';font:22px 'IBM Plex Mono',monospace;color:#8660a8}.cvo-studio .login-header h1{font-size:28px}.cvo-studio .login-tabs{display:flex;gap:8px;margin:24px 0}.cvo-studio .login-tabs button{flex:1;border:1px solid #ddcee8;border-radius:12px;padding:12px;color:#624677;background:#f4edf9}.cvo-studio .login-tabs button.active{background:#e6d7f0}.cvo-studio .form-field{margin:16px 0}.cvo-studio .form-field label{font-size:12px;display:block;margin-bottom:8px}.cvo-studio .form-field input{width:100%;border:1px solid #d9c8e4;border-radius:12px;padding:13px;background:white;color:#302448}.cvo-studio .login-submit{width:100%;border:0;background:#7953a6;color:white;padding:14px;border-radius:12px;margin-top:10px}.cvo-studio .app-layout{width:100%;min-width:0}.cvo-studio .main-content.sidebar-closed{margin-left:88px}@media(max-width:900px){.cvo-studio .main-content.sidebar-open,.cvo-studio .main-content.sidebar-closed{margin-left:0}}
.cvo-studio .lesson-theory div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;min-width:0}.cvo-studio .lesson-theory div[style*="grid-template-columns"]>div{min-width:0;max-width:100%}.cvo-studio .powershell-block code{background:none!important;color:#e7def0!important}

/* Course identities: one system, deliberately different atmospheres. */
html[data-cvo-course="cvo-ci"] .cvo-studio{--studio-accent:#3973c7;--studio-soft:#e7f0ff;--studio-deep:#244a86}html[data-cvo-course="cvo-programmeren"] .cvo-studio{--studio-accent:#8057ca;--studio-soft:#f0eaff;--studio-deep:#4f2a82}html[data-cvo-course="cvo-basic-scripting"] .cvo-studio{--studio-accent:#bd754a;--studio-soft:#fff0e5;--studio-deep:#874524}html[data-cvo-course="cvo-javascript"] .cvo-studio{--studio-accent:#b27c18;--studio-soft:#fff5d9;--studio-deep:#76500a}html[data-cvo-course="python-naar-javascript"] .cvo-studio{--studio-accent:#237c9d;--studio-soft:#e0f4f8;--studio-deep:#15516b}html[data-cvo-course="cvo-int-python"] .cvo-studio{--studio-accent:#327d69;--studio-soft:#e2f3ed;--studio-deep:#205345}
.cvo-studio .studio-reason-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:18px 0 30px!important}.cvo-studio .studio-reason-card{position:relative;min-height:190px!important;overflow:hidden;padding:23px 25px 22px!important;border:1px solid color-mix(in srgb,var(--studio-accent,#7953bc) 24%,white)!important;border-radius:20px!important;background:linear-gradient(135deg,#fff 12%,var(--studio-soft,#f1ebfa))!important;box-shadow:0 10px 25px color-mix(in srgb,var(--studio-accent,#7953bc) 9%,transparent)!important}.cvo-studio .studio-reason-card h4{position:relative;z-index:1;font-size:16px!important;margin:51px 0 8px!important;color:var(--studio-deep,#49305f)!important}.cvo-studio .studio-reason-card p{position:relative;z-index:1;max-width:42ch;margin:0!important;font-size:13px!important;line-height:1.65!important;color:#5d5268!important}.cvo-studio .studio-reason-art{position:absolute;right:-3px;top:-5px;width:146px;height:90px;color:var(--studio-accent,#7953bc);opacity:.92}.cvo-studio .studio-reason-art svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cvo-studio .studio-reason-art span{position:absolute;left:0;top:8px;padding:5px 7px;border-radius:8px;background:#fff9;font:10px 'IBM Plex Mono',monospace;color:var(--studio-deep,#49305f);letter-spacing:.08em}.cvo-studio .studio-reason-creativity{background:linear-gradient(135deg,#fff 12%,#fdebe5)!important;color:#c86f52}.cvo-studio .studio-reason-career{background:linear-gradient(135deg,#fff 12%,#e6f2e8)!important;color:#4d936d}.cvo-studio .studio-reason-reasoning{background:linear-gradient(135deg,#fff 12%,#e8ecfb)!important;color:#5a6ab7}.cvo-studio .studio-reason-creativity .studio-reason-art{color:#c86f52}.cvo-studio .studio-reason-career .studio-reason-art{color:#4d936d}.cvo-studio .studio-reason-reasoning .studio-reason-art{color:#5a6ab7}
.cvo-studio .studio-diagram-card{position:relative;overflow:hidden;margin:22px 0 16px;padding:23px 24px 20px;border:1px solid color-mix(in srgb,var(--studio-accent,#7953bc) 26%,white);border-radius:20px;background:linear-gradient(135deg,#fff,var(--studio-soft,#f1ebfa));box-shadow:0 10px 28px color-mix(in srgb,var(--studio-accent,#7953bc) 10%,transparent)}.cvo-studio .studio-diagram-card:after{content:'';position:absolute;width:150px;height:150px;right:-55px;top:-68px;border:24px solid color-mix(in srgb,var(--studio-accent,#7953bc) 11%,transparent);border-radius:50%}.cvo-studio .studio-diagram-kicker{position:relative;z-index:1;font:10px 'IBM Plex Mono',monospace;letter-spacing:.13em;color:var(--studio-accent,#7953bc)}.cvo-studio .studio-diagram-flow{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:17px 0}.cvo-studio .studio-diagram-flow>div{display:flex;align-items:center;gap:8px;min-width:0}.cvo-studio .studio-diagram-flow span{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:11px;background:var(--studio-accent,#7953bc);color:#fff}.cvo-studio .studio-diagram-flow .studio-icon{width:20px;height:20px;margin:0;color:inherit}.cvo-studio .studio-diagram-flow strong{font:600 13px Inter,system-ui,sans-serif;color:var(--studio-deep,#49305f)}.cvo-studio .studio-diagram-flow i{font:22px/1 Inter,system-ui,sans-serif;color:var(--studio-accent,#7953bc);font-style:normal}.cvo-studio .studio-diagram-card p{position:relative;z-index:1;max-width:62ch;margin:0!important;font-size:12px!important;line-height:1.65!important;color:#61566e!important}
@media(max-width:600px){.cvo-studio .studio-reason-grid{grid-template-columns:1fr!important}.cvo-studio .studio-reason-card{min-height:172px!important;padding:20px!important}.cvo-studio .studio-reason-card h4{margin-top:48px!important}.cvo-studio .studio-diagram-card{padding:20px 17px}.cvo-studio .studio-diagram-flow{gap:5px}.cvo-studio .studio-diagram-flow>div{flex:1;flex-direction:column;align-items:flex-start;gap:5px}.cvo-studio .studio-diagram-flow i{display:none}.cvo-studio .studio-diagram-flow strong{font-size:11px}}
.cvo-studio .callout{position:relative;overflow:hidden;border-radius:17px!important;border:1px solid transparent!important;padding:20px 22px!important}.cvo-studio .callout:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor;opacity:.55}.cvo-studio .callout-info{background:#eaf2ff!important;border-color:#c9ddff!important;color:#245da4!important}.cvo-studio .callout-success{background:#e7f5ec!important;border-color:#c3e8d0!important;color:#28734e!important}.cvo-studio .callout-warning{background:#fff2df!important;border-color:#f2d5a9!important;color:#9b5a13!important}.cvo-studio .callout-tip{background:var(--studio-soft,#f1ebfa)!important;border-color:color-mix(in srgb,var(--studio-accent,#7953bc) 28%,white)!important;color:var(--studio-deep,#543270)!important}.cvo-studio .callout p,.cvo-studio .callout-title{position:relative;z-index:1}.cvo-studio .callout-title{font-size:14px!important;font-weight:700!important}.cvo-studio .step-by-step{display:grid;gap:12px;margin:20px 0}.cvo-studio .step-item{border:1px solid color-mix(in srgb,var(--studio-accent,#7953bc) 25%,white)!important;border-radius:18px!important;background:#fff!important;overflow:hidden}.cvo-studio .step-header{padding:14px 16px!important;background:var(--studio-soft,#f1ebfa)!important}.cvo-studio .step-number{background:var(--studio-accent,#7953bc)!important;color:#fff!important}.cvo-studio .step-content{padding:6px 17px 17px!important}