.studio-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:9px;align-items:center}.studio-tools .field{margin:0;min-width:140px}.studio-tools label{font-size:10px}.studio-tools select{padding:7px}.studio-section{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.studio-section h3{margin:0 0 14px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-grid .field{min-width:0}.studio-grid input{width:100%}.code-input{font-family:Consolas,monospace;font-size:12px;min-height:200px}.embedded-frame{display:block;width:100%;border:0;background:#fff;border-radius:8px}.editable .embedded-frame{pointer-events:none}.custom-box h2{font-size:1.5em;margin-bottom:12px}.custom-box p{font-size:inherit;line-height:1.6;white-space:pre-wrap;margin:0}.free-canvas{position:relative;isolation:isolate;min-height:400px}.free-edit{background-image:radial-gradient(#a7b9ad 1px,transparent 1px);background-size:20px 20px}.positioned-block{position:absolute;min-width:0}.positioned-block>.learn-block{min-height:inherit;margin:0;overflow-wrap:anywhere}.positioned-block .learn-block>.embedded-frame{min-height:inherit}.free-edit .learn-block{outline:1px dashed #9bb3a1}.free-edit .selected{outline:2px solid #55784f}.move-handle{position:absolute;top:0;right:6px;background:#153e38;color:white;font-size:10px;padding:4px 8px;border-radius:4px;cursor:grab;z-index:4;touch-action:none}.resize-handle{position:absolute;bottom:0;right:0;background:#153e38;color:white;width:24px;height:24px;cursor:nwse-resize;z-index:4;touch-action:none}.canvas-reference{position:absolute;left:0;top:0;width:100%;opacity:.35;pointer-events:none;z-index:-1}.variable-row{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:center;margin-bottom:14px}.variable-row .field{margin:0}.studio-helper{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 14px}.custom-box{height:100%}.learn-block[style*="font-size"] .learn-text p,.learn-block[style*="font-size"] .learn-text h2{font-size:inherit}.learn-block[style*="color"] .learn-text p{color:inherit}
.page-animation-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.page-animation-controls [hidden]{display:none!important}.page-animation-controls [role=status]{font-size:12px;flex:1 1 220px}
.learn-block[tabindex="0"]:focus-visible{outline:3px solid #635bff;outline-offset:4px}
.rive-player{margin:0}.rive-player canvas{display:block;width:100%;border-radius:8px;background:#eef3e9}.rive-player figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px;color:var(--muted)}.parallax-anchor{display:flow-root}.parallax-anchor>[data-parallax-speed]{will-change:transform}.free-canvas .parallax-anchor{min-height:inherit}.rive-player [data-rive-status]{line-height:1.6}
.placement-controls{position:absolute;left:0;right:0;top:0;height:0;z-index:10;pointer-events:none}.placement-controls .move-handle{pointer-events:auto;top:4px;right:4px;padding:7px 11px;min-height:30px;box-shadow:0 2px 5px #123b3833}.positioned-block>.resize-handle{width:30px;height:30px;z-index:10;border-radius:4px}.free-edit .positioned-block:focus-within{z-index:101!important}.free-edit .block-chip{left:4px;right:auto;top:-15px}.free-edit .positioned-block{outline:1px dashed #9bb3a1}.free-edit .learn-block{outline:none}.free-edit .positioned-block:has(.selected){outline:2px solid #55784f}.placement-help{font-size:11px;color:var(--muted);flex-basis:100%;line-height:1.6}.placement-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
@media(prefers-reduced-motion:reduce){[data-parallax-speed]{transform:none!important;will-change:auto!important}}
@container(max-width:450px){.free-canvas:not(.free-edit){height:auto!important;min-height:0}.free-canvas:not(.free-edit) .positioned-block{position:relative;left:auto!important;top:auto!important;width:100%!important;min-height:0!important;margin-bottom:20px}.free-canvas:not(.free-edit) .positioned-block>.learn-block{min-height:0}.free-canvas:not(.free-edit) .canvas-reference{display:none}}
.canvas[style*="--course-spacing"] .canvas-content>.learn-block{margin-bottom:var(--course-spacing)}
.canvas[style*="--course-font-size"] .canvas-content .learn-block p,.canvas[style*="--course-font-size"] .canvas-content .learn-block .quiz-options,.canvas[style*="--course-font-size"] .canvas-content .learn-block summary{font-size:var(--course-font-size)}
.canvas[style*="--course-font-size"] .canvas-content .learn-block[style*="font-size"] p,.canvas[style*="--course-font-size"] .canvas-content .learn-block[style*="font-size"] .quiz-options,.canvas[style*="--course-font-size"] .canvas-content .learn-block[style*="font-size"] summary{font-size:inherit}
.preview-wrap.full-width-module{max-width:none;width:100%;margin:0}
.canvas.full-width-module{width:100%;border-radius:0;box-shadow:none}
.canvas.full-width-module .canvas-content{padding:0}
body.module-full{padding:0!important}
.stage.module-full-stage{padding-left:0;padding-right:0}
.module-full-stage .studio-tools,.module-full-stage .stage-toolbar{margin-left:12px;margin-right:12px}
.journey-index{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fff;border-bottom:1px solid var(--line)}
.journey-index select{max-width:100%;padding:8px;border:1px solid var(--line);border-radius:6px}
.journey-index label{min-width:0}.journey-index [role="status"]{font-size:12px;color:var(--muted)}
.journey-track{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}
.journey-section{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-margin-top:20px;container-type:inline-size;max-height:75vh;overflow-y:auto}
.journey-track.journey-stacked{display:block;overflow:visible;scroll-snap-type:none}
.journey-stacked .journey-section{max-height:none;overflow:visible;margin-bottom:20px}
.journey [data-journey-message]{padding:0 20px}
.preview-navigation[hidden]{display:none}
.journey-picker{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.author-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:10px 12px;margin:0 12px 10px;border-radius:8px;font-size:11px}.author-toolbar label{display:flex;align-items:center;gap:5px}.author-toolbar button,.author-toolbar select{border:1px solid #bbcec6;border-radius:5px;padding:6px 9px;background:#fff;color:#153e38}.author-toolbar button[aria-pressed="true"]{background:#153e38;color:#fff}.author-toolbar small{flex-basis:100%;color:var(--muted);line-height:1.5}.author-viewport{position:relative;overflow:auto;height:65vh;min-height:360px;background:#e7ece9;border:1px solid #c4d2ca;overscroll-behavior:contain;touch-action:pan-x pan-y}.author-viewport:focus-visible{outline:3px solid #3c8275;outline-offset:-3px}.author-space{position:relative;min-width:100%;min-height:100%}.author-viewport.pan-mode,.author-viewport.pan-mode *{cursor:grab!important}.author-viewport.pan-mode{touch-action:none}.author-overlay{position:absolute;inset:0;pointer-events:none;z-index:110}.author-selection-box{position:absolute;border:2px solid #1979cb;pointer-events:none}.author-marquee{position:absolute;border:1px solid #1979cb;background:#1979cb22}.author-guide{position:absolute;background:#cb3ba0;pointer-events:none}.author-guide-x{top:0;bottom:0;width:1px}.author-guide-y{left:0;right:0;height:1px}.free-edit.author-grid-hidden{background-image:none}.scene-move-handle{position:absolute;right:4px;top:4px;background:#153e38;color:#fff;padding:6px 10px;font-size:11px;z-index:105;pointer-events:auto;touch-action:none;border-radius:4px;cursor:grab}.scene-group-outline .scene-move-handle{transform:translateY(-100%);top:0}.free-edit .positioned-container.author-selected{outline:2px solid #1979cb}.author-viewport .canvas{margin:0;max-width:100%}.author-viewport [data-drag],.author-viewport .scene-move-handle{touch-action:none}
.positioned-container{position:absolute;min-width:0;overflow-wrap:anywhere}
.studio-tools-compact{display:block;position:relative;padding:10px 12px;margin-bottom:10px;z-index:130}.studio-tools-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.studio-tools-top>[data-action="add-block"]{margin-left:auto;background:#153e38;color:#fff}.studio-layout-badge{font-size:11px;font-weight:700;color:#537369;padding-right:8px}.studio-settings,.studio-insert-menu{font-size:11px}.studio-settings summary,.studio-insert-menu summary{cursor:pointer;border:1px solid #c6d4ce;background:#fff;border-radius:6px;padding:8px 10px;list-style:none;white-space:nowrap}.studio-settings summary:after,.studio-insert-menu summary:after{content:'⌄';margin-left:8px}.studio-settings[open] summary,.studio-insert-menu[open] summary{background:#edf3ec;border-color:#7b9b8e}.studio-settings-grid{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;background:#fff;border:1px solid #c4d3c9;border-radius:8px;box-shadow:0 10px 28px #153e3826;z-index:150}.studio-settings-grid .field{margin:0;min-width:0}.studio-settings-grid .studio-helper{grid-column:1/-1;margin:0}.studio-import-popover{position:absolute;display:grid;gap:8px;padding:12px;background:#fff;border:1px solid #c4d3c9;border-radius:8px;box-shadow:0 10px 28px #153e3826;z-index:151;margin-top:6px}.author-toolbar{display:block;padding:10px 12px;position:relative;z-index:120}.author-main-row,.author-align-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.author-main-row{padding-bottom:10px;border-bottom:1px solid #e7ede8}.author-align-row{padding-top:10px}.author-tool-group{display:flex;gap:4px;align-items:center}.author-tool-group button,.author-tool-group select{height:32px}.author-selection-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.author-selection-actions [data-author-status]{font-size:11px;color:#65796d;margin-right:4px}.author-options{font-size:11px}.author-options summary{cursor:pointer;padding:8px;list-style:none;white-space:nowrap}.author-options summary:after{content:'⌄';margin-left:5px}.author-popover{position:absolute;right:0;top:calc(100% + 5px);z-index:140;background:#fff;border:1px solid #c4d3c9;box-shadow:0 10px 28px #153e3826;border-radius:8px;padding:14px;width:270px;max-width:calc(100vw - 40px);display:grid;gap:14px}.author-popover p{font-size:11px;line-height:1.7;margin:0;color:#64786e}.author-popover .devices{display:flex}.author-popover .devices button{flex:1;padding:6px}.author-popover .devices button.active{background:#e6eedb}.author-alignment-buttons{display:flex;align-items:center;gap:3px}.author-alignment-buttons button{padding:6px;width:32px;height:32px;border-color:transparent;display:grid;place-items:center}.author-alignment-buttons button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.author-toolbar button:disabled{opacity:.32;cursor:default}.author-toolbar button:not(:disabled):hover{background:#e9f2e8;border-color:#9fb8a9}.author-toolbar button[aria-pressed="true"]:hover{background:#24584d;color:#fff}.author-toolbar button:focus-visible,.author-toolbar select:focus-visible,.studio-tools summary:focus-visible,.author-options summary:focus-visible{outline:2px solid #1979cb;outline-offset:2px}.author-divider{height:20px;width:1px;background:#dce5df;margin:0 4px}.author-align-hint{font-size:10px;color:#798c81;margin-left:auto}.author-tool-message{font-size:11px;color:#8a4f18;background:#fff4df;padding:8px;border-radius:5px;margin:10px 0 0}.author-tool-message[hidden]{display:none}.author-align-row select{min-width:90px}.author-viewport{border-top:0}
@media(max-width:700px){.author-selection-actions{margin-left:0}.author-align-hint{flex-basis:100%;margin-left:0}.studio-settings-grid{grid-template-columns:1fr}.author-alignment-buttons{flex-wrap:wrap}.author-options{margin-left:auto}.studio-layout-badge{display:none}}
.author-popover .devices button.active{color:#153e38}
.canvas-scroll-window{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.canvas-scroll-window:focus-visible{outline:2px solid #1979cb;outline-offset:2px}.canvas-explore-hint{font-size:11px;color:#64796e;margin:0;padding:10px 14px;background:#f1f5ef}
.canvas-explore-hint[hidden]{display:none}
@container(max-width:640px){.canvas-explore-hint{display:none}.canvas-scroll-window{overflow:visible}.canvas-scroll-window>.free-canvas{width:100%!important;min-width:0!important;height:auto!important;min-height:0}.canvas-scroll-window>.free-canvas>.positioned-block,.canvas-scroll-window>.free-canvas>.positioned-container{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;margin-bottom:20px}}
.scene-auto{display:flex;min-width:0}.scene-column{flex-direction:column}.scene-row{flex-direction:row}.scene-child{min-width:0}.scene-row>.scene-child{flex:1 1 0}.scene-column>.scene-child{width:100%}.scene-child>.learn-block{margin:0}
.scene-container-label,.scene-group-outline button{background:#153e38;color:#fff;font-size:11px;padding:6px 10px;position:relative;z-index:12}
.scene-group-outline{position:absolute;outline:2px dashed #47857b;pointer-events:none;z-index:102}.scene-group-outline button{pointer-events:auto;transform:translateY(-100%)}
.free-edit .positioned-container{outline:2px solid #47857b}
@container(max-width:640px){.scene-row.scene-stack-mobile{flex-direction:column}.scene-stack-mobile>.scene-child{width:100%}.has-scene-layout:not(.free-edit){height:auto!important;min-height:0}.has-scene-layout:not(.free-edit)>.positioned-block,.has-scene-layout:not(.free-edit)>.positioned-container{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;margin-bottom:20px}}
[data-block][hidden]{display:none!important}.object-trigger{display:block;margin-top:16px}.learn-block[aria-disabled=true]{opacity:.55}.object-settings{display:grid;gap:14px;margin:22px 0}.object-state-list>div,.object-rule{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--ui-border,#dddddd);border-radius:10px;margin-bottom:10px;font-size:12px}.object-rule small{display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.6;color:var(--ui-muted,#596579);margin-top:6px}.object-rule>div{min-width:0}.object-state-list span{color:var(--ui-muted,#596579)}
.learn-block .object-trigger{background:#171923;color:#ffffff;border:1px solid #ffffff55;border-radius:8px;min-height:40px;padding:10px 16px}.learn-block .object-trigger:hover{background:#303646}.learn-block .object-trigger:focus-visible{outline:3px solid #635bff;outline-offset:3px}
.author-viewport.pen-mode{touch-action:none}
.author-viewport.pen-mode .free-edit,.author-viewport.pen-mode .free-edit *{cursor:crosshair!important}
.author-viewport.pen-mode .free-edit iframe{pointer-events:none}
.author-ink-preview{position:absolute;inset:0;overflow:visible;pointer-events:none}
.author-brush{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;font-size:11px}
.author-brush[hidden]{display:none}
.author-brush input[type="number"]{width:58px}
.author-brush input[type="color"]{width:32px;height:28px;padding:0}
.canvas[style*="--heading-font"] .learn-block :is(h1,h2,h3){font-family:var(--heading-font);font-weight:var(--heading-weight);font-size:var(--heading-size);line-height:1.15}
.canvas[style*="--heading-font"] .learn-block :is(p,.quiz-options,summary){font-weight:var(--body-weight);line-height:var(--body-leading)}
.canvas[style*="--heading-font"] .learn-block :is(.learn-button,.object-trigger,.authored-button){font-family:var(--button-font);font-size:var(--button-size);font-weight:var(--button-weight)}
/* Role text formatting from the design system (on .canvas) or a block text-style override (on .learn-block). Each
   rule applies only where its variable is set, so built-in tracking/case stays until an author changes it. */
:is(.canvas[style*="--body-case"] .learn-block,.learn-block[style*="--body-case"]){text-transform:var(--body-case)}
:is(.canvas[style*="--body-tracking"] .learn-block,.learn-block[style*="--body-tracking"]){letter-spacing:var(--body-tracking)}
:is(.canvas[style*="--body-style"] .learn-block,.learn-block[style*="--body-style"]){font-style:var(--body-style)}
:is(.canvas[style*="--heading-case"] .learn-block,.learn-block[style*="--heading-case"]) :is(h1,h2,h3){text-transform:var(--heading-case)}
:is(.canvas[style*="--heading-tracking"] .learn-block,.learn-block[style*="--heading-tracking"]) :is(h1,h2,h3){letter-spacing:var(--heading-tracking)}
:is(.canvas[style*="--heading-style"] .learn-block,.learn-block[style*="--heading-style"]) :is(h1,h2,h3){font-style:var(--heading-style)}
:is(.canvas[style*="--button-case"] .learn-block,.learn-block[style*="--button-case"]) :is(.learn-button,.object-trigger,.authored-button){text-transform:var(--button-case)}
:is(.canvas[style*="--button-tracking"] .learn-block,.learn-block[style*="--button-tracking"]) :is(.learn-button,.object-trigger,.authored-button){letter-spacing:var(--button-tracking)}
:is(.canvas[style*="--button-style"] .learn-block,.learn-block[style*="--button-style"]) :is(.learn-button,.object-trigger,.authored-button){font-style:var(--button-style)}
.authored-button-wrap{display:flex;justify-content:flex-start}
.authored-button-wrap.align-center{justify-content:center}.authored-button-wrap.align-right{justify-content:flex-end}
.authored-button{min-height:44px;max-width:100%;padding:12px 24px;border:2px solid var(--course-color);border-radius:var(--course-radius);background:var(--course-color);color:white;cursor:pointer;overflow-wrap:anywhere}
.authored-button.variant-outline{background:transparent;color:var(--course-color)}.authored-button.variant-quiet{background:transparent;color:var(--course-color);border-color:transparent;text-decoration:underline}
.authored-button.full-button{width:100%}.authored-button:focus-visible{outline:3px solid #1979cb;outline-offset:3px}
.authored-button{background:var(--authored-button-background,var(--course-color));color:var(--authored-button-color,white);border-radius:var(--authored-button-radius,var(--course-radius));padding:var(--authored-button-padding,12px 24px)}
.authored-button.variant-outline,.authored-button.variant-quiet{background:var(--authored-button-background,transparent);color:var(--authored-button-color,var(--course-color))}
.canvas[style*="--heading-font"] .learn-block .authored-button{font-size:var(--authored-button-font-size,var(--button-size))}
@container(max-width:450px){.canvas[style*="--heading-font"] .learn-block :is(h1,h2,h3){font-size:min(var(--heading-size),32px)}}
.canvas[style*="--heading-font"] .learn-block[style*="font-size"] :is(h1,h2,h3,p){font-size:inherit}
.authored-button{font-size:var(--authored-button-font-size,var(--button-size,16px))}
.skip-entrance-animations{position:relative;z-index:2;margin:8px;font-size:12px}.skip-entrance-animations[hidden]{display:none!important}
.author-viewport.vector-pen-mode{touch-action:none}.author-viewport.vector-pen-mode .free-edit,.author-viewport.vector-pen-mode .free-edit *{cursor:crosshair!important}.author-viewport.vector-pen-mode .free-edit iframe{pointer-events:none}
.vector-pen-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.vector-pen-tools label{display:flex;gap:6px;align-items:center}.vector-pen-tools input{width:35px;height:28px;padding:2px}.vector-pen-tools>span:last-child{font-size:10px}.vector-pen-preview{z-index:10}
.path-editor-preview{background:#f6f6fa;border:1px solid var(--line);border-radius:10px;padding:10px;margin:16px 0;max-width:420px}.path-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.learn-quiz .quiz-feedback{white-space:pre-line}.learn-quiz [data-quiz-attempts]{font-size:12px;line-height:1.5;margin-top:10px}.learn-quiz input[type=checkbox]{accent-color:var(--course-color)}
.learn-steps{padding:clamp(16px,3vw,28px);border:1px solid #d8dce3;border-radius:16px;background:#fff;color:var(--course-color,#172b35);min-width:0}.learn-steps h3{font-size:clamp(20px,3vw,28px);margin:0 0 10px}.steps-help{font-size:12px;line-height:1.6;margin-bottom:18px}.steps-stage-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 20px}.steps-stage-list li{flex:1 1 125px;min-width:0;position:relative}.steps-stage{display:flex;align-items:center;gap:10px;width:100%;height:100%;text-align:left;border:1px solid #d8dce3;border-radius:10px;padding:12px;background:#f6f7fa;color:inherit;font:inherit;line-height:1.4;overflow-wrap:anywhere}.steps-stage[aria-current=step]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor;background:#eef0f7}.steps-stage:focus-visible{outline:3px solid currentColor;outline-offset:3px}.steps-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:13px}.steps-visited{display:block;font-size:11px;margin-top:3px}.steps-stage.is-visited .steps-number{background:var(--course-color,#172b35);color:#fff}.steps-vertical .steps-stage-list{display:flex;flex-direction:column}.steps-vertical .steps-stage-list li{flex:auto}.steps-timeline .steps-stage-list li:not(:last-child)::after{content:'';position:absolute;left:24px;top:100%;height:10px;border-left:2px solid #b5bdc9;pointer-events:none}.steps-timeline.steps-horizontal .steps-stage-list li:not(:last-child)::after{left:100%;top:50%;width:10px;height:0;border-left:0;border-top:2px solid #b5bdc9}.steps-stage-panel{padding:18px;border:1px solid #d8dce3;border-radius:10px;background:#fafbfc;overflow-wrap:anywhere}.steps-stage-panel[hidden]{display:none!important}.steps-stage-panel h4{font-size:20px;margin:0 0 12px}.steps-stage-panel p{line-height:1.7;white-space:pre-line;margin:0}.steps-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.steps-navigation [role=status]{font-size:12px;flex:1 1 120px;text-align:center}.steps-navigation button:disabled{opacity:.5}.steps-author-stage{border:1px solid var(--line);border-radius:10px;padding:12px;margin:16px 0}.steps-author-stage legend{padding:0 5px;font-weight:600}.steps-author-actions{display:flex;gap:6px;flex-wrap:wrap}.steps-author-actions .btn{font-size:10px;padding:8px}
.completion-panel{margin:16px 0;padding:16px;border:1px solid var(--line,#d8dce3);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#172b35);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.completion-panel summary{cursor:pointer;font-weight:600}.completion-panel ul{list-style:none;padding:0;margin:12px 0}.completion-panel li{padding:6px 0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.completion-state{margin-left:auto;font-size:11px;font-weight:600}.completion-met{color:var(--muted,#45615a)}.completion-choice{display:flex!important;align-items:flex-start;gap:10px;margin:12px 0;line-height:1.5}.completion-choice input{flex:none;margin-top:4px;accent-color:var(--accent,#816dff)}.completion-choice small{display:block;color:var(--muted);font-size:11px}#dialog fieldset:has(.completion-choice){border:1px solid var(--line);border-radius:10px;padding:12px;margin:16px 0}.completion-choice:has(input:focus-visible){outline:2px solid var(--accent,#816dff);outline-offset:4px}
/* Native reflection grows with content; no nested response scrolling on small screens. */
.learn-reflection{display:grid;gap:14px;min-width:0;padding:clamp(16px,3vw,28px);border:1px solid #d5dce5;border-radius:var(--radius,12px);background:#fff;color:#202735}
.learn-reflection h3,.learn-reflection p{margin:0;overflow-wrap:anywhere}
.learn-reflection label,.learn-reflection legend{font-weight:600}
.learn-reflection textarea{box-sizing:border-box;display:block;width:100%;min-height:130px;max-width:100%;padding:14px;font:inherit;color:#202735;background:#fff;border:1px solid #68778c;border-radius:8px;resize:vertical;line-height:1.6}
.learn-reflection fieldset{margin:0;padding:0;border:0;min-width:0;display:grid;gap:10px}
.learn-reflection legend{margin-bottom:10px}
.learn-reflection .reflection-choice{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #d5dce5;border-radius:8px;font-weight:400;cursor:pointer}
.reflection-choice input{flex-shrink:0;margin-top:5px}.reflection-choice span{overflow-wrap:anywhere;min-width:0}
.reflection-actions{display:flex;flex-wrap:wrap;gap:10px}.reflection-actions button{min-height:44px}
.learn-reflection .reflection-storage,.learn-reflection small{font-size:.875em;color:#465366;line-height:1.6}
.learn-reflection [data-reflection-status]{min-height:1.6em}
.reflection-recorded{border-top:1px solid #d5dce5;padding-top:14px}.reflection-recorded p{white-space:pre-wrap;margin-top:10px}
.learn-reflection :focus-visible{outline:3px solid #5748cb;outline-offset:3px}
.reflection-authoring{display:grid;gap:16px}.reflection-author-choice{display:flex;align-items:center;gap:8px}.reflection-author-choice .field{flex:1;min-width:0}
.section-bridge-status{font-size:12px;line-height:1.6;padding:12px;color:#465366}.section-takeaway-tools{display:flex;flex-wrap:wrap;gap:10px;padding:12px}.section-takeaway-tools[hidden]{display:none}.section-takeaway-print{display:none}
@media print{body.section-printing-takeaway>*:not(.section-takeaway-print){display:none!important}body.section-printing-takeaway>.section-takeaway-print{display:block!important;padding:24px;color:#000;background:#fff} .section-takeaway-print pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif}}

/* Edge-to-edge delivery still needs a readable mobile text gutter. Do not
   override explicit authored padding or shrink the author's desktop canvas. */
@container(max-width:640px){
  .canvas.full-width-module .learn-block:not(.editable):not([style*="padding:"])>.learn-text,
  .canvas.full-width-module .learn-block:not(.editable):not([style*="padding:"])>.custom-box{padding-inline:20px}
  .learn-text,.custom-box{overflow-wrap:anywhere;min-width:0}
}
.learn-scenario{max-width:100%;line-height:1.6}.learn-scenario fieldset{min-width:0;border:1px solid currentColor;border-radius:8px;padding:18px;margin:18px 0}.learn-scenario legend{font-weight:650;padding:0 8px}.scenario-storage,.scenario-progress{font-size:.875em;opacity:.8}.scenario-choice{display:flex;align-items:flex-start;gap:12px;margin:12px 0;padding:12px;border:1px solid #8885;border-radius:8px;overflow-wrap:anywhere}.scenario-choice input{margin-top:.45em;flex-shrink:0}.learn-scenario select{display:block;max-width:100%;font:inherit;padding:8px;margin:8px 0}.scenario-feedback,.scenario-outcome{border-left:3px solid currentColor;padding:12px 18px;margin:20px 0;overflow-wrap:anywhere}.scenario-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.scenario-navigation button,.learn-scenario button{white-space:normal;min-height:40px}.scenario-author-preview{border-top:1px solid #8885;margin:20px 0;padding-top:12px}.scenario-author-preview .scenario-choice{display:block}.scenario-authoring details{border-top:1px solid var(--border,#8885);margin:12px 0;padding:12px 0}.scenario-authoring summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}.scenario-authoring fieldset{min-width:0;padding:12px;margin:12px 0}.scenario-author-actions{display:flex;flex-wrap:wrap;gap:8px}.scenario-authoring textarea{min-height:72px}.learn-scenario :focus-visible{outline:3px solid currentColor;outline-offset:3px}