/* Shared visual system. Canonical source: design-system/vibe-studio/theme.css. */
:root{--studio-paper:#f6f4ec;--studio-card:#fffefa;--studio-ink:#17382d;--studio-muted:#536252;--studio-forest:#163a2f;--studio-lime:#d9ed98;--studio-line:#cdd4c6;--studio-sage:#e7eddd;--studio-lilac:#e6e0f2;--studio-purple:#47395f;--studio-focus:#7551a8;--studio-shadow:0 16px 38px #17382d0a;--studio-ease:cubic-bezier(.2,.7,.2,1);font-family:'Segoe UI',system-ui,sans-serif;color-scheme:light}
.studio-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.studio-course,.studio-student,.lesson-page,.lab-page{background:var(--studio-paper);color:var(--studio-ink);font-family:'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.studio-course{--bg:var(--studio-paper);--surface:var(--studio-card);--text:var(--studio-ink);--muted:var(--studio-muted);--border:var(--studio-line);--accent:#285941;--accent-soft:var(--studio-sage);font-size:16px;line-height:1.65;background:radial-gradient(ellipse at 5% 5%,#dce6cb80,transparent 28%),var(--studio-paper)}
.studio-course .wrap{max-width:1376px;padding:0 40px 40px}.studio-course .masthead{padding:26px 0;border-color:var(--studio-line)}
.studio-course .brand{font:750 16px 'Segoe UI',system-ui,sans-serif;letter-spacing:-.025em;display:flex;align-items:center;gap:8px}.studio-course .brand:before{content:'с.';display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--studio-forest);color:var(--studio-lime);font-size:26px;letter-spacing:-.08em;margin-right:4px}.studio-course .brand b{color:var(--studio-ink);margin:0}.studio-course .version{color:var(--studio-muted);font-size:12px;letter-spacing:.01em}
.studio-course .toolbar{padding:20px 0}.studio-course .tabs{gap:6px}.studio-course .tabs button{min-height:44px;border-color:transparent;color:var(--studio-muted);font-size:13px;padding:10px 15px;border-radius:12px;transition:background .18s var(--studio-ease),color .18s var(--studio-ease)}.studio-course .tabs button:hover{background:#e6e9df;color:var(--studio-ink)}.studio-course .tabs button[aria-pressed=true]{background:var(--studio-forest);color:var(--studio-card);border-color:var(--studio-forest);box-shadow:0 5px 12px #17382d16}
.studio-course .landing-hero,.studio-course .program-heading{position:relative;isolation:isolate;overflow:hidden;border:1px solid #294e3d;border-radius:28px;background:radial-gradient(ellipse at 90% 20%,#6f925738,transparent 55%),var(--studio-forest);color:var(--studio-card);padding:54px 48px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px;box-shadow:var(--studio-shadow)}
.studio-course .landing-hero:before,.studio-course .program-heading:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.09;background-image:linear-gradient(#d9ed9860 1px,transparent 1px),linear-gradient(90deg,#d9ed9860 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.studio-course .landing-copy h1{font-size:clamp(42px,4.7vw,68px);letter-spacing:-.055em;line-height:1.07;max-width:750px;margin:22px 0}.studio-course .landing-copy h1 em,.studio-course .program-intro h2 em{font:italic 400 1.04em/1.07 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:var(--studio-lime)}
.studio-course .landing-copy>p,.studio-course .program-intro>p,.studio-course .computer-use .section-lead{color:#d5e0ce;font-size:16px;line-height:1.75;max-width:610px}.studio-course .program-intro h2{font-size:clamp(38px,4vw,58px);line-height:1.09;letter-spacing:-.045em;max-width:700px;margin:22px 0}.studio-course .landing-facts{color:#d5e0ce;font-size:12px;gap:18px}.studio-course .landing-facts span:before{display:none}
.studio-course .level-pill{background:#ffffff0c;color:var(--studio-lime);border:1px solid #b8c9ab70;box-shadow:none;font-size:12px;letter-spacing:.055em;padding:8px 12px}.studio-course .hero-entry{color:#d5e0ce;font-size:12px;letter-spacing:.03em}
.studio-course .cta-primary,.studio-course .cta-secondary{font-family:inherit;font-size:14px;font-weight:650;min-height:48px;border-radius:12px;padding:14px 20px;gap:22px;transition:background .18s var(--studio-ease),box-shadow .18s var(--studio-ease)}.studio-course .cta-primary{background:var(--studio-forest);color:var(--studio-card);border:1px solid var(--studio-forest);box-shadow:none}.studio-course .landing-hero .cta-primary,.studio-course .program-heading .cta-primary{background:var(--studio-lime);color:var(--studio-ink);border-color:var(--studio-lime)}.studio-course .cta-secondary{color:var(--studio-card);border:1px solid #adbfaa;background:transparent}.studio-course .cta-primary:hover,.studio-course .cta-secondary:hover{transform:none;box-shadow:0 8px 20px #0002;filter:brightness(1.05)}.studio-course button:active,.studio-course .cta-primary:active{filter:brightness(.94)}
.studio-course .program-meta span{font-size:13px;background:#ffffff08;border-color:#a7c09d70;color:var(--studio-card);padding:7px 11px}.studio-course .program-heading .program-meta{gap:8px}.studio-course .program.advanced{--accent:var(--studio-purple);--accent-soft:var(--studio-lilac)}.studio-course .advanced .program-heading{background:radial-gradient(ellipse at 95% 20%,#9784b138,transparent 55%),#29223b;border-color:#55496a}.studio-course .advanced .program-heading .cta-primary{color:#29223b;background:#e1d4f5;border-color:#e1d4f5}.studio-course .advanced .level-pill{color:#eee1ff;border-color:#c5b7dd80}.studio-course .advanced .program-intro h2 em{color:#e1d4f5}
.studio-course .product-scene{padding:32px 18px;overflow:clip;animation:none;min-width:0;width:100%;max-width:400px;justify-self:center}.studio-course .scene-orbit{display:none}.studio-course .scene-spark{animation:none;color:var(--studio-lime);top:0;right:5px;transform:rotate(12deg)}.studio-course .scene-spark .studio-icon{width:64px;height:64px;stroke-width:1}.studio-course .scene-badge{background:#d9ed98;color:var(--studio-ink);border:0;box-shadow:none;font-size:12px;left:3px;top:8px;transform:rotate(-4deg);display:flex;gap:8px;align-items:center}.studio-course .scene-caption{color:#d5e0ce;font-size:12px;margin-top:14px}.studio-course .product-sketch{background:var(--studio-card);color:var(--studio-ink);border-color:#c6d0bb;box-shadow:12px 16px 0 #0d281e4d;transform:rotate(3deg);animation:none}.studio-course .sketch-bar{border-color:var(--studio-line);color:var(--studio-muted)}.studio-course .sketch-bar span,.studio-course .sketch-label{color:var(--studio-muted)}.studio-course .sketch-tabs span{color:var(--studio-ink);background:var(--studio-sage)}.studio-course .sketch-task{border-color:var(--studio-line);color:var(--studio-ink)}.studio-course .sketch-task span{background:var(--studio-sage);color:var(--studio-ink)}.studio-course .sketch-input{background:var(--studio-forest);color:var(--studio-card)}.studio-course .advanced .product-sketch{background:#f4f0fc;color:var(--studio-purple);border-color:#c4b7d3}.studio-course .advanced .repo-tree{color:var(--studio-purple)}.studio-course .repo-tree em,.studio-course .release-label{color:var(--studio-muted)}
.studio-course .choice-heading{margin-top:42px;padding-top:30px}.studio-course .choice-heading h2,.studio-course .learning-format h2{font-size:36px;letter-spacing:-.04em;line-height:1.15}.studio-course .overview{gap:24px;margin-top:24px}.studio-course .overview-card{background:var(--studio-card);border:1px solid var(--studio-line);color:var(--studio-ink);border-radius:24px;padding:32px;min-height:296px;box-shadow:var(--studio-shadow);align-items:flex-start;gap:24px;transition:border-color .2s,box-shadow .2s}.studio-course .overview-card.advanced{background:var(--studio-lilac);border-color:#c7bdd7;color:var(--studio-purple)}.studio-course .overview-card:hover{transform:none;border-color:#638158;box-shadow:0 18px 40px #17382d12}.studio-course .big-num{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;font:400 26px Georgia,serif;color:var(--studio-ink);background:var(--studio-sage);border-radius:16px;opacity:1}.studio-course .overview-card.advanced .big-num{background:#d4c8e7;color:var(--studio-purple)}.studio-course .overview-card h3{font-size:30px;line-height:1.13;margin:14px 0 16px;letter-spacing:-.04em}.studio-course .overview-card p{color:var(--studio-muted);font-size:15px;line-height:1.7}.studio-course .overview-foot{border-color:#b8c4af;color:var(--studio-ink);font:13px/1.7 'Segoe UI',sans-serif}.studio-course .overview-card .eyebrow{color:var(--studio-ink)}.studio-course .overview-card.advanced .eyebrow,.studio-course .overview-card.advanced .overview-foot{color:var(--studio-purple)}
.studio-course .eyebrow{color:#385b36;font-size:12px;letter-spacing:.08em}.studio-course .view-title{font-size:26px;letter-spacing:-.03em;margin:12px 0 24px}.studio-course .benefits{padding:0;margin:30px 0 40px}.studio-course .benefit>span{color:var(--studio-ink);background:var(--studio-sage);border:1px solid var(--studio-line);border-radius:14px;width:46px;height:46px}.studio-course .advanced .benefit>span{color:var(--studio-purple);background:var(--studio-lilac)}.studio-course .benefit small{font-size:13px;color:var(--studio-muted)}
.studio-course .example-card,.studio-course .advanced .example-card{background:var(--studio-card);border-color:var(--studio-line);border-radius:18px;padding:24px}.studio-course .example-card:after{display:none}.studio-course .example-icon{background:var(--studio-sage);color:var(--studio-ink);border-radius:12px;transform:none;width:40px;height:40px}.studio-course .advanced .example-icon{background:var(--studio-lilac);color:var(--studio-purple)}.studio-course .example-card p{font-size:14px;color:var(--studio-muted)}
.studio-course .preparation,.studio-course .route{background:var(--studio-sage);color:var(--studio-ink);border-color:var(--studio-line)}.studio-course .preparation{font-size:14px;padding:16px 20px;border-radius:14px}.studio-course .route li{font-size:13px;min-width:0;border-color:#c4ceba}.studio-course .route span{font-size:12px;color:#385b36}.studio-course .curriculum-heading{margin-top:42px}.studio-course .curriculum-heading h3{font-size:32px}.studio-course .curriculum-count{font-size:13px;color:var(--studio-ink);border-color:var(--studio-line);background:var(--studio-card)}
.studio-course .module,.studio-course .advanced .module,.studio-course .foundation .module{min-width:0;background:var(--studio-card);border-color:var(--studio-line);border-radius:22px;box-shadow:var(--studio-shadow);padding:28px 28px 0;transition:border-color .2s,box-shadow .2s}.studio-course .module:hover{transform:none;border-color:#78916a;box-shadow:0 16px 32px #17382d10}.studio-course .module:before{background:#4b6b40;left:28px;top:0;width:46px;height:4px}.studio-course .advanced .module:before{background:#75568f}.studio-course .module-top{margin-bottom:22px}.studio-course .module-number{font:400 32px Georgia,serif;color:var(--studio-ink)}.studio-course .week{background:var(--studio-sage);color:#385236;border:1px solid #c8d1bc;font-size:12px;letter-spacing:.02em}.studio-course .module h3{font-size:24px;letter-spacing:-.035em;line-height:1.25}.studio-course .module .subtitle,.studio-course .topics li{font-size:16px;line-height:1.65;color:var(--studio-muted)}.studio-course .topics{gap:10px}.studio-course .topics li:before{color:#617756}.studio-course .artifact{background:var(--studio-sage);border:1px solid #d0dac3;border-radius:12px;padding:16px}.studio-course .artifact>span{font-size:12px;letter-spacing:.06em;color:#385236}.studio-course .artifact p{font-size:15px;color:var(--studio-ink);line-height:1.65}.studio-course .advanced .artifact{background:#f0eaf7;border-color:#d9cfe5}.studio-course .advanced .artifact>span,.studio-course .advanced .artifact p{color:var(--studio-purple)}.studio-course .module summary{font-size:14px;min-height:52px;padding:17px 0;color:var(--studio-ink)}.studio-course .module details{border-color:var(--studio-line)}.studio-course .details-body{color:var(--studio-muted);font-size:15px;line-height:1.7}.studio-course .details-body h4{font-size:16px;color:var(--studio-ink)}.studio-course .lesson-link,.studio-course .source-links a{color:var(--studio-ink);border-color:#9baa8e;background:transparent;min-height:44px;display:inline-flex;align-items:center;font-size:14px;padding:10px 14px;border-radius:10px}.studio-course .lesson-link:hover,.studio-course .source-links a:hover{background:var(--studio-sage)}
.studio-course .shared-card,.studio-course .format-grid article,.studio-course .electives article{background:var(--studio-card);color:var(--studio-ink);border-color:var(--studio-line);border-radius:22px;padding:28px}.studio-course .shared-card>p,.studio-course .section-lead,.studio-course .electives p{color:var(--studio-muted);font-size:16px;line-height:1.75}.studio-course .shared-num{font:400 30px Georgia,serif;color:var(--studio-ink)}.studio-course .finish,.studio-course .advanced .finish,.studio-course .foundation .finish{background:var(--studio-sage);border-color:var(--studio-line);padding:26px;border-radius:20px}.studio-course .finish-icon{background:var(--studio-forest);color:var(--studio-lime);border-radius:50%;width:46px;height:46px}.studio-course .finish h3{font-size:20px;line-height:1.5}.studio-course .finish p{color:var(--studio-muted);font-size:15px}.studio-course .next-step{background:var(--studio-forest);color:var(--studio-card);border-radius:22px;padding:30px}.studio-course .next-step .eyebrow,.studio-course .next-step p{color:#d5e0ce}.studio-course .next-step .cta-primary{background:var(--studio-lime);color:var(--studio-ink);border-color:var(--studio-lime)}
.studio-course .tool-briefs p{color:var(--studio-muted)}.studio-course .tool-briefs a,.studio-course a{color:#2a593f}.studio-course .learning-format p{color:var(--studio-muted);font-size:16px}.studio-course .draft-note{color:var(--studio-muted)!important;font-size:14px!important;line-height:1.8}.studio-course .feedback{background:#edf0e6;border-color:var(--studio-line)}.studio-course .feedback label{color:var(--studio-ink);font-size:13px}.studio-course .feedback select,.studio-course .feedback textarea{color:var(--studio-ink);background:var(--studio-card);border-color:#91a083;font-size:16px}.studio-course .review-tools{border-color:var(--studio-line);background:var(--studio-card);color:var(--studio-ink)}.studio-course .export{color:var(--studio-ink);background:var(--studio-sage);border-color:#94a487}.studio-course .note-count,.studio-course .note-hint,.studio-course .status{color:var(--studio-muted)}.studio-course .footer{font-size:13px;color:var(--studio-muted);border-color:var(--studio-line);line-height:1.8}.studio-course .entry{border-color:var(--studio-line);font-size:15px}.studio-course .entry summary{font-size:15px;min-height:44px}
.studio-course :is(button,a,summary,select,textarea):focus-visible,.studio-student :is(button,a,summary,input,textarea):focus-visible,.lesson-page a:focus-visible,.lab-page :is(button,a,input,select):focus-visible{outline:3px solid var(--studio-focus);outline-offset:4px}.studio-course .hero-actions :focus-visible{outline-color:var(--studio-card)}
.studio-student .quick-start,.studio-student .lab{max-width:1296px;padding:0 40px}.studio-student .brand{font-size:22px;letter-spacing:-.04em}.studio-student .brand-icon{background:var(--studio-forest);color:var(--studio-lime);width:38px;height:38px;border-radius:11px}.studio-student .quick-header,.studio-student .topbar{min-height:100px;height:auto;border-bottom:1px solid var(--studio-line);margin-bottom:24px}.studio-student .quick-label{color:var(--studio-muted);font-size:12px}.studio-student .quick-help,.studio-student .help-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.studio-student .quick-hero,.studio-student .hero{border-radius:28px;padding:48px;background:radial-gradient(ellipse at 95% 10%,#71975b33,transparent 55%),var(--studio-forest);gap:30px;min-height:360px}.studio-student .quick-hero h1,.studio-student .hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1.08;letter-spacing:-.05em}.studio-student .quick-hero h1 span,.studio-student .hero h1 span{font:italic 400 1.03em Georgia,serif;color:var(--studio-lime);letter-spacing:-.05em}.studio-student .quick-hero>div>p,.studio-student .hero-copy>p{color:#d5e0ce;font-size:16px}.studio-student .quick-kicker{color:#d5e0ce;font-size:12px}.studio-student .quick-primary,.studio-student .hero-button{font-size:14px;min-height:48px;border-radius:12px;padding:14px 20px;background:var(--studio-lime);color:var(--studio-ink);transition:box-shadow .18s,background .18s}.studio-student .quick-action-buttons .quick-primary{color:var(--studio-card);background:var(--studio-forest)}.studio-student .quick-primary:hover{box-shadow:0 7px 16px #17382d18}.studio-student .quick-mini-window,.studio-student .art-window{background:var(--studio-card);border:1px solid var(--studio-line);border-radius:16px;transform:rotate(-3deg);box-shadow:12px 16px 0 #08271b44}.studio-student .quick-spark .studio-icon,.studio-student .art-spark .studio-icon{width:80px;height:80px;stroke-width:1}.studio-student .quick-sticker{background:var(--studio-lilac);color:var(--studio-purple);font-size:13px;transform:rotate(5deg);padding:14px 18px}.studio-student .quick-step{background:var(--studio-card);border-color:var(--studio-line);border-radius:18px;min-width:0;padding:24px}.studio-student .quick-step.selected{background:var(--studio-sage);border-color:#7e9867;box-shadow:inset 0 0 0 1px #7e9867}.studio-student .quick-step-number{background:var(--studio-card);color:var(--studio-ink);font:400 18px Georgia,serif;width:38px;height:38px}.studio-student .quick-step small{color:var(--studio-muted);font-size:13px}.studio-student .quick-step-icon{color:#496b3c}.studio-student .quick-action,.studio-student .workspace{background:var(--studio-card);border:1px solid var(--studio-line);border-radius:24px;padding:32px;box-shadow:var(--studio-shadow)}.studio-student .quick-action h2,.studio-student .workspace h2{font-size:26px;letter-spacing:-.035em}.studio-student .quick-action-copy p,.studio-student .route-hint,.studio-student .quick-caption,.studio-student .quick-status,.studio-student .quick-save-help,.studio-student .section-description,.studio-student .storage-note{color:var(--studio-muted);font-size:15px;line-height:1.75}.studio-student .quick-action .quick-kicker{color:#385b36}.studio-student .quick-navigation button{min-height:44px;font-size:14px}.studio-student .ai-connection{border-color:var(--studio-line);color:var(--studio-ink)}.studio-student .ai-connection h3{font-size:21px}.studio-student .ai-connection ol{padding-left:24px}.studio-student .ai-connection li{padding-left:6px;margin:14px 0}.studio-student .quick-security{background:var(--studio-sage);border-color:var(--studio-line);border-radius:16px}.studio-student .quick-security summary{min-height:44px;display:flex;align-items:center;gap:10px}.studio-student .self-check{border-radius:12px;padding:16px;background:var(--studio-sage);font-size:15px;line-height:1.65}.studio-student .mission{background:var(--studio-lilac);border:1px solid #c8bdd8;border-radius:24px;color:var(--studio-purple);padding:32px}.studio-student .mission h2{font-size:32px;font-weight:650}.studio-student .mission>p,.studio-student .mission-bottom p,.studio-student .mission-tag{color:var(--studio-purple)}.studio-student .task-form input{font-size:16px;border:1px solid #899b7d;min-height:48px}.studio-student .add-button{min-height:48px}.studio-student .task-list .task{padding:16px 0}.studio-student .task label{font-size:16px}.studio-student .task label input{width:20px;height:20px}.studio-student .filter{font-size:14px}.studio-student footer{color:var(--studio-muted);border-top:1px solid var(--studio-line);font-size:13px;margin-top:24px}.studio-student .empty-state .studio-icon{width:36px;height:36px}.studio-student .next-icon .studio-icon{width:44px;height:44px}
.lesson-page main{max-width:1240px;padding:28px 40px 64px}.lesson-page header{align-items:center;border-color:var(--studio-line);padding-bottom:24px}.lesson-page header strong{font-size:17px;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.lesson-page .reader-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;margin-top:28px}.lesson-page .reader-toc{position:sticky;top:24px;align-self:start;border:1px solid var(--studio-line);border-radius:18px;background:var(--studio-card);padding:18px}.lesson-page .reader-toc summary{font-size:14px;font-weight:650;cursor:pointer;min-height:32px}.lesson-page .reader-toc nav{margin:12px 0 0;padding:0;background:none;max-height:65vh;overflow:auto;font-size:14px}.lesson-page .reader-toc nav>strong{display:none}.lesson-page .reader-toc ul{padding-left:18px}.lesson-page .reader-toc li{margin:12px 0}.lesson-page article{margin:0;padding:40px;border-color:var(--studio-line);border-radius:24px;background:var(--studio-card);box-shadow:var(--studio-shadow);min-width:0;font-size:17px;line-height:1.85}.lesson-page article h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.15;margin:12px 0 32px}.lesson-page article h2{font-size:26px;letter-spacing:-.03em;border-top:1px solid var(--studio-line);padding-top:24px;margin-top:36px}.lesson-page .reader-label{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--studio-muted);margin:0}.lesson-page a{color:#285941}.lesson-page header a,.lesson-page footer a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.lesson-page .table-wrap{border:1px solid var(--studio-line);border-radius:12px;overflow:auto}.lesson-page td,.lesson-page th{border-color:var(--studio-line);font-size:15px;line-height:1.6}.lesson-page th{background:var(--studio-sage)}.lesson-page code,.lesson-page pre{background:#edf0e7;color:var(--studio-ink)}
.lab-page main{max-width:1200px;padding:28px 40px 60px}.lab-page header{border-color:var(--studio-line);padding-bottom:24px}.lab-page .brand{color:var(--studio-ink);font-size:17px;letter-spacing:-.02em}.lab-page h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em;line-height:1.07;max-width:850px}.lab-page h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.lab-page .panel{background:var(--studio-card);border:1px solid var(--studio-line);border-radius:24px;padding:28px;box-shadow:var(--studio-shadow)}.lab-page .notice{background:var(--studio-sage);border-color:#c2d0b6;color:var(--studio-ink);border-radius:14px;font-size:15px}.lab-page label{font-size:14px;color:var(--studio-ink)}.lab-page input,.lab-page select{min-height:48px;background:var(--studio-card);color:var(--studio-ink);border-color:#819375;font-size:16px;border-radius:10px}.lab-page button{min-height:48px;border-radius:12px;font-size:14px}.lab-page button[type=submit],.lab-page .export{background:var(--studio-forest);color:var(--studio-card)}.lab-page .status,.lab-page .lead{color:var(--studio-muted);font-size:16px}.lab-page .table-wrap{border-radius:14px;border-color:var(--studio-line)}.lab-page th{background:var(--studio-sage);color:var(--studio-ink)}.lab-page td{color:var(--studio-ink);font-size:14px}.lab-page .summary>div{border-color:var(--studio-line);background:var(--studio-sage);border-radius:14px}.lab-page .summary strong{font:400 30px Georgia,serif}.lab-page .summary span,.lab-page .tag,.lab-page footer{color:var(--studio-muted);font-size:13px}
@keyframes studio-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.studio-course [data-section]:not([hidden]) .modules,.studio-student .quick-action{animation:studio-enter .24s var(--studio-ease) both}
@media(max-width:1050px){.studio-course .wrap{padding:0 28px 36px}.studio-course .landing-hero,.studio-course .program-heading{padding:40px 32px;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:22px}.studio-course .tabs button{padding:10px 12px;font-size:12px}.studio-course .landing-copy h1{font-size:52px}.studio-course .program-intro h2{font-size:44px}.studio-course .overview-card{padding:26px;gap:18px}.studio-course .overview-card h3{font-size:27px}.studio-student .quick-start,.studio-student .lab{padding:0 28px}.studio-student .quick-hero,.studio-student .hero{padding:38px 32px}.studio-student .quick-step{padding:20px 16px}.studio-student .quick-step-icon{display:none}.lesson-page .reader-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.lesson-page article{padding:30px}}
@media(max-width:760px){.studio-course .landing-hero,.studio-course .program-heading{grid-template-columns:1fr;padding:34px 28px;gap:10px}.studio-course .product-scene{max-width:320px}.studio-course .landing-copy h1{font-size:48px}.studio-course .program-intro h2{font-size:44px}.studio-course .overview{grid-template-columns:1fr}.studio-course .modules,.studio-course .shared-grid,.studio-course .computer-use .modules{grid-template-columns:1fr}.studio-course .module{padding:26px 24px 0}.studio-course .overview-card{min-height:0;padding:28px}.studio-course .overview-card h3{font-size:29px}.studio-course .overview-card p{font-size:16px}.studio-course .benefits{gap:18px}.studio-course .benefit small{font-size:13px}.studio-course .route{flex-wrap:wrap}.studio-course .route li{flex:1 1 40%;font-size:13px;padding:14px}.studio-course .examples{grid-template-columns:1fr}.studio-course .format-grid{grid-template-columns:1fr}.studio-student .quick-hero,.studio-student .hero{grid-template-columns:1fr}.studio-student .quick-art,.studio-student .hero-art{display:none}.studio-student .quick-steps{grid-template-columns:1fr;gap:10px}.studio-student .quick-step-icon{display:inline-block}.studio-student .quick-action{grid-template-columns:1fr;padding:28px}.studio-student .quick-action-buttons{align-items:stretch}.studio-student .workspace-grid{grid-template-columns:1fr}.lesson-page main{padding:24px}.lesson-page .reader-layout{grid-template-columns:1fr;gap:20px;margin-top:20px}.lesson-page .reader-toc{position:static;padding:14px 18px}.lesson-page .reader-toc summary{min-height:32px}.lesson-page article{padding:28px}.lab-page main{padding:24px}.lab-page .panel{padding:24px}}
@media(max-width:520px){.studio-course .wrap{padding:0 18px 28px}.studio-course .masthead{padding:20px 0;gap:12px}.studio-course .brand{font-size:15px;gap:4px}.studio-course .brand:before{width:32px;height:32px;font-size:24px;margin-right:3px}.studio-course .version{font-size:11px;max-width:115px;line-height:1.5}.studio-course .toolbar{padding:16px 0 20px}.studio-course .mobile-navigation{color:var(--studio-muted);font-size:13px}.studio-course .mobile-navigation select{color:var(--studio-ink);background:var(--studio-card);border-color:#899a7d;border-radius:12px;font-size:16px}.studio-course .landing-hero,.studio-course .program-heading{padding:30px 23px;border-radius:24px}.studio-course .landing-hero .product-scene{display:none}.studio-course .program-heading .product-scene{display:none}.studio-course .landing-copy h1{font-size:clamp(36px,10vw,47px);margin:22px 0}.studio-course .program-intro h2{font-size:clamp(34px,9vw,43px);margin:20px 0}.studio-course .landing-copy>p,.studio-course .program-intro>p{font-size:16px;line-height:1.75}.studio-course .landing-facts{font-size:12px;gap:10px 16px;line-height:1.8}.studio-course .level-pill{font-size:11px}.studio-course .program-meta span{font-size:13px}.studio-course .hero-entry{font-size:12px}.studio-course .hero-actions{gap:10px;align-items:stretch}.studio-course .hero-actions .cta-primary,.studio-course .hero-actions .cta-secondary{width:100%;justify-content:space-between;min-height:48px}.studio-course .choice-heading{margin-top:32px;padding-top:24px}.studio-course .choice-heading h2,.studio-course .learning-format h2{font-size:30px}.studio-course .overview-card{gap:16px;padding:24px;border-radius:20px}.studio-course .big-num{width:42px;height:42px;font-size:21px;border-radius:12px}.studio-course .overview-card h3{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.studio-course .overview-foot{font-size:13px;display:block}.studio-course .overview-foot b{display:block;margin-top:10px}.studio-course .view-title{font-size:23px;margin:4px 0 20px}.studio-course .module,.studio-course .advanced .module,.studio-course .foundation .module{padding:26px 22px 0;border-radius:20px}.studio-course .module h3{font-size:23px}.studio-course .module .subtitle,.studio-course .topics li{font-size:16px}.studio-course .module-top{flex-wrap:wrap;gap:12px}.studio-course .benefits{grid-template-columns:1fr}.studio-course .next-step{padding:26px}.studio-course .next-step .cta-primary{width:100%}.studio-course .shared-card,.studio-course .format-grid article{padding:24px}.studio-course .footer{display:grid;gap:8px}.studio-student .quick-start,.studio-student .lab{padding:0 18px}.studio-student .quick-header,.studio-student .topbar{min-height:84px;margin-bottom:18px;gap:10px}.studio-student .brand{font-size:18px}.studio-student .quick-help,.studio-student .help-link{font-size:13px}.studio-student .quick-hero,.studio-student .hero{padding:30px 24px;border-radius:24px;min-height:0}.studio-student .quick-hero h1,.studio-student .hero h1{font-size:40px}.studio-student .quick-action,.studio-student .workspace,.studio-student .mission{padding:26px 22px;border-radius:20px}.studio-student .quick-step{padding:18px 16px}.studio-student .quick-step strong{font-size:15px}.studio-student .quick-step small{font-size:13px}.studio-student .quick-action h2{font-size:25px}.studio-student .quick-primary{width:100%;justify-content:space-between;white-space:normal}.studio-student .self-check{padding:14px}.lesson-page main{padding:18px 16px 40px}.lesson-page header{flex-wrap:wrap;gap:8px;padding-bottom:18px}.lesson-page article{padding:26px 22px;font-size:16px;line-height:1.8;border-radius:20px}.lesson-page article h1{font-size:31px;line-height:1.2}.lesson-page article h2{font-size:24px}.lab-page main{padding:20px 16px 40px}.lab-page header{flex-wrap:wrap;gap:10px}.lab-page .panel{padding:22px 18px}.lab-page h1{font-size:39px}.lab-page .summary strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.studio-course *,.studio-student *,.lesson-page *,.lab-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.studio-course,.lesson-page{background:white;color:black}.studio-course .landing-hero,.studio-course .program-heading{background:white;color:black;box-shadow:none;border-color:#aaa}.studio-course .landing-copy h1 em,.studio-course .program-intro h2 em,.studio-course .program-intro>p{color:black}.studio-course .product-scene{display:none}.lesson-page .reader-layout{display:block}.lesson-page .reader-toc{display:none}.lesson-page article{border:0;box-shadow:none;padding:0}}

.studio-course .foundation>.program-meta span{color:var(--studio-ink);background:var(--studio-sage);border-color:var(--studio-line)}
.studio-student .quick-mini-task .studio-icon{width:16px;height:16px}
@media(max-width:520px){.studio-course[data-audience=learner] .version{display:none}}

.lab-page .notice{padding:16px 18px}.lab-page h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--studio-lime)}
.lesson-page .skip-link{position:absolute;top:8px;left:12px;padding:12px 16px;background:var(--studio-forest);color:var(--studio-card);z-index:20;transform:translateY(-160%)}.lesson-page .skip-link:focus{transform:none}

.studio-course .brand:before{display:none}.studio-course .brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--studio-forest);color:var(--studio-lime);font-size:26px;letter-spacing:-.08em;margin-right:4px}.studio-course .next-step .cta-primary{color:var(--studio-ink)}
@media(max-width:520px){.studio-course .brand-symbol{width:32px;height:32px;font-size:24px}}

.lesson-page .reader-toc summary{min-height:44px;display:flex;align-items:center;gap:8px}.studio-student .task label{min-height:44px}.studio-student .filter-row{gap:8px;flex-wrap:wrap}

.lesson-page .reader-toc summary .studio-icon{margin-left:auto;width:18px;height:18px;transition:transform .18s var(--studio-ease)}.lesson-page .reader-toc[open]>summary .studio-icon{transform:rotate(180deg)}

.studio-advanced .hero{grid-template-columns:1fr;min-height:300px;margin-bottom:24px}.studio-advanced .workspace>p{font-size:16px;color:var(--studio-muted);line-height:1.75}

.studio-student .task.completed label span{color:var(--studio-muted)}.studio-student :is(.muted,.section-heading .kicker,.demo-badge,.brand-label,.progress-label,.steps p){color:var(--studio-muted)}.studio-student .quick-step.selected .quick-step-number{background:var(--studio-forest);color:var(--studio-card);border-color:var(--studio-forest)}.lab-page th{font-size:12px}