.studio-header,.studio-rail,.avatar,.view-caption,.profile,.graph-tabs,.callout circle{display:none!important}
.step-number:not(.base-state .step-number){opacity:.1!important;right:5vw}
.callout-label{right:5vw!important;left:auto!important;text-align:right;margin:0;transform:none!important;width:min(310px,24vw)}

.hover-list{left:6vw;top:34vh;width:28vw;pointer-events:none}
.hover-list p{line-height:1.35}
@media(max-width:760px){.stage{transform:translateX(-16vw) scale(.67);transform-origin:50% 50%}.copy,.base-state .copy{left:5vw;top:8vh}.hover-list{display:block;left:5vw;top:7vh;width:85vw}.hover-list[hidden]{display:none}.hover-list p{font-size:14px;margin:4px 0}.callout-label{width:40vw;max-width:40vw;font-size:12px;line-height:1.3}.step-number{left:auto!important;right:4vw}.base-state .callout-label{display:none}}

body[data-view="layers"] .copy,body[data-view="layers"].base-state .copy{visibility:visible;left:clamp(18px,4vw,72px);top:clamp(18px,5vh,60px)}
body[data-view="layers"] .hover-list{left:clamp(18px,4vw,72px);top:max(28vh,160px)}
.callout path,.callout circle{stroke:white;fill:none;opacity:1;stroke-width:1}.callout circle{display:block!important}.step-number{opacity:.1!important}
.lesson-caption{position:fixed;left:clamp(18px,4vw,72px);bottom:26px;color:var(--muted);font:300 14px/1.25 Roboto,sans-serif;pointer-events:none}
#lesson-workflow{position:fixed;inset:0 0 82px;width:100%;height:calc(100dvh - 82px);border:0;background:#101111;z-index:30}
.workflow-open .stage,.workflow-open .zoom-controls,.workflow-open .lesson-caption{visibility:hidden}
body[data-view="graph"] .transport{z-index:42}body[data-view="graph"] .back-button{display:flex}
@media(max-width:760px){body[data-view="layers"] .hover-list{top:max(20vh,128px)}.lesson-caption{bottom:12px;font-size:12px}body[data-view="graph"] .stage{transform:none}body.workflow-open .transport{bottom:18px}}

body[data-view="layers"] .copy h1{display:block!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;opacity:1!important;visibility:visible!important}
body[data-view="layers"] .hero-vector{display:none!important}
body[data-view="layers"] .copy{opacity:1!important;filter:none!important;transform:none!important}
body[data-view="layers"] .step-number{opacity:.1!important;color:transparent!important;-webkit-text-stroke:1px var(--muted)!important;filter:none!important}
body:not([data-view="graph"]) .studio-rail{display:flex!important}
#lesson-workflow{transition:opacity .12s ease-in-out}
body[data-view="map"] .stage{transform:none}
@media(min-width:761px){body[data-view="layers"] .hover-list{left:max(100px,8vw)}}
@media(max-width:760px){.studio-rail{top:auto!important;bottom:8px!important;left:50%!important}.lesson-caption{bottom:58px}.map-page .lesson-caption{display:none}}
@media(prefers-reduced-motion:reduce){#lesson-workflow{transition:none}}
@media(min-width:761px){body:not([data-view="graph"]) .studio-rail{flex-direction:column}}

#lesson-workflow[hidden][src]{display:block!important;visibility:hidden;pointer-events:none}