.demo-stage{height:325px;padding:16px 26px 22px;background-color:var(--duo-surface);background-image:linear-gradient(rgba(210, 210, 215, 0.4) 1px,transparent 1px),linear-gradient(90deg,rgba(210, 210, 215, 0.4) 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-device{position:relative;isolation:isolate;background:var(--duo-white);width:100%;height:278px;max-width:640px;border:6px solid var(--duo-line);outline:1px solid var(--duo-tertiary);border-radius:18px;overflow:hidden;box-shadow:0 12px 24px rgba(29, 29, 31, 0.125);transition:width .3s;--region:20px;--bar:31px;--pane-width:37%}.demo-content{display:flex;height:100%;padding-right:var(--bar)}.demo-list{flex:none;width:var(--pane-width);min-width:0;padding:24px 10px;background:var(--duo-surface);border-right:1px solid var(--duo-line)}.demo-list-label,.demo-note-label{font:8px var(--mono);color:var(--duo-secondary);letter-spacing:.6px;display:block;margin-bottom:12px}.demo-list button{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:4px;padding:10px 7px;font-size:10px;line-height:1.3;margin-bottom:4px}.demo-list button[aria-pressed="true"]{background:var(--duo-surface);border-color:var(--duo-line);color:var(--duo-secondary)}.demo-list button small{display:block;font-size:8px;color:var(--duo-secondary);margin-top:4px;line-height:1.5}.demo-list-hint{font-size:10px;color:var(--duo-secondary);line-height:1.5;margin:16px 7px}.demo-detail{flex:1;min-width:0;padding:24px 17px 50px;overflow:auto}.demo-detail h3{font-size:21px;font-weight:550;letter-spacing:-.6px;margin-bottom:15px}.demo-detail label{display:block;font-size:9px;color:var(--duo-secondary);margin-bottom:5px}.demo-detail textarea{width:100%;resize:none;border:1px solid var(--duo-line);border-radius:4px;background:var(--duo-white);color:var(--duo-secondary);font:11px/1.6 var(--sans);padding:8px;min-height:72px}.demo-save{font-size:7px;color:var(--duo-secondary);display:block;margin-top:5px}.demo-sidebar{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:33px;width:var(--bar);background:var(--duo-surface);color:var(--duo-secondary);font-size:14px;z-index:2}.demo-topbar{display:none;height:29px;justify-content:space-between;align-items:center;padding:0 12px;background:var(--duo-surface);color:var(--duo-secondary);font-size:10px}.demo-topbar span{margin-left:auto}.demo-division{display:none;position:absolute;top:0;bottom:0;left:calc(50% - 10px);width:var(--region);background:repeating-linear-gradient(125deg,#6489e84a 0 3px,#d4e1ff88 3px 7px);border:1px dashed #7294df;pointer-events:none;z-index:3}.demo-division span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font:7px var(--mono);color:#325aa7;white-space:nowrap}.demo-camera{display:none;position:absolute;right:2px;top:2px;z-index:4;background:#f3c58888;color:#9d521e;border:1px dashed #c68b3c;border-radius:13px;width:36px;height:28px;text-align:center;line-height:25px;font-size:12px;pointer-events:none}.demo-action{position:absolute;bottom:11px;right:calc(var(--bar) + 12px);border:0;border-radius:5px;padding:9px 12px;background:var(--blue);color:white;font-size:10px;z-index:5;white-space:nowrap;transition:left .2s,right .2s,bottom .2s}.demo-bottom{display:none;position:absolute;bottom:0;left:0;right:0;background:#f4e7e4;color:#916158;padding:9px;text-align:center;font-size:9px;z-index:2}.demo-device[data-compact="true"] .demo-list{display:none}.demo-device[data-surface="book"] .demo-list{width:calc(50% + 26px);padding-right:30px}.demo-device[data-surface="book"] .demo-detail{padding-left:14px}.demo-device[data-surface="book"] .demo-division,.demo-device[data-surface="tabletop"] .demo-division{display:block}.demo-device[data-surface="tabletop"] .demo-topbar{display:flex}.demo-device[data-surface="tabletop"] .demo-sidebar{display:none}.demo-device[data-surface="tabletop"] .demo-content{padding-right:0}.demo-device[data-surface="tabletop"] .demo-list{display:none}.demo-device[data-surface="tabletop"] .demo-detail{padding:10px 16px 0}.demo-device[data-surface="tabletop"] .demo-detail h3{margin-bottom:5px;font-size:16px}.demo-device[data-surface="tabletop"] .demo-note-label{display:none}.demo-device[data-surface="tabletop"] .demo-detail textarea{height:45px;min-height:45px}.demo-device[data-surface="tabletop"] .demo-save{display:none}.demo-device[data-surface="tabletop"] .demo-division{left:0;right:0;top:55%;bottom:auto;width:100%;height:20px}.demo-device[data-surface="tabletop"] .demo-division span{transform:translate(-50%,-50%)}.demo-device[data-surface="tabletop"] .demo-action{right:18px;bottom:25px}.demo-device[data-camera="true"] .demo-camera,.demo-device[data-surface="outer"] .demo-camera{display:block}.demo-device[data-camera="true"] .demo-detail{padding-top:34px}.demo-device[data-surface="tabletop"][data-camera="true"] .demo-detail{padding-top:10px}.demo-device[data-regions="false"] .demo-division{opacity:0}.demo-device[data-regions="false"] .demo-camera{background:transparent;border-color:transparent}.demo-device[data-mode="fragile"] .demo-content{width:620px;min-width:620px;padding:0}.demo-device[data-mode="fragile"] .demo-list{display:block;width:220px;padding-right:10px}.demo-device[data-mode="fragile"] .demo-detail{padding-left:17px}.demo-device[data-mode="fragile"] .demo-sidebar,.demo-device[data-mode="fragile"] .demo-topbar{display:none}.demo-device[data-mode="fragile"] .demo-bottom{display:block}.demo-device[data-mode="fragile"] .demo-action{left:50%;right:auto;transform:translateX(-50%);bottom:48px;background:#b44737}.demo-device[data-mode="fragile"][data-surface="tabletop"] .demo-action{top:calc(55% - 7px);bottom:auto}.demo-device[data-mode="fragile"] .demo-camera{right:auto;left:calc(50% - 18px)}
.demo-device[data-surface="book"][data-compact="true"] .demo-content{padding-right:calc(50% + 10px)}
.demo-device[data-surface="book"][data-compact="true"] .demo-action{left:10px;right:auto;padding-left:6px;padding-right:6px}
.demo-device[data-mode="fragile"][data-surface="book"][data-compact="true"] .demo-action{left:50%;right:auto}
.demo-device[data-mode="fragile"] .demo-camera{left:auto;right:2px}
/* Workspace */
.lab-page{background:var(--duo-white)}.lab-page [hidden]{display:none!important}.lab-layout{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1680px;margin:auto;min-height:calc(100vh - 62px)}.course-rail{background:var(--duo-surface);border-right:1px solid var(--line);padding:32px 18px;display:flex;flex-direction:column}.course-title{padding:0 12px 30px}.course-title>span{font-size:11px;color:var(--duo-secondary)}.course-title h2{font-size:17px;letter-spacing:-.3px;margin:8px 0}.course-title p{font-size:12px;color:var(--duo-secondary);line-height:1.65;margin:0}.rail-label{font-size:10px;color:var(--duo-secondary);padding:0 12px;margin-bottom:12px}.chapter-nav{display:flex;flex-direction:column;gap:4px}.chapter-nav button{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:5px;text-align:left;padding:11px 12px;font-size:12px;color:var(--duo-secondary);min-height:40px}.chapter-nav button>span{font:10px var(--mono);color:var(--duo-secondary);width:18px;flex:none}.chapter-nav button:hover{background:var(--duo-surface)}.chapter-nav button[aria-current="step"]{background:var(--duo-surface);color:var(--duo-ink);font-weight:600}.chapter-nav button[aria-current="step"]>span{color:var(--duo-secondary)}.chapter-nav button[data-complete="true"]>span{color:var(--duo-secondary)}.course-progress{padding:28px 12px 22px}.course-progress progress{width:100%;height:3px;appearance:none;display:block;border:0;background:var(--duo-subtle);border-radius:3px;margin-bottom:11px}.course-progress progress::-webkit-progress-bar{background:var(--duo-subtle);border-radius:3px}.course-progress progress::-webkit-progress-value{background:var(--duo-blue);border-radius:3px}.course-progress>span{font-size:10px;color:var(--duo-secondary);display:block;line-height:1.5}.quiet-button{border:0;background:none;padding:9px 0;font-size:11px;color:var(--duo-secondary)}.quiet-button:hover{color:var(--duo-ink)}.quiet-button:disabled{opacity:.4}.rail-resources{margin-top:auto;padding:30px 12px 0;border-top:1px solid var(--duo-line)}.rail-resources>a{font-size:11px;text-decoration:none;display:flex;justify-content:space-between;line-height:1.5;gap:5px;margin-bottom:15px;color:var(--duo-secondary)}.rail-resources>a:hover{color:var(--duo-ink)}.rail-resources details{font-size:11px;color:var(--duo-secondary);margin-top:24px}.rail-resources summary{cursor:pointer}.rail-resources p{font-size:11px;line-height:1.7}.lesson-workspace{padding:0 32px;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0 20px}.workspace-heading h1{font-size:14px;letter-spacing:-.2px;margin:0}.workspace-heading>span{font-size:11px;color:var(--duo-secondary)}.lesson-brief{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:28px 0;align-items:start}.lesson-brief .eyebrow{font:10px var(--mono);color:var(--duo-secondary);margin-bottom:12px;letter-spacing:.3px}.lesson-brief h2{font-size:27px;line-height:1.18;letter-spacing:-.7px;margin:0 0 11px}.lesson-brief>div>p:last-child{font-size:12px;line-height:1.75;color:var(--duo-secondary);margin:0;max-width:610px}.try-card{padding:0 0 0 20px;border-left:2px solid var(--duo-line);margin-top:2px}.try-card>span{font-size:11px;font-weight:600;color:var(--duo-ink)}.try-card>p{font-size:12px;line-height:1.7;margin:8px 0 12px;color:var(--duo-secondary)}.try-card>div{font-size:10px;line-height:1.5;color:var(--duo-secondary)}.try-card .done{color:var(--duo-secondary)}.workbench{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);border:1px solid var(--duo-line);border-radius:7px;overflow:hidden;scroll-margin-top:80px}.playground,.inspector{min-width:0;background:var(--duo-white)}.playground{border-right:1px solid var(--duo-line)}.panel-heading{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--duo-line);font-size:11px;font-weight:600;color:var(--duo-secondary)}.panel-heading i{display:none}.panel-heading>span:last-child{font-size:10px;font-weight:400;color:var(--duo-secondary)}.surface-picker{display:flex;justify-content:center;gap:4px;padding:13px 16px;background:var(--duo-surface)}.surface-picker button{font-size:11px;background:transparent;border:1px solid transparent;border-radius:4px;flex:1;max-width:100px;min-height:31px;padding:6px;color:var(--duo-secondary)}.surface-picker button[aria-pressed="true"]{background:var(--duo-white);color:var(--duo-ink);border-color:var(--duo-line);box-shadow:0 1px 2px rgba(29, 29, 31, 0.063)}.surface-picker button:hover{color:var(--duo-ink)}.demo-stage{height:330px;padding:18px 25px 30px;background:var(--duo-surface);background-image:none}.demo-device{height:278px;border:5px solid var(--duo-line);outline:1px solid var(--duo-line);box-shadow:0 9px 20px rgba(29, 29, 31, 0.063),0 1px 2px rgba(29, 29, 31, 0.063);border-radius:17px;max-width:680px}.demo-list{background:var(--duo-surface);border-color:var(--duo-line)}.demo-list-label,.demo-note-label{color:var(--duo-secondary);font-size:8px;letter-spacing:.3px}.demo-list button{font-size:11px;padding:10px 7px;color:var(--duo-secondary)}.demo-list button[aria-pressed="true"]{background:var(--duo-subtle);border-color:var(--duo-line);color:var(--duo-ink)}.demo-list button small{font-size:8px;color:var(--duo-secondary)}.demo-list-hint{color:var(--duo-secondary)}.demo-detail h3{font-size:20px;letter-spacing:-.55px;color:var(--duo-ink)}.demo-detail label{font-size:9px;color:var(--duo-secondary)}.demo-detail textarea{background:var(--duo-white);border-color:var(--duo-line);color:var(--duo-secondary);font-size:11px}.demo-save{color:var(--duo-secondary)}.demo-sidebar,.demo-topbar{background:var(--duo-surface);color:var(--duo-secondary)}.demo-sidebar{gap:17px}.demo-sidebar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.demo-action{background:var(--duo-blue);font-size:10px;padding:8px 11px;border-radius:4px}.demo-division{background:repeating-linear-gradient(125deg,#c7ab6944 0 2px,#f1ead566 2px 6px);border-color:#baa572}.demo-division span{color:#998454;font-size:6px}.demo-camera{background:#e9dbc277;border-color:#b8a276;color:#93835f}.demo-feedback{border-top:1px solid var(--duo-line);padding:12px 18px;font-size:11px;color:var(--duo-secondary);background:var(--duo-white);line-height:1.65;min-height:59px}.demo-feedback[data-problem="true"]{background:#fcf7f2;color:#a17550;border-color:#ede1d3}.implementation-picker{display:flex;align-items:center;padding:13px 18px 0;gap:3px}.implementation-picker:before{content:"Implementation";font-size:10px;color:var(--duo-secondary);margin-right:auto}.implementation-picker button{border:1px solid var(--duo-line);background:var(--duo-white);font-size:10px;padding:6px 11px;border-radius:3px;color:var(--duo-secondary);min-width:68px}.implementation-picker button[aria-pressed="true"]{background:var(--duo-ink);border-color:var(--duo-ink);color:var(--duo-white)}.implementation-picker #fragile-mode[aria-pressed="true"]{background:#88664f;border-color:#88664f}.implementation-picker span{display:none}.implementation-note{font-size:10px;line-height:1.6;color:var(--duo-secondary);margin:8px 18px 12px}.lab-controls{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;border-top:1px solid var(--duo-line);padding:15px 18px}.width-control label{font-size:11px;display:flex;justify-content:space-between;gap:8px;color:var(--duo-secondary)}.width-control output{font:10px var(--mono);color:var(--duo-secondary)}.width-control input{width:100%;margin:12px 0 5px;accent-color:var(--duo-blue);height:3px}.width-control small{font-size:9px;color:var(--duo-secondary);line-height:1.5;display:block;margin-top:7px}.control-toggles{display:flex;flex-direction:column;gap:11px;padding-top:1px}.control-toggles label{font-size:10px;color:var(--duo-secondary);display:flex;align-items:center;gap:6px}.control-toggles input{accent-color:var(--duo-blue);margin:0}.control-toggles label:has(input:disabled){opacity:.5}.inspector-tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid var(--duo-line);height:57px;align-items:stretch}.inspector-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--duo-secondary);padding:0 2px;font-size:11px}.inspector-tabs button[aria-selected="true"]{border-color:var(--duo-tertiary);color:var(--duo-ink)}.inspector [role="tabpanel"]{padding:0 19px 20px}.signal-list{margin:6px 0 21px}.signal-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--duo-line);font-size:10px;line-height:1.55}.signal-list dt{color:var(--duo-secondary);font-family:var(--sans)}.signal-list dd{margin:0;text-align:right;max-width:62%;color:var(--duo-secondary);overflow-wrap:anywhere}.decision-card{padding:0;margin-top:22px;background:transparent}.decision-card>span,.ownership span{font-size:10px;color:var(--duo-secondary)}.decision-card h3{font-size:15px;font-weight:500;letter-spacing:-.3px;line-height:1.45;color:var(--duo-secondary);margin:8px 0}.decision-card p,.ownership p{font-size:11px;line-height:1.75;color:var(--duo-secondary);margin:0}.ownership{margin-top:24px}.ownership>div+div{margin-top:17px}.ownership p{margin-top:6px}.snippet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;font:10px var(--mono);color:var(--duo-secondary)}.snippet-heading button{font:10px var(--sans);border:1px solid var(--duo-line);background:var(--duo-white);border-radius:3px;padding:5px 8px;color:var(--duo-secondary)}.inspector pre{font:11px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--duo-line);background:var(--duo-surface);color:var(--duo-secondary);border-radius:4px;padding:16px;margin:0}.snippet-note,.trace-note{font-size:10px;line-height:1.75;color:var(--duo-secondary);margin:16px 0}.inspector .text-link{font-size:11px;color:var(--duo-secondary)}.event-trace{list-style:none;padding:0;margin:0;max-height:470px;overflow:auto}.event-trace li{border-left:1px solid var(--duo-line);margin-left:5px;padding:2px 0 18px 14px;font-size:11px;line-height:1.65;color:var(--duo-secondary);position:relative}.event-trace li:before{content:"";position:absolute;width:5px;height:5px;left:-3px;top:7px;border-radius:50%;background:var(--duo-tertiary)}.event-trace small{display:block;font:9px var(--mono);color:var(--duo-secondary);margin-bottom:5px}.takeaway{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.takeaway>span{flex:none;font-size:11px;color:var(--duo-secondary);padding-top:3px}.takeaway p{font-size:12px;line-height:1.75;color:var(--duo-secondary);margin:0;max-width:950px}.lesson-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:15px}.lesson-footer>a{font-size:11px;color:var(--duo-secondary);text-decoration:none}.lesson-footer .button{border:0;font-size:11px;padding:11px 14px}.challenge{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:26px 0;border-bottom:1px solid var(--line)}.challenge h2{font-size:23px;line-height:1.2}.challenge p{font-size:12px;color:var(--duo-secondary);line-height:1.7}.challenge .eyebrow{margin-bottom:12px}.answer-list{display:flex;flex-direction:column;gap:8px}.answer-list button{text-align:left;background:var(--duo-white);border:1px solid var(--duo-line);color:var(--duo-secondary);border-radius:4px;padding:12px;font-size:11px;line-height:1.65}.answer-list button[aria-pressed="true"]{background:var(--duo-surface);border-color:var(--duo-line);color:var(--duo-secondary)}.answer-list p{margin:8px 0}.completion{border-top:1px solid var(--line);padding:30px 0}.completion h2{font-size:26px}.completion p{font-size:13px;color:var(--duo-secondary);max-width:760px}.lab-footer{border-top:1px solid var(--line);font-size:10px;color:var(--duo-secondary);padding:20px 0 24px;display:flex;justify-content:space-between;gap:20px}.lab-footer a{text-decoration:none;color:var(--duo-secondary)}
@media(min-width:1550px){.lesson-workspace{padding:0 42px}.demo-stage{height:360px}.demo-device{height:300px}.lesson-brief{padding:32px 0}}
@media(max-width:1200px){.lab-layout{grid-template-columns:190px minmax(0,1fr)}.course-rail{padding-left:12px;padding-right:12px}.course-title{padding-left:8px;padding-right:8px}.course-title h2{font-size:16px}.lesson-workspace{padding:0 24px}.lesson-brief{gap:24px}.lesson-brief h2{font-size:25px}.workbench{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.demo-stage{padding-left:15px;padding-right:15px}.lab-controls{grid-template-columns:1fr;gap:15px}.control-toggles{flex-direction:row;flex-wrap:wrap;gap:14px}.demo-detail h3{font-size:18px}.demo-list button{font-size:10px}}
@media(max-width:1050px){.workbench{grid-template-columns:1fr}.playground{border-right:0}.inspector{border-top:1px solid var(--line)}.inspector-tabs{height:45px}.inspector [role="tabpanel"]{padding:0 22px 23px}.signal-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin-bottom:20px}.ownership{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ownership>div+div{margin:0}.decision-card{margin-top:15px}.lab-controls{grid-template-columns:1.1fr 1fr;gap:22px}.control-toggles{flex-direction:column;gap:11px}.demo-stage{height:330px}.demo-device{max-width:600px}.lesson-brief{grid-template-columns:1fr;gap:18px}.try-card{padding:0 0 0 16px}.lesson-brief>div>p:last-child{max-width:none}}
@media(max-width:760px){.lab-layout{display:block}.course-rail{padding:19px 20px 15px;border-right:0;border-bottom:1px solid var(--line)}.course-title{display:flex;gap:10px;align-items:baseline;padding:0 0 16px}.course-title>span{font-size:12px}.course-title h2{font-size:14px;margin:0}.course-title p,.rail-label,.rail-resources{display:none}.chapter-nav{flex-direction:row;overflow-x:auto;gap:5px;padding:2px 1px 5px}.chapter-nav button{flex:none;font-size:11px;padding:9px 10px;min-height:35px;gap:6px}.chapter-nav button>span{font-size:9px;width:15px}.course-progress{padding:10px 0 0;display:flex;gap:12px;align-items:center}.course-progress progress{width:50px;margin:0;height:3px}.course-progress>span{font-size:10px}.course-progress .quiet-button{margin-left:auto;padding:4px 0;font-size:10px}.lesson-workspace{padding:0 20px}.workspace-heading{padding:20px 0 17px}.workspace-heading h1{font-size:13px}.workspace-heading>span{font-size:10px}.lesson-brief{padding:23px 0;gap:18px}.lesson-brief h2{font-size:26px;line-height:1.2}.lesson-brief .eyebrow{font-size:9px;margin-bottom:9px}.lesson-brief>div>p:last-child{font-size:12px}.try-card>p{font-size:12px;margin-bottom:8px}.try-card>div{font-size:10px}.takeaway{display:block;padding:20px 0}.takeaway>span{display:block;margin-bottom:9px}.lesson-footer{flex-wrap:wrap}.lesson-footer>a{order:3;width:100%;text-align:center;margin-top:4px}.lab-footer{display:block;line-height:1.7}.lab-footer>a{display:block;margin-top:6px}.challenge{grid-template-columns:1fr;gap:15px}.challenge h2{font-size:23px}.challenge p{margin-bottom:0}}
@media(max-width:480px){.demo-stage{height:304px;padding:18px 10px 24px}.demo-device{height:262px;border-width:4px;border-radius:12px}.demo-list{padding-left:6px;padding-right:6px}.demo-list button{font-size:9px;padding:9px 4px}.demo-list button small{font-size:7px}.demo-list-label{font-size:6px}.demo-list-hint{font-size:8px;margin-left:4px}.demo-detail{padding-left:10px;padding-right:10px}.demo-detail h3{font-size:16px}.demo-save{font-size:7px}.demo-action{font-size:9px;padding:8px}.surface-picker{gap:0;padding:10px 9px}.surface-picker button{font-size:10px}.panel-heading{padding:0 13px;height:39px}.panel-heading>span:last-child{font-size:9px}.demo-feedback{padding:11px 13px;font-size:11px;min-height:65px}.implementation-picker{padding-left:13px;padding-right:13px}.implementation-note{margin-left:13px;margin-right:13px;font-size:10px}.lab-controls{grid-template-columns:1fr;padding:13px;gap:15px}.control-toggles{flex-direction:row;gap:16px}.signal-list{grid-template-columns:1fr}.ownership{grid-template-columns:1fr;gap:17px}.inspector [role="tabpanel"]{padding:0 17px 20px}.inspector-tabs{padding:0 15px}.demo-device[data-surface="book"][data-compact="true"] .demo-detail{padding-left:7px;padding-right:7px}.demo-device[data-surface="book"][data-compact="true"] .demo-note-label{font-size:6px}.chapter-nav button{min-height:38px}}

.signal-list>div{font-size:11px}.signal-list dt{font-size:11px}.decision-card p,.ownership p{font-size:12px}.decision-card h3{font-size:16px}.snippet-note,.trace-note{font-size:11px}.demo-list-label,.demo-note-label{color:var(--duo-secondary)}.demo-save{color:var(--duo-secondary)}.width-control small{color:var(--duo-secondary)}.course-progress>span{color:var(--duo-secondary)}

@media(max-width:760px){.surface-picker button{min-height:38px}.implementation-picker button{min-height:36px}.control-toggles label{min-height:26px}.snippet-heading button{min-height:32px}}
.implementation-picker button[aria-pressed="true"],.demo-action{background:var(--duo-blue);border-color:var(--duo-blue);color:white}
.course-progress progress::-webkit-progress-value{background:var(--duo-blue)}
.chapter-nav button[aria-current="step"]{background:var(--duo-selection);color:var(--duo-link)}