@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);min-width:200px;max-width:100%;text-shadow:none;z-index:0;direction:ltr;flex-direction:column;align-items:center;transition:box-shadow .3s;display:flex;position:relative}.plyr audio,.plyr iframe,.plyr video{width:100%;height:100%;display:block}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);padding:3px 4px;line-height:1}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{font-size:13px;font-size:var(--plyr-font-size-small,13px);padding:10px;padding:var(--plyr-control-spacing,10px);text-align:center;width:100%;transition:transform .4s ease-in-out;animation:.3s plyr-fade-in;display:none;position:absolute;bottom:0;left:0}.plyr__captions span:empty{display:none}@media (width>=480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media (width>=768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--plyr-captions-text-color,#fff);white-space:pre-wrap;border-radius:4px;padding:.2em .5em;line-height:185%}.plyr__caption div{display:inline}.plyr__control{border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);background:0 0;border:0;flex-shrink:0;transition:all .1s ease-in-out;position:relative;overflow:visible}.plyr__control svg{fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px);display:block}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{text-align:center;justify-content:flex-end;align-items:center;display:flex}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);text-align:left;white-space:nowrap;z-index:3;margin-bottom:10px;animation:.2s plyr-popup;position:absolute;bottom:100%;right:-3px}.plyr__menu__container>div{transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);width:0;position:absolute;top:100%}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{color:var(--plyr-menu-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex}.plyr__menu__container .plyr__control>span{align-items:inherit;width:100%;display:flex}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2);position:relative}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);position:absolute;top:100%;left:0;right:0;overflow:hidden}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{content:"";height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);background:#0000001a;flex-shrink:0;width:16px;transition:all .3s;display:block}.plyr__menu__container .plyr__control[role=menuitemradio]:after{opacity:0;background:#fff;border:0;width:6px;height:6px;transition:transform .3s,opacity .3s;top:50%;left:12px;transform:translateY(-50%)scale(0)}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%)scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none;align-items:center;display:flex;overflow:hidden}.plyr--full-ui input[type=range]{appearance:none;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));background:0 0;border:0;width:100%;min-width:0;margin:0;padding:0;transition:box-shadow .3s;display:block}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-user-select:none;user-select:none;border:0;transition:box-shadow .3s}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);width:13px;width:var(--plyr-range-thumb-height,13px);border:0;border-radius:100%;transition:all .2s;position:relative}.plyr--full-ui input[type=range]::-moz-range-track{border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-user-select:none;user-select:none;background:0 0;border:0;transition:box-shadow .3s}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);width:13px;width:var(--plyr-range-thumb-height,13px);border:0;border-radius:100%;transition:all .2s;position:relative}.plyr--full-ui input[type=range]::-moz-range-progress{border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);background:currentColor}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper{border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-user-select:none;user-select:none;background:0 0;border:0;transition:box-shadow .3s}.plyr--full-ui input[type=range]::-ms-track{border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-user-select:none;user-select:none;background:0 0;border:0;transition:box-shadow .3s}.plyr--full-ui input[type=range]::-ms-fill-lower{border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-user-select:none;user-select:none;background:currentColor;border:0;transition:box-shadow .3s}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);width:13px;width:var(--plyr-range-thumb-height,13px);border:0;border-radius:100%;margin-top:0;transition:all .2s;position:relative}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));opacity:0;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (width<=767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;transform-origin:50% 100%;white-space:nowrap;z-index:2;line-height:1.3;transition:transform .2s .1s,opacity .2s .1s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,10px)scale(.8)}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";z-index:2;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%)scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{transform-origin:0 100%;left:0;transform:translateY(10px)scale(.8)}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{transform-origin:100% 100%;left:auto;right:0;transform:translateY(10px)scale(.8)}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0)scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{z-index:2;position:relative}.plyr__progress .plyr__tooltip{overflow-wrap:break-word;max-width:120px;left:0}.plyr__progress__buffer{-webkit-appearance:none;height:5px;height:var(--plyr-range-track-height,5px);margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height,5px)/2*-1);background:0 0;border:0;border-radius:100px;padding:0;position:absolute;top:50%;left:0}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{min-width:5px;min-width:var(--plyr-range-track-height,5px);background:currentColor;border-radius:100px;transition:width .2s}.plyr__progress__buffer::-moz-progress-bar{min-width:5px;min-width:var(--plyr-range-track-height,5px);background:currentColor;border-radius:100px;transition:width .2s}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s}.plyr--loading .plyr__progress__buffer{background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0 50%,#23282f99 0 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000;animation:1s linear infinite plyr-progress}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);height:5px;height:var(--plyr-range-track-height,5px);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3;border-radius:1px;position:absolute;top:50%;transform:translate(-50%,-50%)}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);z-index:2;min-width:60px;max-width:90px;position:relative}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;width:100%;height:100%;margin:auto;position:relative;overflow:hidden}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.2813%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:var(--plyr-video-control-color,#fff);padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);z-index:3;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:absolute;bottom:0;left:0;right:0}@media (width>=480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:var(--plyr-video-control-color,#fff);opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);z-index:2;border:0;border-radius:100%;transition:all .3s;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plyr__control--overlaid svg{position:relative;left:2px}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;width:100%;height:100%;margin:0;border-radius:0!important}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (width>=1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{z-index:10000000;background:#000;width:100%;height:100%;margin:0;position:fixed;inset:0;border-radius:0!important}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (width>=1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;z-index:-1;position:absolute;inset:0;overflow:hidden}.plyr__ads>div,.plyr__ads>div iframe{width:100%;height:100%;position:absolute}.plyr__ads:after{bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);pointer-events:none;right:10px;right:var(--plyr-control-spacing,10px);z-index:3;background:#23282f;border-radius:2px;padding:2px 6px;font-size:11px;position:absolute}.plyr__ads:empty:after{display:none}.plyr__cues{height:5px;height:var(--plyr-range-track-height,5px);opacity:.8;z-index:3;background:currentColor;width:3px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;pointer-events:none;transform-origin:50% 100%;z-index:2;padding:3px;transition:transform .2s .1s,opacity .2s .1s;position:absolute;bottom:100%;transform:translateY(10px)scale(.8)}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0)scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));z-index:2;width:0;position:absolute;transform:translate(-50%)}.plyr__preview-thumb__image-container{border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);z-index:0;background:#c1c8d1;position:relative;overflow:hidden}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{width:100%;height:100%;position:absolute;top:0;left:0}.plyr__preview-thumb__image-container:after{border-radius:inherit;content:"";pointer-events:none;box-shadow:inset 0 0 0 1px #00000026}.plyr__preview-thumb__image-container img{max-width:none;max-height:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);z-index:3;padding:20px 6px 6px;line-height:1.1;position:absolute;bottom:0;left:0;right:0}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;margin:auto;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;position:absolute;top:0;left:0}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.plyr [hidden]{display:none!important}
/*$vite$:1*/
/* Protected asset operations */

#lesson-dialog .atlas-reader-content .course-lesson-video {
  margin: 0 0 32px;
  width: 100%;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__frame {
  overflow: hidden;
  border: 1px solid #2c2925;
  border-radius: 8px;
  background: #171412;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__player,
#lesson-dialog .atlas-reader-content .course-lesson-video__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #171412;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__player video,
#lesson-dialog .atlas-reader-content .course-lesson-video__player iframe {
  display: block;
  width: 100%;
  height: 100%;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__frame .plyr {
  width: 100%;
  height: 100%;
  --plyr-color-main: #d97757;
  --plyr-video-control-color: #fff;
  --plyr-video-control-color-hover: #141413;
  --plyr-video-control-background-hover: #f0eee6;
  --plyr-menu-background: #f7f5ef;
  --plyr-menu-color: #141413;
  --plyr-control-radius: 6px;
  --plyr-menu-radius: 8px;
  --plyr-range-thumb-height: 14px;
  --plyr-tooltip-background: #f7f5ef;
  --plyr-tooltip-color: #141413;
  font-family: var(--font-open-sans), "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__frame .plyr__video-wrapper,
#lesson-dialog .atlas-reader-content .course-lesson-video__frame .plyr video {
  width: 100%;
  height: 100%;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__frame .plyr__control:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-lesson-video__placeholder {
  display: grid;
  place-items: center;
  color: #f7f0e8;
  font-size: 15px;
}

#lesson-dialog .atlas-reader-content .course-lesson-image {
  margin: 0 0 32px;
  width: 100%;
}

#lesson-dialog .atlas-reader-content .course-lesson-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-lesson-image__placeholder {
  display: grid;
  min-height: 180px;
  margin: 0 0 32px;
  place-items: center;
  border: 1px solid #d8d2c8;
  border-radius: 8px;
  background: #f7f2ea;
  color: #6a6358;
  font-size: 15px;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads {
  margin: 32px 0 40px;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads .sj-text-downloads {
  margin: 0 0 8px;
  color: #141413;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 27.6px;
  letter-spacing: -0.48px;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads li {
  display: block;
  margin: 0;
  color: #141413;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.08px;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads li + li {
  margin-top: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  color: #141413;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.08px;
  text-decoration: none;
  background: rgba(25, 25, 25, 0.1);
  border: 1px solid transparent;
  border-radius: 4px;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads a:hover {
  background: rgba(25, 25, 25, 0.14);
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads a:focus-visible {
  background: rgba(25, 25, 25, 0.14);
  border-color: #141413;
  outline: 2px solid rgba(20, 20, 19, 0.28);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #2a2a2a;
}

#lesson-dialog .atlas-reader-content .course-text-content .lesson-downloads-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  width: 100%;
  height: 80vh;
  margin: 16px 0 32px;
  color: #191919;
  font-family: "Copernicus", Georgia, serif;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough *,
#lesson-dialog .atlas-reader-content .course-code-walkthrough *::before,
#lesson-dialog .atlas-reader-content .course-code-walkthrough *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough button {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__nav {
  display: flex;
  min-width: 0;
  padding: 20px;
  flex-direction: column;
  background: #f0eee6;
  border-radius: 8px;
  overflow: hidden;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__steps {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scroll-behavior: smooth;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step {
  margin: 0 0 8px;
  overflow: hidden;
  background: #e5e2d9;
  border-radius: 4px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step.is-active {
  margin-bottom: 16px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-button {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 12px 40px 12px 16px;
  color: #191919;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: left;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #191919;
  transform: translateY(-50%);
  transition: transform 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step.is-active .course-code-walkthrough__step-button {
  background: #b8b5a6;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step.is-active .course-code-walkthrough__step-button::after {
  transform: translateY(-50%) rotate(90deg);
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-button:hover,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-button:focus-visible {
  background: #d1cfc5;
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-button:focus-visible,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__control:focus-visible,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__file:focus-visible,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle:focus-visible,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-main:focus-visible,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-close:focus-visible {
  box-shadow: inset 0 0 0 2px #5e5b4e;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy {
  padding: 16px;
  color: #5e5b4e;
  background: #faf9f6;
  font-family: "Copernicus", Georgia, serif;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy p,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy li {
  margin: 0 0 12px;
  color: #5e5b4e;
  font-family: Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy p:last-child,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy li:last-child {
  margin-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy ul {
  margin: 0;
  padding-left: 20px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy code {
  padding: 2px 4px;
  color: #2c2b25;
  background: #e5e2d9;
  border-radius: 3px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__controls {
  display: flex;
  gap: 10px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #d1cfc5;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__control {
  flex: 1 1 0;
  padding: 10px 16px;
  color: #faf9f6;
  background: #5e5b4e;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__control:hover:not(:disabled) {
  background: #7c7968;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__control:disabled {
  color: #7c7968;
  background: #d1cfc5;
  cursor: not-allowed;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__mobile-files-trigger {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__editor-shell {
  display: flex;
  min-width: 0;
  overflow: hidden;
  background: #faf9f6;
  border: 1px solid #d1cfc5;
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__files {
  display: flex;
  width: 15%;
  min-width: 180px;
  max-width: 200px;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  background: #f0eee6;
  border-right: 1px solid #e5e2d9;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__files-backdrop {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__files-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px 11px;
  color: #5e5b4e;
  background: #e5e2d9;
  border-bottom: 1px solid #d1cfc5;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__files-close {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__file-list {
  padding: 8px 0;
  overflow-y: auto;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__file,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle {
  --tree-depth: 0;
  display: flex;
  width: 100%;
  height: 26px;
  align-items: center;
  gap: 6px;
  padding: 3px 8px 3px calc(8px + (var(--tree-depth) * 14px));
  color: #5e5b4e;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12.5px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: left;
  transition: background 120ms ease, color 120ms ease;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle {
  font-weight: 500 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-chevron,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-spacer {
  display: inline-flex;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  align-items: center;
  justify-content: center;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-chevron {
  color: #7c7968;
  transform: rotate(0deg);
  transition: transform 120ms ease, color 120ms ease;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle[aria-expanded="true"] .course-code-walkthrough__tree-chevron {
  color: #5e5b4e;
  transform: rotate(90deg);
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-icon {
  flex: 0 0 auto;
  color: #7c7968;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__file:hover,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle:hover {
  background: #e5e2d9;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle.has-active-file {
  color: #2c2b25;
  background: rgba(209, 207, 197, 0.48);
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle.has-active-file .course-code-walkthrough__tree-icon {
  color: #5e5b4e;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__file.is-active {
  color: #191919;
  background: #d1cfc5;
  font-weight: 600 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__file.is-active .course-code-walkthrough__tree-icon {
  color: #2c2b25;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__editor {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tabs {
  display: flex;
  height: 35px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #f0eee6;
  border-bottom: 1px solid #d1cfc5;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab {
  display: flex;
  flex: 0 0 auto;
  min-width: 0;
  color: #7c7968;
  border-right: 1px solid #e5e2d9;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab.is-active {
  color: #191919;
  background: #faf9f6;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-main,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-main {
  min-width: 0;
  padding: 0 8px 0 16px;
  font-size: 13px !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-close {
  width: 28px;
  padding: 0 4px;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 0;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab:hover .course-code-walkthrough__tab-close {
  opacity: 0.5;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tab-close:hover {
  opacity: 1;
  background: #e5e2d9;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__editor-host {
  position: relative;
  flex: 1 1 auto;
  height: calc(100% - 35px);
  min-height: 0;
  overflow: hidden;
  background: #faf9f6;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__editor-host .monaco-editor {
  --vscode-editorCodeLens-lineHeight: 16px;
  --vscode-editorCodeLens-fontSize: 12px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__monaco-highlight {
  background: rgba(184, 181, 166, 0.6) !important;
  border-left: 2px solid #9a9788 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__editor-loading {
  display: grid;
  height: 100%;
  place-items: center;
  color: #7c7968;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough .monaco-editor-overlaymessage {
  max-width: min(320px, calc(100% - 32px)) !important;
  padding: 0 0 8px !important;
  color: #2c2b25 !important;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough .monaco-editor-overlaymessage .message {
  min-height: 0 !important;
  padding: 10px 12px !important;
  color: #2c2b25 !important;
  background: #faf9f6 !important;
  border: 1px solid #d1cfc5 !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 22px rgba(44, 43, 37, 0.14) !important;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough .monaco-editor-overlaymessage .anchor {
  border-top-color: #d1cfc5 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-trigger {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 25;
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  color: #faf9f6;
  background: #5e5b4e;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1 !important;
  transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-trigger:hover,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-trigger:focus-visible {
  background: #7c7968;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  outline: none;
  transform: scale(1.06);
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough.is-tour-active .course-code-walkthrough__tour-trigger {
  z-index: 10001;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: auto;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-spotlight {
  position: fixed;
  z-index: 9999;
  border-radius: 8px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6) !important;
  pointer-events: none;
  transition: top 180ms ease, left 180ms ease, width 180ms ease, height 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-tooltip {
  position: fixed;
  z-index: 10000;
  width: min(320px, calc(100vw - 20px));
  max-width: 320px;
  padding: 20px;
  color: #191919;
  background: #faf9f6;
  border: 1px solid #d1cfc5;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  font-family: "Copernicus", Georgia, serif !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-tooltip h3 {
  margin: 0 0 8px;
  color: #191919;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-tooltip p {
  margin: 0 0 16px;
  color: #5e5b4e;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-progress {
  display: flex;
  gap: 4px;
  align-items: center;
  margin: 0 0 8px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-progress-dot {
  display: block;
  width: 6px;
  height: 6px;
  background: #d1cfc5;
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-progress-dot.is-active {
  background: #5e5b4e;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-actions {
  display: flex;
  gap: 8px;
  margin: 12px 0 0;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button {
  min-height: 34px;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Copernicus", Georgia, serif !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button--primary {
  color: #faf9f6;
  background: #5e5b4e;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button--primary:hover,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button--primary:focus-visible {
  background: #7c7968;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button--secondary {
  color: #5e5b4e;
  background: #e5e2d9;
}

#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button--secondary:hover,
#lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-button--secondary:focus-visible {
  background: #d1cfc5;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 44px 0 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(20, 20, 19, 0.14);
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .sj-text-downloads {
  margin: 0 0 8px;
  color: rgb(20, 20, 19);
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 27.6px;
  letter-spacing: -0.48px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__wrapper {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 16px;
  background: #cbcadb;
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__image img {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  object-fit: contain;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__text_wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__header {
  margin: 0;
  color: rgb(20, 20, 19);
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.16px;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__text {
  margin: 0;
  color: rgb(20, 20, 19);
  font-family: "Tiempos", Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: -0.04px;
  text-wrap: pretty;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  align-self: center;
  flex-shrink: 0;
  min-height: 38px;
  padding: 9px 13px;
  color: #fff;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  background: rgb(20, 20, 19);
  border: 1px solid transparent;
  border-radius: 4px;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__link svg {
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__link span {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__link:hover {
  background: rgb(55, 55, 51);
  text-decoration: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__link:focus-visible {
  background: rgb(55, 55, 51);
  border-color: rgb(20, 20, 19);
  outline: 2px solid rgba(20, 20, 19, 0.28);
  outline-offset: 2px;
}

@media (max-width: 1024px) {
  #lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__wrapper {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__image {
    width: 82px;
    height: 82px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ai-fluency-resource-download .resource__link {
    justify-self: start;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-block {
  position: relative;
  margin: 16px 0 24px;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-block > pre {
  margin: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-copy-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #4a4037;
  background: #f0eee6;
  border: 1px solid #d2c8ba;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    opacity 140ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-copy-button__icon {
  display: block;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-copy-button:hover,
#lesson-dialog .atlas-reader-content .course-text-content .course-code-copy-button:focus-visible {
  color: #141413;
  background: #ded8ca;
  border-color: #bdb19f;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-block:hover .course-code-copy-button,
#lesson-dialog .atlas-reader-content .course-text-content .course-code-block:focus-within .course-code-copy-button {
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-copy-button:focus-visible {
  outline: 2px solid #8f7c65;
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-code-copy-button--copied {
  color: #214f35;
  background: #e1eadf;
  border-color: #a8b9a2;
}

#lesson-dialog .atlas-reader-content .course-text-content pre code.course-code-highlighted {
  color: #312a22;
}

#lesson-dialog .atlas-reader-content .course-text-content .cowork-starter-quote {
  box-sizing: border-box;
  max-width: 100%;
  margin: 18px 0 22px;
  padding: 16px 18px;
  color: #3d3d3a;
  overflow-wrap: anywhere;
  background: #f0eee6;
  border: 1px solid #d8d2c4;
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cowork-starter-quote p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .cowork-starter-quote p:first-child {
  margin-bottom: 8px;
  color: #141413;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cowork-starter-quote--prompt p:first-child {
  margin-bottom: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .cowork-starter-quote em {
  color: #3d3d3a;
  font-style: italic;
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .cowork-starter-quote {
    padding: 14px 15px;
    font-size: 14px;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .ev {
  --ev-paper: #faf9f5;
  --ev-warm: #fafaf6;
  --ev-surface: #ffffff;
  --ev-ink: #141413;
  --ev-ink-2: #3d3d3a;
  --ev-ink-3: #6b6a64;
  --ev-ink-4: #b0aea5;
  --ev-border: rgba(31, 30, 29, 0.12);
  --ev-hover: rgba(20, 20, 19, 0.04);
  --ev-clay: #d97757;
  --ev-olive: #788c5d;
  --ev-olive-deep: #4f6632;
  --ev-olive-soft: rgba(120, 140, 93, 0.1);
  --ev-olive-line: rgba(120, 140, 93, 0.4);
  --ev-olive-tint: #e8f0dd;
  --ev-fail: #c44;
  --ev-fail-deep: #a33;
  box-sizing: border-box;
  margin: 28px 0;
  color: var(--ev-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev *,
#lesson-dialog .atlas-reader-content .course-text-content .ev *::before,
#lesson-dialog .atlas-reader-content .course-text-content .ev *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev button,
#lesson-dialog .atlas-reader-content .course-text-content .ev input {
  font: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-eyebrow {
  margin: 0 0 4px 4px;
  color: var(--ev-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-frame {
  margin: 0 4px 14px;
  color: var(--ev-ink-2);
  font-size: 13.5px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-frame strong,
#lesson-dialog .atlas-reader-content .course-text-content .ev-closer strong {
  color: var(--ev-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 10px 14px;
  background: var(--ev-paper);
  border: 1px solid var(--ev-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-arrow {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  color: var(--ev-ink-2);
  background: var(--ev-surface);
  border: 1px solid var(--ev-border);
  border-radius: 999px;
  cursor: pointer;
  transition:
    background 150ms ease,
    border-color 150ms ease,
    color 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-arrow:hover:not(:disabled),
#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-arrow:focus-visible {
  color: var(--ev-ink);
  background: var(--ev-hover);
  border-color: rgba(20, 20, 19, 0.2);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-arrow:disabled {
  cursor: default;
  opacity: 0.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-arrow svg {
  width: 13px;
  height: 13px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-pos {
  color: var(--ev-ink-2);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-pos b {
  color: var(--ev-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-dots {
  display: flex;
  gap: 5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  background: rgba(20, 20, 19, 0.15);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-dot.is-on {
  background: var(--ev-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-nav-dot.is-done {
  background: var(--ev-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-case {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-case.is-on {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-case-tag {
  margin: 0 4px 4px;
  color: var(--ev-clay);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-case-title {
  margin: 0 4px 12px;
  color: var(--ev-ink);
  font-family: Georgia, "Iowan Old Style", serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-prompt {
  margin-bottom: 14px;
  padding: 10px 14px;
  background: var(--ev-paper);
  border-left: 3px solid var(--ev-clay);
  border-radius: 0 6px 6px 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-prompt-label {
  margin-bottom: 4px;
  color: var(--ev-ink-3);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-prompt-body {
  color: var(--ev-ink-2);
  font-size: 13px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-prompt-body code {
  padding: 1px 4px;
  color: var(--ev-ink);
  background: rgba(20, 20, 19, 0.06);
  border-radius: 4px;
  font-family: "SF Mono", Monaco, Menlo, monospace;
  font-size: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col {
  padding: 0;
  border: 2px solid transparent;
  border-radius: 10px;
  transition:
    border-color 180ms ease,
    opacity 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col-inner {
  height: 100%;
  padding: 14px 16px;
  background: var(--ev-surface);
  border: 1px solid var(--ev-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col.is-picked {
  border-color: var(--ev-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col.is-picked .ev-col-inner {
  border-color: var(--ev-olive-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col.is-not-picked {
  opacity: 0.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--ev-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col-h-l {
  color: var(--ev-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col-asrts {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--ev-ink-3);
  font-size: 11.5px;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-col-asrts-marks {
  display: inline-flex;
  gap: 2px;
  margin-right: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-mark,
#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts .mark {
  font-weight: 700;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-mark.pass,
#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts li.is-pass .mark {
  color: var(--ev-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-mark.fail,
#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts li.is-fail .mark {
  color: var(--ev-fail);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out {
  padding-bottom: 2px;
  overflow: visible;
  color: var(--ev-ink-2);
  font-size: 12.5px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out h5 {
  margin: 0 0 6px;
  color: var(--ev-ink);
  font-family: Georgia, "Iowan Old Style", serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out h6 {
  margin: 8px 0 3px;
  color: var(--ev-ink-3);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out h6:first-of-type {
  margin-top: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out p {
  margin: 0 0 6px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out p:last-child {
  margin-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out ul {
  margin: 0 0 6px;
  padding-left: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out li {
  margin-bottom: 2px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out em.miss {
  padding: 0 3px;
  color: var(--ev-fail-deep);
  background: rgba(196, 68, 68, 0.1);
  border-radius: 2px;
  font-style: normal;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out em.hit {
  padding: 0 3px;
  color: var(--ev-olive-deep);
  background: var(--ev-olive-soft);
  border-radius: 2px;
  font-style: normal;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out em.flag {
  padding: 0 3px;
  color: #8c6e0e;
  background: rgba(244, 192, 41, 0.18);
  border-radius: 2px;
  font-style: italic;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts {
  margin: 12px 0 0;
  padding: 10px 12px;
  background: var(--ev-warm);
  border: 1px solid var(--ev-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts-h {
  margin: 0 0 6px;
  color: var(--ev-ink-3);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 3px 0;
  color: var(--ev-ink-2);
  font-size: 12.5px;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts li.is-fail {
  color: var(--ev-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts .mark {
  flex: 0 0 auto;
  margin-top: 1px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts em {
  color: var(--ev-ink-3);
  font-style: italic;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-action {
  padding: 12px 14px;
  background: var(--ev-paper);
  border: 1px solid var(--ev-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-action-h {
  margin: 0 0 10px;
  color: var(--ev-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-pick {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 6px 12px;
  color: var(--ev-ink-2);
  background: var(--ev-surface);
  border: 1px solid var(--ev-border);
  border-radius: 999px;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.2 !important;
  appearance: none;
  transition:
    background 150ms ease,
    border-color 150ms ease,
    color 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-pick:hover,
#lesson-dialog .atlas-reader-content .course-text-content .ev-pick:focus-visible {
  color: var(--ev-olive-deep);
  background: var(--ev-olive-tint);
  border-color: var(--ev-olive-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-pick.is-on {
  color: #ffffff;
  background: var(--ev-olive);
  border-color: var(--ev-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-pick-check {
  display: inline-flex;
  opacity: 0;
  transition: opacity 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-pick.is-on .ev-pick-check {
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-pick-check svg {
  width: 11px;
  height: 11px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-feedback-label {
  margin: 0 0 5px;
  color: var(--ev-ink-3);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-feedback-input {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 7px 10px;
  color: var(--ev-ink);
  background: var(--ev-surface);
  border: 1px solid var(--ev-border);
  border-radius: 8px;
  outline: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12.5px !important;
  line-height: 18px !important;
  transition: border-color 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-feedback-input:focus {
  border-color: var(--ev-olive-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-feedback-input::placeholder {
  color: var(--ev-ink-4);
  font-style: italic;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-closer {
  display: none;
  margin: 14px 4px 0;
  padding: 14px 16px;
  color: var(--ev-ink);
  background: var(--ev-olive-tint);
  border: 1px solid var(--ev-olive-line);
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-closer.is-on {
  display: block;
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .ev-grid,
  #lesson-dialog .atlas-reader-content .course-text-content .ev-action-row {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ev-col.is-not-picked {
    opacity: 1;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .str {
  --str-paper: #faf9f5;
  --str-surface: #ffffff;
  --str-ink: #141413;
  --str-ink-2: #3d3d3a;
  --str-ink-3: #6b6a64;
  --str-ink-4: #b0aea5;
  --str-border: rgba(31, 30, 29, 0.15);
  --str-hover: rgba(20, 20, 19, 0.04);
  --str-olive: #788c5d;
  --str-olive-soft: rgba(120, 140, 93, 0.1);
  --str-olive-line: rgba(120, 140, 93, 0.4);
  --str-hot: #c4523a;
  --str-hot-soft: rgba(196, 82, 58, 0.12);
  --str-hot-line: rgba(196, 82, 58, 0.55);
  --str-toggle-on: #2c84db;
  --pst-paper: var(--str-paper);
  --pst-surface: var(--str-surface);
  --pst-ink: var(--str-ink);
  --pst-ink-3: var(--str-ink-3);
  --pst-border: var(--str-border);
  --pst-hover: var(--str-hover);
  --pst-olive: var(--str-olive);
  box-sizing: border-box;
  margin: 28px 0;
  color: var(--str-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .str *,
#lesson-dialog .atlas-reader-content .course-text-content .str *::before,
#lesson-dialog .atlas-reader-content .course-text-content .str *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .str button {
  font: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-frame {
  margin: 0 4px 14px;
  padding: 12px 16px;
  color: var(--str-ink-2);
  background: var(--str-olive-soft);
  border-left: 3px solid var(--str-olive);
  border-radius: 0 6px 6px 0;
  font-size: 13.5px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-frame strong {
  color: var(--str-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: var(--str-surface);
  border: 1px solid var(--str-border);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-counter-label,
#lesson-dialog .atlas-reader-content .course-text-content .str-counter-num {
  margin: 0;
  font-family: inherit;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-counter-label {
  color: var(--str-ink-3);
  font-size: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-counter-num {
  color: var(--str-ink);
  font-size: 12.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-pips {
  display: flex;
  gap: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-pip {
  width: 16px;
  height: 4px;
  background: rgba(20, 20, 19, 0.1);
  border-radius: 2px;
  transition: background 0.2s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-pip.is-on {
  background: var(--str-hot);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle {
  display: none;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  padding: 3px;
  background: var(--str-paper);
  border: 1px solid var(--str-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle.is-shown {
  display: inline-flex;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-btn {
  margin: 0;
  padding: 6px 14px;
  color: var(--str-ink-3);
  background: none;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  transition:
    color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-btn:hover,
#lesson-dialog .atlas-reader-content .course-text-content .str-mode-btn:focus-visible {
  color: var(--str-ink);
  background: var(--str-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-btn:focus-visible {
  outline: 2px solid var(--str-olive);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-btn.is-on {
  color: var(--str-ink);
  background: var(--str-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-window {
  overflow: hidden;
  background: var(--str-surface);
  border: 1px solid var(--str-border);
  border-radius: 0 0 12px 12px;
  transition: border-color 0.3s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-window.is-safe {
  border-color: var(--str-olive-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-win-body {
  padding: 18px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-setup {
  margin-bottom: 12px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--str-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-setup-h {
  margin: 0 0 8px;
  color: var(--str-ink-4);
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 -8px;
  padding: 6px 8px;
  color: var(--str-ink);
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn[data-str-hot] {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn[data-str-hot]:hover,
#lesson-dialog .atlas-reader-content .course-text-content .str-conn[data-str-hot]:focus-visible {
  background: var(--str-hot-soft);
  outline: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 2px;
  background: #fff;
  border: 1px solid var(--str-border);
  border-radius: 5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn-icon svg {
  display: block;
  width: 15px;
  height: 15px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn-name {
  flex: 1;
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn-note {
  margin-left: 4px;
  color: var(--str-ink-4);
  font-size: 11.5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 32px;
  height: 18px;
  background: rgba(20, 20, 19, 0.2);
  border-radius: 999px;
  transition: background 0.18s ease, box-shadow 0.18s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-toggle::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  content: "";
  transition: left 0.18s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-toggle.is-on {
  background: var(--str-toggle-on);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-toggle.is-on::after {
  left: 16px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-toggle.is-hot {
  box-shadow: 0 0 0 2px var(--str-hot-soft);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn.is-found .str-toggle.is-hot {
  box-shadow: 0 0 0 2px var(--str-hot-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-hot-flag {
  position: absolute;
  right: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: #fff;
  background: var(--str-hot);
  border-radius: 50%;
  opacity: 0;
  font-size: 10px;
  font-weight: 700;
  transition: opacity 0.2s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-conn.is-found .str-hot-flag {
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-input {
  overflow: hidden;
  padding: 16px 18px 0;
  background: #fff;
  border: 1px solid var(--str-border);
  border-radius: 16px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-prompt {
  min-height: 40px;
  margin: 0 0 14px;
  color: var(--str-ink);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-prompt-span {
  padding-bottom: 1px;
  border-bottom: 1.5px dotted var(--str-ink-3);
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-prompt-span:hover,
#lesson-dialog .atlas-reader-content .course-text-content .str-prompt-span:focus-visible {
  background: var(--str-hot-soft);
  border-bottom-color: var(--str-hot);
  outline: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-prompt-span.is-found {
  padding: 1px 2px;
  background: var(--str-hot-soft);
  border-bottom: 1.5px solid var(--str-hot);
  border-radius: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-prompt-num {
  display: none;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  margin-left: 4px;
  color: #fff;
  vertical-align: 1px;
  background: var(--str-hot);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-prompt-span.is-found + .str-prompt-num,
#lesson-dialog .atlas-reader-content .course-text-content .str-badge.is-found .str-prompt-num {
  display: inline-flex;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-input-foot {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-foot-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  color: #73726c;
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-foot-btn svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-foot-btn.plus svg {
  width: 16px;
  height: 16px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-foot-spacer {
  flex: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  color: var(--str-ink-2);
  background: var(--str-surface);
  border: 1px solid var(--str-border);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.25;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-badge svg {
  width: 11px;
  height: 11px;
  color: var(--str-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-badge.is-hot {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-badge.is-hot:hover,
#lesson-dialog .atlas-reader-content .course-text-content .str-badge.is-hot:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .str-badge.is-found {
  color: var(--str-ink);
  background: var(--str-hot-soft);
  border-color: var(--str-hot-line);
  outline: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-send {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-input-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 -18px;
  padding: 10px 18px;
  background: var(--str-paper);
  border-top: 1px solid var(--str-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder,
#lesson-dialog .atlas-reader-content .course-text-content .str-strip-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  color: #73726c;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder:hover,
#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder:focus-visible {
  background: var(--str-hot-soft);
  outline: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder.is-found {
  color: var(--str-ink);
  background: var(--str-hot-soft);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder svg,
#lesson-dialog .atlas-reader-content .course-text-content .str-strip-btn svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder .car,
#lesson-dialog .atlas-reader-content .course-text-content .str-strip-btn .car {
  width: 10px;
  height: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-folder-flag {
  display: none;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: #fff;
  background: var(--str-hot);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-folder.is-found .str-folder-flag {
  display: inline-flex;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-strip-btn.model {
  margin-left: auto;
  color: var(--str-ink-4);
  font-size: 12.5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-folder-safe-note {
  margin-left: 4px;
  color: var(--str-olive);
  font-size: 10px;
  font-weight: 700;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-folder-meta {
  color: var(--str-ink-3);
  font-size: 11px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-safe-mark {
  padding: 0 4px;
  background: var(--str-olive-soft);
  border-radius: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout {
  min-height: 90px;
  margin: 12px 4px 0;
  padding: 14px 16px;
  background: var(--str-paper);
  border: 1px solid var(--str-border);
  border-radius: 10px;
  transition: all 0.25s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--str-ink-3);
  text-align: center;
  font-size: 13px;
  font-style: italic;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-num {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #fff;
  background: var(--str-hot);
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-num--safe {
  background: var(--str-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-body {
  flex: 1;
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-label {
  margin: 2px 0 4px;
  color: var(--str-hot);
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-label--safe {
  color: var(--str-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-text {
  margin: 0;
  color: var(--str-ink);
  font-family: inherit;
  font-size: 13.5px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-callout-text em {
  padding: 0 4px;
  color: var(--str-ink);
  background: var(--str-olive-soft);
  border-radius: 3px;
  font-family: "Tiempos", Georgia, serif;
  font-style: normal;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-payoff {
  max-height: 0;
  margin: 14px 4px 0;
  padding: 0 16px;
  overflow: hidden;
  text-align: center;
  background: var(--str-olive-soft);
  border: 1px solid var(--str-olive-line);
  border-radius: 10px;
  opacity: 0;
  transition:
    opacity 0.35s ease,
    max-height 0.35s ease,
    padding 0.35s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-payoff.is-shown {
  max-height: 220px;
  padding: 16px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-payoff-text {
  margin: 0 0 10px;
  color: var(--str-ink);
  font-family: inherit;
  font-size: 13.5px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-payoff-btn {
  margin: 0;
  padding: 9px 20px;
  color: #fff;
  background: var(--str-olive);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.2 !important;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-payoff-btn:hover,
#lesson-dialog .atlas-reader-content .course-text-content .str-payoff-btn:focus-visible {
  opacity: 0.9;
  outline: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-safe-cap {
  max-height: 0;
  margin: 14px 4px 0;
  overflow: hidden;
  color: var(--str-ink);
  text-align: center;
  font-family: "Tiempos", Georgia, serif;
  font-size: 14.5px;
  font-style: italic;
  opacity: 0;
  transition:
    opacity 0.35s ease,
    max-height 0.35s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-safe-cap.is-shown {
  max-height: 60px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-foot-note {
  margin: 8px 4px 0;
  color: var(--str-ink-4);
  font-family: inherit;
  font-size: 11.5px;
  font-style: italic;
  line-height: 1.4;
}

@media (max-width: 560px) {
  #lesson-dialog .atlas-reader-content .course-text-content .str-win-body {
    padding: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-counter {
    flex-wrap: wrap;
    gap: 8px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-pips {
    order: 3;
    width: 100%;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle.is-shown {
    width: 100%;
    border-radius: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-mode-btn {
    flex: 1 1 0;
    border-radius: 9px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-input-foot,
  #lesson-dialog .atlas-reader-content .course-text-content .str-input-strip {
    flex-wrap: wrap;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-foot-spacer,
  #lesson-dialog .atlas-reader-content .course-text-content .str-strip-btn.model {
    margin-left: 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-prompt {
    font-size: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-conn {
    align-items: flex-start;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .str-conn-note {
    display: block;
    margin: 2px 0 0;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk-09 {
  --cwk09-warm-white: #fdfcf9;
  --cwk09-ivory: #faf9f5;
  --cwk09-slate: #141413;
  --cwk09-clay: #d97757;
  --cwk09-clay-soft: #c5755c;
  --cwk09-text-1: #141413;
  --cwk09-text-2: #6b6a64;
  --cwk09-text-3: #a09e94;
  --cwk09-olive: #788c5d;
  --cwk09-hairline: 0.5px solid rgba(31, 30, 29, 0.12);
  --cwk09-scale: 1;
  --cwk09-inverse-scale: 1;
  width: 100%;
  margin: 28px 0 30px;
  padding: 30px 0;
  overflow: hidden;
  border-radius: 14px;
  background: #edebe4;
  color: var(--cwk09-text-1);
  display: flex;
  justify-content: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk-09 *,
#lesson-dialog .atlas-reader-content .course-text-content .cwk-09 *::before,
#lesson-dialog .atlas-reader-content .course-text-content .cwk-09 *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-scaler {
  width: min(100%, 1160px);
  container-type: inline-size;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-stage {
  width: 1160px;
  transform-origin: top left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(24px * var(--cwk09-inverse-scale));
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-prompt-row,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-wrap {
  width: 720px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-prompt-row {
  width: min(calc(720px * var(--cwk09-inverse-scale)), 1160px);
  padding: calc(16px * var(--cwk09-inverse-scale)) calc(18px * var(--cwk09-inverse-scale));
  border: var(--cwk09-hairline);
  border-radius: 14px;
  background: var(--cwk09-warm-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pr-eye,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-eye {
  margin: 0 0 6px;
  color: var(--cwk09-text-3);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pr-eye-dot,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-eye-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cwk09-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-eye-dot {
  background: var(--cwk09-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pr-text {
  margin: 0;
  color: var(--cwk09-text-1);
  font-size: calc(16px * var(--cwk09-inverse-scale));
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pr-eye {
  font-size: calc(11px * var(--cwk09-inverse-scale));
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pr-eye-dot {
  width: calc(6px * var(--cwk09-inverse-scale));
  height: calc(6px * var(--cwk09-inverse-scale));
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-browser {
  width: 1160px;
  overflow: hidden;
  position: relative;
  border: var(--cwk09-hairline);
  border-radius: 12px;
  background: var(--cwk09-warm-white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 18px 48px rgba(0, 0, 0, 0.1);
  transition: filter 0.4s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-browser.is-dimmed {
  filter: brightness(0.96) saturate(0.92);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-chrome-top {
  padding: 10px 14px 0;
  border-bottom: var(--cwk09-hairline);
  background: var(--cwk09-ivory);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-chrome-traffic,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tabs-bar,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-addr-row,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-filters {
  display: flex;
  align-items: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-chrome-traffic {
  gap: 7px;
  margin-bottom: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-traffic-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-traffic-dot--red {
  background: #f15d50;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-traffic-dot--yellow {
  background: #f4c029;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-traffic-dot--green {
  background: #45c252;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tabs-bar {
  gap: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-ctab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 9px;
  border: var(--cwk09-hairline);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  background: #f2efe6;
  color: var(--cwk09-text-2);
  font-size: 12.5px;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-ctab.active {
  background: var(--cwk09-warm-white);
  color: var(--cwk09-text-1);
  font-weight: 550;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-ctab.claude {
  border-color: rgba(0, 0, 0, 0.1);
  background: var(--cwk09-clay-soft);
  color: #fff;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-claude-mark {
  font-size: 12px;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-fav {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: #2c84db;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tab-x {
  margin-left: 4px;
  color: var(--cwk09-text-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-addr-row {
  gap: 10px;
  padding: 10px 14px;
  border-bottom: var(--cwk09-hairline);
  background: var(--cwk09-warm-white);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-nav {
  display: flex;
  gap: 6px;
  color: var(--cwk09-text-2);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-nav svg {
  width: 16px;
  height: 16px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-url {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #f2efe6;
  color: var(--cwk09-text-2);
  font-size: 12.5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-url svg {
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-page {
  min-height: 520px;
  padding: 24px 32px 32px;
  position: relative;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-page-head {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-page-head h3 {
  margin: 0;
  color: var(--cwk09-text-1);
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-spacer {
  flex: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-filters {
  gap: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-wrap {
  position: relative;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border: var(--cwk09-hairline);
  border-radius: 8px;
  background: #fff;
  color: var(--cwk09-text-1);
  font-size: 12.5px;
  line-height: 1.2;
  transition: background 0.12s ease, border-color 0.12s ease, transform 0.08s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd.hover,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd.open {
  background: #f5f3ec;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd.open {
  border-color: var(--cwk09-text-2);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd.press {
  transform: scale(0.97);
  background: #ece9df;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-car {
  width: 10px;
  height: 10px;
  transition: transform 0.18s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd.open .cwk09-car {
  transform: rotate(180deg);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-pill-status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #45c252;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-pill-status.both {
  background: linear-gradient(90deg, #f4c029 50%, #e14c4c 50%);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-menu {
  min-width: 170px;
  padding: 4px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 10;
  transform: translateY(-3px) scale(0.985);
  transform-origin: top left;
  border: var(--cwk09-hairline);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 22px rgba(0, 0, 0, 0.1);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-menu.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 6px;
  color: var(--cwk09-text-1);
  font-size: 12.5px;
  line-height: 1.2;
  transition: background 0.1s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item.hover {
  background: rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item-check {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cwk09-text-3);
  border-radius: 3px;
  background: #fff;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item-check svg {
  width: 9px;
  height: 9px;
  color: #fff;
  opacity: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item.checked .cwk09-dd-item-check {
  border-color: var(--cwk09-slate);
  background: var(--cwk09-slate);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item.checked .cwk09-dd-item-check svg {
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item-pip {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item-pip.green {
  background: #45c252;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item-pip.yellow {
  background: #f4c029;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-item-pip.red {
  background: #e14c4c;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-btn-primary {
  padding: 7px 13px;
  border: none;
  border-radius: 8px;
  background: var(--cwk09-slate);
  color: var(--cwk09-ivory);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 550;
  line-height: 1.2;
  transition: transform 0.08s ease, filter 0.12s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-btn-primary.hover {
  filter: brightness(1.15);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-btn-primary.press {
  transform: scale(0.97);
  filter: brightness(0.92);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-toast {
  display: flex;
  align-items: center;
  gap: 7px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 30;
  padding: 8px 13px;
  border-radius: 8px;
  background: var(--cwk09-slate);
  color: var(--cwk09-ivory);
  font-size: 12px;
  line-height: 1.2;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  transform: translateY(-6px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-toast.on {
  opacity: 1;
  transform: translateY(0);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-toast svg {
  width: 12px;
  height: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-table {
  overflow: hidden;
  border: var(--cwk09-hairline);
  border-radius: 12px;
  background: #fff;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-thead,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow {
  display: grid;
  grid-template-columns: 2.4fr 1fr 1.2fr 1.6fr;
  align-items: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-thead {
  padding: 11px 18px;
  border-bottom: var(--cwk09-hairline);
  background: var(--cwk09-ivory);
  color: var(--cwk09-text-3);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow {
  max-height: 60px;
  overflow: hidden;
  padding: 12px 18px;
  border-bottom: var(--cwk09-hairline);
  color: var(--cwk09-text-1);
  font-size: 13px;
  line-height: 1.2;
  transition: opacity 0.35s ease, max-height 0.35s ease, padding 0.35s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow:last-child {
  border-bottom: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow.is-hidden {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow .name {
  font-weight: 550;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow .arr,
#lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow .last {
  color: var(--cwk09-text-2);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill.green {
  background: rgba(69, 194, 82, 0.15);
  color: #2d7a38;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill.yellow {
  background: rgba(244, 192, 41, 0.2);
  color: #8c6e0e;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill.red {
  background: rgba(225, 76, 76, 0.15);
  color: #b23f3f;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill.green .dot {
  background: #45c252;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill.yellow .dot {
  background: #f4c029;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-pill.red .dot {
  background: #e14c4c;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-cursor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: none;
  transition: top 0.85s cubic-bezier(0.45, 0.05, 0.25, 1), left 0.85s cubic-bezier(0.45, 0.05, 0.25, 1);
  will-change: top, left;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-arrow {
  display: block;
  width: 20px;
  height: 22px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-cursor.click .cwk09-arrow {
  transform: scale(0.9);
  transition: transform 0.1s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-ripple {
  width: 12px;
  height: 12px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background: rgba(217, 119, 87, 0.5);
  transform: scale(0.4);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-ripple.fire {
  animation: cwk09-ripple 0.55s ease-out;
}

@keyframes cwk09-ripple {
  0% {
    opacity: 0.55;
    transform: scale(0.4);
  }

  100% {
    opacity: 0;
    transform: scale(3.6);
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-cursor-tag {
  display: inline-block;
  margin-top: 4px;
  margin-left: 14px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--cwk09-clay-soft);
  color: #fff;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-wrap {
  width: min(calc(720px * var(--cwk09-inverse-scale)), 1160px);
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: calc(10px * var(--cwk09-inverse-scale));
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-wrap.on {
  opacity: 1;
  transform: translateY(0);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-eye {
  margin-left: calc(4px * var(--cwk09-inverse-scale));
  font-size: calc(11px * var(--cwk09-inverse-scale));
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-eye-dot {
  width: calc(6px * var(--cwk09-inverse-scale));
  height: calc(6px * var(--cwk09-inverse-scale));
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile {
  display: flex;
  align-items: center;
  gap: calc(14px * var(--cwk09-inverse-scale));
  padding: calc(12px * var(--cwk09-inverse-scale)) calc(16px * var(--cwk09-inverse-scale));
  border: var(--cwk09-hairline);
  border-radius: 10px;
  background: var(--cwk09-warm-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-icon {
  width: calc(32px * var(--cwk09-inverse-scale));
  height: calc(38px * var(--cwk09-inverse-scale));
  flex-shrink: 0;
  color: var(--cwk09-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-icon svg {
  width: 100%;
  height: 100%;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-body {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-name {
  color: var(--cwk09-text-1);
  font-size: calc(13.5px * var(--cwk09-inverse-scale));
  font-weight: 550;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-meta {
  margin-top: calc(2px * var(--cwk09-inverse-scale));
  color: var(--cwk09-text-2);
  font-size: calc(11.5px * var(--cwk09-inverse-scale));
  line-height: 1.3;
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .cwk-09 {
    margin: 24px 0;
    padding: 20px 0;
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .cwk09-cursor {
    display: none;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .cwk09-browser,
  #lesson-dialog .atlas-reader-content .course-text-content .cwk09-dd-menu,
  #lesson-dialog .atlas-reader-content .course-text-content .cwk09-toast,
  #lesson-dialog .atlas-reader-content .course-text-content .cwk09-trow,
  #lesson-dialog .atlas-reader-content .course-text-content .cwk09-tile-wrap {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .pl {
  --pl-paper: #faf9f5;
  --pl-warm: #fdfcf9;
  --pl-surface: #ffffff;
  --pl-ink: #141413;
  --pl-ink-2: #3d3d3a;
  --pl-ink-3: #6b6a64;
  --pl-ink-4: #b0aea5;
  --pl-border: rgba(31, 30, 29, 0.12);
  --pl-hover: rgba(20, 20, 19, 0.04);
  --pl-clay: #d97757;
  --pl-clay-soft: rgba(217, 119, 87, 0.1);
  --pl-clay-line: rgba(217, 119, 87, 0.35);
  --pl-blue: #2c84db;
  --pl-olive: #788c5d;
  --pl-olive-soft: rgba(120, 140, 93, 0.1);
  --pl-olive-line: rgba(120, 140, 93, 0.38);
  width: 100%;
  margin: 28px 0;
  color: var(--pl-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl *,
#lesson-dialog .atlas-reader-content .course-text-content .pl *::before,
#lesson-dialog .atlas-reader-content .course-text-content .pl *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl p,
#lesson-dialog .atlas-reader-content .course-text-content .pl h2,
#lesson-dialog .atlas-reader-content .course-text-content .pl button,
#lesson-dialog .atlas-reader-content .course-text-content .pl span,
#lesson-dialog .atlas-reader-content .course-text-content .pl div {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl button,
#lesson-dialog .atlas-reader-content .course-text-content .pl [role="button"] {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl a {
  display: inline;
  padding: 0;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  background: none;
  border: 0;
  border-radius: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--pl-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tabs {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  margin: 0 0 14px;
  padding: 3px;
  background: var(--pl-paper);
  border: 1px solid var(--pl-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 7px 14px;
  color: var(--pl-ink-3);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 999px;
  transition:
    color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tab:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pl-tab:focus-visible {
  color: var(--pl-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tab:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .pl-btn-customize:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .pl-toggle:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-cell:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-wrap:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .pl-conns:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .pl-skill:focus-visible {
  outline: 2px solid var(--pl-clay);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tab.is-active {
  color: var(--pl-ink);
  background: var(--pl-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tab-shape {
  color: var(--pl-ink-4);
  font-family: "SF Mono", Monaco, Menlo, monospace;
  font-size: 10.5px;
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-tab.is-active .pl-tab-shape {
  color: var(--pl-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-plugin {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-plugin.is-on {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-page {
  padding: 18px 20px 20px;
  overflow: hidden;
  background: var(--pl-surface);
  border: 1px solid var(--pl-border);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.035);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-page-name {
  margin: 0;
  color: var(--pl-ink);
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-page-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-btn-customize {
  min-height: 30px;
  padding: 6px 12px;
  color: var(--pl-ink);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  background: var(--pl-paper);
  border: 1px solid var(--pl-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-toggle {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  background: var(--pl-blue);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-toggle::after {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  content: "";
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-page-dots {
  display: inline-block;
  width: 18px;
  height: 18px;
  align-self: center;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background:
    radial-gradient(circle, var(--pl-ink-4) 1.6px, transparent 1.8px) 3px 50% / 4px 4px no-repeat,
    radial-gradient(circle, var(--pl-ink-4) 1.6px, transparent 1.8px) 9px 50% / 4px 4px no-repeat,
    radial-gradient(circle, var(--pl-ink-4) 1.6px, transparent 1.8px) 15px 50% / 4px 4px no-repeat;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-plugin[data-plugin="exp"] .pl-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-cell,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-wrap,
#lesson-dialog .atlas-reader-content .course-text-content .pl-conns {
  transition:
    background 150ms ease,
    border-color 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-cell {
  min-width: 0;
  padding: 10px 11px;
  background: var(--pl-paper);
  border: 1px solid transparent;
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-cell:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-cell.is-on,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-wrap:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-wrap.is-on,
#lesson-dialog .atlas-reader-content .course-text-content .pl-conns:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pl-conns.is-on {
  background: var(--pl-clay-soft);
  border-color: var(--pl-clay-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-h,
#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-v,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-h,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc,
#lesson-dialog .atlas-reader-content .course-text-content .pl-skill-desc,
#lesson-dialog .atlas-reader-content .course-text-content .pl-skill-tag,
#lesson-dialog .atlas-reader-content .course-text-content .pl-skill-expand,
#lesson-dialog .atlas-reader-content .course-text-content .pl-caption {
  margin: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-h,
#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-h {
  color: var(--pl-ink-4);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-v {
  margin-top: 3px;
  color: var(--pl-ink);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-tip {
  display: none;
  margin: 0 0 12px;
  padding: 10px 12px;
  color: var(--pl-ink-2);
  font-size: 12.5px;
  line-height: 1.45;
  background: var(--pl-warm);
  border: 1px solid var(--pl-clay-line);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-tip.is-on {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-meta-tip strong {
  color: var(--pl-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-desc-wrap {
  margin: 12px 0 14px;
  padding: 12px 14px;
  background: var(--pl-warm);
  border: 1px solid var(--pl-border);
  border-radius: 9px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-desc {
  margin-top: 4px;
  color: var(--pl-ink-2);
  font-size: 13.5px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skills-head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 9px;
  flex-wrap: wrap;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skills-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  color: var(--pl-clay);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: var(--pl-clay-soft);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skills-hint {
  color: var(--pl-ink-4);
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skills-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill {
  display: flex;
  min-width: 0;
  min-height: 106px;
  flex-direction: column;
  align-items: stretch;
  padding: 12px 13px;
  color: inherit;
  text-align: left;
  background: var(--pl-paper);
  border: 1px solid var(--pl-border);
  border-radius: 9px;
  transition:
    background 150ms ease,
    border-color 150ms ease,
    transform 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pl-skill.is-on {
  background: var(--pl-surface);
  border-color: var(--pl-clay-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill:hover {
  transform: translateY(-1px);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill-desc {
  color: var(--pl-ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill-tag {
  margin-top: auto;
  padding-top: 10px;
  color: var(--pl-clay);
  font-family: "SF Mono", Monaco, Menlo, monospace;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill-expand {
  display: none;
  margin-top: 9px;
  padding-top: 9px;
  color: var(--pl-ink-3);
  font-size: 12px;
  line-height: 1.45;
  border-top: 1px solid var(--pl-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-skill.is-on .pl-skill-expand {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-conns {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 10px 12px;
  background: var(--pl-warm);
  border: 1px solid var(--pl-border);
  border-radius: 9px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-conns-h {
  margin-right: 2px;
  color: var(--pl-ink-4);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-conn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 4px 9px;
  color: var(--pl-ink-2);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  background: #ffffff;
  border: 1px solid var(--pl-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-conn-dot {
  width: 6px;
  height: 6px;
  background: var(--pl-olive);
  border-radius: 50%;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-caption {
  margin: 14px 4px 0;
  padding: 12px 14px;
  color: var(--pl-ink);
  font-size: 13px;
  line-height: 1.5;
  background: var(--pl-olive-soft);
  border: 1px solid var(--pl-olive-line);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pl-caption em {
  color: var(--pl-ink);
  font-style: italic;
  font-weight: 600;
}

@media (max-width: 700px) {
  #lesson-dialog .atlas-reader-content .course-text-content .pl-page {
    padding: 16px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pl-meta,
  #lesson-dialog .atlas-reader-content .course-text-content .pl-plugin[data-plugin="exp"] .pl-meta,
  #lesson-dialog .atlas-reader-content .course-text-content .pl-skills-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .pl-tabs {
    display: flex;
    border-radius: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pl-tab {
    width: 100%;
    justify-content: space-between;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pl-page-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pl-page-actions {
    width: 100%;
    justify-content: flex-end;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pl-page-name {
    font-size: 20px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pl-skill {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .pl-tab,
  #lesson-dialog .atlas-reader-content .course-text-content .pl-meta-cell,
  #lesson-dialog .atlas-reader-content .course-text-content .pl-desc-wrap,
  #lesson-dialog .atlas-reader-content .course-text-content .pl-conns,
  #lesson-dialog .atlas-reader-content .course-text-content .pl-skill {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .dp {
  --dp-paper: #faf9f5;
  --dp-warm: #fdfcf9;
  --dp-surface: #ffffff;
  --dp-ink: #141413;
  --dp-ink-2: #3d3d3a;
  --dp-ink-3: #6b6a64;
  --dp-ink-4: #b0aea5;
  --dp-border: rgba(31, 30, 29, 0.12);
  --dp-clay: #d97757;
  --dp-clay-soft: rgba(217, 119, 87, 0.1);
  --dp-olive: #788c5d;
  --dp-olive-soft: rgba(120, 140, 93, 0.1);
  --dp-olive-line: rgba(120, 140, 93, 0.4);
  width: 100%;
  margin: 28px 0;
  color: var(--dp-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp *,
#lesson-dialog .atlas-reader-content .course-text-content .dp *::before,
#lesson-dialog .atlas-reader-content .course-text-content .dp *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp p,
#lesson-dialog .atlas-reader-content .course-text-content .dp h3,
#lesson-dialog .atlas-reader-content .course-text-content .dp button,
#lesson-dialog .atlas-reader-content .course-text-content .dp span,
#lesson-dialog .atlas-reader-content .course-text-content .dp div {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp button {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp a {
  display: inline;
  padding: 0;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  background: none;
  border: 0;
  border-radius: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-eyebrow {
  margin: 0 0 4px 4px;
  color: var(--dp-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-frame {
  margin: 0 4px 14px;
  color: var(--dp-ink-2);
  font-size: 13.5px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-frame strong {
  color: var(--dp-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tabs {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  margin: 0 0 14px;
  padding: 3px;
  background: var(--dp-paper);
  border: 1px solid var(--dp-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 7px 14px;
  color: var(--dp-ink-3);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 999px;
  transition:
    color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tab:hover,
#lesson-dialog .atlas-reader-content .course-text-content .dp-tab:focus-visible {
  color: var(--dp-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tab:focus-visible {
  outline: 2px solid var(--dp-clay);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tab.is-active {
  color: var(--dp-ink);
  background: var(--dp-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tab-shape {
  color: var(--dp-ink-4);
  font-family: "SF Mono", Monaco, Menlo, monospace;
  font-size: 10.5px;
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tab.is-active .dp-tab-shape {
  color: var(--dp-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-panel {
  display: none;
  padding: 18px 20px;
  background: var(--dp-surface);
  border: 1px solid var(--dp-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-panel.is-on {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-panel-h {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-panel-tag {
  color: var(--dp-clay);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-panel-name {
  margin: 0;
  color: var(--dp-ink);
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-means,
#lesson-dialog .atlas-reader-content .course-text-content .dp-step-body,
#lesson-dialog .atlas-reader-content .course-text-content .dp-ask,
#lesson-dialog .atlas-reader-content .course-text-content .dp-foot {
  font-family: inherit;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-means {
  margin: 0 0 14px;
  color: var(--dp-ink-2);
  font-size: 13.5px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-step {
  margin: 0 0 14px;
  padding: 12px 14px;
  background: var(--dp-olive-soft);
  border: 1px solid var(--dp-olive-line);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-step-label {
  display: block;
  margin: 0 0 4px;
  color: var(--dp-olive);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-step-body {
  margin: 0;
  color: var(--dp-ink);
  font-size: 13px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-step-body b {
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tiers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tier {
  min-width: 0;
  padding: 11px 13px;
  background: var(--dp-paper);
  border: 1px solid var(--dp-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tier-name {
  margin: 0 0 3px;
  color: var(--dp-ink);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-tier-desc {
  margin: 0;
  color: var(--dp-ink-3);
  font-size: 11.5px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-ask {
  margin: 14px 0 0;
  padding-top: 12px;
  color: var(--dp-ink-3);
  font-size: 12.5px;
  line-height: 1.55;
  border-top: 1px solid var(--dp-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-ask em {
  padding: 1px 5px;
  color: var(--dp-ink);
  font-style: italic;
  background: var(--dp-clay-soft);
  border-radius: 3px;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-ask strong {
  color: var(--dp-ink);
  font-style: normal;
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .dp-foot {
  margin: 14px 4px 0;
  color: var(--dp-ink-3);
  font-size: 12.5px;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .dp-tiers {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  #lesson-dialog .atlas-reader-content .course-text-content .dp-tabs {
    display: flex;
    border-radius: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .dp-tab {
    width: 100%;
    justify-content: space-between;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .dp-panel {
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .dp-tab {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc {
  --mrc-paper: #faf9f5;
  --mrc-surface: #ffffff;
  --mrc-ink: #141413;
  --mrc-ink-2: #3d3d3a;
  --mrc-ink-4: #b0aea5;
  --mrc-border: rgba(31, 30, 29, 0.12);
  --mrc-olive: #788c5d;
  --mrc-olive-soft: rgba(120, 140, 93, 0.1);
  --mrc-olive-line: rgba(120, 140, 93, 0.4);
  width: 100%;
  margin: 28px 0;
  color: var(--mrc-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc *,
#lesson-dialog .atlas-reader-content .course-text-content .mrc *::before,
#lesson-dialog .atlas-reader-content .course-text-content .mrc *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc p,
#lesson-dialog .atlas-reader-content .course-text-content .mrc h3,
#lesson-dialog .atlas-reader-content .course-text-content .mrc span,
#lesson-dialog .atlas-reader-content .course-text-content .mrc div {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-shell {
  padding: 22px 22px 20px;
  background: var(--mrc-paper);
  border: 1px solid var(--mrc-border);
  border-radius: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-eyebrow {
  margin: 0 0 14px 2px;
  color: var(--mrc-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 18px 18px 16px;
  background: var(--mrc-surface);
  border: 1px solid var(--mrc-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-num {
  margin: 0;
  color: var(--mrc-olive);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-name {
  margin: 2px 32px 6px 0;
  color: var(--mrc-ink);
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-sum {
  margin: 0;
  color: var(--mrc-ink-2);
  font-size: 13px;
  line-height: 1.5;
  text-wrap: pretty;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-sum strong {
  color: var(--mrc-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-check {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: var(--mrc-olive);
  background: var(--mrc-olive-soft);
  border: 1px solid var(--mrc-olive-line);
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-check svg {
  width: 10px;
  height: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .mrc-throughline {
  margin: 18px 4px 0;
  color: var(--mrc-ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: 16px;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0;
}

@media (max-width: 600px) {
  #lesson-dialog .atlas-reader-content .course-text-content .mrc-grid {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .mrc-name {
    font-size: 17px;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .ins {
  --ins-paper: #faf9f5;
  --ins-surface: #ffffff;
  --ins-ink: #141413;
  --ins-ink-2: #3d3d3a;
  --ins-ink-3: #6b6a64;
  --ins-ink-4: #b0aea5;
  --ins-clay: #d97757;
  --ins-clay-soft: rgba(217, 119, 87, 0.1);
  --ins-border: rgba(31, 30, 29, 0.12);
  --ins-hover: rgba(20, 20, 19, 0.04);
  --ins-olive: #788c5d;
  --ins-olive-soft: rgba(120, 140, 93, 0.1);
  --ins-olive-line: rgba(120, 140, 93, 0.4);
  width: 100%;
  margin: 28px 0;
  color: var(--ins-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins *,
#lesson-dialog .atlas-reader-content .course-text-content .ins *::before,
#lesson-dialog .atlas-reader-content .course-text-content .ins *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins button {
  font-family: inherit;
  letter-spacing: 0;
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-eyebrow {
  margin: 0 0 4px 4px;
  color: var(--ins-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-frame {
  margin: 0 4px 14px;
  color: var(--ins-ink-2);
  font-size: 13.5px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-frame strong {
  color: var(--ins-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 3px;
  margin-bottom: 12px;
  background: var(--ins-paper);
  border: 1px solid var(--ins-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  color: var(--ins-ink-3);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 999px;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tab:hover,
#lesson-dialog .atlas-reader-content .course-text-content .ins-tab:focus-visible {
  color: var(--ins-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tab:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .ins-row:focus-visible {
  outline: 2px solid var(--ins-clay);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tab.is-active {
  color: var(--ins-ink);
  background: var(--ins-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-body {
  display: grid;
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-skill {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-skill.is-on {
  display: contents;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tree {
  min-width: 0;
  padding: 14px 12px;
  overflow: hidden;
  font-size: 13px;
  background: var(--ins-surface);
  border: 1px solid var(--ins-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tree-root {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 4px 6px;
  color: var(--ins-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tree-root svg {
  flex-shrink: 0;
  width: 13px;
  height: 11px;
  color: var(--ins-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tree-root span,
#lesson-dialog .atlas-reader-content .course-text-content .ins-row span,
#lesson-dialog .atlas-reader-content .course-text-content .ins-ref span {
  min-width: 0;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-tree-children {
  padding-left: 10px;
  margin-top: 4px;
  margin-left: 12px;
  border-left: 1px dashed rgba(20, 20, 19, 0.12);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  margin: 1px 0;
  color: var(--ins-ink-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  line-height: 1.3;
  text-align: left;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 6px;
  transition: background-color 0.12s ease, color 0.12s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row:hover {
  color: var(--ins-ink);
  background: var(--ins-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row.is-on {
  color: var(--ins-ink);
  font-weight: 500;
  background: var(--ins-clay-soft);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row svg {
  flex-shrink: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row .ico-folder {
  width: 13px;
  height: 11px;
  color: var(--ins-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row .ico-file {
  width: 11px;
  height: 13px;
  color: var(--ins-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row.is-on .ico-file {
  color: var(--ins-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row.is-leaf {
  padding: 4px 8px;
  color: var(--ins-ink-3);
  font-size: 12px;
  cursor: default;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-row.is-leaf:hover {
  color: var(--ins-ink-3);
  background: transparent;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 280px;
  padding: 18px 20px;
  background: var(--ins-surface);
  border: 1px solid var(--ins-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-empty {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  color: var(--ins-ink-3);
  font-size: 13.5px;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-empty[hidden] {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-section {
  display: none;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-section.is-on {
  display: flex;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-head-skill {
  margin-right: 4px;
  color: var(--ins-clay);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-head-name {
  color: var(--ins-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-head-label {
  color: var(--ins-ink-4);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-what {
  margin: 0;
  color: var(--ins-ink);
  font-size: 14px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-preview {
  max-width: 100%;
  padding: 12px 14px;
  overflow-x: auto;
  color: var(--ins-ink-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.6;
  white-space: pre;
  background: var(--ins-paper);
  border: 1px solid var(--ins-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-preview-asset {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background: var(--ins-paper);
  border: 1px solid var(--ins-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-thumb {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: flex-end;
  width: 64px;
  height: 48px;
  padding: 5px;
  background: linear-gradient(135deg, var(--ins-clay) 0%, #b85a3f 100%);
  border-radius: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-thumb::before {
  position: absolute;
  top: 8px;
  right: 14px;
  left: 8px;
  height: 6px;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 1px;
  content: "";
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-thumb::after {
  position: absolute;
  top: 18px;
  left: 8px;
  width: 24px;
  height: 16px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  content: "";
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-thumb-name {
  min-width: 0;
  color: var(--ins-ink-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-refs {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-ref {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 12px;
  color: var(--ins-ink-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.35;
  background: var(--ins-paper);
  border: 1px solid var(--ins-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-ref svg {
  flex-shrink: 0;
  width: 11px;
  height: 13px;
  color: var(--ins-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-use {
  padding: 12px 14px;
  color: var(--ins-ink);
  font-size: 13px;
  line-height: 1.55;
  background: var(--ins-olive-soft);
  border: 1px solid var(--ins-olive-line);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ins-use-label {
  display: block;
  margin-bottom: 3px;
  color: var(--ins-olive);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

@media (max-width: 680px) {
  #lesson-dialog .atlas-reader-content .course-text-content .ins-body {
    grid-template-columns: minmax(0, 1fr);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ins-panel {
    min-height: 220px;
  }
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .ins-tabs {
    width: 100%;
    border-radius: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ins-tab {
    flex: 1 1 100%;
    justify-content: center;
    border-radius: 9px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ins-tree,
  #lesson-dialog .atlas-reader-content .course-text-content .ins-panel {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .ins-tab,
  #lesson-dialog .atlas-reader-content .course-text-content .ins-row {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .anc {
  --warm-white: #fdfcf9;
  --paper: #faf9f5;
  --surface: #ffffff;
  --ink: #141413;
  --ink-2: #3d3d3a;
  --ink-3: #6b6a64;
  --ink-4: #a09e94;
  --clay: #d97757;
  --border: rgba(31, 30, 29, 0.12);
  --hover: rgba(20, 20, 19, 0.04);
  --muted-bg: #f4f2ec;
  --olive: #788c5d;
  --olive-soft: rgba(120, 140, 93, 0.1);
  --olive-line: rgba(120, 140, 93, 0.35);
  --radius: 12px;
  --radius-sm: 6px;
  width: 100%;
  margin: 28px 0;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 430;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc *,
#lesson-dialog .atlas-reader-content .course-text-content .anc *::before,
#lesson-dialog .atlas-reader-content .course-text-content .anc *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc p,
#lesson-dialog .atlas-reader-content .course-text-content .anc span,
#lesson-dialog .atlas-reader-content .course-text-content .anc div {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-input {
  position: relative;
  margin: 0 0 14px;
  padding: 16px 18px 12px;
  background: #ffffff;
  border: 1px solid rgba(31, 30, 29, 0.15);
  border-radius: 16px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-prompt {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 430;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-input-foot {
  display: flex;
  align-items: center;
  gap: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  color: #73726c;
  font-size: 13px;
  line-height: 1.2;
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: default;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-btn:hover {
  background: rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-btn svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-btn.plus svg {
  width: 16px;
  height: 16px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-btn .car {
  width: 10px;
  height: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-spacer {
  flex: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-foot-btn.model {
  color: #b0aea5;
  font-size: 12.5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-span {
  padding: 0 1px;
  border-bottom: 1.5px dashed var(--ink-4);
  border-radius: 1px;
  cursor: pointer;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-span:hover,
#lesson-dialog .atlas-reader-content .course-text-content .anc-span:focus-visible {
  background: rgba(217, 119, 87, 0.08);
  border-bottom-color: var(--clay);
  border-bottom-style: solid;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-span:focus-visible {
  outline: 2px solid rgba(217, 119, 87, 0.35);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-span.is-active {
  color: var(--ink);
  background: rgba(217, 119, 87, 0.16);
  border-bottom-color: var(--clay);
  border-bottom-style: solid;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-span.is-clicked:not(.is-active) {
  border-bottom-color: var(--olive);
  border-bottom-style: solid;
  opacity: 0.85;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-helper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  color: var(--ink-3);
  font-size: 13.5px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-helper .anc-helper-text {
  font-size: 13.5px !important;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-progress {
  display: flex;
  gap: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-progress-pip {
  width: 14px;
  height: 3px;
  background: rgba(20, 20, 19, 0.1);
  border-radius: 2px;
  transition: background-color 200ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-progress-pip.is-on {
  background: var(--olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel {
  min-height: 110px;
  padding: 16px 18px;
  background: var(--paper);
  border: 0.5px solid var(--border);
  border-radius: var(--radius);
  transition:
    background-color 200ms ease,
    border-color 200ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-3);
  font-size: 13.5px;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel.is-empty > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel.is-empty .anc-panel-empty-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  color: var(--ink-4);
  vertical-align: middle;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-glyph-box {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--clay);
  background: var(--surface);
  border: 0.5px solid var(--border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-glyph-box svg {
  width: 22px;
  height: 22px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel-body {
  flex: 1;
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel-label {
  margin: 0 0 4px;
  color: var(--clay);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-panel-text {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px 3px 7px;
  color: var(--ink);
  font-size: 11.5px;
  line-height: 1.3;
  background: rgba(217, 119, 87, 0.08);
  border: 1px solid rgba(217, 119, 87, 0.4);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-chip svg {
  width: 10px;
  height: 10px;
  color: var(--clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-todo {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: max-content;
  max-width: 100%;
  margin-top: 6px;
  padding: 6px 8px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-todo-row {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--ink-2);
  font-size: 11.5px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-todo-check {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  background: #2c84db;
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-todo-row.is-pending .anc-mini-todo-check {
  background: transparent;
  border: 1px solid var(--ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-file,
#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-folder {
  display: inline-flex;
  align-items: center;
  margin-top: 6px;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-file {
  gap: 8px;
  padding: 6px 10px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-file svg {
  width: 14px;
  height: 16px;
  color: var(--clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-folder {
  gap: 8px;
  padding: 5px 10px 5px 8px;
  background: rgba(217, 119, 87, 0.08);
  border: 1px solid rgba(217, 119, 87, 0.4);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-mini-folder svg {
  width: 13px;
  height: 11px;
  color: var(--clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-close {
  max-height: 0;
  margin: 14px 4px 0;
  padding: 0 16px;
  overflow: hidden;
  color: var(--ink);
  font-size: 13.5px;
  line-height: 1.5;
  background: var(--olive-soft);
  border: 1px solid var(--olive-line);
  border-radius: 8px;
  opacity: 0;
  transition:
    opacity 400ms ease,
    max-height 400ms ease,
    padding 400ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-close.is-shown {
  max-height: 200px;
  padding: 12px 16px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-close strong {
  color: var(--ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .anc-close-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  color: var(--olive);
  vertical-align: -2px;
}

@media (max-width: 560px) {
  #lesson-dialog .atlas-reader-content .course-text-content .anc-input {
    padding: 18px 18px 16px;
    border-radius: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .anc-prompt {
    font-size: 15.5px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .anc-helper {
    align-items: flex-start;
    justify-content: space-between;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .anc-glyph-box {
    width: 44px;
    height: 44px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .anc-glyph-box svg {
    width: 22px;
    height: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .anc *,
  #lesson-dialog .atlas-reader-content .course-text-content .anc *::before,
  #lesson-dialog .atlas-reader-content .course-text-content .anc *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc {
  --ccc-chat: #788c5d;
  --ccc-cowork: #d97757;
  --ccc-code: #6b6a64;
  --ccc-surface: #fffdf9;
  --ccc-paper: #faf9f5;
  --ccc-ink: #141413;
  --ccc-ink-2: #3d3d3a;
  --ccc-ink-3: #6b6a64;
  --ccc-border: rgba(20, 20, 19, 0.13);
  container-type: inline-size;
  width: 100%;
  margin: 24px 0 34px;
  color: var(--ccc-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 430;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc *,
#lesson-dialog .atlas-reader-content .course-text-content .ccc *::before,
#lesson-dialog .atlas-reader-content .course-text-content .ccc *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc p,
#lesson-dialog .atlas-reader-content .course-text-content .ccc h3,
#lesson-dialog .atlas-reader-content .course-text-content .ccc div,
#lesson-dialog .atlas-reader-content .course-text-content .ccc ul,
#lesson-dialog .atlas-reader-content .course-text-content .ccc li {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 17px 16px 16px;
  background: var(--ccc-surface);
  border: 1px solid var(--ccc-border);
  border-top: 4px solid var(--ccc-chat);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card.is-chat {
  border-top-color: var(--ccc-chat);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card.is-cowork {
  border-top-color: var(--ccc-cowork);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card.is-code {
  border-top-color: var(--ccc-code);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card-tag {
  margin: 0 0 11px;
  color: var(--ccc-ink-3);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card.is-chat .ccc-card-tag {
  color: var(--ccc-chat);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card.is-cowork .ccc-card-tag {
  color: var(--ccc-cowork);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card.is-code .ccc-card-tag {
  color: var(--ccc-code);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card-name {
  margin: 0 0 7px;
  color: var(--ccc-ink);
  font-size: 15px;
  font-weight: 520;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card-line {
  margin: 0 0 13px;
  color: var(--ccc-ink-2);
  font-size: 13.5px;
  font-weight: 430;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card-label {
  margin: 0 0 7px;
  color: var(--ccc-ink-3);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card ul {
  margin: 0;
  padding-left: 18px;
  color: var(--ccc-ink-2);
  font-family: inherit;
  font-size: 15px;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: 0;
  list-style: disc;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card li {
  margin: 0 0 4px;
  padding-left: 0;
  font-size: 15px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-card li:last-child {
  margin-bottom: 0;
}

@container (min-width: 620px) {
  #lesson-dialog .atlas-reader-content .course-text-content .ccc-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-card {
    padding: 18px 16px 16px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-card-name {
    min-height: 38px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-card-line {
    min-height: 82px;
  }
}

@supports (grid-template-rows: subgrid) {
  @container (min-width: 620px) {
    #lesson-dialog .atlas-reader-content .course-text-content .ccc-cards {
      row-gap: 0;
      column-gap: 12px;
    }

    #lesson-dialog .atlas-reader-content .course-text-content .ccc-card {
      display: grid;
      grid-row: span 5;
      grid-template-rows: subgrid;
    }

    #lesson-dialog .atlas-reader-content .course-text-content .ccc-card-name,
    #lesson-dialog .atlas-reader-content .course-text-content .ccc-card-line {
      min-height: 0;
    }
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-quiz {
  margin: 0;
  padding: 18px 20px;
  background: var(--ccc-paper);
  border: 1px solid var(--ccc-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-quiz-title {
  text-align: center;
  margin: 0 0 2px;
  color: var(--ccc-ink);
  font-family: Georgia, serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-quiz-sub {
  text-align: center;
  margin: 0 0 12px;
  color: var(--ccc-ink-3);
  font-size: 13px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-progress {
  margin: 0 0 8px;
  color: var(--ccc-ink-3);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-task {
  margin: 0 0 14px;
  padding: 14px 16px;
  color: var(--ccc-ink);
  font-size: 15.5px;
  font-style: italic;
  line-height: 1.5;
  background: var(--ccc-surface);
  border: 1px solid var(--ccc-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn {
  min-height: 40px;
  padding: 10px 8px;
  color: var(--ccc-ink-2);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  background: var(--ccc-surface);
  border: 1px solid var(--ccc-border);
  border-radius: 6px;
  cursor: pointer;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease,
    opacity 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn:hover:not(:disabled),
#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn:focus-visible:not(:disabled) {
  color: var(--ccc-ink);
  background: #fdfcf8;
  border-color: var(--ccc-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn:focus-visible {
  outline: 2px solid rgba(120, 140, 93, 0.35);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn:disabled {
  cursor: default;
  opacity: 0.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn.is-correct {
  color: #2e4a1f;
  background: #eaf1e6;
  border-color: #6b8e5a;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-btn.is-wrong {
  color: #7a3d24;
  background: #f6e3d8;
  border-color: var(--ccc-cowork);
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-feedback {
  display: none;
  margin: 0 0 14px;
  padding: 12px 14px;
  color: var(--ccc-ink-2);
  font-size: 14px;
  line-height: 1.5;
  background: var(--ccc-surface);
  border: 1px solid var(--ccc-border);
  border-left: 3px solid var(--ccc-chat);
  border-radius: 0 6px 6px 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-feedback.is-shown {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-feedback.is-cowork {
  border-left-color: var(--ccc-cowork);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-feedback.is-code {
  border-left-color: var(--ccc-code);
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-feedback strong {
  color: var(--ccc-ink);
  font-weight: 650;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-score {
  color: var(--ccc-ink-3);
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-next {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 9px 18px;
  color: var(--ccc-surface);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  background: var(--ccc-ink);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: opacity 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-next:hover:not(:disabled) {
  opacity: 0.85;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-next:disabled {
  cursor: default;
  opacity: 0.3;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-done {
  padding: 8px 0;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-done-title {
  margin: 8px 0 6px;
  color: var(--ccc-ink);
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-done-line {
  margin: 0 0 14px;
  color: var(--ccc-ink-2);
  font-size: 14px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-restart {
  min-height: 34px;
  padding: 7px 16px;
  color: var(--ccc-ink);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.2;
  background: transparent;
  border: 1px solid var(--ccc-border);
  border-radius: 999px;
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .ccc-restart:hover,
#lesson-dialog .atlas-reader-content .course-text-content .ccc-restart:focus-visible {
  background: var(--ccc-surface);
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl {
  --fwl-paper: #faf9f5;
  --fwl-surface: #ffffff;
  --fwl-ink: #141413;
  --fwl-ink-2: #3d3d3a;
  --fwl-ink-3: #6b6a64;
  --fwl-ink-4: #b0aea5;
  --fwl-clay: #d97757;
  --fwl-border: rgba(31, 30, 29, 0.12);
  --fwl-olive: #788c5d;
  --fwl-olive-soft: rgba(120, 140, 93, 0.1);
  width: 100%;
  margin: 28px 0;
  color: var(--fwl-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl *,
#lesson-dialog .atlas-reader-content .course-text-content .fwl *::before,
#lesson-dialog .atlas-reader-content .course-text-content .fwl *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl p,
#lesson-dialog .atlas-reader-content .course-text-content .fwl div,
#lesson-dialog .atlas-reader-content .course-text-content .fwl span,
#lesson-dialog .atlas-reader-content .course-text-content .fwl h3 {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-shell {
  padding: 22px 22px 20px;
  background: var(--fwl-paper);
  border: 1px solid var(--fwl-border);
  border-radius: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-eyebrow {
  margin: 0 0 4px 2px;
  color: var(--fwl-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-frame {
  margin: 0 2px 16px;
  color: var(--fwl-ink-2);
  font-size: 13.5px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 168px;
  flex-direction: column;
  gap: 8px;
  padding: 18px 18px 16px;
  background: var(--fwl-surface);
  border: 1px solid var(--fwl-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-bottom: 2px;
  padding-right: 44px;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--fwl-olive);
  background: var(--fwl-olive-soft);
  border-radius: 7px;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-icon svg {
  width: 15px;
  height: 15px;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-name {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--fwl-ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-learns-label,
#lesson-dialog .atlas-reader-content .course-text-content .fwl-unlocks-label {
  margin: 4px 0 2px;
  color: var(--fwl-ink-4);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-learns {
  margin: 0 0 6px;
  color: var(--fwl-clay);
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: 14.5px;
  font-style: italic;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-unlocks {
  margin: 0;
  color: var(--fwl-ink-2);
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-chip {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 3px 9px;
  color: var(--fwl-ink-3);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  background: var(--fwl-paper);
  border: 1px solid var(--fwl-border);
  border-radius: 999px;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-throughline {
  max-width: 62ch;
  margin: 18px auto 0;
  color: var(--fwl-ink-2);
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: 14.5px;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .fwl-throughline strong {
  color: var(--fwl-ink);
  font-style: normal;
  font-weight: 600;
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .fwl-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .fwl-shell {
    padding: 18px 16px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .fwl-card {
    min-height: 0;
    padding: 16px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .fwl-head {
    padding-right: 38px;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .gip {
  --gip-paper: #faf9f5;
  --gip-surface: #ffffff;
  --gip-ink: #141413;
  --gip-ink-2: #3d3d3a;
  --gip-ink-3: #6b6a64;
  --gip-ink-4: #b0aea5;
  --gip-border: rgba(31, 30, 29, 0.12);
  --gip-hover: rgba(20, 20, 19, 0.04);
  --gip-olive: #788c5d;
  --gip-olive-soft: rgba(120, 140, 93, 0.1);
  --gip-olive-line: rgba(120, 140, 93, 0.4);
  width: 100%;
  margin: 28px 0;
  color: var(--gip-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip *,
#lesson-dialog .atlas-reader-content .course-text-content .gip *::before,
#lesson-dialog .atlas-reader-content .course-text-content .gip *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip p,
#lesson-dialog .atlas-reader-content .course-text-content .gip div,
#lesson-dialog .atlas-reader-content .course-text-content .gip span,
#lesson-dialog .atlas-reader-content .course-text-content .gip button,
#lesson-dialog .atlas-reader-content .course-text-content .gip textarea {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip button {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--gip-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-tabs {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 14px;
  padding: 3px;
  background: var(--gip-paper);
  border: 1px solid var(--gip-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-tab {
  padding: 6px 14px;
  color: var(--gip-ink-3);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  background: none;
  border: 0;
  border-radius: 999px;
  transition:
    color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-tab:hover,
#lesson-dialog .atlas-reader-content .course-text-content .gip-tab:focus-visible {
  color: var(--gip-ink);
  background: var(--gip-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-tab:focus-visible {
  outline: 2px solid var(--gip-olive);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-tab.is-on {
  color: var(--gip-ink);
  background: var(--gip-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-body {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-panel {
  min-width: 0;
  padding: 4px 6px 0;
  background: transparent;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-panel-title {
  margin: 0 0 6px 6px;
  color: var(--gip-ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-panel-sub {
  margin: 0 0 12px 6px;
  color: var(--gip-ink-3);
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-panel-sub .u {
  color: var(--gip-ink-3);
  text-decoration: underline;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  padding: 12px 14px;
  color: var(--gip-ink);
  font-size: 14px;
  line-height: 1.55;
  white-space: pre-wrap;
  resize: vertical;
  background: var(--gip-surface);
  border: 1px solid rgba(31, 30, 29, 0.15);
  border-radius: 10px;
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-textarea::placeholder {
  color: var(--gip-ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-textarea:focus-visible {
  border-color: rgba(31, 30, 29, 0.3);
  outline: 2px solid rgba(120, 140, 93, 0.35);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-side {
  min-width: 0;
  padding: 14px 16px;
  background: var(--gip-olive-soft);
  border: 1px solid var(--gip-olive-line);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-side-label {
  margin: 0 0 10px;
  color: var(--gip-olive);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-bullet {
  position: relative;
  margin: 0 0 10px;
  padding-left: 18px;
  color: var(--gip-ink);
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-bullet::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  background: var(--gip-olive);
  border-radius: 50%;
  content: "";
}

#lesson-dialog .atlas-reader-content .course-text-content .gip-bullet:last-child {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .gip-body {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .gip-tabs {
    width: 100%;
    border-radius: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .gip-tab {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 9px;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .pst {
  --pst-paper: #faf9f5;
  --pst-surface: #ffffff;
  --pst-ink: #141413;
  --pst-ink-2: #3d3d3a;
  --pst-ink-3: #73726c;
  --pst-ink-4: #b0aea5;
  --pst-border: rgba(31, 30, 29, 0.15);
  --pst-hover: rgba(20, 20, 19, 0.04);
  --pst-olive: #788c5d;
  --pst-olive-soft: rgba(120, 140, 93, 0.1);
  --pst-olive-line: rgba(120, 140, 93, 0.4);
  width: 100%;
  margin: 28px 0;
  color: var(--pst-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst *,
#lesson-dialog .atlas-reader-content .course-text-content .pst *::before,
#lesson-dialog .atlas-reader-content .course-text-content .pst *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst p,
#lesson-dialog .atlas-reader-content .course-text-content .pst div,
#lesson-dialog .atlas-reader-content .course-text-content .pst span,
#lesson-dialog .atlas-reader-content .course-text-content .pst button,
#lesson-dialog .atlas-reader-content .course-text-content .pst li,
#lesson-dialog .atlas-reader-content .course-text-content .pst h3 {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst button {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--pst-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-tabs {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 14px;
  padding: 3px;
  background: var(--pst-paper);
  border: 1px solid var(--pst-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-tab {
  padding: 6px 14px;
  color: var(--pst-ink-3);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  background: none;
  border: 0;
  border-radius: 999px;
  transition:
    color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-tab:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pst-tab:focus-visible {
  color: var(--pst-ink);
  background: var(--pst-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-tab:focus-visible {
  outline: 2px solid var(--pst-olive);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-tab.is-on {
  color: var(--pst-ink);
  background: var(--pst-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle.pst-tabs {
  margin-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle.pst-tabs:not(.is-shown) {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle.pst-tabs.is-shown {
  display: inline-flex;
}

#lesson-dialog .atlas-reader-content .course-text-content .str-mode-toggle.pst-tabs .str-mode-btn.pst-tab {
  padding: 6px 14px !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-name {
  margin: 0 0 14px;
  color: var(--pst-ink);
  font-family: Georgia, "Iowan Old Style", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.22;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-rail {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-card {
  min-width: 0;
  padding: 14px 16px;
  background: var(--pst-surface);
  border: 1px solid var(--pst-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-card-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
  color: var(--pst-ink-3);
  font-size: 14px;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-card-h .actions {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  color: var(--pst-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-card-h .actions svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-card-body {
  color: var(--pst-ink);
  font-size: 13px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-sched {
  padding: 0;
  margin: 0;
  list-style: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-sched li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  margin: 0;
  color: var(--pst-ink);
  font-size: 13px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-sched li::before {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-sched li svg {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  margin-top: 3px;
  color: var(--pst-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-sched .when {
  display: block;
  color: var(--pst-ink-3);
  font-size: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-sub {
  margin-bottom: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-sub:last-child {
  margin-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-h {
  margin: 0 0 8px;
  color: var(--pst-ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
  margin-bottom: 4px;
  color: var(--pst-ink);
  font-size: 13px;
  line-height: 1.35;
  background: var(--pst-paper);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-row svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: var(--pst-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-ctx-row .car {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  margin-left: -4px;
  color: var(--pst-ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-mem-files {
  padding-left: 24px;
  margin-top: 4px;
  color: var(--pst-ink-3);
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-mem-files div {
  padding: 2px 0;
  overflow-wrap: anywhere;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-caption {
  padding: 12px 14px;
  margin: 14px 0 0;
  color: var(--pst-ink);
  font-size: 13px;
  line-height: 1.55;
  background: var(--pst-olive-soft);
  border: 1px solid var(--pst-olive-line);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pst-caption strong {
  font-weight: 600;
}

@media (max-width: 600px) {
  #lesson-dialog .atlas-reader-content .course-text-content .pst-name {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .pst-tabs {
    width: 100%;
    border-radius: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pst-tab {
    flex: 1 1 100%;
    border-radius: 9px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pst-card {
    padding: 13px 14px;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm {
  --bpm-surface: #ffffff;
  --bpm-paper: #faf9f5;
  --bpm-ink: #141413;
  --bpm-ink-2: #3d3d3a;
  --bpm-ink-3: #6b6a64;
  --bpm-ink-4: #b0aea5;
  --bpm-clay: #d97757;
  --bpm-clay-soft: rgba(217, 119, 87, 0.1);
  --bpm-clay-line: rgba(217, 119, 87, 0.45);
  --bpm-olive: #788c5d;
  --bpm-olive-soft: rgba(120, 140, 93, 0.1);
  --bpm-olive-line: rgba(120, 140, 93, 0.4);
  --bpm-border: rgba(31, 30, 29, 0.15);
  --bpm-hover: rgba(20, 20, 19, 0.04);
  width: 100%;
  margin: 28px 0;
  color: var(--bpm-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.55;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm *,
#lesson-dialog .atlas-reader-content .course-text-content .bpm *::before,
#lesson-dialog .atlas-reader-content .course-text-content .bpm *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm p,
#lesson-dialog .atlas-reader-content .course-text-content .bpm div,
#lesson-dialog .atlas-reader-content .course-text-content .bpm span,
#lesson-dialog .atlas-reader-content .course-text-content .bpm button {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--bpm-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-teach {
  margin-bottom: 12px;
  padding: 12px 14px 14px;
  background: var(--bpm-olive-soft);
  border: 1px dashed var(--bpm-olive-line);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(120, 140, 93, 0.2);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-row-label {
  width: 80px;
  padding-top: 6px;
  color: var(--bpm-ink-3);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-chips {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-chip {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  max-width: 100%;
  padding: 6px 12px;
  color: var(--bpm-ink-2);
  font-size: 12.5px;
  line-height: 1.35;
  text-align: left;
  overflow-wrap: anywhere;
  background: var(--bpm-surface);
  border: 1px solid var(--bpm-border);
  border-radius: 999px;
  cursor: pointer;
  appearance: none;
  transition:
    color 120ms ease,
    background 120ms ease,
    border-color 120ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-chip:hover {
  background: var(--bpm-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-chip:focus-visible {
  outline: 2px solid var(--bpm-clay);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-chip.is-on {
  color: var(--bpm-ink);
  font-weight: 500;
  background: var(--bpm-clay-soft);
  border-color: var(--bpm-clay-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-input {
  margin-bottom: 12px;
  padding: 16px 18px 12px;
  background: var(--bpm-surface);
  border: 1px solid var(--bpm-border);
  border-radius: 16px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-prompt {
  min-height: 48px;
  margin: 0 0 14px;
  color: var(--bpm-ink);
  font-size: 15px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-prompt.is-empty,
#lesson-dialog .atlas-reader-content .course-text-content .bpm-placeholder {
  color: var(--bpm-ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-placeholder {
  font-style: italic;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-span {
  padding-bottom: 1px;
  border-bottom: 1.5px solid var(--bpm-clay-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-input-foot {
  display: flex;
  align-items: center;
  gap: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  color: #73726c;
  font-size: 13px;
  line-height: 1.2;
  background: transparent;
  border: 0;
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn:hover {
  background: rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn.plus svg {
  width: 16px;
  height: 16px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn .car {
  width: 10px;
  height: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-spacer {
  min-width: 12px;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn.model {
  color: var(--bpm-ink-4);
  font-size: 12.5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-input-hint,
#lesson-dialog .atlas-reader-content .course-text-content .bpm-send {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-verdict {
  display: flex;
  max-height: 0;
  align-items: flex-start;
  gap: 8px;
  margin: 0 4px;
  padding: 0 14px;
  overflow: hidden;
  color: var(--bpm-ink);
  font-size: 13px;
  line-height: 1.55;
  background: var(--bpm-olive-soft);
  border: 1px solid var(--bpm-olive-line);
  border-radius: 8px;
  opacity: 0;
  transition:
    opacity 220ms ease,
    max-height 220ms ease,
    padding 220ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-verdict.is-shown {
  max-height: 120px;
  padding: 10px 14px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-verdict-icon {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  color: var(--bpm-olive);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-verdict strong {
  color: var(--bpm-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-line {
  margin: 10px 4px 0;
  color: var(--bpm-ink-3);
  font-size: 12.5px;
  font-style: italic;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq {
  --clq-paper: #faf9f5;
  --clq-surface: #ffffff;
  --clq-ink: #141413;
  --clq-ink-2: #3d3d3a;
  --clq-ink-3: #6b6a64;
  --clq-ink-4: #b0aea5;
  --clq-clay: #d97757;
  --clq-border: rgba(31, 30, 29, 0.12);
  --clq-hover: rgba(20, 20, 19, 0.04);
  --clq-olive: #788c5d;
  --clq-olive-soft: rgba(120, 140, 93, 0.1);
  --clq-olive-line: rgba(120, 140, 93, 0.4);
  margin: 28px 0;
  color: var(--clq-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq *,
#lesson-dialog .atlas-reader-content .course-text-content .clq *::before,
#lesson-dialog .atlas-reader-content .course-text-content .clq *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq p,
#lesson-dialog .atlas-reader-content .course-text-content .clq div,
#lesson-dialog .atlas-reader-content .course-text-content .clq span,
#lesson-dialog .atlas-reader-content .course-text-content .clq button,
#lesson-dialog .atlas-reader-content .course-text-content .clq input,
#lesson-dialog .atlas-reader-content .course-text-content .clq h3 {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq button {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--clq-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-card {
  padding: 18px 20px 14px;
  background: var(--clq-surface);
  border: 1px solid var(--clq-border);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-card:focus-visible {
  outline: 2px solid var(--clq-clay);
  outline-offset: 3px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-q {
  margin: 0;
  color: var(--clq-ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-q strong {
  color: var(--clq-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-q em {
  color: var(--clq-clay);
  font-style: italic;
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 6px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--clq-ink-3);
  font-size: 13px;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page-arrow,
#lesson-dialog .atlas-reader-content .course-text-content .clq-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--clq-ink-3);
  background: transparent;
  border: 0;
  border-radius: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page-arrow {
  width: 18px;
  height: 18px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-close {
  width: 22px;
  height: 22px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page-arrow:hover,
#lesson-dialog .atlas-reader-content .course-text-content .clq-close:hover,
#lesson-dialog .atlas-reader-content .course-text-content .clq-page-arrow:focus-visible,
#lesson-dialog .atlas-reader-content .course-text-content .clq-close:focus-visible {
  color: var(--clq-ink);
  background: var(--clq-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page-arrow:disabled {
  cursor: default;
  opacity: 0.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page-arrow svg {
  width: 12px;
  height: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-close svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-page-text {
  min-width: 38px;
  color: var(--clq-ink-3);
  text-align: center;
  font-variant-numeric: tabular-nums;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-options {
  display: flex;
  flex-direction: column;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 11px;
  padding: 10px 14px;
  color: var(--clq-ink);
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--clq-border);
  border-radius: 8px;
  appearance: none;
  transition: background 120ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt:last-of-type {
  border-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt:hover,
#lesson-dialog .atlas-reader-content .course-text-content .clq-opt:focus-visible {
  background: var(--clq-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt.is-focus {
  background: rgba(115, 114, 108, 0.08);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--clq-ink-3);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt.is-focus .clq-opt-num {
  color: var(--clq-paper);
  background: var(--clq-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt-text {
  min-width: 0;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt-rec {
  margin-left: 2px;
  color: var(--clq-ink-3);
  font-size: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt-arrow {
  width: 18px;
  color: var(--clq-ink-3);
  opacity: 0;
  transform: translateX(-4px);
  flex: 0 0 auto;
  transition:
    opacity 150ms ease,
    transform 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt.is-focus .clq-opt-arrow {
  opacity: 1;
  transform: translateX(0);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-opt-arrow svg {
  width: 18px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-custom {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 4px;
  padding: 14px 16px 4px;
  border-top: 1px solid var(--clq-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-custom-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: var(--clq-ink-4);
  background: rgba(20, 20, 19, 0.04);
  border-radius: 7px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-custom-icon svg {
  width: 12px;
  height: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-custom-input {
  min-width: 0;
  padding: 0;
  color: var(--clq-ink);
  font-size: 15px;
  line-height: 1.3;
  background: transparent;
  border: 0;
  outline: 0;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-custom-input::placeholder {
  color: var(--clq-ink-4);
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-skip {
  padding: 7px 16px;
  color: var(--clq-ink-2);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  background: transparent;
  border: 1px solid var(--clq-border);
  border-radius: 999px;
  flex: 0 0 auto;
  appearance: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-skip:hover,
#lesson-dialog .atlas-reader-content .course-text-content .clq-skip:focus-visible {
  background: var(--clq-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-helper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 22px;
  margin: 14px 4px 0;
  color: var(--clq-ink-4);
  font-size: 12.5px;
  line-height: 1.4;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-helper kbd {
  padding: 0 2px;
  color: var(--clq-ink-3);
  font-family: inherit;
  font-size: 12.5px;
  background: none;
  border: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 16px 4px 0;
  padding: 14px 16px;
  color: var(--clq-ink);
  font-size: 13.5px;
  line-height: 1.55;
  background: var(--clq-olive-soft);
  border: 1px solid var(--clq-olive-line);
  border-radius: 10px;
  transition: opacity 200ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption.is-empty {
  color: var(--clq-ink-3);
  font-style: italic;
  background: var(--clq-paper);
  border-color: var(--clq-border);
  border-style: dashed;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption.is-skip {
  color: var(--clq-ink-2);
  background: rgba(20, 20, 19, 0.04);
  border-color: var(--clq-border);
  border-style: solid;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-icon {
  margin-top: 2px;
  color: var(--clq-olive);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption.is-skip .clq-caption-icon {
  color: var(--clq-ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-icon svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-body {
  min-width: 0;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-label {
  display: block;
  margin-bottom: 3px;
  color: var(--clq-olive);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption.is-skip .clq-caption-label {
  color: var(--clq-ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-next {
  padding: 6px 14px;
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  background: var(--clq-olive);
  border: 0;
  border-radius: 999px;
  appearance: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-next-row {
  display: block;
  margin-top: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-next:hover,
#lesson-dialog .atlas-reader-content .course-text-content .clq-caption-next:focus-visible {
  filter: brightness(0.96);
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-end {
  margin-top: 8px;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-end[hidden] {
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .clq-restart {
  padding: 4px 8px;
  color: var(--clq-clay);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: underline;
  background: none;
  border: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm {
  --stm-surface: #ffffff;
  --stm-ink: #141413;
  --stm-ink-2: #3d3d3a;
  --stm-ink-3: #6b6a64;
  --stm-ink-4: #b0aea5;
  --stm-border: rgba(31, 30, 29, 0.15);
  --stm-clay: #d97757;
  --stm-clay-line: rgba(217, 119, 87, 0.45);
  --stm-olive-soft: rgba(120, 140, 93, 0.1);
  --stm-olive-line: rgba(120, 140, 93, 0.4);
  margin: 28px 0;
  color: var(--stm-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-weight: 430;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm *,
#lesson-dialog .atlas-reader-content .course-text-content .stm *::before,
#lesson-dialog .atlas-reader-content .course-text-content .stm *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm p,
#lesson-dialog .atlas-reader-content .course-text-content .stm div,
#lesson-dialog .atlas-reader-content .course-text-content .stm span,
#lesson-dialog .atlas-reader-content .course-text-content .stm button {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm button {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--stm-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-window {
  margin-bottom: 12px;
  overflow: hidden;
  background: var(--stm-surface);
  border: 1px solid var(--stm-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-body {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  min-height: 320px;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-stream {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 18px 20px;
  overflow: hidden;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-msg {
  max-width: 100%;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-msg.user {
  align-self: flex-end;
  max-width: min(78%, 420px);
  padding: 9px 13px;
  color: var(--stm-ink);
  background: #eeece4;
  border-radius: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-msg-text {
  margin: 0;
  color: var(--stm-ink);
  font-family: Georgia, "Iowan Old Style", serif;
  font-size: 14px;
  line-height: 1.6;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-msg.user .stm-msg-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 12.5px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-activity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  color: #73726c;
  font-size: 12px;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-activity::after {
  color: var(--stm-ink-4);
  content: "\203A";
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-activity.is-working {
  color: var(--stm-ink-2);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-activity.is-working::before {
  content: "";
  display: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-activity-spinner {
  display: inline-block;
  flex: 0 0 12px;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1.5px solid var(--stm-clay);
  border-top-color: transparent;
  border-radius: 50%;
  animation: stm-spin 0.9s linear infinite;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 16px 18px;
  background: var(--stm-surface);
  border-left: 1px solid var(--stm-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-eyebrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
  color: var(--stm-ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-eyebrow::after {
  width: 12px;
  height: 12px;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' stroke='%2373726C' stroke-width='1.6' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='3 5 6 8 9 5'/%3E%3C/svg%3E");
  content: "";
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0;
  color: var(--stm-ink-2);
  font-size: 13px;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-check {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: var(--stm-ink-4);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 500;
  background: rgba(20, 20, 19, 0.06);
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row.done .stm-plan-check {
  color: transparent;
  background: #2c84db;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row.done .stm-plan-check::before {
  position: absolute;
  width: 6px;
  height: 3px;
  border-bottom: 1.5px solid #ffffff;
  border-left: 1.5px solid #ffffff;
  content: "";
  transform: rotate(-45deg) translate(0, -1px);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row.spinning .stm-plan-check {
  color: #ffffff;
  background: #2c84db;
  animation: stm-pulse-blue 1.4s ease-in-out infinite;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row.spinning .stm-plan-text {
  color: var(--stm-ink);
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row.done .stm-plan-text {
  color: var(--stm-ink-3);
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.2);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-text.is-muted {
  color: var(--stm-ink-4);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-text-old {
  display: block;
  margin-top: 2px;
  color: var(--stm-ink-4);
  font-size: 11.5px;
  text-decoration: line-through;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-plan-text-new {
  display: block;
  color: var(--stm-ink);
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-input-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--stm-surface);
  border-top: 1px solid var(--stm-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-input-plus {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: var(--stm-ink-3);
  pointer-events: none;
  background: transparent;
  border: 1px solid var(--stm-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-input-plus svg {
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-input-fake {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 36px;
  padding: 9px 14px;
  overflow-wrap: anywhere;
  color: var(--stm-ink-4);
  font-size: 13px;
  font-style: italic;
  line-height: 1.35;
  background: var(--stm-surface);
  border: 1px solid var(--stm-border);
  border-radius: 12px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-input-fake.is-typed {
  color: var(--stm-ink);
  font-style: normal;
  border-color: var(--stm-clay-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-steer-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 6px 13px 6px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  background: #e0a894;
  border: 0;
  border-radius: 999px;
  transition: filter 0.15s ease;
  animation: stm-cta-pulse 2s ease-in-out infinite;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-steer-btn svg {
  width: 12px;
  height: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-steer-btn:hover {
  filter: brightness(0.96);
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-steer-btn:disabled {
  cursor: default;
  opacity: 0.4;
  animation: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-caption {
  max-height: 0;
  padding: 0 14px;
  margin: 0 4px;
  overflow: hidden;
  color: var(--stm-ink);
  font-size: 13px;
  line-height: 1.55;
  background: var(--stm-olive-soft);
  border: 1px solid transparent;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.4s ease, max-height 0.4s ease, padding 0.4s ease, margin 0.4s ease, border-color 0.4s ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-caption.is-shown {
  max-height: 200px;
  padding: 12px 14px;
  margin-top: 12px;
  border-color: var(--stm-olive-line);
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-caption strong {
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-reset-row {
  margin-top: 6px;
  text-align: right;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-reset {
  padding: 0;
  color: var(--stm-ink-3);
  font-size: 11.5px;
  line-height: 1.2;
  text-decoration: underline;
  background: none;
  border: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .stm-reset:hover,
#lesson-dialog .atlas-reader-content .course-text-content .stm-reset:focus-visible {
  color: var(--stm-ink);
}

@keyframes stm-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes stm-pulse-blue {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(44, 132, 219, 0.35);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(44, 132, 219, 0);
  }
}

@keyframes stm-cta-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(224, 168, 148, 0.6);
  }

  60% {
    box-shadow: 0 0 0 8px rgba(224, 168, 148, 0);
  }
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .stm-body {
    grid-template-columns: minmax(0, 1fr);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .stm-stream {
    border-bottom: 1px solid var(--stm-border);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .stm-plan {
    border-left: 0;
  }
}

@media (max-width: 480px) {
  #lesson-dialog .atlas-reader-content .course-text-content .stm-input-row {
    align-items: stretch;
    flex-wrap: wrap;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .stm-input-fake {
    flex-basis: calc(100% - 34px);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .stm-steer-btn {
    justify-content: center;
    margin-left: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .stm-activity-spinner,
  #lesson-dialog .atlas-reader-content .course-text-content .stm-plan-row.spinning .stm-plan-check,
  #lesson-dialog .atlas-reader-content .course-text-content .stm-steer-btn {
    animation: none;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .stm-input-fake,
  #lesson-dialog .atlas-reader-content .course-text-content .stm-caption {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr {
  --tpr-warm-white: #fdfcf9;
  --tpr-ivory: #faf9f5;
  --tpr-ink: #141413;
  --tpr-ink-2: #3d3d3a;
  --tpr-ink-3: #6b6a64;
  --tpr-ink-4: #b0aea5;
  --tpr-clay: #d97757;
  --tpr-blue: #2c84db;
  --tpr-olive-line: rgba(120, 140, 93, 0.4);
  --tpr-hairline: 1px solid rgba(31, 30, 29, 0.15);
  margin: 28px 0;
  color: var(--tpr-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.55;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr *,
#lesson-dialog .atlas-reader-content .course-text-content .tpr *::before,
#lesson-dialog .atlas-reader-content .course-text-content .tpr *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr p,
#lesson-dialog .atlas-reader-content .course-text-content .tpr div,
#lesson-dialog .atlas-reader-content .course-text-content .tpr span,
#lesson-dialog .atlas-reader-content .course-text-content .tpr button,
#lesson-dialog .atlas-reader-content .course-text-content .tpr li {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr button {
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-eyebrow {
  margin: 0 0 12px 4px;
  color: var(--tpr-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tabs {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 14px;
  padding: 3px;
  background: var(--tpr-ivory);
  border: var(--tpr-hairline);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tab {
  min-height: 32px;
  padding: 6px 14px;
  color: var(--tpr-ink-3);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  appearance: none;
  transition:
    color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tab:hover {
  color: var(--tpr-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tab:focus-visible {
  outline: 2px solid var(--tpr-blue);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tab.is-active {
  color: var(--tpr-ink);
  background: var(--tpr-warm-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  padding: 22px 24px 20px;
  background: var(--tpr-warm-white);
  border: var(--tpr-hairline);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-num {
  margin: 0;
  color: var(--tpr-clay);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-name {
  margin: 0;
  color: var(--tpr-ink);
  font-family: Georgia, "Iowan Old Style", serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-def {
  margin: 2px 0 4px;
  color: var(--tpr-ink-2);
  font-size: 14px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-def strong {
  color: var(--tpr-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-examples-h {
  margin: 6px 0 0;
  color: var(--tpr-ink-4);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-examples {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-examples li {
  position: relative;
  margin: 0;
  padding-left: 18px;
  color: var(--tpr-ink-2);
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-examples li::before {
  position: absolute;
  top: 8px;
  left: 4px;
  width: 5px;
  height: 5px;
  content: "";
  background: var(--tpr-clay);
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tell {
  min-width: 0;
  min-height: 200px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid rgba(31, 30, 29, 0.15);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-tell-h {
  margin: 0 0 12px;
  color: var(--tpr-ink-3);
  font-size: 11px;
  font-style: italic;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-progress {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
  color: var(--tpr-ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-progress-head .ch {
  color: var(--tpr-ink-3);
  font-weight: 400;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-progress-head .ch svg {
  width: 12px;
  height: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0;
  font-size: 13px;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step-dot {
  position: relative;
  display: grid;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: var(--tpr-ink-4);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  line-height: 1;
  background: rgba(31, 30, 29, 0.06);
  border-radius: 50%;
  place-items: center;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step.is-done .tpr-step-dot {
  color: transparent;
  background: var(--tpr-blue);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step.is-done .tpr-step-dot::before {
  position: absolute;
  width: 6px;
  height: 3px;
  content: "";
  border-bottom: 1.5px solid #fff;
  border-left: 1.5px solid #fff;
  transform: rotate(-45deg) translate(0, -1px);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step.is-active .tpr-step-dot {
  color: #fff;
  background: var(--tpr-blue);
  animation: tpr-pulse 1.4s ease-in-out infinite;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step-lbl {
  color: var(--tpr-ink-3);
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step.is-done .tpr-step-lbl {
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.2);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-step.is-active .tpr-step-lbl {
  color: var(--tpr-ink);
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder {
  overflow: hidden;
  background: var(--tpr-ivory);
  border: var(--tpr-hairline);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #f5f3ec;
  border-bottom: var(--tpr-hairline);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-traffic {
  display: flex;
  gap: 5px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-traffic span {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-title {
  flex: 1;
  margin-left: -42px;
  color: var(--tpr-ink-2);
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-head,
#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) 0.9fr 0.5fr;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  font-size: 11px;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-head {
  color: var(--tpr-ink-4);
  font-weight: 500;
  background: var(--tpr-ivory);
  border-bottom: var(--tpr-hairline);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row {
  color: var(--tpr-ink-2);
  border-bottom: 0.5px solid rgba(31, 30, 29, 0.06);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row .n {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 6px;
  color: var(--tpr-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row .n span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row svg {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row.is-new,
#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row.is-new .n,
#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row.is-new .d,
#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row.is-new .s {
  color: #fff;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row.is-new {
  background: var(--tpr-blue);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row.is-new svg {
  color: #fff;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 4px;
  color: var(--tpr-ink);
  font-size: 13px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn:not(.is-on) {
  opacity: 0.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn-ic {
  display: grid;
  width: 22px;
  height: 22px;
  padding: 2px;
  background: #fff;
  border: var(--tpr-hairline);
  border-radius: 5px;
  place-items: center;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn-ic svg {
  display: block;
  width: 14px;
  height: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn-name {
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn-toggle {
  position: relative;
  width: 30px;
  height: 17px;
  background: rgba(20, 20, 19, 0.2);
  border-radius: 999px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn-toggle::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  content: "";
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: left 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn.is-on .tpr-conn-toggle {
  background: var(--tpr-blue);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-conn.is-on .tpr-conn-toggle::after {
  left: 15px;
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-caption {
  margin: 14px 4px 0;
  padding: 10px 14px;
  color: var(--tpr-ink-2);
  font-size: 13px;
  line-height: 1.55;
  border-left: 2px solid var(--tpr-olive-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .tpr-caption strong {
  color: var(--tpr-ink);
  font-weight: 600;
}

@keyframes tpr-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(44, 132, 219, 0.35);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(44, 132, 219, 0);
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk {
  --pblk-paper: #faf9f5;
  --pblk-surface: #ffffff;
  --pblk-ink: #141413;
  --pblk-ink-2: #3d3d3a;
  --pblk-ink-3: #6b6a64;
  --pblk-ink-4: #b0aea5;
  --pblk-coral: #d97757;
  --pblk-green: #788c5d;
  --pblk-border: rgba(20, 20, 19, 0.1);
  --pblk-border-strong: rgba(20, 20, 19, 0.16);
  width: 100%;
  margin: 28px 0;
  color: var(--pblk-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk *,
#lesson-dialog .atlas-reader-content .course-text-content .pblk *::before,
#lesson-dialog .atlas-reader-content .course-text-content .pblk *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk p,
#lesson-dialog .atlas-reader-content .course-text-content .pblk div,
#lesson-dialog .atlas-reader-content .course-text-content .pblk span,
#lesson-dialog .atlas-reader-content .course-text-content .pblk li {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk svg {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-eyebrow {
  margin: 0 0 12px 22px;
  color: var(--pblk-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-card {
  width: 100%;
  padding: 32px 32px 26px;
  background: var(--pblk-paper);
  border: 1px solid var(--pblk-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-sub {
  margin: 0 0 6px;
  color: var(--pblk-coral);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.005em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-title {
  margin: 0 0 10px;
  color: var(--pblk-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-lede {
  margin: 0 0 24px;
  color: var(--pblk-ink-2);
  font-size: 14.5px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-modes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px 18px 16px;
  background: var(--pblk-surface);
  border: 1px solid var(--pblk-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--pblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode.is-ask .pblk-mode-icon {
  color: var(--pblk-coral);
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode.is-auto .pblk-mode-icon {
  color: var(--pblk-green);
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-name {
  min-width: 0;
  color: var(--pblk-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.005em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-desc {
  margin: 0 0 12px;
  color: var(--pblk-ink-2);
  font-size: 13px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-best {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dashed var(--pblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-best-label {
  margin: 0 0 4px;
  color: var(--pblk-ink-3);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-mode-best-text {
  margin: 0;
  color: var(--pblk-ink-2);
  font-size: 12.5px;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-guarantee {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 14px 16px;
  background: rgba(217, 119, 87, 0.08);
  border: 1px solid rgba(217, 119, 87, 0.3);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-guarantee-icon {
  width: 22px;
  height: 22px;
  color: var(--pblk-coral);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-guarantee-label {
  margin: 0 0 2px;
  color: var(--pblk-coral);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-guarantee-line {
  margin: 0;
  color: var(--pblk-ink);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also {
  margin-top: 18px;
  padding: 16px 18px 14px;
  background: var(--pblk-surface);
  border: 1px solid var(--pblk-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also-head {
  margin: 0 0 10px;
  color: var(--pblk-ink-3);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--pblk-ink);
  font-size: 13px;
  line-height: 1.4;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also-icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--pblk-ink-3);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also-item strong {
  color: var(--pblk-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .pblk-also-foot {
  margin: 10px 0 0;
  padding-top: 10px;
  color: var(--pblk-ink-3);
  font-size: 12px;
  font-style: italic;
  line-height: 1.45;
  border-top: 1px solid var(--pblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk {
  --cblk-paper: #faf9f5;
  --cblk-surface: #ffffff;
  --cblk-surface-2: #f5f4ed;
  --cblk-ink: #141413;
  --cblk-ink-2: #3d3d3a;
  --cblk-ink-3: #6b6a64;
  --cblk-ink-4: #b0aea5;
  --cblk-coral: #d97757;
  --cblk-green: #788c5d;
  --cblk-border: rgba(20, 20, 19, 0.1);
  --cblk-border-strong: rgba(20, 20, 19, 0.16);
  width: 100%;
  margin: 28px 0;
  color: var(--cblk-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk *,
#lesson-dialog .atlas-reader-content .course-text-content .cblk *::before,
#lesson-dialog .atlas-reader-content .course-text-content .cblk *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk p,
#lesson-dialog .atlas-reader-content .course-text-content .cblk div,
#lesson-dialog .atlas-reader-content .course-text-content .cblk span,
#lesson-dialog .atlas-reader-content .course-text-content .cblk button,
#lesson-dialog .atlas-reader-content .course-text-content .cblk aside {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-eyebrow {
  margin: 0 0 12px 22px;
  color: var(--cblk-ink-4);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-card {
  width: 100%;
  padding: 32px 32px 26px;
  background: var(--cblk-paper);
  border: 1px solid var(--cblk-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-sub {
  margin: 0 0 6px;
  color: var(--cblk-coral);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-title {
  margin: 0 0 10px;
  color: var(--cblk-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-lede {
  margin: 0 0 24px;
  color: var(--cblk-ink-2);
  font-size: 14.5px;
  font-weight: 430;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-panel {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background: var(--cblk-surface);
  border: 1px solid var(--cblk-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-panel-head {
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--cblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-panel-label,
#lesson-dialog .atlas-reader-content .course-text-content .cblk-conseq-label {
  margin: 0 0 4px;
  color: var(--cblk-ink-3);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-panel-name {
  color: var(--cblk-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--cblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-btn {
  padding: 4px 10px;
  color: var(--cblk-ink-2);
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  background: transparent;
  border: 1px solid var(--cblk-border-strong);
  border-radius: 999px;
  cursor: pointer;
  appearance: none;
  transition: background 150ms ease, border-color 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-btn:hover {
  background: var(--cblk-surface-2);
  border-color: var(--cblk-ink-3);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-btn:focus-visible {
  outline: 2px solid var(--cblk-coral);
  outline-offset: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-count {
  margin-left: auto;
  color: var(--cblk-ink-3);
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-count strong {
  color: var(--cblk-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-rows {
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--cblk-border);
  transition: background 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row:last-child {
  border-bottom: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row.is-on {
  background: var(--cblk-surface-2);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  background: var(--cblk-surface-2);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row.is-on .cblk-icon {
  background: #fff;
  border: 1px solid var(--cblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-icon svg {
  display: block;
  width: 22px;
  height: 22px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row-text {
  min-width: 0;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row-name {
  color: var(--cblk-ink);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-row-desc {
  margin-top: 2px;
  color: var(--cblk-ink-3);
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 36px;
  height: 21px;
  padding: 0;
  background: var(--cblk-ink-4);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  appearance: none;
  transition: background 200ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle[aria-checked="true"] {
  background: #2c84db;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle:focus-visible {
  outline: 2px solid #2c84db;
  outline-offset: 3px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 17px;
  height: 17px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  transition: transform 200ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle[aria-checked="true"] .cblk-toggle-thumb {
  transform: translateX(15px);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-conseq {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px 18px;
  background: rgba(120, 140, 93, 0.1);
  border: 1px solid rgba(120, 140, 93, 0.4);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-conseq-head {
  color: var(--cblk-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-count-pill {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  margin-right: 6px;
  padding: 0 7px;
  color: var(--cblk-paper);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: var(--cblk-ink);
  border-radius: 999px;
  transform: translateY(-2px);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  color: var(--cblk-ink);
  font-size: 12px;
  line-height: 1.35;
  background: #fff;
  border: 1px solid var(--cblk-border);
  border-radius: 999px;
  animation: cblkPill 200ms ease both;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-pill .cblk-dot {
  width: 6px;
  height: 6px;
  background: var(--cblk-coral);
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-empty {
  color: var(--cblk-ink-3);
  font-size: 13px;
  font-style: italic;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-narration {
  min-height: 1em;
  color: var(--cblk-ink);
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-prompt {
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--cblk-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-prompt-label {
  margin-bottom: 6px;
  color: var(--cblk-ink-3);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-prompt-text {
  color: var(--cblk-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-prompt-text .cblk-quote {
  color: var(--cblk-ink);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-prompt-text .cblk-strike {
  color: var(--cblk-ink-3);
  text-decoration: line-through;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-prompt-foot {
  margin-top: 8px;
  padding-top: 8px;
  color: var(--cblk-ink-2);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  border-top: 1px dashed var(--cblk-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-verdict {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  margin-top: auto;
  padding: 4px 10px;
  color: var(--cblk-ink-3);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #fff;
  border: 1px solid var(--cblk-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-vdot {
  width: 6px;
  height: 6px;
  background: var(--cblk-ink-4);
  border-radius: 50%;
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-verdict.is-mid {
  color: var(--cblk-coral);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-verdict.is-mid .cblk-vdot {
  background: var(--cblk-coral);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-verdict.is-high {
  color: var(--cblk-green);
}

#lesson-dialog .atlas-reader-content .course-text-content .cblk-verdict.is-high .cblk-vdot {
  background: var(--cblk-green);
}

@keyframes cblkPill {
  from {
    opacity: 0;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf {
  --pkf-paper: #faf9f5;
  --pkf-surface: #ffffff;
  --pkf-ink: #141413;
  --pkf-ink-2: #3d3d3a;
  --pkf-ink-3: #6b6a64;
  --pkf-ink-4: #b0aea5;
  --pkf-clay: #d97757;
  --pkf-clay-soft: rgba(217, 119, 87, 0.1);
  --pkf-border: rgba(31, 30, 29, 0.12);
  --pkf-hover: rgba(20, 20, 19, 0.04);
  --pkf-olive: #788c5d;
  --pkf-olive-soft: rgba(120, 140, 93, 0.1);
  --pkf-olive-line: rgba(120, 140, 93, 0.45);
  margin: 28px 0;
  width: 100%;
  color: var(--pkf-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 430;
  line-height: 1.5;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf *,
#lesson-dialog .atlas-reader-content .course-text-content .pkf *::before,
#lesson-dialog .atlas-reader-content .course-text-content .pkf *::after {
  box-sizing: border-box;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf p,
#lesson-dialog .atlas-reader-content .course-text-content .pkf div,
#lesson-dialog .atlas-reader-content .course-text-content .pkf span,
#lesson-dialog .atlas-reader-content .course-text-content .pkf button {
  font-family: inherit;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-frame {
  margin: 0 4px 14px;
  padding: 12px 16px;
  color: var(--pkf-ink);
  font-size: 13.5px;
  font-weight: 430;
  line-height: 1.55;
  background: var(--pkf-olive-soft);
  border-left: 3px solid var(--pkf-olive);
  border-radius: 0 6px 6px 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-frame strong {
  color: var(--pkf-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-dialog {
  overflow: hidden;
  background: var(--pkf-surface);
  border: 1px solid var(--pkf-border);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.035);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-dialog-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--pkf-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-dialog-head svg {
  width: 14px;
  height: 14px;
  color: var(--pkf-ink-3);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-dialog-title {
  color: var(--pkf-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 380px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-tree {
  overflow: auto;
  padding: 14px 8px 16px 14px;
  background: var(--pkf-paper);
  border-right: 1px solid var(--pkf-border);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-tree-eyebrow {
  margin: 0 0 8px 6px;
  color: var(--pkf-ink-4);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 6px;
  min-height: 28px;
  padding: 5px 8px 5px 4px;
  color: var(--pkf-ink);
  font-size: 13px;
  font-weight: 430;
  line-height: 1.25;
  text-align: left;
  user-select: none;
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  appearance: none;
  transition: background 120ms ease, color 120ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row:hover,
#lesson-dialog .atlas-reader-content .course-text-content .pkf-row:focus-visible {
  background: var(--pkf-hover);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row:focus-visible {
  outline: 2px solid rgba(120, 140, 93, 0.45);
  outline-offset: 1px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row.is-selected {
  background: var(--pkf-clay-soft);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row.is-selected .pkf-row-name {
  color: var(--pkf-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row.is-target.is-selected {
  background: var(--pkf-olive-soft);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: var(--pkf-ink-3);
  flex: 0 0 auto;
  transition: transform 150ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-toggle.is-open {
  transform: rotate(90deg);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-toggle.is-leaf {
  visibility: hidden;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-toggle svg {
  width: 9px;
  height: 9px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-icon {
  display: inline-flex;
  width: 14px;
  height: 12px;
  color: var(--pkf-clay);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-icon svg {
  width: 14px;
  height: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row.is-target .pkf-row-icon {
  color: var(--pkf-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-name {
  min-width: 0;
  color: var(--pkf-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-count {
  margin-left: 6px;
  color: var(--pkf-ink-3);
  font-size: 11.5px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-row-target-mark {
  margin-left: 8px;
  color: var(--pkf-olive);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-children {
  display: none;
  margin-left: 14px;
  padding-left: 8px;
  border-left: 1px dashed rgba(20, 20, 19, 0.1);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-children.is-open {
  display: block;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-consequence {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px 20px;
  background: var(--pkf-surface);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding: 24px 16px;
  color: var(--pkf-ink-3);
  font-size: 13px;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-content {
  display: none;
  flex-direction: column;
  gap: 14px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-content.is-shown {
  display: flex;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-label,
#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample-eyebrow {
  color: var(--pkf-ink-4);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-name {
  color: var(--pkf-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  color: var(--pkf-olive);
  font-size: 13px;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-counter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: var(--pkf-paper);
  border: 1px solid var(--pkf-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-counter-num {
  color: var(--pkf-ink);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-counter-text {
  color: var(--pkf-ink-3);
  font-size: 12.5px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-content.is-target .pkf-counter {
  background: var(--pkf-olive-soft);
  border-color: var(--pkf-olive-line);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-cons-content.is-target .pkf-counter-num {
  color: var(--pkf-olive);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample-eyebrow {
  margin-bottom: 2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 5px 10px;
  color: var(--pkf-ink-2);
  font-size: 12.5px;
  line-height: 1.35;
  background: var(--pkf-paper);
  border: 1px solid var(--pkf-border);
  border-radius: 6px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample-row svg {
  width: 11px;
  height: 13px;
  color: var(--pkf-ink-4);
  flex: 0 0 auto;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample-row.is-folder svg {
  width: 13px;
  height: 11px;
  color: var(--pkf-clay);
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-sample-name {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-callout {
  padding: 12px 14px;
  color: var(--pkf-ink);
  font-size: 13.5px;
  line-height: 1.5;
  background: var(--pkf-olive-soft);
  border-left: 3px solid var(--pkf-olive);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-callout-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  color: var(--pkf-olive);
  vertical-align: -2px;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-endstate {
  overflow: hidden;
  max-height: 0;
  margin: 0 4px;
  padding: 0 16px;
  color: var(--pkf-ink);
  font-size: 13.5px;
  line-height: 1.55;
  background: var(--pkf-olive-soft);
  border: 1px solid var(--pkf-olive-line);
  border-radius: 8px;
  opacity: 0;
  transition: opacity 400ms ease, max-height 400ms ease, padding 400ms ease, margin 400ms ease;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-endstate.is-shown {
  max-height: 200px;
  margin: 14px 4px 0;
  padding: 12px 16px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-text-content .pkf-endstate strong {
  color: var(--pkf-ink);
  font-weight: 600;
}

@media (max-width: 640px) {
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-shell {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm {
    margin: 24px 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq {
    margin: 24px 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .cblk-grid {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf {
    margin: 24px 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf-body {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf-tree {
    max-height: 360px;
    padding: 12px 8px 14px 12px;
    border-right: 0;
    border-bottom: 1px solid var(--pkf-border);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf-consequence {
    min-height: 240px;
    padding: 16px 16px 18px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf-row {
    min-height: 32px;
    padding-right: 6px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf-row-target-mark {
    display: none;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pkf-counter {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 600px) {
  #lesson-dialog .atlas-reader-content .course-text-content .pblk-card {
    padding: 22px 18px 18px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pblk-eyebrow {
    margin-left: 4px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pblk-title {
    font-size: 22px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pblk-modes {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .pblk-guarantee {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-tab,
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-conn-toggle::after,
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-step.is-active .tpr-step-dot,
  #lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle,
  #lesson-dialog .atlas-reader-content .course-text-content .cblk-toggle-thumb,
  #lesson-dialog .atlas-reader-content .course-text-content .cblk-row,
  #lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-btn,
  #lesson-dialog .atlas-reader-content .course-text-content .cblk-pill,
  #lesson-dialog .atlas-reader-content .course-text-content .pkf-row,
  #lesson-dialog .atlas-reader-content .course-text-content .pkf-row-toggle,
  #lesson-dialog .atlas-reader-content .course-text-content .pkf-endstate,
  #lesson-dialog .atlas-reader-content .course-text-content .bpm-chip,
  #lesson-dialog .atlas-reader-content .course-text-content .bpm-verdict,
  #lesson-dialog .atlas-reader-content .course-text-content .clq-opt,
  #lesson-dialog .atlas-reader-content .course-text-content .clq-opt-arrow,
  #lesson-dialog .atlas-reader-content .course-text-content .clq-caption {
    transition: none;
    animation: none;
  }
}

@media (max-width: 560px) {
  #lesson-dialog .atlas-reader-content .course-text-content .cblk-card {
    padding: 22px 18px 18px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .cblk-eyebrow {
    margin-left: 4px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .cblk-title {
    font-size: 22px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .tpr-tabs {
    width: 100%;
    border-radius: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .tpr-tab {
    flex: 1 1 100%;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .tpr-name {
    font-size: 20px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-head,
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row {
    grid-template-columns: minmax(0, 1fr);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-head div:not(:first-child),
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row .d,
  #lesson-dialog .atlas-reader-content .course-text-content .tpr-finder-row .s {
    display: none;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .cblk-bulk-count {
    width: 100%;
    margin-left: 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-teach {
    padding: 10px 10px 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-row {
    flex-direction: column;
    gap: 8px;
    padding: 10px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-row-label {
    width: auto;
    padding-top: 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-chip {
    width: 100%;
    justify-content: flex-start;
    border-radius: 10px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-input {
    padding: 12px 14px 10px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-prompt {
    font-size: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .bpm-foot-btn {
    padding-inline: 6px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-card {
    padding: 18px 16px 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-head {
    flex-direction: column;
    gap: 10px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-meta {
    align-self: flex-end;
    padding-top: 0;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-q {
    font-size: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-opt {
    gap: 10px;
    padding: 12px 8px;
    font-size: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-custom {
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    padding-inline: 8px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-custom-input {
    min-width: min(180px, 100%);
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-skip {
    margin-left: auto;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .clq-helper {
    gap: 14px;
    font-size: 11.5px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc {
    margin: 22px 0 30px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-card {
    padding: 16px 14px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-quiz {
    padding: 20px 16px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-options {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-controls {
    align-items: stretch;
    flex-direction: column;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .ccc-next {
    width: 100%;
  }
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out ul {
  margin: 0 0 6px !important;
  padding-left: 14px !important;
  line-height: 1.55 !important;
  list-style-position: outside !important;
  list-style-type: disc !important;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-out li {
  display: list-item !important;
  margin-bottom: 2px !important;
  color: inherit !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts ul {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  list-style: none !important;
}

#lesson-dialog .atlas-reader-content .course-text-content .ev-asrts li {
  display: flex !important;
  margin-bottom: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

#lesson-dialog .atlas-reader-content .course-quiz {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 0 72px;
  color: #141413;
  font-family: inherit;
}

#lesson-dialog .atlas-reader-content .course-quiz__intro {
  margin: 4rem 0 32px;
  padding-bottom: 24px;
}

#lesson-dialog .atlas-reader-content .course-quiz__estimated + .course-quiz__intro {
  margin-top: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz__eyebrow {
  margin: 0 0 10px;
  color: #6f665a;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz__intro h3,
#lesson-dialog .atlas-reader-content .course-quiz__result h3 {
  margin: 0 0 8px;
  color: #141413;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 27.6px;
  letter-spacing: -0.48px;
}

#lesson-dialog .atlas-reader-content .course-quiz__intro p:not(.course-quiz__eyebrow) {
  max-width: 640px;
  margin: 0;
  color: #141413;
  font-family: "Tiempos", Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: -0.1px;
}

#lesson-dialog .atlas-reader-content .course-quiz__result {
  margin: 0 0 26px;
  padding: 22px 24px;
  border: 1px solid #d5cabb;
  background: #f8f5ef;
}

#lesson-dialog .atlas-reader-content .course-quiz__result--passed {
  border-color: #8a9b67;
  background: #f3f6ed;
}

#lesson-dialog .atlas-reader-content .course-quiz__result--failed {
  border-color: #c8a093;
  background: #fbf1ee;
}

#lesson-dialog .atlas-reader-content .course-quiz__score {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 18px;
}

#lesson-dialog .atlas-reader-content .course-quiz__score div {
  min-width: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz__score dt {
  margin-bottom: 3px;
  color: #6b6257;
  font-size: 12px;
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-quiz__score dd {
  margin: 0;
  color: #1f1d1a;
  font-size: 16px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-quiz__progress {
  margin: 0 0 8px;
  color: #6b6257;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading {
  margin: 18px 0 32px;
  padding: 22px 0 0;
  border-top: 1px solid #ded8cd;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  max-width: 640px;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-spinner {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin-top: 2px;
  border: 2px solid #d7cec0;
  border-top-color: #594537;
  border-radius: 50%;
  background: #fffdf8;
  animation: course-quiz-loading-spin 0.9s linear infinite;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-title {
  margin: 0 0 4px;
  color: #141413;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-copy {
  max-width: 520px;
  margin: 0;
  color: #5b5349;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-preview {
  display: grid;
  gap: 10px;
  max-width: 640px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #ebe5da;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-line,
#lesson-dialog .atlas-reader-content .course-quiz__loading-choice {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  background: #eee7dc;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-line {
  width: min(100%, 560px);
  height: 15px;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-line--short {
  width: min(44%, 260px);
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-choice {
  height: 42px;
  border: 1px solid #ddd5c8;
  background: linear-gradient(90deg, #fffdf8 0%, #f2ece2 42%, #fffdf8 84%);
  background-size: 220% 100%;
  animation: course-quiz-loading-sheen 1.35s ease-in-out infinite;
}

#lesson-dialog .atlas-reader-content .course-quiz__loading-choice--narrow {
  width: min(82%, 520px);
}

@keyframes course-quiz-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes course-quiz-loading-sheen {
  from {
    background-position: 140% 0;
  }

  to {
    background-position: -80% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-quiz__loading-spinner,
  #lesson-dialog .atlas-reader-content .course-quiz__loading-choice {
    animation: none;
  }
}

#lesson-dialog .atlas-reader-content .course-quiz__review-title {
  margin: 0 0 12px;
  color: #1f1d1a;
  font-family: "Tiempos", Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-quiz__question {
  margin: 0 0 24px;
  padding: 20px 0 0;
  border: 0;
  border-top: 1px solid #ded8cd;
}

#lesson-dialog .atlas-reader-content .course-quiz__question--invalid {
  border-top-color: #c87b68;
}

#lesson-dialog .atlas-reader-content .course-quiz__prompt {
  margin: 12px 0 16px;
  color: #141413;
  font-family: "Tiempos", Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: -0.1px;
}

#lesson-dialog .atlas-reader-content .course-quiz__question-alert {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  margin: -2px 0 16px;
  padding: 10px 12px;
  border: 1px solid #d9a99b;
  border-radius: 6px;
  background: #fff5f2;
  color: #5f241b;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-quiz__question-alert-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-height: 18px;
  margin-top: 1px;
  color: #7a2f23;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-quiz__options {
  display: grid;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-quiz__option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid #d8d2c4;
  background: #fffdf8;
  color: #282520;
  cursor: pointer;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-quiz__option:hover {
  background: #f4f0e7;
}

#lesson-dialog .atlas-reader-content .course-quiz__option input {
  flex: 0 0 auto;
  margin-top: 3px;
}

#lesson-dialog .atlas-reader-content .course-quiz__textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px 14px;
  border: 1px solid #d8d2c4;
  background: #fffdf8;
  color: #282520;
  font: inherit;
  font-size: 15px;
  line-height: 1.45;
  resize: vertical;
}

#lesson-dialog .atlas-reader-content .course-quiz__textarea::placeholder {
  color: #8a8377;
  font-size: 15px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-quiz__correct {
  color: #526a33;
}

#lesson-dialog .atlas-reader-content .course-quiz__incorrect,
#lesson-dialog .atlas-reader-content .course-quiz__error {
  color: #9a3f2f;
}

#lesson-dialog .atlas-reader-content .course-quiz__answer-note {
  margin: 10px 0 0;
  color: #5b5349;
  font-size: 13px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-quiz__error {
  display: flex;
  margin: 10px 0 18px;
  padding: 12px 14px;
  border: 1px solid #d9a99b;
  border-radius: 4px;
  background: #fff5f2;
  color: #5f241b;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-quiz__nav {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

#lesson-dialog .atlas-reader-content .course-quiz__submit,
#lesson-dialog .atlas-reader-content .course-quiz__retake,
#lesson-dialog .atlas-reader-content .course-quiz__secondary {
  min-height: 40px;
  padding: 0 22px;
  border: 0;
  background: #594537;
  color: #fff;
  cursor: pointer;
  font-family: "Styrene", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-quiz__submit:hover,
#lesson-dialog .atlas-reader-content .course-quiz__retake:hover {
  background: #463629;
}

#lesson-dialog .atlas-reader-content .course-quiz__secondary {
  border: 1px solid #cfc7b9;
  background: transparent;
  color: #3c332b;
}

#lesson-dialog .atlas-reader-content .course-quiz__secondary:hover {
  background: #f4f0e7;
}

#lesson-dialog .atlas-reader-content .course-quiz__submit:disabled,
#lesson-dialog .atlas-reader-content .course-quiz__secondary:disabled,
#lesson-dialog .atlas-reader-content .course-quiz__secondary[aria-disabled="true"] {
  cursor: default;
  opacity: 0.65;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary {
  padding: 12px 0 72px;
  color: #141413;
  font-family: "Styrene A", Arial, sans-serif;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__hero {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 24px 0 26px;
  border-bottom: 1px solid #ded8cd;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid #d8d2c4;
  border-radius: 50%;
  background: #fbfaf6;
  font-size: 24px;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary--passed .course-quiz-summary__icon {
  color: #526a33;
  border-color: #c3cfae;
  background: #f4f7ee;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary--failed .course-quiz-summary__icon {
  color: #9a3f2f;
  border-color: #dfc5bc;
  background: #fbf2ef;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__kicker {
  margin: 0 0 6px;
  color: #6b6257;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  font-family: "Styrene A", Arial, sans-serif;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .completed {
  margin: 0 0 10px;
  color: #141413;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.64px;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__lede {
  max-width: 560px;
  margin: 0;
  color: #4d463d;
  font-family: "Tiempos", Georgia, serif;
  font-size: 19px;
  line-height: 29px;
  letter-spacing: -0.1px;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 22px 0 0;
  border: 1px solid #ded8cd;
  background: #fffdf8;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__metrics div {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid #ded8cd;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__metrics div:last-child {
  border-right: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__metrics dt {
  margin: 0 0 7px;
  color: #6b6257;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__metrics dd {
  margin: 0;
  color: #211f1b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__metrics dd span {
  display: block;
  margin-top: 2px;
  color: #6b6257;
  font-size: 13px;
  font-weight: 400;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .results {
  margin-top: 28px;
  border-top: 1px solid #ded8cd;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__review-head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__review-title {
  margin: 0 0 4px;
  color: #141413;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__review-copy {
  margin: 0;
  color: #5f574c;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__toggle {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 18px;
  border: 0;
  border-radius: 0;
  background: #594537;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 160ms ease-out, opacity 160ms ease-out;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__toggle:hover {
  background: #463629;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question {
  padding: 22px 0;
  border-top: 1px solid #e4ded3;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question:first-child {
  border-top: 0;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question-head {
  display: grid;
  grid-template-columns: minmax(132px, 0.46fr) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question-status {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  color: #5b5349;
  font-size: 13px;
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question-number {
  color: #6b6257;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__status-pill {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid #d8d2c4;
  background: #fbfaf6;
  color: #5b5349;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question--correct .course-quiz-summary__status-pill {
  color: #526a33;
  border-color: #c3cfae;
  background: #f4f7ee;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question--incorrect .course-quiz-summary__status-pill {
  color: #9a3f2f;
  border-color: #dfc5bc;
  background: #fbf2ef;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__question-status .icon {
  font-size: 12px;
}

#lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__question-head p {
  margin: 0;
  color: #27231f;
  font-family: "Tiempos", Georgia, serif;
  font-size: 18.5px;
  line-height: 29px;
  letter-spacing: -0.1px;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__answers,
#lesson-dialog .atlas-reader-content .course-quiz-summary__text-answer {
  width: min(100%, 500px);
  margin: 16px 0 0 calc(46% + 22px);
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0 0 9px;
  color: #2d2924;
  font-size: 14px;
  line-height: 1.5;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer-icon {
  flex: 0 0 18px;
  margin-top: 1px;
  color: #5a697c;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer-icon .fa-square-o {
  font: normal normal normal 14px/1 FontAwesome;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer.correct {
  color: #2f4e1e;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer.correct .answer-icon,
#lesson-dialog .atlas-reader-content .course-quiz-summary .answer.correct .answer-text {
  color: #526a33;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer.selected.incorrect {
  color: #9a3f2f;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .answer.selected.incorrect .answer-icon {
  color: #9a3f2f;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__text-answer {
  padding: 0;
  border: 0;
  color: #2d2924;
  font-size: 14px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__text-answer legend {
  margin-bottom: 5px;
  color: #5b5349;
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary .redirect_to_start_page {
  margin-top: 26px;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__retake {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border: 1px solid #d8d2c4;
  background: #fffdf8;
  color: #594537;
  cursor: pointer;
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 160ms ease-out, border-color 160ms ease-out;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__retake:hover {
  border-color: #c6bdae;
  background: #f6f1e8;
}

#lesson-dialog .atlas-reader-content .course-quiz-summary__retake .fa {
  font-size: 13px;
}

@media (max-width: 767px) {
  #lesson-dialog .atlas-reader-content .course-quiz {
    padding-bottom: 48px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading {
    margin-top: 14px;
    padding-top: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading-preview {
    margin-top: 18px;
    padding-top: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__metrics {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__metrics div {
    border-right: 0;
    border-bottom: 1px solid #ded8cd;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__metrics div:last-child {
    border-bottom: 0;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary .completed {
    font-size: 28px;
    line-height: 1.18;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__review-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__toggle {
    width: 100%;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__question-head {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__question-head p {
    margin-top: 0;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__answers,
  #lesson-dialog .atlas-reader-content .course-quiz-summary__text-answer {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 520px) {
  #lesson-dialog .atlas-reader-content .course-quiz__loading-head {
    gap: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading-spinner {
    width: 30px;
    height: 30px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading-title {
    font-size: 15px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading-copy {
    font-size: 13px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading-line {
    height: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__loading-choice {
    height: 40px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__question-alert {
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 8px;
    padding: 9px 10px;
    font-size: 13px;
    line-height: 1.45;
  }

  #lesson-dialog .atlas-reader-content .course-quiz__question-alert-mark {
    width: 16px;
    height: 16px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__hero {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding-top: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary__icon {
    width: 42px;
    height: 42px;
    font-size: 19px;
  }

  #lesson-dialog .atlas-reader-content .course-quiz-summary .completed {
    font-size: 24px;
    letter-spacing: -0.48px;
  }

  #lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__lede {
    font-size: 18px;
    line-height: 28px;
  }
}

#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video {
  width: 560px;
  max-width: 100%;
  margin: 0;
}

#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video__frame {
  overflow: hidden;
  width: 560px;
  max-width: 100%;
  height: 315px;
  border: 1px solid #2c2925;
  border-radius: 8px;
  background: #171412;
}

#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video__player,
#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: #171412;
}

#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video__player video,
#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video__player iframe {
  display: block;
  width: 100%;
  height: 100%;
}

#lesson-dialog .atlas-reader-content .clp__video-wrapper .course-lesson-video__placeholder {
  display: grid;
  place-items: center;
  color: #f7f0e8;
  font-size: 15px;
}

/* Keep the academy descriptor independent from the legacy footer font. */

/* Keep the powered-by block aligned without forcing its text line height. */

@media (max-width: 768px) {
  #lesson-dialog .atlas-reader-content .course-code-walkthrough {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 8px;
    height: 80vh;
    margin: 8px auto 28px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__nav {
    max-height: 40vh;
    padding: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__step-button {
    padding: 8px 32px 8px 16px;
    font-size: 18px !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy {
    padding: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy p,
  #lesson-dialog .atlas-reader-content .course-code-walkthrough__step-copy li {
    font-size: 16px !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    margin-top: 0;
    padding-top: 8px;
    border-top: 0;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__control {
    min-height: 44px;
    padding: 8px 10px;
    font-size: 13px !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__mobile-files-trigger {
    display: inline-flex;
    min-width: 84px;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__mobile-files-trigger[aria-expanded="true"] {
    color: #191919;
    background: #b8b5a6;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files {
    position: fixed;
    z-index: 80;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: flex;
    width: auto;
    max-width: none;
    height: min(70dvh, 620px);
    min-width: 0;
    overflow: hidden;
    border: 1px solid #b8b5a6;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(44, 43, 37, 0.16);
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 18px));
    transition: opacity 160ms ease, transform 180ms ease;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough.is-mobile-files-open .course-code-walkthrough__files {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files-backdrop {
    position: fixed;
    inset: 0;
    z-index: 79;
    display: block;
    background: rgba(44, 43, 37, 0.38);
    border: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough.is-mobile-files-open .course-code-walkthrough__files-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files-title {
    min-height: 44px;
    padding: 0 8px 0 14px;
    color: #2c2b25;
    font-size: 12px !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files-close {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    color: #5e5b4e;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files-close:hover,
  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files-close:focus-visible {
    background: #d1cfc5;
    outline: none;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__file-list {
    padding: 8px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__file,
  #lesson-dialog .atlas-reader-content .course-code-walkthrough__folder-toggle {
    height: 44px;
    gap: 8px;
    padding: 6px 10px 6px calc(10px + (var(--tree-depth) * 16px));
    border-radius: 7px;
    font-size: 13px !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-chevron,
  #lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-spacer {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__tree-icon {
    width: 17px;
    height: 17px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__editor-shell {
    min-height: 0;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__editor-host {
    min-height: 0;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-trigger {
    right: 10px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    font-size: 16px !important;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-tooltip {
    width: calc(100vw - 20px);
    max-width: 280px;
    padding: 16px;
  }

  #lesson-dialog .atlas-reader-content .course-code-walkthrough__tour-actions {
    justify-content: flex-end;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files,
  #lesson-dialog .atlas-reader-content .course-code-walkthrough__files-backdrop {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-embedding-widget,
#lesson-dialog .atlas-reader-content .course-embedding-scene,
#lesson-dialog .atlas-reader-content .course-embedding-conversion,
#lesson-dialog .atlas-reader-content .course-embedding-similarity {
  --ce-bg: #faf9f6;
  --ce-surface: #ffffff;
  --ce-muted-surface: #f5f3ee;
  --ce-border: #dedbd2;
  --ce-border-strong: #c8c3b7;
  --ce-ink: #191919;
  --ce-muted: #5e5b4e;
  --ce-soft: #7c7968;
  --ce-blue: #5f86ad;
  --ce-blue-soft: rgba(95, 134, 173, 0.13);
  --ce-clay: #b86b4b;
  --ce-clay-soft: rgba(184, 107, 75, 0.12);
  --ce-green: #788c5d;
  color: var(--ce-ink);
  font-family: "Styrene B", Arial, sans-serif;
}

#lesson-dialog .atlas-reader-content .course-embedding-widget {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 18px;
  align-items: start;
  max-width: 860px;
  margin: 28px auto 32px;
  padding: 18px;
  background: var(--ce-bg);
  border: 1px solid var(--ce-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-embedding-widget--retrieval {
  grid-template-columns: minmax(0, 1fr) 230px;
}

#lesson-dialog .atlas-reader-content .course-embedding-widget__main {
  min-width: 0;
  display: grid;
  gap: 8px;
  position: relative;
  padding-left: 34px;
}

#lesson-dialog .atlas-reader-content .course-embedding-k {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 10px 12px;
  align-items: center;
  padding: 12px;
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
  color: var(--ce-muted);
  font-size: 12.5px;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-embedding-k span {
  color: var(--ce-muted);
  font-weight: 600;
  letter-spacing: 0;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input {
  --course-embedding-k-fill: 50%;
  grid-column: 1 / -1;
  width: 100%;
  height: 20px;
  margin: 0;
  background: transparent;
  accent-color: var(--ce-blue);
  cursor: pointer;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input:focus-visible {
  outline: 2px solid rgba(95, 134, 173, 0.35);
  outline-offset: 4px;
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input[type="range"]::-webkit-slider-runnable-track {
  height: 5px;
  background: linear-gradient(
    90deg,
    var(--ce-blue) 0 var(--course-embedding-k-fill),
    var(--ce-border) var(--course-embedding-k-fill) 100%
  );
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input[type="range"]::-webkit-slider-thumb {
  width: 17px;
  height: 17px;
  margin-top: -6px;
  appearance: none;
  -webkit-appearance: none;
  background: var(--ce-surface);
  border: 2px solid var(--ce-blue);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(25, 25, 25, 0.18);
}

#lesson-dialog .atlas-reader-content .course-embedding-k input[type="range"]::-moz-range-track {
  height: 5px;
  background: var(--ce-border);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input[type="range"]::-moz-range-progress {
  height: 5px;
  background: var(--ce-blue);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-embedding-k input[type="range"]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: var(--ce-surface);
  border: 2px solid var(--ce-blue);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(25, 25, 25, 0.18);
}

#lesson-dialog .atlas-reader-content .course-embedding-k strong {
  min-width: 30px;
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  justify-self: end;
  color: var(--ce-surface);
  background: var(--ce-blue);
  border-radius: 7px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  min-height: 280px;
  background:
    linear-gradient(135deg, rgba(95, 134, 173, 0.08), transparent 44%),
    linear-gradient(315deg, rgba(184, 107, 75, 0.07), transparent 48%),
    var(--ce-surface);
  border-left: 2px solid var(--ce-soft);
  border-bottom: 2px solid var(--ce-soft);
  border-radius: 0 8px 0 0;
  cursor: crosshair;
  overflow: hidden;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__grid-v,
#lesson-dialog .atlas-reader-content .course-embedding-plot__grid-h {
  position: absolute;
  pointer-events: none;
  background: rgba(25, 25, 25, 0.1);
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__grid-v {
  top: 0;
  bottom: 0;
  width: 1px;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__grid-h {
  left: 0;
  right: 0;
  height: 1px;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__axis-x,
#lesson-dialog .atlas-reader-content .course-embedding-plot__axis-y {
  color: var(--ce-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__axis-x {
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__axis-y {
  position: absolute;
  left: 15px;
  top: 50%;
  max-width: 250px;
  padding: 2px 7px;
  background: var(--ce-bg);
  border-radius: 999px;
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__end-label {
  position: absolute;
  color: var(--ce-soft);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
  pointer-events: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__end-label--low {
  left: 8px;
  bottom: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__end-label--xhigh {
  right: 8px;
  bottom: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__end-label--yhigh {
  left: 8px;
  top: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__hint {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 220px;
  transform: translate(-50%, -50%);
  padding: 7px 10px;
  color: var(--ce-muted);
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
  pointer-events: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__point {
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  transform: translate(-50%, 50%);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--ce-border);
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(25, 25, 25, 0.12);
  font-size: 24px;
  line-height: 1;
  pointer-events: none;
  transition:
    left 180ms ease,
    bottom 180ms ease,
    opacity 160ms ease,
    transform 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__point.is-query {
  background: var(--ce-ink);
  border-color: var(--ce-ink);
  box-shadow: 0 0 0 5px rgba(25, 25, 25, 0.1);
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__point.is-faded {
  opacity: 0.28;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__lines {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__lines line {
  stroke: rgba(25, 25, 25, 0.18);
  stroke-width: 1.5;
  stroke-dasharray: 5 5;
}

#lesson-dialog .atlas-reader-content .course-embedding-plot__lines line.is-active {
  stroke: var(--ce-blue);
  stroke-width: 2.5;
  stroke-dasharray: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-side {
  display: grid;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-widget--retrieval .course-embedding-side {
  align-content: start;
  gap: 10px;
}

#lesson-dialog .atlas-reader-content .course-embedding-side__label {
  margin: 0 !important;
  color: var(--ce-soft) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-embedding-source {
  min-height: 62px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 10px 11px;
  color: var(--ce-ink);
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
}

#lesson-dialog .atlas-reader-content .course-embedding-source:hover,
#lesson-dialog .atlas-reader-content .course-embedding-source:focus-visible,
#lesson-dialog .atlas-reader-content .course-embedding-source.is-selected {
  border-color: var(--ce-border-strong);
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-source.is-selected {
  background: #f7f5ef;
  box-shadow: inset 3px 0 0 var(--ce-blue);
}

#lesson-dialog .atlas-reader-content .course-embedding-source.is-placed .course-embedding-source__status {
  color: var(--ce-blue);
}

#lesson-dialog .atlas-reader-content .course-embedding-source__emoji {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  background: var(--ce-muted-surface);
  border-radius: 999px;
  font-size: 19px;
}

#lesson-dialog .atlas-reader-content .course-embedding-source__body {
  display: grid;
  gap: 3px;
}

#lesson-dialog .atlas-reader-content .course-embedding-source__name,
#lesson-dialog .atlas-reader-content .course-embedding-query p {
  color: var(--ce-ink);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 13.5px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-embedding-source__status,
#lesson-dialog .atlas-reader-content .course-embedding-query span {
  color: var(--ce-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-embedding-query {
  display: grid;
  gap: 7px;
  padding: 12px;
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-query__label {
  color: var(--ce-blue) !important;
  font-size: 11px !important;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-embedding-query p {
  margin: 0 !important;
  color: var(--ce-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-embedding-scene {
  max-width: 760px;
  margin: 28px auto 32px;
  padding: 16px;
  background: var(--ce-bg);
  border: 1px solid var(--ce-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-embedding-scene__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
  color: var(--ce-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-embedding-scene__header p {
  margin: 0 !important;
  color: var(--ce-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-embedding-scene__canvas-wrap {
  aspect-ratio: 1;
  width: 100%;
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
  cursor: grab;
  overflow: hidden;
  touch-action: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-scene__canvas-wrap:active {
  cursor: grabbing;
}

#lesson-dialog .atlas-reader-content .course-embedding-scene canvas {
  display: block;
  width: 100%;
  height: 100%;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion {
  display: grid;
  gap: 12px;
  max-width: 820px;
  margin: 26px auto 32px;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) 28px minmax(0, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  background: var(--ce-bg);
  border: 1px solid var(--ce-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell span,
#lesson-dialog .atlas-reader-content .course-embedding-similarity__label {
  color: var(--ce-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell strong,
#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell code {
  min-width: 0;
  color: var(--ce-ink);
  font-size: 14px;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell strong {
  font-family: "Tiempos", Georgia, serif;
  font-weight: 400;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell code {
  white-space: normal;
  word-break: break-word;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__cell--vector code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__arrow {
  color: var(--ce-blue);
  font-size: 22px;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-embedding-conversion__size {
  justify-self: end;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  color: var(--ce-ink);
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 999px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity {
  max-width: 860px;
  margin: 28px auto 32px;
  padding: 18px;
  background: var(--ce-bg);
  border: 1px solid var(--ce-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__column {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__picker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__picker button {
  min-height: 42px;
  display: grid;
  place-items: center;
  background: var(--ce-muted-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
  cursor: pointer;
  font-size: 20px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__picker button:hover,
#lesson-dialog .atlas-reader-content .course-embedding-similarity__picker button:focus-visible,
#lesson-dialog .atlas-reader-content .course-embedding-similarity__picker button.is-selected {
  border-color: var(--ce-border-strong);
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__picker button.is-selected {
  background: var(--ce-blue-soft);
  box-shadow: inset 0 0 0 2px var(--ce-blue);
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__column p {
  margin: 0 !important;
  color: var(--ce-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__vector {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__vector span,
#lesson-dialog .atlas-reader-content .course-embedding-similarity__vector em {
  padding: 3px 6px;
  color: var(--ce-muted);
  background: var(--ce-muted-surface);
  border-radius: 5px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-style: normal;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__vector.is-highlighted span {
  color: var(--ce-blue);
  background: var(--ce-blue-soft);
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__result {
  margin-top: 12px;
  padding: 14px;
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row span {
  color: var(--ce-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row strong {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 26px;
  line-height: 1;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row strong.is-high {
  color: var(--ce-blue);
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row strong.is-mid {
  color: #9a7444;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row strong.is-low {
  color: var(--ce-clay);
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__scale {
  position: relative;
  height: 8px;
  background: linear-gradient(90deg, var(--ce-clay-soft), #edeae2 50%, var(--ce-blue-soft));
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__marker {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background: var(--ce-ink);
  border: 3px solid var(--ce-surface);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(25, 25, 25, 0.16);
  transition: left 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-embedding-similarity__scale-labels {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  color: var(--ce-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.25;
}

@media (max-width: 760px) {
  #lesson-dialog .atlas-reader-content .course-embedding-widget,
  #lesson-dialog .atlas-reader-content .course-embedding-widget--retrieval {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-k {
    width: 100%;
    grid-template-columns: 1fr 42px;
    gap: 8px 12px;
    padding: 10px 12px 12px;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-k input {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #lesson-dialog .atlas-reader-content .course-embedding-widget--retrieval .course-embedding-side {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-side__label {
    grid-column: 1 / -1;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-plot__axis-y {
    position: static;
    max-width: none;
    padding: 0;
    background: transparent;
    transform: none;
    white-space: normal;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-widget__main {
    padding-left: 0;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-conversion__row {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-conversion__arrow {
    transform: rotate(90deg);
  }

  #lesson-dialog .atlas-reader-content .course-embedding-conversion__size {
    justify-self: start;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-similarity__columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {

  #lesson-dialog .atlas-reader-content .course-embedding-widget,
  #lesson-dialog .atlas-reader-content .course-embedding-scene,
  #lesson-dialog .atlas-reader-content .course-embedding-similarity {
    margin: 24px 0 28px;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-plot {
    min-height: 250px;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-side {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-scene {
    padding: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-scene__header {
    display: grid;
  }

  #lesson-dialog .atlas-reader-content .course-embedding-similarity__score-row {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-embedding-plot__point,
  #lesson-dialog .atlas-reader-content .course-embedding-similarity__marker {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-context-game,
#lesson-dialog .atlas-reader-content .course-context-u,
#lesson-dialog .atlas-reader-content .course-context-diagram,
#lesson-dialog .atlas-reader-content .course-context-takeaway {
  --ct-bg: #faf9f6;
  --ct-surface: #ffffff;
  --ct-muted-surface: #f4f1ea;
  --ct-border: #dedbd2;
  --ct-border-strong: #c8c3b7;
  --ct-ink: #191919;
  --ct-muted: #5e5b4e;
  --ct-soft: #7c7968;
  --ct-blue: #5f86ad;
  --ct-blue-strong: #4d769c;
  --ct-blue-soft: rgba(95, 134, 173, 0.13);
  --ct-clay: #b86b4b;
  --ct-clay-soft: rgba(184, 107, 75, 0.12);
  --ct-green: #788c5d;
  --ct-green-soft: rgba(120, 140, 93, 0.12);
  color: var(--ct-ink);
  font-family: "Styrene B", Arial, sans-serif;
}

#lesson-dialog .atlas-reader-content .course-context-game {
  margin: 28px 0 34px;
  background: var(--ct-bg);
  border: 1px solid var(--ct-border);
  border-radius: 10px;
  overflow: hidden;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel {
  min-height: 290px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 14px;
  padding: 30px;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--intro {
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding-block: 20px 24px;
}

#lesson-dialog .atlas-reader-content .course-context-game__eyebrow {
  margin: 10px 0 12px;
  color: var(--ct-blue);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#lesson-dialog .atlas-reader-content .course-context-game h3 {
  max-width: 520px;
  margin: 0 !important;
  color: var(--ct-ink) !important;
  font-family: "Styrene A", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-context-game p {
  max-width: 560px;
  margin: 0 !important;
  color: var(--ct-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  text-wrap: pretty;
}

#lesson-dialog .atlas-reader-content .course-text-content[data-lesson-id="457834"] .course-context-game h3 {
  margin: 0 !important;
  color: var(--ct-ink) !important;
  font-family: "Styrene A", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#lesson-dialog .atlas-reader-content .course-text-content[data-lesson-id="457834"] .course-context-game p {
  margin: 0 !important;
  color: var(--ct-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

#lesson-dialog .atlas-reader-content .course-context-game__primary {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  color: #ffffff;
  background: var(--ct-blue);
  border: 1px solid var(--ct-blue);
  border-radius: 999px;
  cursor: pointer;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-context-game__primary:hover,
#lesson-dialog .atlas-reader-content .course-context-game__primary:focus-visible {
  background: var(--ct-blue-strong);
  border-color: var(--ct-blue-strong);
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-context-game__primary:active {
  transform: translateY(1px);
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--intro .course-context-game__primary {
  margin-top: 10px;
}

#lesson-dialog .atlas-reader-content .course-context-game__word {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ct-ink);
  font-family: "Styrene A", Arial, sans-serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  opacity: 0;
  transform: translateY(5px);
  transition:
    opacity 260ms ease,
    transform 260ms ease;
}

#lesson-dialog .atlas-reader-content .course-context-game__word.is-visible {
  opacity: 1;
  transform: translateY(0);
}

#lesson-dialog .atlas-reader-content .course-context-game__dots,
#lesson-dialog .atlas-reader-content .course-context-game__bar-labels {
  display: flex;
  justify-content: center;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-context-game__dot {
  width: 8px;
  height: 8px;
  background: #d8d3c8;
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-context-game__dot.is-seen,
#lesson-dialog .atlas-reader-content .course-context-game__dot.is-current {
  background: var(--ct-blue);
}

#lesson-dialog .atlas-reader-content .course-context-game__dot.is-current {
  box-shadow: 0 0 0 5px rgba(95, 134, 173, 0.14);
}

#lesson-dialog .atlas-reader-content .course-context-game__timer {
  color: var(--ct-soft) !important;
  font-size: 13px !important;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--recall {
  min-height: 0;
  align-content: start;
  justify-items: stretch;
  gap: 8px;
  padding-block: 18px 24px;
  text-align: left;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--recall h3,
#lesson-dialog .atlas-reader-content .course-context-game__panel--recall p {
  max-width: none;
}

#lesson-dialog .atlas-reader-content .course-context-game__input {
  width: 100%;
  min-height: 112px;
  margin-top: 8px;
  padding: 14px 16px;
  color: var(--ct-ink);
  background: #ffffff;
  border: 1px solid var(--ct-border);
  border-radius: 8px;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  resize: vertical;
}

#lesson-dialog .atlas-reader-content .course-context-game__input:focus {
  border-color: var(--ct-blue);
  box-shadow: 0 0 0 3px rgba(95, 134, 173, 0.16);
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--results {
  align-content: start;
  gap: 18px;
  text-align: left;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--results h3 {
  justify-self: center;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-context-game__panel--results h3 strong {
  color: var(--ct-blue);
}

#lesson-dialog .atlas-reader-content .course-context-game__chips,
#lesson-dialog .atlas-reader-content .course-context-game__hallucinations div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}

#lesson-dialog .atlas-reader-content .course-context-game__chip,
#lesson-dialog .atlas-reader-content .course-context-game__hallucinations em {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  background: #ffffff;
  border: 1px solid var(--ct-border);
  border-radius: 999px;
  color: var(--ct-muted);
  font-size: 13px;
  font-style: normal;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-context-game__chip small {
  color: var(--ct-soft);
  font-size: 10px;
}

#lesson-dialog .atlas-reader-content .course-context-game__chip.is-recalled {
  color: #4e6442;
  background: var(--ct-green-soft);
  border-color: rgba(120, 140, 93, 0.32);
}

#lesson-dialog .atlas-reader-content .course-context-game__chip.is-forgotten {
  opacity: 0.45;
}

#lesson-dialog .atlas-reader-content .course-context-game__hallucinations {
  display: grid;
  justify-items: center;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-context-game__hallucinations span {
  color: var(--ct-clay);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-context-game__hallucinations em {
  color: var(--ct-clay);
  background: var(--ct-clay-soft);
  border-color: rgba(184, 107, 75, 0.28);
}

#lesson-dialog .atlas-reader-content .course-context-game__curve {
  width: 100%;
  padding: 18px;
  background: #ffffff;
  border: 1px solid var(--ct-border);
  border-radius: 8px;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-context-game__curve > span {
  display: block;
  margin-bottom: 12px;
  color: var(--ct-soft);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-context-game__bars {
  height: 82px;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 5px;
}

#lesson-dialog .atlas-reader-content .course-context-game__bars i {
  width: 28px;
  display: block;
  background: #d8d3c8;
  border-radius: 5px 5px 0 0;
}

#lesson-dialog .atlas-reader-content .course-context-game__bars i.is-hit {
  background: var(--ct-blue);
}

#lesson-dialog .atlas-reader-content .course-context-game__bar-labels {
  margin-top: 5px;
}

#lesson-dialog .atlas-reader-content .course-context-game__bar-labels small {
  width: 28px;
  color: var(--ct-soft);
  font-size: 10px;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-context-game__gradient {
  margin: 12px auto 0;
}

#lesson-dialog .atlas-reader-content .course-context-game__gradient b {
  height: 8px;
  display: block;
  background: linear-gradient(90deg, var(--ct-blue), rgba(95, 134, 173, 0.18) 28%, #d8d3c8 50%, rgba(95, 134, 173, 0.18) 72%, var(--ct-blue));
  border-radius: 999px;
  opacity: 0.72;
}

#lesson-dialog .atlas-reader-content .course-context-game__gradient p {
  max-width: none;
  display: flex;
  justify-content: space-between;
  margin-top: 6px !important;
  color: var(--ct-soft) !important;
  font-size: 10px !important;
}

#lesson-dialog .atlas-reader-content .course-context-game__lesson {
  display: grid;
  gap: 10px;
  padding: 18px;
  background: var(--ct-blue-soft);
  border: 1px solid rgba(95, 134, 173, 0.22);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-context-game__lesson p {
  max-width: none;
  color: var(--ct-ink) !important;
}

#lesson-dialog .atlas-reader-content .course-context-game__lesson p + p {
  padding-top: 10px;
  border-top: 1px solid rgba(184, 107, 75, 0.2);
  color: var(--ct-clay) !important;
}

#lesson-dialog .atlas-reader-content .course-context-game__replay {
  justify-self: center;
  color: var(--ct-soft);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#lesson-dialog .atlas-reader-content .course-context-u {
  margin: 24px 0 30px;
  padding: 24px;
  background: var(--ct-surface);
  border: 1px solid var(--ct-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-context-u svg {
  width: 100%;
  height: auto;
  display: block;
}

#lesson-dialog .atlas-reader-content .course-context-u line {
  stroke: var(--ct-border-strong);
  stroke-width: 1;
}

#lesson-dialog .atlas-reader-content .course-context-u__axis {
  fill: var(--ct-soft);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 12px;
}

#lesson-dialog .atlas-reader-content .course-context-u__label {
  fill: var(--ct-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-context-u__label.is-good,
#lesson-dialog .atlas-reader-content .course-context-u circle.is-good {
  fill: var(--ct-blue);
}

#lesson-dialog .atlas-reader-content .course-context-u__label.is-risk,
#lesson-dialog .atlas-reader-content .course-context-u circle.is-risk {
  fill: var(--ct-clay);
}

#lesson-dialog .atlas-reader-content .course-context-u__shade {
  fill: var(--ct-clay-soft);
}

#lesson-dialog .atlas-reader-content .course-context-u__curve {
  fill: none;
  stroke: var(--ct-blue);
  stroke-width: 3;
  stroke-linecap: round;
}

#lesson-dialog .atlas-reader-content .course-context-u circle {
  fill: #aaa59a;
}

#lesson-dialog .atlas-reader-content .course-context-diagram {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 26px;
}

#lesson-dialog .atlas-reader-content .course-text-content[data-lesson-id="457834"] .article .course-context-diagram {
  margin: 12px 0 26px;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card {
  padding: 14px;
  background: var(--ct-surface);
  border: 1px solid var(--ct-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card h3 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px !important;
  color: var(--ct-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-text-content[data-lesson-id="457834"] .article .course-context-diagram__card h3 {
  margin: 0 0 10px !important;
  color: var(--ct-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card.is-bad h3,
#lesson-dialog .atlas-reader-content .course-text-content[data-lesson-id="457834"] .article .course-context-diagram__card.is-bad h3 {
  color: var(--ct-clay) !important;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card.is-good h3,
#lesson-dialog .atlas-reader-content .course-text-content[data-lesson-id="457834"] .article .course-context-diagram__card.is-good h3 {
  color: var(--ct-blue) !important;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card h3::before {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card.is-bad h3::before {
  content: "!";
  color: var(--ct-clay);
  background: var(--ct-clay-soft);
}

#lesson-dialog .atlas-reader-content .course-context-diagram__card.is-good h3::before {
  content: "✓";
  color: var(--ct-blue);
  background: var(--ct-blue-soft);
}

#lesson-dialog .atlas-reader-content .course-context-diagram__stack {
  display: grid;
  gap: 5px;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__stack span {
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  color: var(--ct-muted);
  background: var(--ct-muted-surface);
  border: 1px solid var(--ct-border);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__stack .is-system {
  color: var(--ct-blue);
  background: var(--ct-blue-soft);
  border-color: rgba(95, 134, 173, 0.24);
}

#lesson-dialog .atlas-reader-content .course-context-diagram__stack .is-risk,
#lesson-dialog .atlas-reader-content .course-context-diagram__stack .is-key {
  color: var(--ct-clay);
  background: var(--ct-clay-soft);
  border-color: rgba(184, 107, 75, 0.25);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-context-diagram__stack .is-user {
  color: #4e6442;
  background: var(--ct-green-soft);
  border-color: rgba(120, 140, 93, 0.24);
}

#lesson-dialog .atlas-reader-content .course-context-takeaway {
  display: grid;
  gap: 8px;
  margin: 24px 0 30px;
  padding: 20px 22px;
  background: #f8f5ee;
  border: 1px solid var(--ct-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-context-takeaway span {
  color: var(--ct-clay);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-context-takeaway p {
  margin: 0 !important;
  color: var(--ct-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-wrap: pretty;
}

@media (max-width: 720px) {
  #lesson-dialog .atlas-reader-content .course-context-game__panel {
    min-height: 250px;
    padding: 22px;
  }

  #lesson-dialog .atlas-reader-content .course-context-game h3 {
    font-size: 21px !important;
  }

  #lesson-dialog .atlas-reader-content .course-context-game__word {
    font-size: 42px;
  }

  #lesson-dialog .atlas-reader-content .course-context-game__bars i,
  #lesson-dialog .atlas-reader-content .course-context-game__bar-labels small {
    width: 18px;
  }

  #lesson-dialog .atlas-reader-content .course-context-u {
    padding: 14px;
    overflow-x: auto;
  }

  #lesson-dialog .atlas-reader-content .course-context-u svg {
    min-width: 520px;
  }

  #lesson-dialog .atlas-reader-content .course-context-diagram {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-context-takeaway p {
    font-size: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-context-game__word,
  #lesson-dialog .atlas-reader-content .course-context-game__primary {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-steerability {
  --cs-blue: #6a9bcc;
  --cs-blue-strong: #4f7fae;
  --cs-blue-soft: rgba(106, 155, 204, 0.12);
  --cs-clay: #b86b4b;
  --cs-clay-strong: #9c563a;
  --cs-clay-soft: rgba(184, 107, 75, 0.11);
  --cs-ink: #191919;
  --cs-muted: #676255;
  --cs-border: rgba(25, 25, 25, 0.13);
  --cs-surface: #fffdf8;
  display: grid;
  gap: 18px;
  margin: 0 auto 2.5rem;
  color: var(--cs-ink);
  font-family: "Styrene B", Arial, sans-serif;
  container-type: inline-size;
}

#lesson-dialog .atlas-reader-content .course-steerability__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-steerability__tab {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  color: var(--cs-muted);
  background: #fff;
  border: 1px solid var(--cs-border);
  border-radius: 999px;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-steerability__tab:hover:not(:disabled),
#lesson-dialog .atlas-reader-content .course-steerability__tab:focus-visible {
  color: var(--cs-ink);
  border-color: rgba(25, 25, 25, 0.3);
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-steerability__tab:active:not(:disabled) {
  transform: translateY(1px);
}

#lesson-dialog .atlas-reader-content .course-steerability__tab.is-active {
  color: #fff;
  background: var(--cs-ink);
  border-color: var(--cs-ink);
}

#lesson-dialog .atlas-reader-content .course-steerability__tab.is-done:not(.is-active) {
  color: var(--cs-blue-strong);
  background: var(--cs-blue-soft);
  border-color: rgba(106, 155, 204, 0.32);
}

#lesson-dialog .atlas-reader-content .course-steerability__tab:disabled {
  color: #a49f92;
  background: rgba(255, 255, 255, 0.58);
  cursor: not-allowed;
}

#lesson-dialog .atlas-reader-content .course-steerability__scenario,
#lesson-dialog .atlas-reader-content .course-steerability__summary {
  display: grid;
  gap: 14px;
  padding: 20px;
  background: #faf8f2;
  border: 1px solid var(--cs-border);
  border-radius: 12px;
}

#lesson-dialog .atlas-reader-content .course-steerability__steps {
  display: flex;
  justify-content: center;
  gap: 6px;
}

#lesson-dialog .atlas-reader-content .course-steerability__step {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(25, 25, 25, 0.14);
}

#lesson-dialog .atlas-reader-content .course-steerability__step.is-active {
  background: var(--cs-clay);
}

#lesson-dialog .atlas-reader-content .course-steerability__step.is-done {
  background: var(--cs-blue);
}

#lesson-dialog .atlas-reader-content .course-steerability__setup {
  margin: 0 !important;
  padding: 14px 16px;
  color: #37352f !important;
  background: #fff;
  border: 1px solid rgba(106, 155, 204, 0.24);
  border-radius: 10px;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

#lesson-dialog .atlas-reader-content .course-steerability__caption {
  margin: 0 0 -4px !important;
  color: var(--cs-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact {
  overflow: hidden;
  background: var(--cs-surface);
  border: 1px solid var(--cs-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact.is-improved {
  background: #fbfdfc;
  border-color: rgba(106, 155, 204, 0.38);
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__header {
  display: grid;
  gap: 4px;
  padding: 13px 16px;
  color: var(--cs-muted);
  background: rgba(25, 25, 25, 0.025);
  border-bottom: 1px solid rgba(25, 25, 25, 0.09);
  font-size: 13px;
  line-height: 1.35;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__header--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__header strong {
  color: var(--cs-ink);
  font-weight: 600;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__body {
  margin: 0 !important;
  padding: 16px;
  color: #25231f !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  white-space: pre-wrap;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__label {
  margin: 0 !important;
  padding: 12px 16px 0;
  color: var(--cs-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__status {
  display: grid;
  gap: 12px;
  padding: 14px 16px 16px;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__bullet {
  margin: 0;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__bullet h4 {
  margin: 0 0 3px !important;
  color: var(--cs-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__bullet h4.is-highlighted {
  color: var(--cs-clay) !important;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__bullet p {
  margin: 0 !important;
  color: #25231f !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

#lesson-dialog .atlas-reader-content .course-steerability-artifact__note {
  margin: 0 !important;
  padding: 10px 16px;
  color: var(--cs-muted) !important;
  background: rgba(25, 25, 25, 0.025);
  border-top: 1px solid rgba(25, 25, 25, 0.08);
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 13px !important;
  font-style: italic;
  line-height: 1.45 !important;
}

#lesson-dialog .atlas-reader-content .course-steerability__reveal {
  display: grid;
  gap: 8px;
  padding: 16px;
  background: var(--cs-clay-soft);
  border: 1px solid rgba(184, 107, 75, 0.25);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-steerability__reveal p {
  margin: 0 !important;
  color: var(--cs-clay) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#lesson-dialog .atlas-reader-content .course-steerability__reveal strong {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

#lesson-dialog .atlas-reader-content .course-steerability__reveal span {
  color: #443d35;
  font-size: 14px;
  line-height: 1.55;
}

#lesson-dialog .atlas-reader-content .course-steerability__beat {
  padding: 22px;
  color: var(--cs-ink);
  background: #fff;
  border: 1px solid rgba(106, 155, 204, 0.26);
  border-radius: 10px;
  font-family: "Tiempos", Georgia, serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-steerability__action {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 18px;
  color: #fff;
  background: var(--cs-clay);
  border: 1px solid var(--cs-clay);
  border-radius: 999px;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-steerability__action:hover,
#lesson-dialog .atlas-reader-content .course-steerability__action:focus-visible {
  background: var(--cs-clay-strong);
  border-color: var(--cs-clay-strong);
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-steerability__action:active {
  transform: translateY(1px);
}

#lesson-dialog .atlas-reader-content .course-steerability__summary h3 {
  max-width: 620px;
  margin: 0 auto 4px !important;
  color: var(--cs-ink) !important;
  font-family: "Tiempos", Georgia, serif !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: center;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-steerability__summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-steerability__summary-card {
  padding: 16px;
  background: #fff;
  border: 1px solid var(--cs-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-steerability__summary-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--cs-clay);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

#lesson-dialog .atlas-reader-content .course-steerability__summary-card p {
  margin: 0 !important;
  color: var(--cs-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

@container (max-width: 560px) {
  #lesson-dialog .atlas-reader-content .course-steerability__scenario,
  #lesson-dialog .atlas-reader-content .course-steerability__summary {
    padding: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-steerability__tab {
    flex: 1 1 calc(50% - 8px);
    padding-inline: 10px;
  }

  #lesson-dialog .atlas-reader-content .course-steerability__summary-grid {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-steerability__beat,
  #lesson-dialog .atlas-reader-content .course-steerability__summary h3 {
    font-size: 21px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-steerability__tab,
  #lesson-dialog .atlas-reader-content .course-steerability__action {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .course-capability-continuum {
  --cc-bg: #faf9f6;
  --cc-surface: #ffffff;
  --cc-surface-muted: #f5f3ee;
  --cc-border: #dedbd2;
  --cc-border-strong: #c8c3b7;
  --cc-ink: #191919;
  --cc-muted: #5e5b4e;
  --cc-soft: #7c7968;
  --cc-cap: #5f86ad;
  --cc-cap-soft: #ccd9e4;
  --cc-lim: #b86b4b;
  --cc-lim-soft: #ead7cc;
  --cc-mid: #edeae2;
  max-width: 860px;
  margin: 28px auto 34px;
  color: var(--cc-ink);
  font-family: "Styrene B", Arial, sans-serif;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__prompt {
  display: grid;
  gap: 8px;
  padding: 16px 18px;
  margin: 0 0 14px;
  background: var(--cc-surface-muted);
  border: 1px solid var(--cc-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__prompt-label,
#lesson-dialog .atlas-reader-content .course-capability-continuum__result-label {
  margin: 0 !important;
  color: var(--cc-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.25 !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__prompt-text {
  margin: 0 !important;
  color: var(--cc-ink) !important;
  font-family: "Tiempos", Georgia, serif !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  text-wrap: pretty;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__prompt-text strong {
  color: var(--cc-ink);
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__tool {
  padding: 18px;
  background: var(--cc-bg);
  border: 1px solid var(--cc-border);
  border-radius: 10px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__header {
  display: grid;
  grid-template-columns: 64px auto;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 8px 4px 18px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__picto {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__picto img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__title {
  margin: 0 0 4px !important;
  color: var(--cc-ink) !important;
  font-family: "Styrene A", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__question {
  margin: 0 !important;
  color: var(--cc-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-wrap {
  --cc-track-inset: 10%;
  position: relative;
  padding: 2px 0 0;
  margin: 0 0 16px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-inline: var(--cc-track-inset);
  margin: 0 0 2px;
  color: var(--cc-soft);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 11.5px;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 18px;
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span::before,
#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span::after {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span:first-child {
  color: var(--cc-cap);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span:first-child::before {
  background: var(--cc-cap);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span:last-child {
  color: var(--cc-lim);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-labels span:last-child::after {
  background: var(--cc-lim);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track {
  position: absolute;
  top: 28px;
  left: var(--cc-track-inset);
  right: var(--cc-track-inset);
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--cc-cap), var(--cc-cap-soft) 30%, var(--cc-mid) 50%, var(--cc-lim-soft) 70%, var(--cc-lim));
  box-shadow:
    inset 0 1px 1px rgba(25, 25, 25, 0.1),
    0 0 0 6px rgba(250, 249, 246, 0.9);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stops {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  padding: 3px 0 0;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop {
  min-width: 0;
  min-height: 58px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 10px;
  padding: 0 3px;
  color: var(--cc-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop:disabled {
  cursor: default;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop-dot {
  width: 18px;
  height: 18px;
  display: block;
  background: var(--cc-surface);
  border: 2px solid var(--cc-soft);
  border-radius: 999px;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop:hover .course-capability-continuum__stop-dot,
#lesson-dialog .atlas-reader-content .course-capability-continuum__stop:focus-visible .course-capability-continuum__stop-dot {
  border-color: var(--cc-ink);
  transform: scale(1.08);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop:focus-visible {
  outline: 2px solid rgba(95, 134, 173, 0.42);
  outline-offset: 5px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop.is-selected {
  color: var(--cc-ink);
  font-weight: 500;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop.is-selected .course-capability-continuum__stop-dot {
  background: var(--cc-ink);
  border-color: var(--cc-ink);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__stop-label {
  max-width: 74px;
  text-align: center;
  text-wrap: balance;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker,
#lesson-dialog .atlas-reader-content .course-capability-continuum__typical {
  position: absolute;
  top: 19px;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition:
    left 220ms ease,
    opacity 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker {
  z-index: 3;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker.is-placed,
#lesson-dialog .atlas-reader-content .course-capability-continuum__typical.is-shown {
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker-pip,
#lesson-dialog .atlas-reader-content .course-capability-continuum__typical-pip {
  display: block;
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker-pip {
  width: 28px;
  height: 28px;
  background: var(--cc-surface);
  border: 3px solid var(--cc-ink);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__typical {
  z-index: 2;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__typical.is-matched {
  opacity: 0;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__typical-pip {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  background: var(--cc-lim);
  border: 2px solid var(--cc-surface);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__typical.is-capability .course-capability-continuum__typical-pip {
  background: var(--cc-cap);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker-tag,
#lesson-dialog .atlas-reader-content .course-capability-continuum__typical-tag {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  padding: 2px 8px;
  color: var(--cc-ink);
  background: var(--cc-surface);
  border: 1px solid var(--cc-border);
  border-radius: 6px;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.35;
  white-space: nowrap;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker.is-typical-match .course-capability-continuum__marker-tag {
  color: var(--cc-ink);
  border-color: var(--cc-border-strong);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__marker.is-typical-match .course-capability-continuum__marker-pip {
  box-shadow: 0 0 0 4px rgba(25, 25, 25, 0.08);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__typical.is-limitation .course-capability-continuum__typical-tag {
  color: var(--cc-lim);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__typical.is-capability .course-capability-continuum__typical-tag {
  color: var(--cc-cap);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__zones {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  height: 0;
  margin-top: 0;
  overflow: hidden;
  color: var(--cc-muted);
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0;
  transition:
    height 180ms ease,
    margin-top 180ms ease,
    opacity 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__track-wrap.is-revealed .course-capability-continuum__zones {
  height: auto;
  margin-top: 12px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__zones span:last-child {
  text-align: right;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__hint {
  margin: 10px 0 12px !important;
  color: var(--cc-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-align: center;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__lock {
  min-height: 42px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 9px 16px;
  color: #ffffff;
  background: var(--cc-ink);
  border: 1px solid var(--cc-ink);
  border-radius: 8px;
  cursor: pointer;
  font-family: "Styrene B", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__lock:hover,
#lesson-dialog .atlas-reader-content .course-capability-continuum__lock:focus-visible {
  background: #3d3d3a;
  border-color: #3d3d3a;
  outline: none;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__lock:disabled {
  color: #6d6a5f;
  background: #e7e3da;
  border-color: #d9d4c8;
  cursor: not-allowed;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__lock.is-locked {
  color: var(--cc-ink);
  background: var(--cc-surface);
  border-color: var(--cc-border-strong);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__reveal {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    height 200ms ease,
    opacity 180ms ease;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__reveal.is-open {
  height: auto;
  padding-top: 18px;
  opacity: 1;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel {
  padding: 15px;
  background: var(--cc-surface);
  border: 1px solid var(--cc-border);
  border-radius: 8px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel.is-emphasized {
  border-color: var(--cc-border-strong);
  background: #f7f5ef;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel--products {
  grid-column: 1 / -1;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px !important;
  color: var(--cc-muted) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel-icon svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: currentColor;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel--cap .course-capability-continuum__panel-icon {
  color: var(--cc-cap);
  background: rgba(95, 134, 173, 0.12);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel--lim .course-capability-continuum__panel-icon {
  color: var(--cc-lim);
  background: rgba(184, 107, 75, 0.12);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel li {
  position: relative;
  padding-left: 16px;
  margin: 0 0 8px !important;
  color: var(--cc-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-wrap: pretty;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel li:last-child {
  margin-bottom: 0 !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 9px;
  width: 5px;
  height: 5px;
  background: var(--cc-soft);
  border-radius: 999px;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel--cap li::before {
  background: var(--cc-cap);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__panel--lim li::before {
  background: var(--cc-lim);
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__result {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 15px;
  background: var(--cc-surface-muted);
  border: 1px solid var(--cc-border);
  border-radius: 8px;
  font-family: "Styrene B", Arial, sans-serif;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__result-row,
#lesson-dialog .atlas-reader-content .course-capability-continuum__result-why,
#lesson-dialog .atlas-reader-content .course-capability-continuum__result-feedback,
#lesson-dialog .atlas-reader-content .course-capability-continuum__result-readon {
  margin: 0 !important;
  color: var(--cc-ink) !important;
  font-family: "Styrene B", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__result-row span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  color: #ffffff;
  background: var(--cc-ink);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__result-why {
  color: var(--cc-muted) !important;
}

#lesson-dialog .atlas-reader-content .course-capability-continuum__result-readon {
  font-weight: 500;
}

@media (max-width: 720px) {
  #lesson-dialog .atlas-reader-content .course-capability-continuum {
    margin: 24px 0 30px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__tool {
    padding: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__header {
    grid-template-columns: 50px auto;
    gap: 12px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__picto {
    width: 50px;
    height: 50px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__title {
    font-size: 19px !important;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__track {
    top: 28px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__stop {
    min-height: 62px;
    font-size: 11px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__stop-label {
    max-width: 58px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__marker,
  #lesson-dialog .atlas-reader-content .course-capability-continuum__typical {
    top: 19px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__zones,
  #lesson-dialog .atlas-reader-content .course-capability-continuum__panels {
    grid-template-columns: 1fr;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__zones span:last-child {
    text-align: left;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__lock {
    width: 100%;
  }
}

@media (max-width: 430px) {
  #lesson-dialog .atlas-reader-content .course-capability-continuum__track-wrap {
    --cc-track-inset: 8%;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__prompt {
    padding: 14px;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__prompt-text {
    font-size: 16px !important;
  }

  #lesson-dialog .atlas-reader-content .course-capability-continuum__stop-label {
    max-width: 52px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lesson-dialog .atlas-reader-content .course-capability-continuum__stop-dot,
  #lesson-dialog .atlas-reader-content .course-capability-continuum__marker,
  #lesson-dialog .atlas-reader-content .course-capability-continuum__typical,
  #lesson-dialog .atlas-reader-content .course-capability-continuum__zones,
  #lesson-dialog .atlas-reader-content .course-capability-continuum__reveal {
    transition: none;
  }
}

#lesson-dialog .atlas-reader-content .anthropic-page.locale-ru #lesson-dialog .atlas-reader-content .course-text-content .course-quiz__option,
#lesson-dialog .atlas-reader-content .anthropic-page.locale-ru #lesson-dialog .atlas-reader-content .course-text-content .course-quiz__textarea,
#lesson-dialog .atlas-reader-content .anthropic-page.locale-ru #lesson-dialog .atlas-reader-content .course-text-content .course-quiz__answer-note,
#lesson-dialog .atlas-reader-content .anthropic-page.locale-ru #lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary .answer-text,
#lesson-dialog .atlas-reader-content .anthropic-page.locale-ru #lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__text-answer,
#lesson-dialog .atlas-reader-content html[lang="ru"] #lesson-dialog .atlas-reader-content .course-text-content .course-quiz__option,
#lesson-dialog .atlas-reader-content html[lang="ru"] #lesson-dialog .atlas-reader-content .course-text-content .course-quiz__textarea,
#lesson-dialog .atlas-reader-content html[lang="ru"] #lesson-dialog .atlas-reader-content .course-text-content .course-quiz__answer-note,
#lesson-dialog .atlas-reader-content html[lang="ru"] #lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary .answer-text,
#lesson-dialog .atlas-reader-content html[lang="ru"] #lesson-dialog .atlas-reader-content .course-text-content .course-quiz-summary__text-answer {
  font-family: Georgia, serif !important;
}

/* Mobile content must wrap rather than widen the registered-course viewport. */

/* Shared navigable course path replaces the captured static breadcrumb text. */

#lesson-dialog .atlas-reader-content .course-lesson-video__frame{position:relative;aspect-ratio:16/9;background:#25251f}#lesson-dialog .atlas-reader-content video{width:100%;height:100%;max-width:100%}#lesson-dialog .atlas-reader-content .course-lesson-image img{max-width:100%;height:auto}