/* Visual direction: NVIDIA Training. Original ORIGIN identity and curriculum retained. */
.cloudlab-mode{--bg:var(--origin-canvas);--card:var(--origin-surface);--raised:var(--origin-raised);--ink:var(--origin-ink);--muted:var(--origin-muted);--line:var(--origin-line);--green:var(--origin-brand);--soft:#f2f2f2;--accent:var(--origin-brand);--shadow:none;--course-code-ink:var(--origin-brand-ink);--course-code-bg:#eef4e4;--course-code-border:1px solid #d3dfbf;--course-read-bg:#e5efd8;--course-read-ink:#375900}
.cloudlab-mode body{background:var(--origin-canvas);color:var(--origin-ink);font-family:Arial,Helvetica,'PingFang SC','Microsoft YaHei',sans-serif}
.cloudlab-mode h1,.cloudlab-mode h2,.cloudlab-mode h3{font-weight:700;letter-spacing:-.025em}
.cloudlab-mode .sidebar{background:var(--origin-surface);border-color:#dedede;backdrop-filter:none}
.cloudlab-mode .brand-symbol{color:var(--origin-brand)}
.cloudlab-mode .brand{color:var(--origin-ink);font-weight:700;letter-spacing:.02em}
.cloudlab-mode .brand small{color:#777;font-weight:400}
.cloudlab-mode .nav-item{color:#555;font-size:13px}
.cloudlab-mode .nav-item.active{color:var(--origin-ink);box-shadow:inset 0 -3px var(--origin-brand)}
.cloudlab-mode .nav-item:hover{color:var(--origin-brand-ink)}
.cloudlab-mode .button{border-radius:2px;font-weight:700;box-shadow:none;min-height:44px}
.cloudlab-mode .button.accent,.cloudlab-mode .button.primary{background:var(--origin-brand);color:#0b0b0b;border-color:var(--origin-brand)}
.cloudlab-mode .button.accent:hover{background:var(--origin-brand-hover);border-color:var(--origin-brand-hover)}
.cloudlab-mode .button.secondary{background:var(--origin-surface);color:var(--origin-ink);border-color:var(--origin-border-strong);border-radius:2px}
.cloudlab-mode .text-link,.cloudlab-mode .cl-source-block a{color:var(--origin-brand-ink);font-weight:600}
.cloudlab-mode .topbar{background:#ededed;border-color:var(--origin-line);backdrop-filter:none}
.cloudlab-mode .eyebrow{font-size:10px;color:var(--origin-muted);letter-spacing:.12em}
.cloudlab-mode #main{max-width:1360px;padding-left:24px;padding-right:24px}
.cloudlab-mode .cl-hero{background:#080a09;border:0;border-radius:0;min-height:600px;color:white;margin-top:0}
.cloudlab-mode .hero-shade{background:linear-gradient(90deg,#080a09 0%,#080a09e8 36%,#080a0960 57%,transparent 77%)}
.cloudlab-mode .hero-photo{object-fit:cover;object-position:center;height:100%;width:100%;top:0;opacity:1}
.cloudlab-mode .hero-content{padding:75px 55px;max-width:670px}
.cloudlab-mode .hero-content h1{font-size:54px;line-height:1.15;letter-spacing:-.045em;color:var(--origin-surface);font-weight:700}
.cloudlab-mode .hero-content h1 span{color:var(--origin-brand)}
.cloudlab-mode .hero-content p{color:var(--origin-line);font-size:17px;line-height:1.85}
.cloudlab-mode .hero-content .eyebrow{color:#b7bdaf;font-size:9px}
.cloudlab-mode .status-light{background:var(--origin-brand);box-shadow:none}
.cloudlab-mode .hero-buttons .button.secondary{background:transparent;color:white;border-color:#aaa}
.cloudlab-mode .hero-tags{gap:18px}
.cloudlab-mode .hero-tags span{color:#ccc;border-color:#4c5148;font-size:10px}
.cloudlab-mode .journey-heading h2{font-size:34px;color:var(--origin-ink)}
.cloudlab-mode .cl-stats,.cloudlab-mode .cl-continue,.cloudlab-mode .cl-stage,.cloudlab-mode .cl-progress-card,.cloudlab-mode .note-card,.cloudlab-mode .cl-tutor-context{border-radius:2px;border:1px solid #e0e0e0;box-shadow:none}
.cloudlab-mode .cl-stats .stat>svg,.cloudlab-mode .stat svg{color:#5e9200}
.cloudlab-mode .stat strong{font-weight:700;color:var(--origin-ink)}
.cloudlab-mode .cl-thread-tags>span{border-radius:2px;background:var(--origin-raised);color:#414141;border-color:var(--origin-line)}
.cloudlab-mode .cl-path-lesson{border-color:#e3e3e3}
.cloudlab-mode .cl-code{color:#4f7900;background:#eef4e4;border-color:#d3dfbf;border-radius:2px}
.cloudlab-mode .cl-filter button,.cloudlab-mode .cl-stage-jump button{border-radius:2px}
.cloudlab-mode .cl-filter button[aria-pressed=true]{background:#151515;color:var(--origin-surface);border-color:#151515}
.cloudlab-mode .progress-track i,.cloudlab-mode .cl-progress-stages .progress-track i{background:var(--origin-brand)}
.cloudlab-mode .cl-reader-hero{background:#141714;border-left:4px solid var(--origin-brand);padding:32px!important;margin:22px 0 16px}
.cloudlab-mode .cl-reader-hero h1{color:var(--origin-surface);letter-spacing:-.025em}
.cloudlab-mode .cl-reader-hero>p{color:#c1c5be}
.cloudlab-mode .cl-reader-hero .eyebrow{color:#a8c27f}
.cloudlab-mode .cl-reader-hero .text-link{color:#c9e4a1;font-weight:400}
.cloudlab-mode .cl-reader-tabs{background:var(--origin-surface);border:1px solid var(--origin-line);border-radius:2px;box-shadow:none}
.cloudlab-mode .cl-reader-tabs a{border-radius:0;color:#555;font-weight:600}
.cloudlab-mode .cl-reader-tabs a[aria-current=page]{background:#171a16;color:var(--origin-surface);box-shadow:inset 0 -3px var(--origin-brand)}
.cv-integrated .cv-reading-section,.cv-integrated .cv-rail,.cv-integrated .cv-original-gallery,.cv-integrated .cv-checkpoint,.cv-integrated .cv-note{border-radius:2px}
.cv-integrated .cv-section-heading>.eyebrow{color:#577c22;font-weight:600}
.cv-integrated .cv-section-heading h2{color:#121512;letter-spacing:-.02em}
.cv-integrated .cv-rail nav button{border-radius:0;color:var(--origin-muted)}
.cv-integrated .cv-rail nav button.active{background:#ebf2df;color:#294600;box-shadow:inset 3px 0 var(--origin-brand)}
.cv-integrated .cv-rail nav button>small{color:#477000}
.cv-integrated .cv-outline>summary{color:#222}
.cv-integrated .cl-source-block>p{color:#343834;letter-spacing:0;line-height:2}
.cv-integrated .cl-source-block.cv-source-focus{background:#f0f6e5;border-left-color:var(--origin-brand)}
.cv-integrated .cl-source-block.cl-part-selected{background:#f0f6e5;border-color:var(--origin-brand)}
.cv-integrated .cv-scene-wrap{background:#f3f5ef;border:1px solid #d7dfcc;border-top:3px solid var(--origin-brand);border-radius:2px}
.cv-integrated .cv-scene-caption .eyebrow{color:#577c22}
.cv-integrated .cv-scene-mode{border-radius:2px;background:#e4e8df}
.cv-integrated .cv-scene-mode button{border-radius:0;color:#555}
.cv-integrated .cv-scene-mode button[aria-pressed=true]{background:#151a12;color:#d3eda8;box-shadow:none}
.cv-integrated .cv-scene-caption>.text-link,.cv-integrated .cv-figure-link{color:var(--origin-brand-ink)}
.cv-integrated .cl-source-block figure,.cv-integrated .cl-source-block figure img{border-radius:2px}
.cv-integrated .cf-world{border-radius:2px}
.cv-integrated .cf-controls,.cv-integrated .cf-value-card,.cv-integrated .launch-predict,.cv-integrated .cf-explanation{border-radius:2px}
.cv-integrated .cf-value-card>strong{color:#20251b}
.cloudlab-mode input[type=range],.cloudlab-mode input[type=checkbox],.cloudlab-mode input[type=radio]{accent-color:#669d00}
.cloudlab-mode .cl-cache-over .cl-budget-bar i{background:#c28621}
.cloudlab-mode .cl-budget-bar i{background:var(--origin-brand)}
.cloudlab-mode .cl-cache-source{border-color:#a2bd77}
.cloudlab-mode .cl-cloud-layer.customer{background:#eef5e4;border-color:#a4c477;color:#476917;box-shadow:none}
.cloudlab-mode .cl-cloud-layer.provider{box-shadow:none}
.cloudlab-mode .cl-question,.cloudlab-mode .cl-flashcard,.cloudlab-mode .cl-lab{border-radius:2px}
.cloudlab-mode .cl-answer{background:#f2f7e8;border-color:#9ebf70;color:#3f6312}
.cloudlab-mode .cl-answer-wrong{background:#fff7e8;border-color:#d5b46b;color:#765719}
.cloudlab-mode .cl-part-selected{outline-color:var(--origin-brand)}
.cv-integrated button:focus-visible,.cv-integrated a:focus-visible,.cv-integrated img:focus-visible{outline-color:#4f7d00}
.cloudlab-mode .modal-inner,.cloudlab-mode dialog,.cloudlab-mode .search-field,.cloudlab-mode textarea{border-radius:2px}
.cloudlab-mode .footer{border-color:#cfcfcf;color:var(--origin-muted)}
@media(max-width:900px){.cloudlab-mode body.reader-mode #main{padding-left:16px;padding-right:16px}.cloudlab-mode .cl-reader-hero{padding:25px 22px!important;margin:18px 0}.cloudlab-mode body.reader-mode .cl-reader-hero h1{font-size:31px}.cv-integrated .cv-rail nav button.active{background:#ebf2df}.cv-integrated .cv-scene-wrap{border-radius:2px}}
@media(max-width:720px){.cloudlab-mode #main{padding:20px 16px 40px}.cloudlab-mode .cl-hero{min-height:660px}.cloudlab-mode .hero-content{padding:34px 25px;max-width:none}.cloudlab-mode .hero-content h1{font-size:36px;margin:25px 0 18px;line-height:1.2}.cloudlab-mode .hero-content p{font-size:15px;line-height:1.8}.cloudlab-mode .hero-photo{height:67%;top:auto;bottom:0;object-position:75% center}.cloudlab-mode .hero-shade{background:linear-gradient(180deg,#080a09 0%,#080a09 38%,#080a0900 68%)}.cloudlab-mode .hero-content .eyebrow{font-size:7px;line-height:1.8}.cloudlab-mode .hero-buttons{gap:9px;flex-wrap:wrap}.cloudlab-mode .hero-buttons .button{font-size:11px;padding:11px 14px}.cloudlab-mode .hero-tags{gap:9px;margin-top:20px}.cloudlab-mode .hero-tags span{font-size:8px;padding-right:9px}.cloudlab-mode .journey-heading h2{font-size:27px}.cloudlab-mode .cl-reader-tabs a{font-size:10px}}
.cloudlab-mode [class$='-timeline'] li.active{background:#edf5e0;border-color:var(--origin-brand);color:#3b5d00}
.cloudlab-mode [class$='-timeline'] li.active span{background:var(--origin-brand);color:var(--origin-ink)}
.cloudlab-mode .launch-slices>div.active{border-color:var(--origin-brand);background:#f0f6e7}
.cloudlab-mode .cv-editorial-note{background:#f2f7e9;border-color:#abc780}
.cloudlab-mode .cl-original-article .glossary{background:#eef5e4;color:var(--origin-brand-ink);border-color:#a1c16c}
.cloudlab-mode .cl-search-hit>span,.cloudlab-mode .spark-big{color:#5d9000}
.cloudlab-mode .send-button{background:var(--origin-brand);color:var(--origin-ink);border-color:var(--origin-brand);border-radius:2px}
.cloudlab-mode .tutor-status i{background:var(--origin-brand);box-shadow:none}
.cloudlab-mode .cf-checkbox input,.cloudlab-mode .chat-context input{accent-color:#669d00}
.cloudlab-mode .cl-reader-hero{max-width:none;width:100%}
.cloudlab-mode .cl-reader-actions .button.accent,.cloudlab-mode .hero-buttons .button.accent{color:#101410}
.cv-integrated .cv-reading-section:not(.cv-has-scene)>.cv-section-heading{max-width:800px;margin-left:auto;margin-right:auto}
.cloudlab-mode .hero-shade{display:block}
@media(max-width:720px){.cloudlab-mode .hero-content h1{font-size:32px}.cloudlab-mode .hero-shade{background:linear-gradient(180deg,#080a09 0%,#080a09 44%,#080a09e8 52%,#080a0900 71%)}.cloudlab-mode .hero-tags{flex-wrap:wrap;gap:9px 12px}.cloudlab-mode .hero-tags span{font-size:9px}}
@media(max-width:375px){.cloudlab-mode .hero-content h1{font-size:30px}}
/* Approved identity: emblem from the first visual and wordmark from the third. */
.brand-lockup{display:block;line-height:1}
.brand-logo{display:block;width:176px;height:43px;object-fit:cover;object-position:center}
.brand-lockup small{padding-left:56px;white-space:nowrap}
html:not(.cloudlab-mode) .brand-logo{filter:brightness(0) invert(1)}
.cloudlab-mode .brand{font-weight:800;letter-spacing:-.045em;gap:0}
.cloudlab-mode .brand small{font-weight:400;letter-spacing:.08em;font-size:8px;margin-top:0;line-height:1.5}

/* Complete stage surfaces: no inherited dark-theme gradient or red course badges. */
.cloudlab-mode .cl-stage>header{background:#f2f2f2;border-bottom-color:#dedede}
.cloudlab-mode .cl-stage>header h2{color:#171717}
.cloudlab-mode .cl-stage>header .eyebrow{color:var(--origin-brand-ink)}
.cloudlab-mode .cl-stage>header>span{color:#5d5d5d}
.cloudlab-mode .cl-stage .cl-path-lesson:hover,.cloudlab-mode .cl-stage .cl-path-lesson:focus-visible{background:#f3f7ec}
.cloudlab-mode .cl-stage .cl-path-lesson:focus-visible{outline:2px solid #4f7d00;outline-offset:-2px}
.cloudlab-mode .cl-stage .cl-path-lesson i{color:#4f7d00}

/* Dialog dismiss controls on the light theme retain clear contrast and touch targets. */
.cloudlab-mode .modal-header>[data-action="close-modal"]{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;padding:0;background:#f2f2f2;color:#202020;border:1px solid #d6d6d6;border-radius:2px;line-height:1}
.cloudlab-mode .modal-header>[data-action="close-modal"] .icon{width:20px;height:20px;stroke-width:2}
.cloudlab-mode .modal-header>[data-action="close-modal"]:hover{background:#e5e5e5;border-color:#b5b5b5}
.cloudlab-mode .modal-header>[data-action="close-modal"]:focus-visible,.cloudlab-mode .avatar:focus-visible{outline:2px solid #4f7d00;outline-offset:3px}
.cloudlab-mode .toast{left:50%;color:var(--origin-canvas);border-radius:2px;box-shadow:none}
