:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--duo-ink);background:var(--duo-surface);font-synthesis:none;--accent:var(--duo-blue);--muted:var(--duo-ink);--line:var(--duo-subtle)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ac803d;outline-offset:4px}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}button,input,textarea{accent-color:var(--accent)}[hidden]{display:none!important}.skip-link{position:absolute;left:15px;top:-90px;z-index:100;background:white;padding:15px}.skip-link:focus{top:5px}.learning-shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:228px minmax(0,1fr)}.learning-rail{position:sticky;top:65px;height:calc(100dvh - 65px);display:flex;flex-direction:column;border-right:1px solid var(--line);padding:39px 21px 25px;background:var(--duo-surface)}.course-home{text-decoration:none;display:block;padding:0 9px 31px}.course-eyebrow{font-size:8px;letter-spacing:1.1px;display:block;color:var(--duo-secondary)}.course-home>strong{display:block;font:normal 32px/1.08 Georgia,serif;letter-spacing:-1.3px;margin:15px 0 12px}.course-home>span:last-child{font-size:11px;color:var(--duo-secondary)}#chapters{display:flex;flex-direction:column;gap:5px}#chapters a{display:flex;align-items:center;gap:12px;padding:13px 11px;text-decoration:none;border-radius:6px;transition:background .2s;font-size:12px;color:var(--duo-secondary);min-height:48px}#chapters a:hover{background:var(--duo-surface)}#chapters a[aria-current="step"]{background:var(--duo-subtle);color:var(--duo-ink)}#chapters a>span:first-child{font-size:10px;font-variant-numeric:tabular-nums;color:var(--duo-secondary)}#chapters a>span:nth-child(2){flex:1;font-weight:550}#chapters .chapter-tick{font-size:12px;color:var(--duo-secondary)}.rail-bottom{margin-top:auto;padding:25px 9px 0}.progress-label{font-size:10px;color:var(--duo-secondary);display:flex;justify-content:space-between}.rail-bottom progress{width:100%;height:3px;display:block;margin:10px 0;background:var(--duo-subtle);border:0;border-radius:8px}.rail-bottom progress::-webkit-progress-bar{background:var(--duo-subtle);border-radius:8px}.rail-bottom progress::-webkit-progress-value{background:var(--duo-blue);border-radius:8px}.rail-bottom>button{padding:3px 0;font-size:10px;background:none;color:var(--duo-secondary);text-decoration:underline;text-underline-offset:3px}.rail-bottom>a{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;text-decoration:none;padding-top:18px;margin-top:24px}.rail-bottom>p{font-size:9px;line-height:1.8;color:var(--duo-secondary);margin-top:15px}#lesson{padding:30px 42px 20px;min-width:0;scroll-margin-top:90px}.lesson-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:var(--duo-secondary);border-bottom:1px solid var(--line);padding-bottom:20px}.intro-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:31px 0 30px}.intro-heading>div>p{font-size:9px;letter-spacing:1.4px;color:var(--duo-secondary);margin-bottom:12px}.intro-heading h1{font:normal clamp(32px,3.3vw,51px)/1.1 Georgia,serif;letter-spacing:-1.8px}.intro-heading>p{font-size:12px;line-height:1.85;color:var(--duo-secondary);max-width:300px}.lesson-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(220px,1fr);gap:36px;align-items:start}.visual-workspace{min-width:0}.visual-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:var(--duo-secondary);margin-bottom:10px}.visual-heading>span:first-child{display:flex;gap:7px;align-items:center}.visual-heading i{width:5px;height:5px;border-radius:50%;background:var(--duo-blue)}.scene{height:385px;position:relative;background:var(--duo-surface);border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;perspective:1400px;transition:background .6s}.scene-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(134, 134, 139, 0.396) .65px,transparent .65px);background-size:18px 18px;mask-image:linear-gradient(transparent,rgba(29, 29, 31, 0.333),transparent);z-index:-1}.scene-callout{position:absolute;top:23px;left:18px;right:18px;text-align:center;font-size:10px;color:var(--duo-secondary)}.device-wrap{width:100%;display:flex;justify-content:center;align-items:center;perspective:1200px;transform:translateY(2px)}.device{position:relative;width:88%;max-width:460px;height:266px;border:5px solid var(--duo-ink);border-radius:20px;background:var(--duo-ink);box-shadow:0 2px 0 1px var(--duo-tertiary),0 17px 32px -12px rgba(29, 29, 31, 0.439);transform:rotateY(-4deg) rotateX(4deg) rotateZ(-2deg);transition:width .8s cubic-bezier(.22,.8,.24,1),height .8s cubic-bezier(.22,.8,.24,1),transform .8s,border-radius .8s;flex-shrink:0}.device-screen{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:var(--duo-surface)}.notes-app{height:100%;padding-right:36px;display:grid;grid-template-columns:38% 1fr;transition:padding .6s,grid-template-columns .7s;min-width:0}.notes-list{position:relative;background:var(--duo-surface);padding:21px 10px 28px;border-right:1px solid var(--duo-line);overflow:hidden}.notes-brand{font-size:12px;font-weight:650;white-space:nowrap;margin-bottom:21px}.note-symbol{font-size:14px;color:var(--duo-secondary);margin-right:4px}.notes-list>small{font-size:6px;letter-spacing:1px;color:var(--duo-secondary);display:block;margin:0 5px 10px}.notes-list>button{display:block;width:100%;background:transparent;text-align:left;padding:9px 7px;margin-bottom:5px;border-radius:5px;overflow:hidden}.notes-list>button[aria-pressed="true"]{background:var(--duo-subtle)}.notes-list>button>strong{font-size:8px;font-weight:650;display:block;white-space:nowrap}.notes-list>button>span{font-size:7px;display:block;margin:4px 0;color:var(--duo-secondary);white-space:nowrap}.notes-list>button>small{font-size:6px;color:var(--duo-secondary)}.list-footer{position:absolute;bottom:12px;left:17px;right:16px;display:flex;justify-content:space-between;font-size:7px;color:var(--duo-secondary)}.note-content{padding:19px 22px 10px;overflow:auto;min-width:0;scrollbar-width:thin;position:relative}.note-meta{display:flex;justify-content:space-between;font-size:6px;color:var(--duo-secondary);letter-spacing:.7px;white-space:nowrap}.note-content h2{font:normal 25px/1.04 Georgia,serif;letter-spacing:-1px;margin:15px 0 12px}.note-art{height:65px;background:var(--duo-subtle);position:relative;border-radius:4px;overflow:hidden;margin-bottom:12px}.paper-shape{position:absolute;border-radius:60% 0 0 0;bottom:-38px;width:100px;height:110px;transform:rotate(27deg);border:1px solid rgba(134, 134, 139, 0.439)}.paper-one{right:20%;background:var(--duo-tertiary)}.paper-two{right:-4%;background:var(--duo-blue);transform:rotate(51deg);bottom:-50px}.paper-three{right:48%;background:var(--duo-subtle);transform:rotate(8deg);bottom:-65px}.note-art>span{position:absolute;top:10px;left:12px;font:italic 11px Georgia,serif;color:var(--duo-secondary);z-index:2}.note-content>label{display:block;font-size:5px;letter-spacing:.8px;color:var(--duo-secondary);margin-bottom:4px}.note-content textarea{font-size:8px;line-height:1.6;color:var(--duo-secondary);background:transparent;border:0;resize:none;width:100%;display:block;padding:0;height:35px;outline-offset:1px}.note-rule{height:1px;background:var(--duo-subtle);margin-top:6px}.note-bottom{display:flex;justify-content:space-between;font-size:6px;color:var(--duo-secondary);padding:7px 0 0}.device-rail{position:absolute;right:0;top:0;bottom:0;width:36px;display:flex;align-items:center;flex-direction:column;gap:12px;padding:9px 4px;background:var(--duo-surface);border-left:1px solid var(--duo-line);color:var(--duo-secondary);transition:width .6s,height .6s,padding .6s}.camera-dot{width:7px;height:7px;background:var(--duo-ink);border-radius:50%;display:block;box-shadow:0 0 0 3px var(--duo-tertiary)}.device-rail>small{font-size:5px;writing-mode:vertical-rl;letter-spacing:1px}.device-rail button{width:24px;height:24px;padding:0;border-radius:7px;color:var(--duo-secondary);font-size:17px;background:none;display:grid;place-items:center;line-height:1;flex-shrink:0}.device-rail #compose-note{background:var(--duo-subtle)}.device-rail #overflow-toggle{font-size:9px;margin-top:-9px;letter-spacing:1px}.device-rail-bottom{margin-top:auto;font-size:14px}.device-topbar{position:absolute;top:0;left:0;right:0;height:32px;padding:10px 14px;background:var(--duo-surface);display:flex;justify-content:space-between;font-size:8px;opacity:0;transform:translateY(-100%);transition:transform .6s,opacity .6s;z-index:2}.fold-zone{position:absolute;top:0;bottom:0;left:calc(38% - 13.7px);width:0;background:repeating-linear-gradient(120deg,#c8a66d40 0 2px,#e5cfa870 2px 5px);border-left:1px solid #b49b5c80;border-right:1px solid #b49b5c80;opacity:0;pointer-events:none;transition:width .6s,opacity .4s}.fold-zone span{position:absolute;left:50%;top:50%;font-size:5px;letter-spacing:.7px;color:#886a35;writing-mode:vertical-rl;transform:translate(-50%,-50%)}.inner-camera{position:absolute;top:6px;right:48px;width:4px;height:4px;border-radius:50%;background:var(--duo-blue);opacity:0}.camera-zone{position:absolute;right:42px;top:0;width:45px;height:28px;border-radius:0 0 30px 30px;background:#91a7c333;outline:1px dashed #7894af;opacity:0;pointer-events:none;transition:opacity .4s}.camera-zone>span{font-size:4px;color:#647f9b;position:absolute;left:6px;bottom:5px}.scene-bottom{position:absolute;bottom:19px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.6px;color:var(--duo-secondary)}.scene-bottom>span:last-child{font-size:8px;letter-spacing:0;color:var(--duo-secondary);background:var(--duo-subtle);border:1px solid var(--duo-line);padding:5px 8px;border-radius:20px}.scene[data-pose="outer"] .device{width:53%;max-width:278px;height:207px;transform:rotateY(-9deg) rotateX(5deg) rotateZ(-3deg)}.scene[data-pose="outer"] .notes-app{grid-template-columns:0 1fr}.scene[data-pose="outer"] .notes-list{padding-left:0;padding-right:0;border:0;visibility:hidden}.scene[data-pose="outer"] .note-content{padding:17px 18px 10px}.scene[data-pose="outer"] .note-content h2{font-size:23px;margin:11px 0}.scene[data-pose="outer"] .note-art{height:47px;margin-bottom:9px}.scene[data-pose="outer"] .device-rail{gap:6px}.scene[data-pose="outer"] .device-rail>button{height:21px}.scene[data-pose="outer"] #overflow-toggle{margin-top:0}.scene[data-pose="book"] .device{transform:rotateY(-13deg) rotateX(6deg) rotateZ(-2deg)}.scene[data-pose="book"] .notes-app{grid-template-columns:46% 1fr}.scene[data-pose="book"] .note-content{padding-left:20px}.scene[data-pose="book"] .fold-zone{left:calc((100% - 36px)*.46 - 7px);width:14px;opacity:1;background:linear-gradient(90deg,#65734833,transparent,#a7b28a30)}.scene[data-pose="book"][data-regions="true"] .fold-zone{background:repeating-linear-gradient(120deg,#c8a66d70 0 2px,#ead7b190 2px 5px)}.scene[data-pose="book"][data-regions="true"] .notes-list{padding-right:16px}.scene[data-pose="book"][data-regions="false"] .fold-zone span{display:none}.scene[data-pose="portrait"] .device{width:58%;max-width:275px;height:290px;transform:rotateY(-3deg) rotateZ(-2deg)}.scene[data-pose="portrait"] .notes-app{padding-right:0;padding-top:32px;grid-template-columns:40% 1fr}.scene[data-pose="portrait"] .notes-brand{font-size:8px}.scene[data-pose="portrait"] .notes-list{padding-left:6px;padding-right:6px}.scene[data-pose="portrait"] .notes-list>button>strong{font-size:6px}.scene[data-pose="portrait"] .notes-list>button>span{font-size:6px}.scene[data-pose="portrait"] .note-content{padding:16px 12px}.scene[data-pose="portrait"] .note-content h2{font-size:21px}.scene[data-pose="portrait"] .device-topbar,.scene[data-pose="tabletop"] .device-topbar{opacity:1;transform:translateY(0)}.scene[data-pose="portrait"] .device-rail,.scene[data-pose="tabletop"] .device-rail{width:100%;height:29px;top:auto;flex-direction:row;border-left:0;border-top:1px solid var(--duo-line);padding:3px 14px;justify-content:space-around}.scene[data-pose="portrait"] .device-rail .camera-dot,.scene[data-pose="portrait"] .device-rail>small,.scene[data-pose="tabletop"] .device-rail .camera-dot,.scene[data-pose="tabletop"] .device-rail>small{display:none}.scene[data-pose="portrait"] .device-rail-bottom,.scene[data-pose="tabletop"] .device-rail-bottom{margin:0}.scene[data-pose="portrait"] .device-rail #overflow-toggle,.scene[data-pose="tabletop"] .device-rail #overflow-toggle{margin:0}.scene[data-pose="tabletop"] .device{height:284px;width:67%;max-width:340px;transform:rotateX(17deg) rotateZ(-2deg)}.scene[data-pose="tabletop"] .notes-app{padding:32px 0 29px;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.scene[data-pose="tabletop"] .note-content{grid-row:1;padding:12px 20px;overflow:hidden}.scene[data-pose="tabletop"] .note-content h2{font-size:21px;margin:6px 0}.scene[data-pose="tabletop"] .note-content h2 br{display:none}.scene[data-pose="tabletop"] .note-art{position:absolute;right:17px;top:25px;width:33%;height:50px}.scene[data-pose="tabletop"] .note-content textarea{width:61%;font-size:7px;height:25px}.scene[data-pose="tabletop"] .note-content label,.scene[data-pose="tabletop"] .note-rule,.scene[data-pose="tabletop"] .note-bottom{display:none}.scene[data-pose="tabletop"] .notes-list{grid-row:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px 10px;border:0}.scene[data-pose="tabletop"] .notes-brand{display:none}.scene[data-pose="tabletop"] .notes-list>small,.scene[data-pose="tabletop"] .list-footer{display:none}.scene[data-pose="tabletop"] .notes-list>button{width:47%;margin:0}.scene[data-pose="tabletop"] .fold-zone{top:49%;height:12px;width:100%;left:0;bottom:auto;opacity:1;background:linear-gradient(#65734833,transparent,#a7b28a30)}.scene[data-pose="tabletop"][data-regions="true"] .fold-zone{background:repeating-linear-gradient(120deg,#c8a66d70 0 2px,#ead7b190 2px 5px)}.scene[data-pose="tabletop"] .fold-zone span{writing-mode:horizontal-tb}.scene[data-pose="tabletop"][data-regions="false"] .fold-zone span{display:none}.scene[data-camera="true"] .inner-camera,.scene[data-camera="true"][data-regions="true"] .camera-zone{opacity:1}.scene[data-camera="true"] .note-content{padding-top:34px}.scene[data-camera="true"][data-pose="outer"] .camera-zone{opacity:0}.scene[data-fragile="true"] .notes-app{width:490px;grid-template-columns:170px 1fr;padding-right:36px}.scene[data-fragile="true"] .notes-list{visibility:visible;padding:21px 10px 28px;border-right:1px solid #dee3d3}.scene[data-fragile="true"] .note-content{padding-left:22px;padding-right:22px}.scene[data-fragile="true"] .device{border-color:#8d5b48}.scene[data-fragile="true"] #state-badge{background:#f0dfd2;border-color:#d8baa3;color:#8b5e42}.scene[data-chapter="resize"] .device{width:var(--demo-width,88%);max-width:460px}.scene[data-chapter="resize"][data-narrow="true"] .notes-app{grid-template-columns:0 1fr}.scene[data-chapter="resize"][data-narrow="true"] .notes-list{padding:0;visibility:hidden;border:0}.scene[data-chapter="resize"][data-narrow="true"][data-fragile="true"] .notes-app{grid-template-columns:170px 1fr}.scene[data-chapter="resize"][data-narrow="true"][data-fragile="true"] .notes-list{padding:21px 10px;visibility:visible}.scene[data-chapter="state"] .note-content textarea{background:var(--duo-surface);border:1px dashed var(--duo-tertiary);border-radius:3px;padding:5px;height:56px;font-size:9px}.scene[data-chapter="state"] .note-art{height:40px}.scene[data-chapter="state"] .note-content h2{margin:10px 0}.experiment-controls{padding:16px 0 4px;min-height:60px}.pose-controls{display:flex;gap:5px;flex-wrap:wrap}.pose-controls button,.mode-controls button{background:transparent;color:var(--duo-secondary);font-size:10px;border:1px solid transparent;padding:9px 11px;border-radius:5px;min-height:36px;transition:background .2s}.pose-controls button[aria-pressed="true"],.mode-controls button[aria-pressed="true"]{background:var(--duo-subtle);border-color:var(--duo-line);color:var(--duo-ink)}.pose-controls button:hover,.mode-controls button:hover{background:var(--duo-surface)}.play-tour{margin-left:auto!important;border-color:var(--duo-line)!important;display:flex;align-items:center;gap:5px}.control-extra{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}.control-extra>label{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--duo-secondary);min-height:28px}.control-extra>label input{width:13px;height:13px;margin:0}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--duo-secondary);margin-bottom:10px}.width-slider{width:100%;height:3px;display:block;margin:14px 0 20px}.mode-controls{display:flex;align-items:center;gap:6px}.mode-controls>span{font-size:10px;color:var(--duo-secondary);margin-right:auto}.scene-caption{display:flex;gap:9px;align-items:baseline;border-top:1px solid var(--line);padding-top:14px;margin-top:7px;color:var(--duo-secondary)}.scene-caption>span{font-size:15px;color:var(--duo-secondary)}.scene-caption>p{font-size:11px;line-height:1.7}.diagram-disclaimer{font-size:8px;color:var(--duo-secondary);margin-top:8px;line-height:1.6}.chapter-notes{padding-top:28px}.idea-number{font:italic 20px Georgia,serif;color:var(--duo-secondary);margin-bottom:16px}.chapter-notes>h2{font:normal 27px/1.18 Georgia,serif;letter-spacing:-.7px;margin-bottom:15px}.chapter-notes>p{font-size:12px;line-height:1.85;color:var(--duo-secondary)}.try-prompt{border-left:2px solid var(--duo-line);margin:24px 0;padding:3px 0 3px 14px}.try-prompt>span{font-size:8px;letter-spacing:1.2px;color:var(--duo-secondary)}.try-prompt>p{font-size:11px;line-height:1.8;margin-top:8px;color:var(--duo-secondary)}.try-prompt>div{font-size:10px;line-height:1.7;color:var(--duo-secondary);margin-top:8px}.try-prompt>div:empty{display:none}.signal-facts{margin:0}.signal-facts>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}.signal-facts dt{font-size:9px;color:var(--duo-secondary)}.signal-facts dd{font-size:10px;color:var(--duo-secondary);margin:0;text-align:right}.chapter-notes>a{display:flex;justify-content:space-between;font-size:10px;margin-top:17px;text-decoration:none;color:var(--duo-secondary)}.code-section{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.code-section summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:11px;padding:19px 0;color:var(--duo-secondary)}.code-section summary::-webkit-details-marker{display:none}.code-brackets{font-family:monospace;color:var(--duo-secondary);font-size:15px}.code-section #code-summary{color:var(--duo-secondary);font-weight:400}.expand-code{margin-left:auto;font-size:17px}.code-section details[open] .expand-code{transform:rotate(45deg)}.code-body{background:var(--duo-surface);padding:18px 22px 20px;margin:0 0 18px;border:1px solid var(--duo-line);border-radius:6px}.code-header{display:flex;justify-content:space-between;font-size:10px;color:var(--duo-secondary);padding-bottom:15px;border-bottom:1px solid var(--duo-line)}.code-header button{font-size:10px;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--duo-secondary)}.code-body pre{font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--duo-ink);margin:15px 0}.token-comment{color:var(--duo-secondary)}.token-keyword{color:var(--duo-secondary)}.token-type{color:var(--duo-secondary)}.token-string{color:#956849}.code-body>p,.code-body>a{font-size:10px;line-height:1.7;color:var(--duo-secondary)}.code-body>a{display:block;margin-top:10px}.chapter-footer{padding:24px 0;display:flex;gap:15px;align-items:center;justify-content:space-between}.chapter-footer button{background:none;font-size:11px;color:var(--duo-secondary);min-height:42px;padding:8px 0}.chapter-footer button:disabled{visibility:hidden}.chapter-footer>span{font:italic 12px Georgia,serif;color:var(--duo-secondary)}.chapter-footer .next-chapter{display:flex;align-items:center;gap:19px;background:var(--duo-ink);padding:12px 18px;border-radius:5px;color:var(--duo-white)}.next-chapter:hover{background:var(--duo-ink)}.intro-footnote{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:var(--duo-secondary);font-size:8px;line-height:1.6}.intro-footnote a{text-decoration:none}.system-menu{position:absolute;right:40px;bottom:22px;width:145px;padding:8px;background:var(--duo-white);border:1px solid var(--duo-line);border-radius:7px;z-index:5;box-shadow:0 6px 20px rgba(29, 29, 31, 0.149)}.system-menu>strong{font-size:7px;display:block;padding:4px;font-weight:500;color:var(--duo-secondary)}.system-menu>button{background:none;display:block;width:100%;padding:9px 5px;text-align:left;font-size:9px}.system-menu>button:hover{background:var(--duo-surface)}#intro-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:200;background:var(--duo-ink);color:white;font-size:12px;padding:12px 20px;border-radius:6px;max-width:90%;transition:opacity .2s,transform .2s}#intro-toast.visible{opacity:1;transform:translate(-50%,0)}.knowledge-check{padding:28px 0;border-bottom:1px solid var(--line)}.section-label{font-size:9px;letter-spacing:1px;color:var(--duo-secondary);margin-bottom:12px}.knowledge-check h2{font:normal 24px/1.3 Georgia,serif;letter-spacing:-.4px;margin-bottom:16px}#quiz-options{display:grid;gap:8px}#quiz-options button{border:1px solid var(--duo-line);background:var(--duo-surface);text-align:left;padding:14px 16px;font-size:12px;border-radius:5px;line-height:1.6}#quiz-options button[aria-pressed="true"]{border-color:var(--duo-tertiary);background:var(--duo-subtle)}#quiz-feedback{font-size:12px;line-height:1.8;margin-top:12px;color:var(--duo-secondary)}#next-question{background:var(--duo-ink);color:white;font-size:11px;padding:11px 16px;border-radius:4px;margin-top:13px}.build-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:28px 0}.build-resources a{text-decoration:none}.build-resources span{font-size:8px;letter-spacing:1px;color:var(--duo-secondary)}.build-resources strong{display:block;font-size:13px;font-weight:550;line-height:1.6;margin:10px 0}.build-resources p{font-size:11px;line-height:1.8;color:var(--duo-secondary)}
@media(min-width:1500px){#lesson{padding:35px 55px}.scene{height:430px}.device{max-width:500px;height:292px}.note-art{height:85px}.note-content h2{font-size:29px}.notes-brand{font-size:14px}.notes-list>button>strong{font-size:10px}.notes-list>button>span{font-size:9px}.notes-list>button>small{font-size:8px}.note-content textarea{font-size:10px}.note-meta,.note-bottom{font-size:8px}.note-content>label{font-size:7px}}
@media(max-width:1150px){.learning-shell{grid-template-columns:196px 1fr}.learning-rail{padding-left:13px;padding-right:13px}.course-home>strong{font-size:28px}#lesson{padding:27px}.intro-heading{align-items:start}.intro-heading>p{max-width:235px;font-size:11px}.intro-heading h1{font-size:37px}.lesson-grid{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(190px,1fr)}.scene{height:350px}.device{height:245px;width:90%}.note-content{padding-left:14px;padding-right:14px}.note-content h2{font-size:23px}.scene[data-pose="outer"] .device{width:65%}.chapter-notes>h2{font-size:24px}.chapter-notes>p{font-size:11px}.intro-footnote{gap:10px}.scene-callout{font-size:9px}.pose-controls button{padding:9px 8px;font-size:9px}.notes-brand{font-size:10px}.notes-list>button>strong{font-size:7px}.notes-list>button>span{font-size:6px}}
@media(max-width:960px){.intro-heading{display:block}.intro-heading>p{max-width:490px;margin-top:16px;font-size:12px}.lesson-grid{grid-template-columns:1fr}.chapter-notes{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.idea-number{display:none}.chapter-notes>h2{grid-column:1;margin:0 0 12px}.chapter-notes>p{grid-column:1;font-size:12px}.try-prompt{grid-column:2;grid-row:1/3;margin:0 0 15px}.signal-facts{grid-column:1/3;display:flex;gap:20px;margin-top:16px}.signal-facts>div{flex:1;display:block;padding:10px 0}.signal-facts dd{text-align:left;margin-top:8px}.chapter-notes>a{grid-column:1/3}.scene{height:385px}.device{max-width:440px;height:270px}.scene[data-pose="outer"] .device{width:53%}.note-content h2{font-size:27px}.notes-brand{font-size:12px}.notes-list>button>strong{font-size:9px}.notes-list>button>span{font-size:8px}.note-content textarea{font-size:9px}.scene-callout{font-size:10px}.pose-controls button{font-size:10px;padding:9px 11px}.intro-footnote>span:last-child{display:none}.chapter-footer>span{display:none}.build-resources{grid-template-columns:1fr;gap:20px}.build-resources a{border-bottom:1px solid var(--line);padding-bottom:16px}}
@media(max-width:700px){.learning-shell{display:block}.learning-rail{position:sticky;top:62px;z-index:8;height:auto;padding:0;border:0;border-bottom:1px solid var(--duo-line);background:var(--duo-surface)}.course-home,.rail-bottom{display:none}#chapters{flex-direction:row;overflow-x:auto;gap:3px;padding:8px 14px;scrollbar-width:none}#chapters::-webkit-scrollbar{display:none}#chapters a{flex-shrink:0;padding:9px 11px;min-height:36px;font-size:11px;gap:7px}#chapters a>span:first-child{font-size:9px}#chapters .chapter-tick{display:none}#lesson{padding:23px 20px}.lesson-topline{font-size:8px;letter-spacing:.8px;padding-bottom:16px}.lesson-topline>span:last-child{font-size:7px}.intro-heading{margin:25px 0}.intro-heading h1{font-size:39px}.intro-heading>div>p{font-size:8px}.intro-heading>p{font-size:12px;margin-top:13px}.scene{height:350px}.device{height:247px;max-width:450px;width:88%}.scene[data-pose="outer"] .device{width:56%;height:205px}.scene[data-pose="portrait"] .device{height:260px;width:58%}.scene[data-pose="tabletop"] .device{height:257px;width:75%}.scene-callout{font-size:9px;top:18px}.scene-bottom{font-size:7px;left:15px;right:15px;bottom:16px}.scene-bottom>span:last-child{font-size:7px}.chapter-notes{gap:0 20px}.chapter-notes>h2{font-size:24px}.chapter-notes>p{font-size:11px}.try-prompt>p{font-size:10px}.code-section #code-summary{display:none}.intro-footnote{font-size:7px}.chapter-footer button{font-size:10px}.chapter-footer .next-chapter{gap:12px;padding:11px 14px}.scene[data-chapter="state"] .note-content textarea{font-size:10px}.scene[data-chapter="state"][data-pose="outer"] .note-content textarea{height:48px}.scene[data-chapter="state"][data-pose="outer"] .note-art{height:24px}}
@media(max-width:400px){#lesson{padding-left:16px;padding-right:16px}.intro-heading h1{font-size:35px}.scene{height:325px}.device{height:230px;border-width:4px;border-radius:17px}.device-screen{border-radius:12px}.scene[data-pose="outer"] .device{width:63%;height:193px}.scene[data-pose="portrait"] .device{height:240px;width:64%}.scene[data-pose="tabletop"] .device{height:240px;width:80%}.notes-brand{font-size:9px;margin-bottom:17px}.notes-list{padding:17px 6px}.notes-list>button>strong{font-size:7px}.notes-list>button>span{font-size:6px}.note-content{padding:17px 12px 10px}.note-content h2{font-size:23px}.note-art{height:52px}.note-content textarea{font-size:8px}.pose-controls{gap:2px}.pose-controls button{padding:8px 7px;font-size:9px}.play-tour{margin-left:0!important}.chapter-notes{display:block}.chapter-notes>h2{margin-bottom:12px}.try-prompt{margin-top:20px}.signal-facts{gap:15px}.signal-facts dt{font-size:8px}.signal-facts dd{font-size:9px}.intro-footnote{flex-wrap:wrap}.code-body{padding:14px}.code-body pre{font-size:10px}.scene[data-pose="tabletop"] .note-content h2{font-size:17px}.scene[data-pose="tabletop"] .note-content textarea{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.mobile-chapter-nav{display:none}.draft-editor-label{display:block;font-size:10px;color:var(--duo-secondary);margin:15px 0 8px}.draft-editor{width:100%;resize:vertical;background:var(--duo-surface);color:var(--duo-secondary);border:1px solid var(--duo-line);padding:12px 13px;font:13px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:5px;min-height:78px}
@media(max-width:700px){#chapters{display:none}.mobile-chapter-nav{display:flex;align-items:center;gap:12px;padding:9px 20px}.mobile-chapter-nav label{font-size:8px;letter-spacing:.8px;color:var(--duo-secondary)}.mobile-chapter-nav select{border:0;background:transparent;color:var(--duo-ink);font:11px -apple-system,sans-serif;min-height:34px;flex:1;min-width:0;padding:4px}.mobile-chapter-nav>span{font-size:8px;color:var(--duo-secondary);white-space:nowrap}.pose-controls button,.mode-controls button{min-height:44px}.draft-editor{font-size:16px}.chapter-notes>p{font-size:12px}.try-prompt>p{font-size:11px}}
@media(max-width:700px){#lesson{scroll-margin-top:132px}}
/* Keep instructional copy legible on the warm paper surfaces. */
#chapter-title{outline:none}.intro-heading>p,.chapter-notes>p{color:var(--duo-secondary)}.lesson-topline,.intro-heading>div>p,.visual-heading,.diagram-disclaimer,.intro-footnote,.course-eyebrow,.course-home>span:last-child,.rail-bottom>p,.rail-bottom>a,.progress-label{color:var(--duo-secondary)}#chapters a{color:var(--duo-secondary)}#chapters a>span:first-child{color:var(--duo-secondary)}.scene-callout,.scene-bottom{color:var(--duo-secondary)}.scene-caption{color:var(--duo-secondary)}.pose-controls button,.mode-controls button,.range-label,.control-extra>label{color:var(--duo-secondary)}.signal-facts dt{color:var(--duo-secondary)}.signal-facts dd,.chapter-notes>a{color:var(--duo-secondary)}.try-prompt>span{color:var(--duo-secondary)}.diagram-disclaimer{font-size:9px}.code-section #code-summary,.code-body>p,.code-body>a{color:var(--duo-secondary)}.build-resources p{color:var(--duo-secondary)}
/* Exercise-led learning, larger previews, and the transition into a real app. */
.app-canvas{position:absolute;inset:0;transform-origin:center;transition:transform .8s ease,width .8s ease;background:var(--duo-surface);overflow:hidden;border-radius:inherit}
.visual-heading{gap:12px;align-items:center}.visual-heading>span:first-child{margin-right:auto}.expand-preview{font:10px -apple-system,sans-serif;padding:7px 9px;border:1px solid var(--duo-line);background:var(--duo-surface);border-radius:4px;color:var(--duo-secondary);letter-spacing:0;white-space:nowrap}.expand-preview:hover{background:var(--duo-subtle)}
.exercise-checklist{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:9px}.exercise-checklist li{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.6;color:var(--duo-secondary)}.exercise-checklist li>span:first-child{width:17px;height:17px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--duo-line);border-radius:50%;font-size:8px;margin-top:1px}.exercise-checklist li.done{color:var(--duo-ink)}.exercise-checklist li.done>span:first-child{background:var(--duo-subtle);border-color:var(--duo-line)}.exercise-status{font-size:9px!important;line-height:1.6!important;color:var(--duo-secondary)!important;margin:13px 0 0!important}.try-prompt>p{font-size:11px}.try-prompt>div{border-top:1px solid var(--duo-line);padding-top:9px;margin-top:10px}.try-prompt>div:empty{border:0;padding:0}.try-prompt{margin:22px 0}
.resume-banner{display:flex;align-items:center;gap:14px;padding:15px 18px;background:var(--duo-surface);border:1px solid var(--duo-line);border-radius:6px;margin-bottom:25px}.resume-banner>div{flex:1}.resume-banner strong{font-size:12px;font-weight:550}.resume-banner p{font-size:11px;line-height:1.7;color:var(--duo-secondary);margin-top:4px}.resume-banner button{background:none;font-size:11px;padding:8px;color:var(--duo-ink);white-space:nowrap}.resume-banner #dismiss-resume{font-size:18px;padding:8px 4px}
.sdk-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sdk-controls button{padding:11px 9px;background:var(--duo-surface);border:1px solid var(--duo-line);color:var(--duo-secondary);border-radius:5px;text-align:left;min-width:0}.sdk-controls button[aria-pressed="true"]{background:var(--duo-subtle);border-color:var(--duo-line);color:var(--duo-ink)}.sdk-controls button>span{font-size:11px;font-weight:550;display:block}.sdk-controls small{font-size:9px;line-height:1.6;display:block;margin-top:4px}.sdk-explanation{font-size:10px;line-height:1.7;color:var(--duo-secondary);margin-top:12px}.scene[data-chapter="build"][data-sdk="26"] .app-canvas{transform:scale(.72);border:1px solid var(--duo-line);border-radius:9px;box-shadow:0 5px 14px rgba(29, 29, 31, 0.125)}.scene[data-chapter="build"][data-sdk="26"] .device-screen,.scene[data-chapter="build"][data-sdk="27"] .device-screen{background:var(--duo-subtle)}.scene[data-chapter="build"][data-sdk="27"] .app-canvas{width:calc(100% - 26px);border-radius:0;border-right:1px solid var(--duo-tertiary)}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .notes-app{padding:32px 0 30px}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .device-topbar{opacity:1;transform:none}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .device-rail{top:auto;width:100%;height:30px;flex-direction:row;align-items:center;justify-content:space-around;padding:3px 16px;border-left:0;border-top:1px solid var(--duo-line)}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .device-rail .camera-dot,.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .device-rail>small{display:none}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .device-rail-bottom,.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) #overflow-toggle{margin:0}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .note-art{height:45px}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .note-content h2{font-size:23px;margin:10px 0}.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .note-content>label,.scene[data-chapter="build"]:is([data-sdk="26"],[data-sdk="27"]) .note-bottom{display:none}
.starter-download{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 36px;padding:30px;background:var(--duo-surface);border:1px solid var(--duo-line);border-radius:8px;margin-top:28px}.starter-download h2{font:normal 29px/1.15 Georgia,serif;letter-spacing:-.6px;margin-bottom:13px}.starter-download>div>p:not(.section-label){font-size:12px;line-height:1.85;color:var(--duo-secondary)}.starter-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:fit-content;padding:13px 16px;border-radius:5px;background:var(--duo-ink);color:var(--duo-white);text-decoration:none;font-size:12px;margin-top:21px}.starter-button:hover{background:var(--duo-ink)}.starter-meta{display:block;font-size:9px;color:var(--duo-secondary);margin-top:10px}.starter-download ol{margin:0;padding-left:19px;display:grid;gap:17px;align-content:center;font-size:12px;line-height:1.8;color:var(--duo-secondary)}.starter-download ol strong{color:var(--duo-ink)}.starter-download code{font-size:10px;overflow-wrap:anywhere}.starter-limit{grid-column:1/-1;font-size:10px;line-height:1.8;color:var(--duo-secondary);border-top:1px solid var(--duo-line);padding-top:15px}
.preview-open{overflow:hidden}.focus-preview{width:min(1060px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);border:1px solid var(--duo-line);border-radius:14px;padding:24px 30px;background:var(--duo-surface);color:var(--duo-ink);box-shadow:0 30px 120px rgba(29, 29, 31, 0.333);overflow:auto}.focus-preview::backdrop{background:rgba(29, 29, 31, 0.4);backdrop-filter:blur(8px)}.focus-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--duo-line);padding-bottom:17px;margin-bottom:21px}.focus-header>div>span{font-size:9px;letter-spacing:1px;color:var(--duo-secondary)}.focus-header h2{font:normal 27px/1.2 Georgia,serif;letter-spacing:-.5px;margin-top:6px}.focus-header button{background:var(--duo-surface);border:1px solid var(--duo-line);padding:10px 15px;border-radius:5px;font-size:12px;color:var(--duo-secondary);min-height:42px}.focus-preview .expand-preview{display:none}.focus-preview .scene{height:500px}.focus-preview .device{zoom:1.5}.focus-preview .scene-callout{font-size:12px;top:20px}.focus-preview .scene-bottom{font-size:10px}.focus-preview .scene-bottom>span:last-child{font-size:10px}.focus-preview .scene-caption>p{font-size:13px}.focus-preview .pose-controls button,.focus-preview .mode-controls button{font-size:12px;padding:10px 18px;min-height:42px}.focus-footnote{font-size:10px;line-height:1.8;color:var(--duo-secondary);border-top:1px solid var(--duo-line);margin-top:18px;padding-top:13px}.focus-preview .control-extra>label{font-size:12px}.focus-preview .sdk-controls button{padding:14px 18px}.focus-preview .sdk-controls button>span{font-size:13px}.focus-preview .sdk-controls small{font-size:11px}#reset-progress-mobile{display:none}
@media(max-width:960px){.try-prompt{margin:0}.starter-download{grid-template-columns:1fr;gap:25px}.starter-download ol{font-size:12px}.focus-preview .device{zoom:1.25}.focus-preview .scene{height:445px}}
@media(max-width:700px){.visual-heading{gap:8px}.visual-heading>span{font-size:7px;letter-spacing:.6px}.expand-preview{font-size:10px;padding:7px 8px;min-height:32px}.exercise-checklist li{font-size:11px}.resume-banner{padding:12px;gap:8px;flex-wrap:wrap}.resume-banner>div{flex-basis:70%}.resume-banner #dismiss-resume{margin-left:auto}.starter-download{padding:22px}.starter-download h2{font-size:27px}.sdk-controls button>span{font-size:10px}.sdk-controls small{font-size:8px}.sdk-controls button{padding:10px 8px}.sdk-explanation{font-size:10px}.focus-preview{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:10px}.focus-header{margin-bottom:16px;padding-bottom:13px;gap:12px}.focus-header h2{font-size:23px}.focus-header button{font-size:11px;padding:9px 11px}.focus-preview .scene{height:430px}.focus-preview .device{zoom:1;width:94%;height:320px;transform:none}.focus-preview .scene[data-pose="outer"] .device{width:90%;max-width:390px;height:310px;transform:none}.focus-preview .scene[data-pose="portrait"] .device{width:83%;height:335px;transform:none}.focus-preview .scene[data-pose="tabletop"] .device{width:96%;height:330px;transform:none}.focus-preview .note-content{padding:22px 17px}.focus-preview .note-content h2{font-size:29px;margin:15px 0}.focus-preview .note-art{height:80px}.focus-preview .scene[data-pose="outer"] .note-content h2{font-size:30px}.focus-preview .scene[data-pose="outer"] .note-art{height:85px}.focus-preview .notes-list{padding:23px 8px}.focus-preview .notes-brand{font-size:11px}.focus-preview .notes-list>button>strong{font-size:9px;white-space:normal}.focus-preview .notes-list>button>span{font-size:8px;white-space:normal}.focus-preview .note-content textarea{font-size:12px;height:65px}.focus-preview .note-meta,.focus-preview .note-content>label,.focus-preview .note-bottom{font-size:8px}.focus-preview .device-rail{gap:13px}.focus-preview .scene[data-pose="outer"] .device-rail{gap:13px}.focus-preview .device-rail>button{min-height:30px}.focus-preview .scene[data-pose="portrait"] .device-rail,.focus-preview .scene[data-pose="tabletop"] .device-rail{gap:5px;height:35px}.focus-preview .scene[data-pose="tabletop"] .note-content{padding:16px}.focus-preview .scene[data-pose="tabletop"] .note-content h2{font-size:21px;margin:7px 0}.focus-preview .scene[data-pose="tabletop"] .note-art{height:60px;top:30px;right:12px}.focus-preview .scene[data-pose="tabletop"] .note-content textarea{font-size:9px;height:40px}.focus-preview .scene-callout{font-size:10px}.focus-preview .scene-bottom{font-size:8px;left:10px;right:10px}.focus-preview .scene-bottom>span:last-child{font-size:8px}.focus-preview .pose-controls button{font-size:11px;padding:9px 11px}.focus-preview .scene-caption>p{font-size:12px}.focus-preview .system-menu{width:180px}.focus-preview .system-menu>strong{font-size:10px}.focus-preview .system-menu>button{font-size:12px;padding:12px 6px}#reset-progress-mobile{display:inline;background:none;font-size:9px;color:var(--duo-secondary);padding:0;min-height:30px}.intro-footnote{align-items:center;flex-wrap:wrap}}
@media(max-width:400px){.try-prompt{margin-top:20px}.focus-preview .device{width:96%}.focus-preview .note-content h2{font-size:25px}.focus-preview .scene[data-pose="portrait"] .note-content h2{font-size:22px}.focus-preview .scene[data-pose="tabletop"] .note-content h2{font-size:18px}.focus-preview .scene[data-pose="tabletop"] .note-content textarea{font-size:8px}}
@media(prefers-reduced-motion:reduce){.app-canvas{transition:none}}
/* Apple Duo's neutral surfaces and blue actions. */
:root{--accent:var(--duo-blue);--muted:var(--duo-secondary);--line:var(--duo-line);background:var(--duo-white);color:var(--duo-ink)}
.learning-rail,.mobile-course,.scene,.focus-preview,.starter-download{background:var(--duo-surface)}
#chapters a[aria-current="step"],.notes-list>button[aria-pressed="true"],.pose-controls button[aria-pressed="true"],.mode-controls button[aria-pressed="true"],.sdk-controls button[aria-pressed="true"],.resume-banner{background:var(--duo-selection);color:var(--duo-link);border-color:#b8d7f5}
.rail-bottom progress::-webkit-progress-value,.visual-heading i,.chapter-footer .next-chapter,#next-question,.starter-button{background:var(--duo-blue);color:white}
.next-chapter:hover,.starter-button:hover{background:#0077ed}
#chapters .chapter-tick,.exercise-checklist li.done,.scene-caption>span,.build-resources a>span,.build-resources a>strong,.code-section summary>span:first-child{color:var(--duo-link)}
.exercise-checklist li.done>span:first-child{background:var(--duo-selection);border-color:#b8d7f5}
.device{border-color:#303033;background:#303033;box-shadow:0 2px 0 1px #86868b,0 17px 32px -12px #1d1d1f50}
.device-screen,.app-canvas,.note-content{background:white}.notes-list,.device-rail,.device-topbar{background:var(--duo-surface)}
.device-rail button,.device-rail-bottom,.note-symbol{color:var(--duo-link)}
.note-art{background:#e6edf4}.paper-one{background:#a8c3da}.paper-two{background:#668aa9}.paper-three{background:#d3e0eb}.note-art>span{color:#355874}.paper-shape{border-color:#6c8aa570}
.scene-grid{background-image:radial-gradient(#86868b40 .65px,transparent .65px)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--duo-blue)}
.scene[data-chapter="build"][data-sdk="26"] .device-screen,.scene[data-chapter="build"][data-sdk="27"] .device-screen{background:var(--duo-subtle)}

/* Mobile reading and touch ergonomics. */
@media (max-width: 700px) {
  .intro-heading > p, .chapter-notes > p { font-size: 15px; line-height: 1.7; }
  .visual-heading > span { font-size: 9px; letter-spacing: .07em; }
  .expand-preview { min-height: 44px; padding: 10px 14px; font-size: 12px; }
  .pose-controls, .mode-controls { gap: 8px; }
  .pose-controls button, .mode-controls button { min-height: 44px; padding: 10px 14px; font-size: 13px; border-color: var(--duo-line); }
  .scene-caption > p, .try-prompt > p, .exercise-checklist li { font-size: 14px; line-height: 1.6; }
  .diagram-disclaimer, .exercise-status { font-size: 11px !important; }
  .try-prompt > span, .section-label { font-size: 10px; }
  .signal-facts dt, .signal-facts dd, .chapter-notes > a { font-size: 13px; }
  .code-section summary, .code-body > p, .code-body > a, .chapter-footer button { font-size: 13px; }
  .code-body pre { font-size: 12px; }
  .intro-footnote { font-size: 10px; }
  #reset-progress-mobile { min-height: 44px; font-size: 11px; }
  .sdk-controls button { min-height: 52px; }
  .sdk-controls button > span { font-size: 12px; }
  .sdk-controls small, .sdk-explanation { font-size: 10px; }
}