/* Shared diagram opt-in view only; existing diagram/lesson selectors are not restyled by default. */
.sd-diagram-view .dv-frame{position:relative;width:100%;overflow:hidden;background:white;outline:1px solid #91a0af}
.sd-diagram-view .dv-canvas{will-change:transform}
.sd-diagram-view button,.sd-diagram-view select{font:inherit;padding:.45rem;margin:.2rem}
.sd-diagram-view fieldset label,.sd-diagram-view .sd-toolbar label{display:inline-flex;align-items:center;gap:.3rem;margin:.3rem}
.sd-diagram-view button:focus-visible,.sd-diagram-view input:focus-visible,.sd-diagram-view .dv-frame:focus-visible,.sd-chosen{outline:3px solid #125bc8;outline-offset:2px}
.sd-status{position:absolute!important;width:1px;height:1px;padding:0;margin:0;top:0;left:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sd-ste-view{grid-area:diagram;width:min(460px,100%);margin:0 auto}
.sd-ste-view .dl-diagram.sd-ste-canvas{position:absolute;inset:0;width:100%!important;height:100%;margin:0;aspect-ratio:auto;will-change:transform}
@media(min-width:760px){body:not(.display-mode) .sd-ste-view{width:max(320px,min(720px,calc(100vh - 150px),calc(100vw - 330px)));margin:0}}