:root{--navy:#0A2540;--navy-700:#0C2D4F;--navy-600:#123659;--teal:#00C896;--teal-deep:#00A97E;--blue:#0094FF;--ground:#F4F7FB;--surface:#FFFFFF;--surface-2:#EEF3F8;--border:#D3DEE8;--ink:#0A2540;--body:#1F3346;--muted:#48596B;--accent-ink:#087A5B;--on-navy:#DCE7F1;--on-navy-muted:#AFC1D2;--on-navy-teal:#2FE3B8;--code-bg:#0B2138;--code-ink:#E4EDF6;--code-accent:#6BEBC6;--shadow:0 1px 2px rgba(10,37,64,.06),0 10px 26px rgba(10,37,64,.07);--radius:14px;--maxw:1080px;--prose:64ch;--font:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Code","Consolas","Roboto Mono",monospace}@media (prefers-color-scheme:dark){:root{--ground:#06131F;--surface:#0E2C4A;--surface-2:#0B2540;--border:#1E4165;--ink:#F0F5FA;--body:#D8E4EF;--muted:#A9BDCE;--accent-ink:#43E3BB;--on-navy:#DCE7F1;--on-navy-muted:#A9BDCE;--on-navy-teal:#3FE6BC;--navy:#081A2B;--navy-700:#0B2137;--navy-600:#0E2A44;--shadow:0 1px 2px rgba(0,0,0,.35),0 12px 30px rgba(0,0,0,.4)}}:root[data-theme=dark]{--ground:#06131F;--surface:#0E2C4A;--surface-2:#0B2540;--border:#1E4165;--ink:#F0F5FA;--body:#D8E4EF;--muted:#A9BDCE;--accent-ink:#43E3BB;--on-navy:#DCE7F1;--on-navy-muted:#A9BDCE;--on-navy-teal:#3FE6BC;--navy:#081A2B;--navy-700:#0B2137;--navy-600:#0E2A44;--shadow:0 1px 2px rgba(0,0,0,.35),0 12px 30px rgba(0,0,0,.4)}:root[data-theme=light]{--ground:#F4F7FB;--surface:#FFFFFF;--surface-2:#EEF3F8;--border:#D3DEE8;--ink:#0A2540;--body:#1F3346;--muted:#48596B;--accent-ink:#087A5B;--on-navy:#DCE7F1;--on-navy-muted:#AFC1D2;--on-navy-teal:#2FE3B8;--navy:#0A2540;--navy-700:#0C2D4F;--navy-600:#123659;--shadow:0 1px 2px rgba(10,37,64,.06),0 10px 26px rgba(10,37,64,.07)}.dc-training,.dc-training *{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dc-training,.dc-training *{animation:none!important;transition:none!important}}.dc-training{margin:0;background:var(--ground);color:var(--body);font-family:var(--font);font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.dc-training .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.dc-training section{padding:76px 0}.dc-training h1,.dc-training h2,.dc-training h3,.dc-training h4{text-wrap:balance;line-height:1.14;margin:0;color:var(--ink)}.dc-training p{margin:0}.dc-training a{color:inherit}.dc-training .prose{max-width:var(--prose)}.dc-training .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.dc-training .eyebrow:before{content:"";width:22px;height:2px;background:var(--teal);border-radius:2px}.dc-training .btn{display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:14px 22px;font-weight:750;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit}.dc-training .btn-primary{background:var(--teal);color:#04231A}.dc-training .btn-primary:hover{background:var(--teal-deep)}.dc-training .btn-ghost{background:transparent;border-color:var(--border);color:var(--ink)}.dc-training .btn-ghost:hover{border-color:var(--teal)}.dc-training .gate{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--navy)}@media(max-width:900px){.dc-training .gate{grid-template-columns:1fr}}.dc-training .gate-hero{padding:56px 52px;color:var(--on-navy);display:flex;flex-direction:column;background:radial-gradient(900px 420px at 85% -5%,rgba(0,200,150,.2),transparent 60%),radial-gradient(700px 460px at -5% 105%,rgba(0,148,255,.16),transparent 55%)}@media(max-width:560px){.dc-training .gate-hero{padding:40px 26px}}.dc-training .g-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:#fff;text-decoration:none}.dc-training .g-brand .dot{width:13px;height:13px;border-radius:4px;background:var(--teal);box-shadow:0 0 0 4px rgba(0,200,150,.22)}.dc-training .g-badge{margin-top:36px;align-self:flex-start;display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:750;color:#fff}.dc-training .g-badge b{color:var(--on-navy-teal)}.dc-training .gate-hero h1{color:#fff;font-size:clamp(30px,4.4vw,46px);font-weight:850;letter-spacing:-.025em;margin-top:22px;max-width:16ch}.dc-training .gate-hero .lede{color:var(--on-navy);font-size:clamp(16px,2vw,19px);margin-top:18px;max-width:46ch;line-height:1.55}.dc-training .g-formula{margin-top:auto;padding-top:34px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;font-weight:750}.dc-training .g-formula .chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:7px 11px;color:#fff}.dc-training .g-formula .op{color:var(--on-navy-muted);font-weight:800}.dc-training .g-formula .out{background:var(--teal);color:#04231A;border-color:transparent}.dc-training .g-list{margin-top:26px;display:flex;flex-direction:column;gap:10px}.dc-training .g-list div{display:flex;gap:11px;align-items:flex-start;color:var(--on-navy);font-size:15px}.dc-training .g-list .ok{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(0,200,150,.16);border:1px solid rgba(0,200,150,.5);color:var(--on-navy-teal);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:1px}.dc-training .gate-form{background:var(--surface);padding:56px 52px;display:flex;flex-direction:column;justify-content:center}@media(max-width:560px){.dc-training .gate-form{padding:40px 26px}}.dc-training .gate-form h2{font-size:24px;font-weight:820}.dc-training .gate-form .sub{color:var(--muted);margin-top:8px;font-size:15px}.dc-training form{margin-top:26px;display:flex;flex-direction:column;gap:16px}.dc-training .field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}.dc-training .field input{width:100%;padding:13px 15px;border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:15.5px;background:var(--surface);color:var(--ink)}.dc-training .field input::-moz-placeholder{color:#93A3B3}.dc-training .field input::placeholder{color:#93A3B3}.dc-training .field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,200,150,.15)}.dc-training .field .err{color:#D64545;font-size:12.5px;margin-top:6px;display:none}.dc-training .field.invalid input{border-color:#D64545}.dc-training .field.invalid .err{display:block}.dc-training .form-error{color:#D64545;background:rgba(214,69,69,.08);border:1px solid rgba(214,69,69,.3);border-radius:10px;padding:10px 13px;font-size:13px;margin-top:-4px}.dc-training .consent{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--muted);line-height:1.5}.dc-training .consent input{margin-top:3px;width:17px;height:17px;accent-color:var(--teal);flex:none}.dc-training .consent a{color:var(--accent-ink);font-weight:600}.dc-training .gate-form .submit{margin-top:4px;justify-content:center;width:100%;font-size:16px;padding:15px}.dc-training .divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12.5px;margin:22px 0 4px}.dc-training .divider:after,.dc-training .divider:before{content:"";height:1px;background:var(--border);flex:1}.dc-training .code-row{display:flex;gap:10px}.dc-training .code-row input{flex:1;padding:12px 14px;border:1.5px solid var(--border);border-radius:11px;font-family:var(--mono);font-size:14px;letter-spacing:.06em;background:var(--surface);color:var(--ink);text-transform:uppercase}.dc-training .code-row input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,148,255,.15)}.dc-training .code-row button{border:1.5px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:11px;padding:0 18px;font-weight:700;cursor:pointer;font-family:inherit}.dc-training .code-row button:hover{border-color:var(--blue)}.dc-training .code-msg{font-size:12.5px;margin-top:8px;min-height:16px}.dc-training .privacy-note{margin-top:20px;font-size:12px;color:var(--muted);line-height:1.5}.dc-training .privacy-note b{color:var(--ink)}.dc-training #app[hidden]{display:none}.dc-training .progressbar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--blue));z-index:60}.dc-training .topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.dc-training .topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:13px 24px}.dc-training .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.dc-training .brand .dot{width:12px;height:12px;border-radius:3px;background:var(--teal)}.dc-training .brand small{font-weight:650;color:var(--muted)}.dc-training .top-actions{display:flex;align-items:center;gap:10px}.dc-training .tasks-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:750;color:var(--ink)}.dc-training .tasks-pill b{color:var(--accent-ink)}.dc-training .theme-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.dc-training .theme-btn:hover{border-color:var(--teal)}.dc-training .hero{background:radial-gradient(1100px 460px at 82% -12%,rgba(0,200,150,.14),transparent 60%),radial-gradient(820px 460px at 0 0,rgba(0,148,255,.1),transparent 55%);padding:52px 0 30px}.dc-training .lvl{display:inline-flex;align-items:center;gap:9px;padding:6px 13px;border:1px solid var(--border);background:var(--surface);border-radius:999px;font-size:13px;font-weight:750;color:var(--ink)}.dc-training .lvl b{color:var(--accent-ink)}.dc-training .hero h1{font-size:clamp(32px,5.6vw,54px);font-weight:850;letter-spacing:-.025em;margin-top:18px}.dc-training .hero .lede{font-size:clamp(17px,2.1vw,20px);color:var(--body);margin-top:20px;max-width:58ch}.dc-training .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.dc-training .hero-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px;align-items:start}.dc-training .hero-col .eyebrow{margin-bottom:12px}.dc-training .hero-col .lede{margin-top:0}.dc-training .hero-col .lede+.lede{margin-top:14px}@media(max-width:760px){.dc-training .hero-cols{grid-template-columns:1fr;gap:24px}}.dc-training .band-navy{background:var(--navy)}.dc-training .band-navy h2,.dc-training .band-navy h3,.dc-training .band-navy h4{color:#fff}.dc-training .band-navy .eyebrow{color:var(--on-navy-teal)}.dc-training .band-navy .lead,.dc-training .band-navy p{color:var(--on-navy)}.dc-training .band-navy .muted{color:var(--on-navy-muted)}.dc-training h2.big{font-size:clamp(26px,4vw,38px);font-weight:820;letter-spacing:-.02em}.dc-training .section-lead{color:var(--muted);margin-top:15px;font-size:17.5px}.dc-training .tool-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;box-shadow:var(--shadow)}.dc-training .tool-picker-label{font-weight:750;font-size:15px;color:var(--ink)}.dc-training .tool-picker-options{display:flex;gap:10px}.dc-training .tool-picker-btn{border:1.5px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:11px;padding:10px 20px;font-weight:750;font-size:14px;cursor:pointer;font-family:inherit}.dc-training .tool-picker-btn:hover{border-color:var(--teal)}.dc-training .tool-picker-btn.active{background:var(--teal);border-color:var(--teal);color:#04231A}.dc-training .tool-block-hint{color:var(--muted);font-size:14px;font-style:italic;margin-top:10px}.dc-training .tool-tip{margin-top:14px;background:rgba(0,148,255,.07);border:1px solid rgba(0,148,255,.25);border-radius:11px;padding:12px 15px;font-size:13.5px;line-height:1.55;color:var(--ink)}.dc-training .tool-tip b{color:var(--accent-ink)}.dc-training .step-media{margin:16px 0 0;padding:0}.dc-training .step-media img,.dc-training .step-media video{width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block}.dc-training .step-media video{border:3px solid var(--teal);box-shadow:0 0 0 4px rgba(0,200,150,.18)}.dc-training .step-video-wrap{position:relative;line-height:0}.dc-training .step-video-btn{position:absolute;left:12px;bottom:12px;z-index:50;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:rgba(10,37,64,.72);color:#fff;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);transition:background .15s ease}.dc-training .step-video-btn:hover{background:var(--teal);color:#04231A}.dc-training .step-media figcaption{color:var(--muted);font-size:13px;margin-top:8px}.dc-training .step-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:220px;border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);font-size:13px;text-align:center}.dc-training .step-media-placeholder .step-media-icon{font-size:30px}.dc-training .anchors{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}@media(max-width:760px){.dc-training .anchors{grid-template-columns:1fr}}.dc-training .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.dc-training .formula{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px}.dc-training .formula-group{flex:3 1 480px}.dc-training .formula-group-single{flex:1 1 220px}.dc-training .formula-group-label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:14px}.dc-training .formula-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dc-training .formula-group-single .formula-cards{grid-template-columns:1fr}.dc-training .formula-op{font-size:26px;font-weight:800;color:var(--muted)}.dc-training .formula-outcome{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.dc-training .formula-result{flex:0 0 auto;background:var(--teal);color:#04231A;border-radius:var(--radius);padding:20px 26px;font-weight:800;font-size:16px;text-align:center;box-shadow:var(--shadow)}@media(max-width:900px){.dc-training .formula{flex-direction:column;align-items:stretch}.dc-training .formula-cards{grid-template-columns:1fr 1fr}.dc-training .formula-op{align-self:center}}@media(max-width:600px){.dc-training .formula-cards{grid-template-columns:1fr}.dc-training .formula-outcome{flex-direction:column;gap:10px}}.dc-training .card .icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(0,200,150,.14);border:1px solid rgba(0,200,150,.34)}.dc-training .card h3{font-size:19px;font-weight:780;margin-top:15px}.dc-training .card .role{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-top:6px}.dc-training .card p{color:var(--body);margin-top:9px;font-size:15px}.dc-training .tasks{margin-top:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.dc-training .tasks .task:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.dc-training .tasks .task:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.dc-training .task{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:26px 24px;border-top:1px solid var(--border);transition:background .2s;margin:0}.dc-training .task:first-child{border-top:none}.dc-training .task.done{background:color-mix(in srgb,var(--teal) 7%,var(--surface))}.dc-training .task .check{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:30px;height:30px;border:2px solid var(--teal);border-radius:9px;cursor:pointer;position:relative;background:var(--surface);margin-top:2px}.dc-training .task .check:checked{background:var(--teal)}.dc-training .task .check:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#04231A;font-weight:900;font-size:16px}.dc-training .task .check:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.dc-training .task .num{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:800;color:var(--accent-ink);letter-spacing:.08em;background:rgba(0,200,150,.12);border-radius:6px;padding:3px 9px}.dc-training .task h3{font-size:20px;font-weight:800;margin-top:8px;color:var(--ink);letter-spacing:-.01em}.dc-training .task .why{color:var(--muted);margin-top:8px;font-size:15px;max-width:64ch;line-height:1.55}.dc-training .task .do{margin-top:13px;font-size:15px;background:rgba(0,200,150,.1);border:1px solid rgba(0,200,150,.28);border-radius:11px;padding:14px 17px;color:var(--ink);line-height:1.55}.dc-training .task .do b{color:var(--accent-ink)}.dc-training .task .do p{margin-top:10px;color:var(--ink)}.dc-training .task .do p:first-child{margin-top:0}.dc-training .task .do ul{margin:6px 0 0 20px}.dc-training .task .do li{margin-top:4px;color:var(--ink)}.dc-training .task>div{counter-reset:dostep}.dc-training .task .do .do-steps{margin:8px 0 0;padding-left:0;list-style:none}.dc-training .task .do .do-steps>li{margin-top:10px;padding-left:34px;position:relative;color:var(--ink)}.dc-training .task .do .do-steps>li:before{counter-increment:dostep;content:counter(dostep);position:absolute;left:0;top:-1px;width:23px;height:23px;border-radius:50%;background:var(--teal);color:#04231A;font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center}.dc-training .task .do .do-done{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(0,200,150,.35)}.dc-training .task .do .do-hint{margin-top:12px;font-size:14px;color:var(--ink);line-height:1.55}.dc-training .do-field{margin-top:12px}.dc-training .do-field-label{display:block;font-weight:750;color:var(--accent-ink);font-size:14px}.dc-training .do-field-value{margin-top:4px;margin-left:16px;color:var(--ink)}.dc-training .do-field-value code{font-size:14px}.dc-training .do-field-hint{margin-left:10px;color:var(--muted);font-size:12.5px;font-style:italic}.dc-training .do-copyblock{margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 12px 11px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.dc-training .do-copyblock p{color:var(--ink);font-size:14px;line-height:1.55;width:100%}.dc-training .copy-btn-sm{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:7px;padding:3px 9px;font:inherit;font-size:11px;font-weight:650;cursor:pointer;display:inline-flex;gap:5px;align-items:center}.dc-training .copy-btn-sm:hover{border-color:var(--teal);color:var(--ink)}.dc-training .copy-btn-sm.done{border-color:var(--teal);color:var(--accent-ink)}.dc-training .task-media-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:13px}.dc-training .task-media-text{min-width:0}.dc-training .task-media-text>.do{margin-top:0}.dc-training .task-media-row .step-media{margin-top:0;position:sticky;top:20px}.dc-training .task-media-row .step-video-wrap{cursor:pointer;transition:transform .28s ease;transform-origin:center right}.dc-training .task-media-row .step-video-wrap:hover{transform:scale(2.35);z-index:40}.dc-training .task-media-row .step-media video{transition:box-shadow .28s ease,border-width .28s ease}.dc-training .task-media-row .step-video-wrap:hover video{border-width:1.3px;box-shadow:0 0 0 1.7px rgba(0,200,150,.18),0 10px 26px rgba(10,37,64,.4)}.dc-training .task-media-row .step-video-btn{transition:background .15s ease,transform .28s ease;transform-origin:left bottom}.dc-training .task-media-row .step-video-wrap:hover .step-video-btn{transform:scale(.426)}@media(max-width:700px){.dc-training .task-media-row{grid-template-columns:1fr}.dc-training .task-media-row .step-media{position:static}.dc-training .task-media-row .step-video-wrap:hover{transform:none}.dc-training .task-media-row .step-video-wrap:hover video{border-width:3px;box-shadow:none}.dc-training .task-media-row .step-video-wrap:hover .step-video-btn{transform:none}}.dc-training .callout-warn{margin-top:13px;font-size:14px;background:rgba(245,166,35,.12);border:1px solid rgba(245,166,35,.4);border-radius:11px;padding:12px 15px;color:var(--ink)}.dc-training .callout-warn b{color:#B7791F}.dc-training .step-note{margin-top:13px;font-size:14px;background:rgba(0,148,255,.07);border:1px solid rgba(0,148,255,.25);border-radius:11px;padding:12px 15px;color:var(--ink);line-height:1.55}.dc-training .step-note b{color:var(--accent-ink)}.dc-training .project-tree{margin:16px 0 0}.dc-training .project-tree figcaption{font-size:13px;color:var(--muted);margin-bottom:8px}.dc-training .project-tree pre{margin:0;overflow-x:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:16px 18px;font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--ink);white-space:pre}.dc-training .result-media-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:20px}.dc-training .task .result-media-row .result-block{margin-top:0;background:rgba(0,200,150,.1);border:1px solid rgba(0,200,150,.28);border-radius:11px;padding:4px 0}.dc-training .task .result-media-row .why.result-item{margin-top:0;color:var(--ink);max-width:none;padding:14px 17px 14px 51px;position:relative;line-height:1.55;counter-increment:dostep}.dc-training .result-media-row .result-item+.result-item{border-top:1px dashed rgba(0,200,150,.35)}.dc-training .result-media-row .result-item b{color:var(--accent-ink)}.dc-training .result-media-row .result-item:before{content:counter(dostep);position:absolute;left:17px;top:14px;width:23px;height:23px;border-radius:50%;background:var(--teal);color:#04231A;font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center}.dc-training .step-note ul{margin:6px 0 8px 18px}.dc-training .step-note li{margin-top:4px}.dc-training .step-example{margin:0;max-width:720px}.dc-training .step-example a{display:block}.dc-training .step-example img{width:100%;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:block}.dc-training .step-example figcaption{color:var(--muted);font-size:13px;margin-top:8px}.dc-training .result-media-row .step-example{margin:0}.dc-training .result-media-row .step-example-zoom{transition:transform .28s ease;transform-origin:center right}.dc-training .result-media-row .step-example-zoom:hover{transform:scale(1.9);z-index:40;position:relative;cursor:zoom-in}.dc-training .result-media-row .step-example-zoom img{transition:border-width .28s ease}.dc-training .result-media-row .step-example-zoom:hover img{border-width:.5px}@media(max-width:700px){.dc-training .result-media-row{grid-template-columns:1fr}.dc-training .result-media-row .step-example{position:static}.dc-training .result-media-row .step-example-zoom:hover{transform:none;cursor:pointer}}.dc-training .step-opdracht{margin-top:16px}.dc-training .task .why.result-line{margin-top:20px}.dc-training .progression{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.dc-training .progression-step{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:700;color:var(--ink)}.dc-training .progression-current{background:var(--teal);border-color:var(--teal);color:#04231A}.dc-training .progression-arrow{color:var(--muted);font-weight:800}.dc-training .step7-fixes{margin:13px 0 0;padding-left:20px;font-size:15px;color:var(--ink)}.dc-training .step7-fixes li{margin-top:6px}.dc-training .step7-fixes b{color:var(--accent-ink)}.dc-training .task.done h3{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--teal) 60%,transparent)}@media(max-width:560px){.dc-training .task{grid-template-columns:auto 1fr;gap:14px;padding:18px}}.dc-training .codewrap{margin-top:22px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--code-bg)}.dc-training .codebar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.09)}.dc-training .codebar .label{font-family:var(--mono);font-size:12.5px;color:#A9C1D6}.dc-training .copy-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#E4EDF6;border-radius:8px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.dc-training .copy-btn:hover{border-color:var(--teal);color:#fff}.dc-training .copy-btn.done{color:var(--code-accent);border-color:var(--teal)}.dc-training pre{margin:0;padding:22px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.75;color:var(--code-ink);white-space:pre-wrap;word-break:break-word}.dc-training pre .ph{color:var(--code-accent);font-weight:700}.dc-training pre .cm{color:#89A6C2;font-style:italic}.dc-training pre.opdracht-collapsed{max-height:280px;overflow-y:auto}.dc-training .opdracht-toggle{display:block;width:100%;border:none;border-top:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#A9C1D6;padding:10px;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.dc-training .opdracht-toggle:hover{background:rgba(255,255,255,.1);color:#fff}.dc-training .srcwrap{margin-top:24px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.dc-training .srcbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:var(--surface-2);border-bottom:1px solid var(--border)}.dc-training .srcbar .label{font-weight:750;font-size:14px;color:var(--ink);display:flex;gap:8px;align-items:center}.dc-training .srcbar .tagf{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.dc-training .src-note{font-family:var(--mono);font-size:13px;line-height:1.72;color:var(--body);white-space:pre-wrap;padding:20px;margin:0;overflow-x:auto}.dc-training .copy-btn.light{border-color:var(--border);background:var(--surface);color:var(--ink)}.dc-training .copy-btn.light:hover{border-color:var(--teal);color:var(--ink)}.dc-training .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media(max-width:820px){.dc-training .compare{grid-template-columns:1fr}}.dc-training .out{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.dc-training .out .head{padding:13px 16px;font-weight:750;font-size:13.5px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border);line-height:1.35}.dc-training .out.bad .head{color:#C0392B;background:rgba(214,69,69,.09)}.dc-training .out.good .head{color:var(--accent-ink);background:rgba(0,200,150,.1)}.dc-training .out .body{padding:18px 18px 8px;flex:1}.dc-training .doc h5{font-size:14px;font-weight:780;color:var(--ink);margin:0 0 3px}.dc-training .doc .txt{font-size:12.5px;color:var(--muted);margin:0 0 13px;line-height:1.55}.dc-training .doc .mark{color:#B08400;font-weight:750;background:rgba(214,168,0,.14);border-radius:4px;padding:0 4px}.dc-training .out .foot{padding:12px 16px;font-size:12.5px;border-top:1px dashed var(--border);color:var(--muted);line-height:1.45}.dc-training .out.bad .foot b{color:#C0392B}.dc-training .out.good .foot b{color:var(--accent-ink)}.dc-training .check-table-wrap{margin-top:34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;overflow-x:auto}.dc-training .check-table{width:100%;border-collapse:collapse;font-size:14.5px}.dc-training .check-table th{text-align:left;padding:14px 18px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)}.dc-training .check-table td{padding:14px 18px;border-top:1px solid var(--border);color:var(--body)}.dc-training .check-table tr:first-child td{border-top:none}.dc-training .check-table-fix{display:inline-block;background:rgba(0,200,150,.12);color:var(--accent-ink);border-radius:8px;padding:4px 10px;font-weight:750;font-size:13px}.dc-training .cta{background:linear-gradient(135deg,var(--navy),var(--navy-600));border-radius:20px;padding:52px 40px;box-shadow:var(--shadow);position:relative;overflow:hidden}.dc-training .cta:after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,200,150,.4),transparent 65%)}.dc-training .cta h2{font-size:clamp(24px,3.4vw,33px);font-weight:820;position:relative;color:#fff}.dc-training .cta p{color:var(--on-navy);margin-top:13px;max-width:56ch;position:relative}.dc-training .l2{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;position:relative}.dc-training .l2 .pill{border:1px dashed rgba(255,255,255,.34);border-radius:999px;padding:8px 15px;font-size:13.5px;color:#E3EDF6}.dc-training .l2 .pill b{color:var(--on-navy-teal)}.dc-training .cta .hero-cta{position:relative}.dc-training footer{padding:38px 0 58px;color:var(--muted);font-size:13.5px}.dc-training footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}.dc-training footer .brand small{color:var(--muted)}.dc-training .logo-mark{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;display:block}.dc-training .g-brand .logo-mark{width:28px;height:28px}.dc-training .footer-links a{color:var(--muted);text-decoration:none}.dc-training .footer-links a:hover{color:var(--accent-ink);text-decoration:underline}.dc-training .footer-links .sep{color:var(--border);padding:0 2px}.dc-training .toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(120%);background:var(--navy);color:#fff;padding:13px 20px;border-radius:12px;box-shadow:var(--shadow);font-weight:650;font-size:14.5px;z-index:80;transition:transform .35s ease;display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.12)}.dc-training .toast.show{transform:translateX(-50%) translateY(0)}.dc-training .toast .ok{color:var(--on-navy-teal)}.dc-training .hp-field{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}