:root{--ink:#172033;--muted:#697386;--line:#e5e9f0;--paper:#fff;--soft:#f6f8fb;--accent:#175cd3;--accent2:#0b4db3;--good:#067647;--danger:#b42318;--radius:16px;--shadow:0 8px 30px rgba(25,36,54,.08)}*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.site-header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:750;color:var(--ink);text-decoration:none}.brand-mark{width:37px;height:37px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;letter-spacing:.5px}.site-header nav{display:flex;gap:18px}.site-header nav a{color:var(--muted);text-decoration:none;font-weight:650;font-size:14px}.container{max-width:1180px;margin:0 auto;padding:38px 24px 70px}.narrow{max-width:760px}.hero{padding:58px 0 34px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.05;max-width:850px;margin:10px 0 18px}.hero p{font-size:19px;color:var(--muted);max-width:760px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:24px;text-decoration:none;color:inherit;transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(25,36,54,.12)}.card h3{margin:0 0 8px}.muted{color:var(--muted)}.panel{padding:28px;margin-bottom:24px}.panel h1,.panel h2,.panel h3{margin-top:0}.stack{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{font-size:14px;font-weight:700;display:grid;gap:7px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #ccd3df;border-radius:10px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:110px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 15px;font-weight:750;text-decoration:none;cursor:pointer;font:inherit}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent2)}.secondary{background:#eef3fb;color:#24456e}.danger{background:#feeceb;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.flash{max-width:1180px;margin:18px auto 0;padding:12px 18px;border-radius:10px;background:#ecfdf3;color:var(--good)}.flash.error{background:#fef3f2;color:var(--danger)}.site-footer{text-align:center;padding:34px;color:var(--muted);border-top:1px solid var(--line);background:#fff}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--accent);text-decoration:none}.chapter{margin:28px 0}.lesson-row{background:#fff;border:1px solid var(--line);padding:15px 18px;border-radius:12px;margin:9px 0;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit}.lesson-shell{display:grid;grid-template-columns:270px 1fr;gap:28px}.lesson-nav{position:sticky;top:96px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.lesson-nav a{display:block;padding:9px 10px;text-decoration:none;color:var(--muted);border-radius:8px}.lesson-nav a.active{background:#eef4ff;color:var(--accent);font-weight:750}.lesson-content{min-width:0}.content-block{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:22px;overflow:hidden}.content-copy{padding:25px}.content-copy h2{margin-top:0}.media-frame{background:#eef1f5;display:flex;align-items:center;justify-content:center;min-height:280px}.media-frame img,.media-frame video{max-width:100%;max-height:70vh;display:block}.narration{padding:14px 22px 20px;background:#fff}.narration audio{width:100%}.lesson-controls{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.quiz-question{padding:22px;border:1px solid var(--line);border-radius:14px;margin:16px 0;background:#fff}.quiz-question label{display:flex;gap:9px;align-items:flex-start;font-weight:500;margin:9px 0}.quiz-question input[type=radio]{width:auto;margin-top:5px}.score{font-size:44px;font-weight:800;color:var(--accent)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f8fafc}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:750;background:#eef3fb;color:#31547c}.badge.published{background:#ecfdf3;color:var(--good)}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.kpi strong{font-size:30px;display:block}.small{font-size:13px}.inline-form{display:inline}.empty{text-align:center;padding:50px 20px;color:var(--muted);background:#fff;border:1px dashed #ccd3df;border-radius:14px}@media(max-width:800px){.lesson-shell{grid-template-columns:1fr}.lesson-nav{position:static}.grid2,.kpis{grid-template-columns:1fr}.site-header{padding:0 16px}.site-header nav a:not(:last-child){display:none}.container{padding:26px 16px 54px}}

/* v0.2.0: single-course authoring and flexible media */
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.narrow-panel{max-width:820px}.source-box{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:16px;display:grid;gap:12px}.source-box>strong{font-size:14px}.checkline{display:flex;align-items:center;gap:7px;font-weight:500;color:var(--muted)}.checkline input{width:auto}.version-pill{padding:8px 12px;border-radius:999px;background:#eef4ff;color:var(--accent);font-size:13px;font-weight:800}.update-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.update-note p{margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.chapter-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0;box-shadow:var(--shadow)}.chapter-head h2{margin:4px 0 5px}.lesson-list{display:grid;gap:9px;margin-top:18px}.lesson-row{margin:0;gap:14px}.lesson-number{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:var(--accent);font-weight:800;font-size:13px}.lesson-main{display:grid;flex:1;gap:2px}.lesson-arrow{font-size:20px;color:var(--accent)}.nav-chapter{margin:14px 10px 5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:800}.lesson-summary{font-size:17px}.embed-frame{position:relative;padding-top:56.25%;background:#0d1117}.embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.content-copy audio{width:100%;margin-top:12px}.resource-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft);text-decoration:none;color:inherit;margin-top:14px}.resource-card span{color:var(--muted);font-size:13px}.resource-card strong{color:var(--accent)}.quiz-cta{display:flex;align-items:center;justify-content:space-between;gap:20px}.quiz-cta h2{margin:4px 0}.quiz-cta p{margin-bottom:0}code{background:#f1f3f6;padding:2px 5px;border-radius:5px}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.quiz-cta{align-items:flex-start;flex-direction:column}.resource-card{align-items:flex-start;flex-direction:column}}

/* v0.3.0: screen-based lesson authoring */
[hidden]{display:none!important}.lesson-builder-top{align-items:flex-start}.builder-guide{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 17px;margin:-4px 0 22px;border:1px solid #cfe0ff;border-radius:12px;background:#eef5ff;color:#24456e}.builder-guide strong{color:var(--accent)}.builder-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:20px;align-items:start}.import-panel,.add-screen-panel{margin-bottom:24px}.or-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}.screen-heading{margin-top:10px}.screen-heading h2{margin:4px 0 0}.screen-list{display:grid;gap:12px}.screen-card{display:grid;grid-template-columns:44px 150px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 3px 16px rgba(25,36,54,.05)}.screen-number{width:38px;height:38px;border-radius:11px;background:#eef4ff;color:var(--accent);font-weight:850;display:grid;place-items:center}.screen-preview{height:88px;border-radius:10px;background:#eef1f5;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}.screen-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.screen-icon{font-size:21px;font-weight:800;color:#526174}.screen-info{min-width:0}.screen-title-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.screen-snippet{margin-top:4px}.screen-statuses{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.status-dot{font-size:11px;font-weight:750;border-radius:999px;padding:4px 8px;background:#ecfdf3;color:var(--good)}.status-dot.muted-status{background:#f1f3f6;color:var(--muted)}.screen-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:#fff;color:var(--accent);border-radius:8px;font-size:17px;font-weight:800;cursor:pointer}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.end-quiz-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px dashed #b9c5d6;border-radius:16px;padding:20px 22px;margin-top:18px}.end-quiz-card p{margin:3px 0 0}.preview-banner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 16px;margin-bottom:18px;border-radius:12px;background:#fff7e6;border:1px solid #f5d38a;color:#725514}.preview-banner a{margin-left:auto;color:#825f00;font-weight:750}.draft-dot{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:999px;background:#fff1d6;color:#8a6200;font-size:9px;text-transform:uppercase;font-weight:800}.player-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 12px}.screen-progress{width:min(260px,40%);height:8px;background:#e8edf5;border-radius:999px;overflow:hidden}.screen-progress span{display:block;height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .2s ease}.screen-player{min-height:380px}.lesson-screen{margin-bottom:14px}.slide-frame{min-height:360px;background:#fff}.slide-frame img{width:100%;max-height:72vh;object-fit:contain}.screen-controls{display:flex;justify-content:space-between;gap:12px;margin:14px 0 26px}.screen-controls .btn{min-width:150px}.lesson-finish{scroll-margin-top:90px}.transcript{margin-top:13px;border-top:1px solid var(--line);padding-top:11px}.transcript summary{cursor:pointer;color:var(--accent);font-weight:750;font-size:13px}.transcript>div{padding-top:10px;color:var(--muted)}
@media(max-width:980px){.builder-grid{grid-template-columns:1fr}.screen-card{grid-template-columns:44px 120px minmax(0,1fr)}.screen-actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:650px){.screen-card{grid-template-columns:38px 88px minmax(0,1fr);gap:10px;padding:11px}.screen-preview{height:66px}.screen-actions{grid-column:1/-1}.player-toolbar{align-items:flex-start;flex-direction:column}.screen-progress{width:100%}.screen-controls{gap:8px}.screen-controls .btn{min-width:0;flex:1}.preview-banner a{margin-left:0}.end-quiz-card{align-items:flex-start;flex-direction:column}}

/* v0.3.1: compact, sequence-first lesson builder */
.sequence-section{position:relative}.compact-guide{margin-bottom:18px}.lesson-builder-title{max-width:720px}.lesson-builder-actions{justify-content:flex-end}.screen-heading{align-items:center;margin:0 0 16px}.screen-heading h2{margin:3px 0 2px}.screen-heading p{margin:0}.sequence-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.builder-tool{position:relative}.builder-tool>summary{list-style:none;cursor:pointer}.builder-tool>summary::-webkit-details-marker,.screen-more>summary::-webkit-details-marker{display:none}.builder-tool[open]>summary{box-shadow:0 0 0 3px rgba(37,99,235,.10)}.tool-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:min(760px,calc(100vw - 56px));max-height:min(76vh,820px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 20px 50px rgba(20,35,60,.18)}.add-tool-panel{width:min(840px,calc(100vw - 56px))}.tool-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:8px}.tool-head h3{margin:3px 0 0;font-size:22px}.tool-head>span{text-align:right}.builder-empty{padding:54px 24px}.builder-empty h3{margin:10px 0 6px;color:var(--ink)}.builder-empty p{max-width:620px;margin:6px auto}.empty-icon{width:48px;height:48px;margin:0 auto;border-radius:14px;background:#eef4ff;color:var(--accent);display:grid;place-items:center;font-size:22px;font-weight:850}.screen-card{grid-template-columns:42px 132px minmax(0,1fr) auto;padding:12px 14px;gap:14px}.screen-preview{height:78px}.screen-actions{white-space:nowrap}.reorder-controls{display:inline-flex;gap:5px}.screen-edit-btn{padding:9px 13px}.screen-more{position:relative}.screen-more>summary{list-style:none}.more-btn{display:grid;place-items:center;line-height:1;font-size:15px;letter-spacing:1px}.screen-more-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:25;min-width:150px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 32px rgba(20,35,60,.16)}.screen-more-menu form{margin:0}.screen-more-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.screen-more-menu button:hover{background:var(--soft)}.screen-more-menu button.menu-danger{color:var(--danger)}
@media(max-width:900px){.lesson-builder-top{display:block}.lesson-builder-actions{justify-content:flex-start;margin-top:14px}.screen-heading{align-items:flex-start}.sequence-actions{justify-content:flex-start}.screen-card{grid-template-columns:40px 110px minmax(0,1fr)}.screen-actions{grid-column:2/-1;justify-content:flex-start}.tool-popover{position:fixed;left:18px;right:18px;top:90px;width:auto;max-height:calc(100vh - 120px)}}
@media(max-width:650px){.screen-heading{display:block}.sequence-actions{margin-top:12px}.sequence-actions .builder-tool{flex:1}.sequence-actions .builder-tool>summary{width:100%;justify-content:center}.screen-card{grid-template-columns:36px 76px minmax(0,1fr);gap:9px}.screen-preview{height:58px}.screen-statuses{gap:5px}.status-dot{padding:3px 6px}.screen-actions{grid-column:1/-1}.tool-popover{left:10px;right:10px;top:72px;padding:17px;max-height:calc(100vh - 92px)}.tool-head{display:block}.tool-head>span{display:block;text-align:left;margin-top:4px}.lesson-builder-actions .btn{font-size:13px;padding:9px 11px}}

/* v0.4.0: browser Media Studio */
.source-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-btn{padding:7px 10px;font-size:12px}.media-studio-top{align-items:flex-start}.studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;align-items:start}.studio-panel{margin-bottom:0}.studio-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.studio-heading h2{margin:4px 0 0}.current-media-box{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:14px;margin:16px 0;display:grid;gap:10px}.current-media-box audio{width:100%}.studio-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:16px 0}.record-timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--muted);min-width:48px}.studio-warning{background:#fff6ed;color:#9a3412;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px}.audio-editor{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.audio-editor.is-disabled{opacity:.72}.audio-editor canvas{width:100%;height:180px;display:block;border-radius:10px;border:1px solid var(--line);cursor:crosshair;touch-action:none}.selection-readout{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 2px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.audio-editor audio{width:100%;margin-top:8px}.editor-actions{margin-top:12px}.save-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.restore-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.studio-error{color:var(--danger)}.video-stage{min-height:300px;background:#111827;border-radius:14px;overflow:hidden;display:grid;place-items:center;position:relative;margin-top:16px}.video-stage video{width:100%;max-height:440px;display:block;background:#111827}.camera-placeholder{color:#aeb8c8;font-weight:700}.current-visual-note{padding:10px 12px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-top:12px}.studio-footnote{border-top:1px solid var(--line);padding-top:14px;margin:18px 0 0}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:980px){.studio-grid{grid-template-columns:1fr}.video-stage{min-height:240px}}@media(max-width:650px){.source-heading-row,.restore-row{align-items:flex-start;flex-direction:column}.audio-editor canvas{height:140px}.studio-toolbar .btn{flex:1}.media-studio-top{display:block}.media-studio-top .actions{margin-top:12px}}
.current-media-summary{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px 14px;margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.good-badge{background:#ecfdf3;color:var(--good)}.editor-source-note{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.editor-source-note span{text-align:right}.danger-outline{background:#fff;color:var(--danger);border:1px solid #f3b4ae}.danger-outline:hover{background:#fef3f2}.original-backup-row .actions{justify-content:flex-end}.external-audio-box audio{width:100%;margin:10px 0}.audio-editor canvas{cursor:ew-resize}
@media(max-width:650px){.current-media-summary,.editor-source-note{align-items:flex-start;flex-direction:column}.editor-source-note span{text-align:left}.original-backup-row .actions{width:100%}.original-backup-row .actions .btn{width:100%}}

/* v0.5.0 — unified waveform transport + native Slide Studio */
.wave-transport{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.wave-play-button{width:42px;height:42px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;display:grid;place-items:center;font-size:16px}.wave-play-button:disabled{opacity:.45;cursor:not-allowed}.wave-jump-button{height:36px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 10px;font-weight:750;color:#40516b;cursor:pointer}.wave-jump-button:disabled{opacity:.45;cursor:not-allowed}.wave-time-display{display:flex;gap:5px;align-items:center;font-variant-numeric:tabular-nums;min-width:105px}.wave-transport-hint{margin-left:auto}.audio-editor>audio[hidden]{display:none!important}
.slide-studio-top{align-items:flex-start}.slide-studio-note{display:flex;gap:14px;align-items:flex-start;background:#fff8e8;border:1px solid #f3d797;border-radius:14px;padding:14px 16px;margin-bottom:20px}.slide-studio-note strong{white-space:nowrap}.slide-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.slide-workspace-panel{min-width:0}.slide-inspector-panel{position:sticky;top:94px}.slide-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.file-button{position:relative;cursor:pointer}.slide-stage-wrap{background:#dfe4eb;border:1px solid #cfd6e1;border-radius:16px;padding:18px;overflow:auto}.slide-stage{position:relative;width:100%;aspect-ratio:16/9;background:#fff center/contain no-repeat;overflow:hidden;box-shadow:0 8px 24px rgba(23,32,51,.15);touch-action:none;user-select:none}.slide-edit-layer{position:absolute;display:flex;align-items:center;padding:6px;overflow:hidden;cursor:move;box-sizing:border-box;outline:1px dashed transparent;transition:opacity .22s,transform .22s}.slide-edit-layer.is-selected{outline:2px solid var(--accent);box-shadow:0 0 0 2px rgba(23,92,211,.12)}.slide-edit-layer img{width:100%;height:100%;display:block;pointer-events:none}.slide-resize-handle{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-radius:5px 0 0 0;background:var(--accent);cursor:nwse-resize;display:none}.slide-edit-layer.is-selected .slide-resize-handle{display:block}.slide-layer-text{white-space:pre-wrap;line-height:1.15}.slide-layer-shape{padding:0}.slide-narration-transport{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.slide-time{display:flex;align-items:center;gap:5px;min-width:86px;font-variant-numeric:tabular-nums}.slide-time-track{height:8px;background:#dce4ef;border-radius:99px;flex:1;overflow:hidden;cursor:pointer}.slide-time-track span{display:block;height:100%;width:0;background:var(--accent)}.slide-timing-help{margin:8px 2px 0}.slide-no-narration{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--soft);display:flex;justify-content:space-between;gap:12px}.slide-no-narration a{color:var(--accent);font-weight:700}.compact-stack{gap:12px}.slide-inspector-panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.inspector-empty{padding:10px 0}.inspector-type-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.layer-order-actions{display:grid;grid-template-columns:1fr 1fr}.replace-background-button{margin-top:12px;width:100%}.danger-zone-small{padding-top:4px}.slide-save-row{border-top:1px solid var(--line);padding-top:16px}.anim-hidden{opacity:.16!important;filter:saturate(.3)}
.learner-native-slide-wrap{background:#eef1f5;padding:0;display:flex;justify-content:center}.learner-native-slide{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-position:center;background-repeat:no-repeat}.learner-slide-layer{position:absolute;display:flex;align-items:center;padding:6px;overflow:hidden;box-sizing:border-box;line-height:1.15}.learner-slide-layer img{width:100%;height:100%;display:block}.learner-slide-shape{padding:0}.slide-awaiting{opacity:0!important;pointer-events:none}.slide-revealed{opacity:1}.slide-anim-appear{animation:effAppear .18s ease-out both}.slide-anim-fade{animation:effFade .55s ease-out both}.slide-anim-slide-up{animation:effSlideUp .55s ease-out both}.slide-anim-slide-left{animation:effSlideLeft .55s ease-out both}.slide-anim-zoom{animation:effZoom .45s ease-out both}.slide-anim-pulse{animation:effPulse .8s ease-out both}@keyframes effAppear{from{opacity:0}to{opacity:1}}@keyframes effFade{from{opacity:0}to{opacity:1}}@keyframes effSlideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes effSlideLeft{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes effZoom{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes effPulse{0%{opacity:0;transform:scale(.9)}45%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@media(max-width:980px){.slide-studio-layout{grid-template-columns:1fr}.slide-inspector-panel{position:static}.slide-toolbar{align-items:flex-start;flex-direction:column}.slide-narration-transport{flex-wrap:wrap}.slide-time-track{min-width:180px}.wave-transport-hint{width:100%;margin-left:0}}@media(max-width:650px){.slide-stage-wrap{padding:8px}.slide-studio-note{flex-direction:column}.slide-studio-note strong{white-space:normal}.wave-transport{flex-wrap:wrap}.wave-transport-hint{width:100%}}

/* v0.6.0 — narration-driven animation timeline */
.animation-timeline{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--soft);border-bottom:1px solid var(--line)}.timeline-transport,.timeline-zoom{display:flex;align-items:center;gap:9px}.timeline-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;background:#fff}.timeline-content{--timeline-width:640px;min-width:calc(150px + var(--timeline-width));position:relative}.timeline-row{display:grid;grid-template-columns:150px var(--timeline-width);min-height:44px;border-bottom:1px solid #edf0f4}.timeline-label{position:sticky;left:0;z-index:7;background:#fff;border:0;border-right:1px solid var(--line);padding:8px 12px;text-align:left;display:flex;flex-direction:column;justify-content:center;min-width:0;color:var(--text)}button.timeline-label{cursor:pointer;width:150px}.timeline-layer-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.timeline-layer-label span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline-object-row.is-selected .timeline-label{background:#eef5ff}.timeline-lane{position:relative;box-sizing:border-box;background-image:linear-gradient(to right,rgba(23,32,51,.045) 1px,transparent 1px);background-size:90px 100%}.timeline-wave-lane{height:68px;background:#f7f9fc;cursor:pointer}.timeline-wave-lane canvas{display:block;position:absolute;inset:0;height:68px}.timeline-audio-row{min-height:68px}.timeline-audio-row .timeline-label{background:#f7f9fc}.timeline-ruler-row{min-height:30px;height:30px}.timeline-ruler-row .timeline-label{background:#fafbfc}.timeline-ruler{height:30px;background:#fafbfc;cursor:pointer}.timeline-tick{position:absolute;top:0;height:100%;border-left:1px solid #cfd7e4}.timeline-tick i{display:block;width:1px;height:7px;background:#8d99aa}.timeline-tick b{position:absolute;top:10px;left:4px;font-size:10px;font-weight:600;color:#657083;white-space:nowrap;font-variant-numeric:tabular-nums}.timeline-object-lane{height:44px;cursor:pointer;background-color:#fff}.timeline-object-row.is-selected .timeline-object-lane{background-color:#f8fbff}.timeline-playhead-line{position:absolute;top:0;bottom:0;width:2px;background:#b42318;z-index:5;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.7)}.timeline-cue{position:absolute;top:8px;width:15px;height:28px;border:0;border-radius:5px;background:var(--accent);z-index:6;cursor:ew-resize;box-shadow:0 2px 8px rgba(23,92,211,.24);padding:0}.timeline-cue span{position:absolute;left:5px;top:6px;width:5px;height:16px;border-left:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8)}.timeline-cue b{position:absolute;left:20px;top:5px;background:#172033;color:#fff;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}.timeline-cue.is-selected{outline:3px solid rgba(23,92,211,.2)}.timeline-cue.is-dragging{cursor:grabbing;transform:scale(1.08)}.timeline-empty{padding:12px 14px;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.timeline-empty[hidden]{display:none}.slide-timing-help strong{color:var(--text)}
@media(max-width:760px){.timeline-toolbar{align-items:flex-start;flex-direction:column}.timeline-transport{flex-wrap:wrap}.timeline-content{min-width:calc(120px + var(--timeline-width))}.timeline-row{grid-template-columns:120px var(--timeline-width)}.timeline-label,button.timeline-label{width:120px}.timeline-layer-label strong{font-size:11px}}
.slide-edit-layer.anim-hidden{opacity:0!important;pointer-events:none}.slide-edit-layer.anim-appear{animation:effAppear .18s ease-out both}.slide-edit-layer.anim-fade{animation:effFade .55s ease-out both}.slide-edit-layer.anim-slide-up{animation:effSlideUp .55s ease-out both}.slide-edit-layer.anim-slide-left{animation:effSlideLeft .55s ease-out both}.slide-edit-layer.anim-zoom{animation:effZoom .45s ease-out both}.slide-edit-layer.anim-pulse{animation:effPulse .8s ease-out both}

/* v0.7.0 — editable PowerPoint layers, richer text, bullet-by-bullet animation */
.pptx-import-panel{margin-bottom:22px}.pptx-import-panel summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;list-style:none}.pptx-import-panel summary::-webkit-details-marker{display:none}.pptx-import-panel summary:after{content:'▾';font-weight:800;color:var(--accent)}.pptx-import-panel[open] summary:after{content:'▴'}.pptx-import-body{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.pptx-import-options{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 16px}.slide-native-list,.learner-native-list{margin:0;padding-left:1.35em;width:100%;box-sizing:border-box}.slide-native-list li,.learner-native-list li{margin:.14em 0;padding-left:.15em}.slide-native-paragraph,.learner-native-paragraph{white-space:pre-wrap;width:100%}.bullet-timing-editor{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:10px}.bullet-timing-title{margin-bottom:6px}.bullet-timing-row{display:grid;grid-template-columns:minmax(0,1fr) 82px auto;gap:7px;align-items:center;padding:6px;border-radius:9px}.bullet-timing-row.is-selected{background:#eaf3ff}.bullet-timing-label{border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);cursor:pointer;padding:4px;font:inherit;font-size:12px}.bullet-timing-row input{min-width:0}.timeline-bullet-row{min-height:38px}.timeline-bullet-row .timeline-label{padding-left:20px;background:#fbfcfe}.timeline-bullet-row .timeline-object-lane{height:38px;background-color:#fbfcfe}.timeline-bullet-row .timeline-cue{top:5px}.timeline-bullet-row .timeline-layer-label strong{font-weight:600;color:#48556a}.slide-edit-layer .anim-hidden{opacity:0!important}.slide-native-list li.anim-hidden{opacity:0!important}.slide-native-list li.anim-fade{animation:effFade .55s ease-out both}.slide-native-list li.anim-slide-up{animation:effSlideUp .55s ease-out both}.slide-native-list li.anim-slide-left{animation:effSlideLeft .55s ease-out both}.slide-native-list li.anim-zoom{animation:effZoom .45s ease-out both}.slide-native-list li.anim-pulse{animation:effPulse .8s ease-out both}.slide-native-list li.anim-appear{animation:effAppear .18s ease-out both}.learner-native-list li{transition:opacity .2s,transform .2s}.learner-native-list li.slide-awaiting{opacity:0!important}
@media(max-width:760px){.pptx-import-panel summary{align-items:flex-start;flex-direction:column}.bullet-timing-row{grid-template-columns:1fr 78px}.bullet-timing-row .btn{grid-column:1/-1}.pptx-import-options{flex-direction:column;gap:8px}}

/* v0.8.0 — direct PowerPoint lesson import */
.powerpoint-import-note{display:grid;gap:.25rem;padding:.8rem .9rem;border:1px solid #d9e2f0;border-radius:12px;background:#f7f9fc;font-size:.88rem;line-height:1.45}.powerpoint-import-note strong{color:#172033}.powerpoint-import-note span{color:#5f6b7a}.legacy-import-details{border-top:1px solid #e5eaf2;padding-top:.7rem}.legacy-import-details>summary{cursor:pointer;font-weight:650;color:#445269}.legacy-import-body{padding-top:.75rem;display:grid;gap:.8rem}.editable-slide-icon{font-size:2rem}

/* v0.8.1 — responsive PowerPoint text sizing and auto-fit */
.slide-stage,.learner-native-slide{container-type:inline-size}.slide-layer-text,.learner-slide-text{min-width:0;min-height:0}.slide-layer-text[data-effective-font-size]:after{content:''}.pptx-source-panel+.pptx-import-panel{margin-top:14px}#autoFitHelp{margin-top:-6px}

/* v0.9.0 — persistent course navigation, in-app confirmations, direct narration upload */
.header-brand-wrap{display:flex;align-items:center;gap:10px}.sidebar-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:19px;cursor:pointer}.admin-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 70px)}.admin-main{width:100%;max-width:none;margin:0;padding:34px clamp(20px,3vw,48px) 70px}.admin-sidebar{background:#fff;border-right:1px solid var(--line);min-height:calc(100vh - 70px);position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto;z-index:16}.admin-sidebar-inner{padding:22px 14px 32px}.sidebar-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850;color:#8993a4;padding:0 10px 8px}.sidebar-course-label{margin-top:22px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;text-decoration:none;color:#526174;font-weight:700;font-size:14px}.sidebar-link:hover,.sidebar-link.active{background:#eef5ff;color:var(--accent)}.sidebar-icon{width:20px;text-align:center;font-size:16px}.sidebar-course-tree{display:grid;gap:5px}.sidebar-chapter{border-radius:10px}.sidebar-chapter>summary{list-style:none;cursor:pointer;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#35445b;font-size:13px;font-weight:800;border-radius:9px}.sidebar-chapter>summary::-webkit-details-marker{display:none}.sidebar-chapter>summary:hover{background:#f5f7fa}.sidebar-chevron{transition:transform .16s;color:#8b96a7}.sidebar-chapter[open] .sidebar-chevron{transform:rotate(90deg)}.sidebar-lessons{display:grid;gap:2px;padding:2px 4px 7px 12px;border-left:1px solid #e7ebf1;margin-left:15px}.sidebar-lesson,.sidebar-manage-link,.sidebar-add{display:block;text-decoration:none;border-radius:8px;padding:7px 9px;font-size:12px;line-height:1.3;color:#667286;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-lesson:hover,.sidebar-lesson.active{background:#eef5ff;color:var(--accent);font-weight:750}.sidebar-manage-link{font-weight:750;color:#43526a}.sidebar-add{color:var(--accent);font-weight:750}.sidebar-add-chapter{margin:10px 8px 0}.admin-sidebar-backdrop{display:none}.admin-body .flash{max-width:none;margin:16px 30px 0 288px}.admin-body .site-footer{margin-left:258px}
.eff-modal-wrap{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .12s ease}.eff-modal-wrap[hidden]{display:none}.eff-modal-wrap.is-open{opacity:1}.eff-modal-backdrop{position:absolute;inset:0;background:rgba(18,27,42,.46);backdrop-filter:blur(2px)}.eff-modal{position:relative;width:min(470px,100%);background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 80px rgba(10,20,35,.24);padding:24px;display:grid;grid-template-columns:44px 1fr;gap:14px}.eff-modal-icon{width:42px;height:42px;border-radius:50%;background:#fef3f2;color:var(--danger);display:grid;place-items:center;font-weight:900;font-size:21px}.eff-modal-copy h3{margin:2px 0 7px}.eff-modal-copy p{margin:0;color:var(--muted)}.eff-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.narration-upload-box{border:1px dashed #b9c7db;border-radius:14px;padding:14px;background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.narration-upload-box input[type=file]{max-width:420px}.audio-source-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bulk-narration-tool .tool-popover{min-width:min(620px,calc(100vw - 40px))}.narration-match-help{padding:10px 12px;border-radius:10px;background:#f7f9fc;border:1px solid var(--line)}
@media(max-width:900px){.sidebar-toggle{display:grid;place-items:center}.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:70px;bottom:0;width:min(300px,86vw);height:auto;transform:translateX(-102%);transition:transform .18s ease;box-shadow:12px 0 35px rgba(22,32,51,.14)}.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-sidebar-backdrop{position:fixed;inset:70px 0 0;background:rgba(18,27,42,.34);z-index:15}.sidebar-open .admin-sidebar-backdrop{display:block}.admin-main{padding:26px 16px 54px}.admin-body .flash{margin:14px 16px 0}.admin-body .site-footer{margin-left:0}.site-header nav{gap:12px}.site-header nav a{font-size:13px}}
@media(max-width:620px){.site-header nav a:first-child{display:none}.eff-modal{grid-template-columns:1fr}.eff-modal-icon{display:none}.narration-upload-box{align-items:stretch}.narration-upload-box input[type=file]{max-width:none}.audio-source-actions{width:100%}.audio-source-actions .btn{flex:1}}
.flash.warning{background:#fffaeb;color:#7a2e0e}


/* v0.9.1 — real editable-slide thumbnails in lesson sequence */
.screen-preview-link{position:relative;text-decoration:none;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.screen-preview-link:hover{border-color:#9bb8e8;box-shadow:0 0 0 3px rgba(37,99,235,.08);transform:translateY(-1px)}.native-slide-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-position:center;background-repeat:no-repeat;container-type:inline-size;pointer-events:none}.native-thumb-layer{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;padding:.42cqw}.native-thumb-text{min-width:0;min-height:0}.native-thumb-text>div{width:100%;white-space:pre-wrap;overflow:hidden}.native-thumb-text ul,.native-thumb-text ol{width:100%;margin:0;padding-left:1.25em;overflow:hidden}.native-thumb-text li{margin:0;padding:0}.native-thumb-image{padding:0}.native-thumb-image img{display:block;width:100%;height:100%}.native-thumb-shape{padding:0}.screen-preview:has(.native-slide-thumb){background:#fff}.editable-slide-icon{display:none}

/* v0.9.2 — faster screen navigation and no-refresh reordering */
.slide-screen-nav{position:sticky;top:74px;z-index:12;display:grid;grid-template-columns:minmax(126px,auto) 1fr minmax(126px,auto);align-items:center;gap:12px;margin:10px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(22,32,51,.07);backdrop-filter:blur(8px)}
.slide-screen-position{text-align:center;min-width:0}.slide-screen-position strong,.slide-screen-position span{display:block}.slide-screen-position span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.slide-nav-button{justify-content:center;white-space:nowrap}.slide-nav-button.disabled{opacity:.42;pointer-events:none}.slide-nav-button.is-busy{opacity:.55;pointer-events:none}.screen-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.screen-card.just-moved{border-color:#8bb3ef;box-shadow:0 0 0 3px rgba(37,99,235,.09),0 10px 24px rgba(22,32,51,.08)}.reorder-controls.is-moving{opacity:.55}.reorder-controls.is-moving .icon-btn{cursor:progress}
@media(max-width:700px){.slide-screen-nav{top:68px;grid-template-columns:1fr 1fr}.slide-screen-position{grid-column:1/-1;grid-row:1}.slide-screen-nav .slide-nav-button:first-child{grid-column:1}.slide-screen-nav .slide-nav-button:last-child{grid-column:2}.slide-screen-position span{display:none}}


/* v0.9.3 — keep Slide Studio and learner preview geometry in sync */
.slide-stage .slide-edit-layer,
.learner-native-slide .learner-slide-layer{
  /* The previous fixed 6px padding did not scale with the 16:9 canvas.
     On narrower learner previews it consumed too much of shallow PPTX text boxes. */
  padding:clamp(1px,.46875cqw,6px);
}
.slide-stage .slide-layer-shape,
.learner-native-slide .learner-slide-shape{padding:0}
.slide-stage .slide-edit-layer img,
.learner-native-slide .learner-slide-layer img{min-width:0;min-height:0}
.learner-slide-text>.learner-native-paragraph,
.learner-slide-text>.learner-native-list{min-width:0;min-height:0;max-width:100%}
/* Do not cap the inner paragraph/list height. The parent slide layer is the clipping box;
   leaving the inner content at its natural height lets the preview autofitter detect dense
   multi-line PowerPoint content accurately. */

/* v0.9.7 — readable responsive slide preview */
.learner-native-slide-wrap{display:block;background:#eef1f5;overflow:hidden}
.learner-slide-viewbar{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:7px 9px;background:#f8fafc;border-bottom:1px solid var(--line)}
.learner-view-btn{appearance:none;border:1px solid #d7deea;background:#fff;color:#526174;border-radius:8px;padding:6px 9px;font:inherit;font-size:12px;font-weight:750;line-height:1;cursor:pointer}
.learner-view-btn:hover{border-color:#9bb8e8;color:var(--accent)}
.learner-view-btn.is-active{background:#eaf3ff;border-color:#9bb8e8;color:var(--accent)}
.learner-slide-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.learner-slide-scroll .learner-native-slide{width:100%;max-width:none;margin:0 auto;flex:0 0 auto}
.learner-native-slide-wrap.view-readable .learner-native-slide{width:max(100%,760px)}
.learner-native-slide-wrap.view-fit .learner-native-slide{width:100%}
.learner-native-slide-wrap:fullscreen{background:#111827;padding:0;display:flex;flex-direction:column}
.learner-native-slide-wrap:fullscreen .learner-slide-viewbar{background:#111827;border-color:#253047}
.learner-native-slide-wrap:fullscreen .learner-slide-scroll{flex:1;display:flex;align-items:center}
.learner-native-slide-wrap:fullscreen .learner-native-slide{width:min(100vw,calc(100vh * 16 / 9));margin:auto}
.learner-native-slide-wrap:fullscreen .learner-view-btn{background:#1f2937;border-color:#3b4659;color:#fff}
.learner-native-slide-wrap:fullscreen .learner-view-btn.is-active{background:#244b7f;border-color:#5f8fc8}
@media(max-width:1080px){.lesson-shell{grid-template-columns:1fr}.lesson-nav{position:static;display:flex;gap:6px;overflow-x:auto;padding:10px}.lesson-nav>strong,.lesson-nav .nav-chapter{display:none}.lesson-nav a{flex:0 0 auto;white-space:nowrap;border:1px solid var(--line);background:#fff}.lesson-content{width:100%}}
@media(max-width:760px){.learner-slide-viewbar{justify-content:flex-start;overflow-x:auto}.learner-view-btn{white-space:nowrap}.learner-native-slide-wrap.view-readable .learner-slide-scroll:after{content:'Scroll horizontally to view the full slide';display:block;position:sticky;left:0;width:max-content;margin:4px 8px 7px;padding:4px 7px;border-radius:7px;background:rgba(23,32,51,.76);color:#fff;font-size:10px;pointer-events:none}}

/* v0.9.9 — live microphone level monitor */
.mic-monitor{margin:10px 0 14px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.mic-monitor.compact{margin-top:8px}.mic-monitor-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.mic-monitor-head strong{font-size:13px}.mic-monitor-head .muted{margin-left:auto}.mic-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.12)}.mic-dot.is-active{background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.13)}.mic-dot.is-warning{background:#f79009;box-shadow:0 0 0 4px rgba(247,144,9,.14)}.mic-meter{position:relative;height:12px;overflow:hidden;border-radius:999px;background:#e7ebf1;border:1px solid #d9e0e9}.mic-meter>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#12b76a 0%,#12b76a 62%,#f79009 82%,#d92d20 100%);transition:width .08s linear}.mic-monitor:has(.mic-dot.is-warning){border-color:#fedf89;background:#fffaeb}
@media(max-width:760px){.mic-monitor-head .muted{width:100%;margin-left:17px}}

/* v0.10.0 — timeline duration bars */
.timeline-clip{position:absolute;top:7px;height:30px;min-width:10px;border-radius:7px;background:linear-gradient(90deg,var(--accent),#4f83df);z-index:6;cursor:grab;box-shadow:0 2px 8px rgba(23,92,211,.20);display:flex;align-items:center;overflow:visible;touch-action:none}.timeline-clip.is-selected{outline:3px solid rgba(23,92,211,.20)}.timeline-clip.is-dragging{cursor:grabbing;filter:brightness(.97)}.timeline-clip.is-open-end{border-top-right-radius:2px;border-bottom-right-radius:2px}.timeline-clip.is-open-end:after{content:'';position:absolute;right:-1px;top:4px;bottom:4px;border-right:2px dashed rgba(255,255,255,.9)}.timeline-clip-body{display:block;flex:1;min-width:0;color:#fff;font-size:10px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;padding:0 10px}.timeline-clip-handle{position:absolute;top:0;width:9px;height:100%;z-index:2;cursor:ew-resize}.timeline-clip-handle.start{left:-2px;border-left:3px solid rgba(255,255,255,.9);border-radius:7px 0 0 7px}.timeline-clip-handle.end{right:-2px;border-right:3px solid rgba(255,255,255,.9);border-radius:0 7px 7px 0}.timeline-clip:hover .timeline-clip-handle,.timeline-clip.is-selected .timeline-clip-handle{background:rgba(255,255,255,.10)}.timeline-bullet-row .timeline-clip{top:4px;height:30px}.slide-studio-layout input#elementEnd::placeholder{color:#8792a4}.keyboard-delete-hint{font-size:11px;color:var(--muted)}

/* v0.10.1 — reliable object deletion, PowerPoint preview preservation, full-duration timeline bars */
.slide-stage:focus{outline:2px solid rgba(23,92,211,.18);outline-offset:3px}
.timeline-object-lane{overflow:hidden}
.timeline-clip.is-open-end{right:0!important;width:auto!important;min-width:14px}
.timeline-clip.is-open-end .timeline-clip-body{text-align:left;padding-left:12px}
#deleteElement:not(:disabled){font-weight:800}

/* v0.10.2 — collapsible admin navigation + editor history */
@media(min-width:901px){
  .sidebar-toggle{display:grid;place-items:center}
  .admin-shell{transition:grid-template-columns .18s ease}
  .admin-sidebar{width:258px;transition:width .18s ease,opacity .14s ease,border-color .18s ease}
  .sidebar-collapsed .admin-shell{grid-template-columns:0 minmax(0,1fr)}
  .sidebar-collapsed .admin-sidebar{width:0;opacity:0;border-right-color:transparent;overflow:hidden;pointer-events:none}
  .sidebar-collapsed.admin-body .flash{margin-left:30px}
  .sidebar-collapsed.admin-body .site-footer{margin-left:0}
}
.sidebar-toggle{display:grid;place-items:center;flex:0 0 38px}
.slide-edit-history-actions .btn:disabled{opacity:.42}
@media(max-width:650px){.slide-edit-history-actions{width:100%}.slide-edit-history-actions .btn{flex:1 1 auto}}

/* v0.10.3 basic graphics palette and vector layers */
.graphic-picker{position:relative;display:inline-block}.graphic-picker>summary{list-style:none;cursor:pointer}.graphic-picker>summary::-webkit-details-marker{display:none}.graphic-picker-menu{position:absolute;z-index:80;top:calc(100% + 7px);left:0;min-width:190px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(18,38,68,.16);display:grid;gap:3px}.graphic-picker-menu button{border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;font:inherit;color:var(--text);cursor:pointer}.graphic-picker-menu button:hover,.graphic-picker-menu button:focus{background:var(--soft);outline:none}.slide-shape-svg,.learner-shape-svg,.native-thumb-shape svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.slide-layer-shape{overflow:visible}.learner-slide-shape{overflow:visible}.native-thumb-shape{overflow:visible}.native-thumb-shape svg{position:absolute;inset:0}.slide-edit-layer.slide-layer-shape .slide-resize-handle{z-index:3}

/* v0.10.6 — Jeune Espoir-style admin sidebar + visible version */
:root{--sidebar-bg:#0b303a;--sidebar-bg-deep:#082832;--sidebar-panel:#143d47;--sidebar-active:#1d4b57;--sidebar-text:#e7f0f1;--sidebar-muted:#8fb1b7;--sidebar-accent:#9bd0bf}
.admin-sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-deep) 100%);border-right-color:#173f48;color:var(--sidebar-text)}
.admin-sidebar-inner{min-height:100%;padding:20px 14px 24px;display:flex;flex-direction:column;gap:22px}
.sidebar-main{min-width:0}.sidebar-bottom{margin-top:auto;display:grid;gap:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.admin-sidebar .sidebar-label{color:var(--sidebar-muted);padding-left:11px}
.admin-sidebar .sidebar-link{color:#c8dcdf}
.admin-sidebar .sidebar-link:hover{background:rgba(255,255,255,.07);color:#fff}
.admin-sidebar .sidebar-link.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--sidebar-accent)}
.admin-sidebar .sidebar-icon{color:#93bdc2}
.admin-sidebar .sidebar-course-label{margin-top:20px}
.admin-sidebar .sidebar-chapter>summary{color:#d9e8ea}
.admin-sidebar .sidebar-chapter>summary:hover{background:rgba(255,255,255,.055)}
.admin-sidebar .sidebar-chevron{color:#8eb1b6}
.admin-sidebar .sidebar-lessons{border-left-color:rgba(255,255,255,.13)}
.admin-sidebar .sidebar-lesson,.admin-sidebar .sidebar-manage-link,.admin-sidebar .sidebar-add{color:#a9c3c7}
.admin-sidebar .sidebar-lesson:hover,.admin-sidebar .sidebar-lesson.active{background:rgba(155,208,191,.12);color:#fff}
.admin-sidebar .sidebar-lesson.active{box-shadow:inset 2px 0 0 var(--sidebar-accent);font-weight:800}
.admin-sidebar .sidebar-manage-link{color:#d1e0e2}
.admin-sidebar .sidebar-add{color:#9bd0bf}
.admin-sidebar .sidebar-add:hover{background:rgba(155,208,191,.10);color:#c8efe3}
.sidebar-version-card{margin:10px 5px 8px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.sidebar-version-card span,.sidebar-version-card strong,.sidebar-version-card small{display:block}.sidebar-version-card span{color:#8fb1b7;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850}.sidebar-version-card strong{margin-top:2px;color:#fff;font-size:17px;line-height:1.2}.sidebar-version-card small{margin-top:3px;color:#9cb8bc;font-size:10px}
.admin-sidebar .sidebar-signout{margin-top:3px;color:#bed1d4}
@media(max-width:900px){.admin-sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-deep) 100%)}.admin-sidebar-inner{min-height:100%}}

/* v0.11.0 — blue admin navigation, safe PowerPoint source names, richer quiz engine */
:root{--sidebar-bg:#0d2f57;--sidebar-bg-deep:#082442;--sidebar-panel:#173f6d;--sidebar-active:#1e4f84;--sidebar-text:#eef5ff;--sidebar-muted:#9fb7d2;--sidebar-accent:#7db5ff}
.admin-sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-deep) 100%);border-right-color:#173f6d;color:var(--sidebar-text)}
.admin-sidebar .sidebar-link{color:#d6e4f5}.admin-sidebar .sidebar-link.active{background:var(--sidebar-active);box-shadow:inset 3px 0 0 var(--sidebar-accent)}.admin-sidebar .sidebar-icon{color:#9fc6ef}.admin-sidebar .sidebar-chapter>summary{color:#e1ecf8}.admin-sidebar .sidebar-lessons{border-left-color:rgba(255,255,255,.15)}.admin-sidebar .sidebar-lesson,.admin-sidebar .sidebar-manage-link,.admin-sidebar .sidebar-add{color:#b7cbe1}.admin-sidebar .sidebar-lesson:hover,.admin-sidebar .sidebar-lesson.active{background:rgba(125,181,255,.14);color:#fff}.admin-sidebar .sidebar-lesson.active{box-shadow:inset 2px 0 0 var(--sidebar-accent)}.admin-sidebar .sidebar-add{color:#9fcaff}.admin-sidebar .sidebar-add:hover{background:rgba(125,181,255,.12);color:#fff}.sidebar-version-card span{color:#9fb7d2}.sidebar-version-card small{color:#aabed4}.admin-sidebar .sidebar-signout{color:#d0deed}
.pptx-source-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}.pptx-source-panel>div{min-width:0;flex:1 1 auto}.pptx-source-panel strong{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.25}.pptx-source-panel .btn{flex:0 0 auto}@media(max-width:720px){.pptx-source-panel{display:grid}.pptx-source-panel .btn{justify-self:start}}

.quiz-builder-panel{overflow:hidden}.quiz-builder-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.quiz-type-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafcff}.quiz-type-panel[hidden]{display:none!important}.quiz-choice-builder{display:grid;gap:9px}.quiz-choice-row{display:grid;grid-template-columns:34px minmax(0,1fr) 94px;gap:9px;align-items:center}.choice-letter{width:30px;height:30px;border-radius:9px;background:#edf4ff;color:var(--accent);display:grid;place-items:center;font-weight:850}.quiz-choice-row label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.quiz-choice-row input[type=radio],.quiz-choice-row input[type=checkbox]{width:auto}.choice-correct-check[hidden],.choice-correct-radio[hidden]{display:none!important}.matching-builder{display:grid;gap:9px}.matching-row{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:9px;align-items:center}.matching-row>span{text-align:center;color:var(--muted);font-weight:800}.quiz-save-box{display:flex;align-items:end;justify-content:flex-end}.quiz-save-box .btn{min-width:150px}.quiz-question-list{display:grid;gap:14px}.quiz-admin-card{margin:0}.quiz-admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.quiz-admin-head>div:first-child{display:grid;gap:7px}.quiz-admin-head .badge{width:max-content}.quiz-linked-screen{margin-top:10px;padding:8px 10px;border-radius:9px;background:#f2f6fc;color:#526174;font-size:12px}.matching-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.matching-summary span{padding:6px 9px;border-radius:8px;background:#f4f6f9;font-size:12px}

.quiz-screen-visual{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #dfe5ed;border-radius:12px;background:#eef1f5;overflow:hidden;container-type:inline-size}.quiz-screen-visual>img{width:100%;height:100%;object-fit:contain;display:block}.quiz-native-slide{position:absolute;inset:0;overflow:hidden;background-position:center;background-repeat:no-repeat}.quiz-native-layer{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;align-items:flex-start;padding:.45cqw}.quiz-native-text{font-size:calc(var(--qfs) * .078cqw);white-space:pre-wrap}.quiz-native-text[style*="--qfu:pt"]{font-size:calc(var(--qfs) * .104cqw)}.quiz-native-paragraph{width:100%}.quiz-native-list{margin:.1em 0;padding-left:1.25em;width:100%}.quiz-native-list li{margin:.08em 0}.quiz-native-image{padding:0}.quiz-native-image img{width:100%;height:100%;display:block}.quiz-native-shape{padding:0;overflow:visible}.quiz-shape-svg{display:block;width:100%;height:100%;overflow:visible}.quiz-builder-screen{border-radius:10px}.hotspot-editor{max-width:760px}.hotspot-editor-canvas{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#e9edf3;cursor:crosshair;touch-action:none}.hotspot-editor-canvas #hotspotVisual,.hotspot-editor-canvas .quiz-screen-visual{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;pointer-events:none}.hotspot-selection{position:absolute;display:none;border:3px solid #f04438;background:rgba(240,68,56,.16);box-shadow:0 0 0 1px rgba(255,255,255,.9) inset;pointer-events:none}.hotspot-empty{display:grid;place-items:center;height:100%;color:var(--muted);background:#f6f8fb}.quiz-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.quiz-count-badge{padding:7px 11px;border-radius:999px;background:#eaf3ff;color:var(--accent);font-weight:800;font-size:12px}.quiz-live-question{padding:26px;margin:20px 0;transition:box-shadow .2s,border-color .2s}.quiz-live-question h2{font-size:22px;margin:5px 0 18px;line-height:1.3}.quiz-question-number{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:850}.quiz-options{display:grid;gap:10px}.quiz-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:600!important;cursor:pointer}.quiz-option:hover{border-color:#a9c4ed;background:#f9fbff}.quiz-option input{width:auto!important;margin:4px 0 0!important}.quiz-question-visual,.quiz-source-review{max-width:760px;margin:12px 0 18px}.matching-learner{display:grid;gap:11px}.matching-learner-row{display:grid!important;grid-template-columns:minmax(150px,.8fr) minmax(190px,1.2fr);align-items:center!important;gap:14px!important;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:650!important}.short-answer-field{max-width:600px}.short-answer-field span{font-size:12px;color:var(--muted)}.quiz-submit-row{display:flex;justify-content:flex-end;margin:24px 0 36px}.quiz-submit-row .btn{min-width:180px}.quiz-result-panel{text-align:center}.quiz-feedback{font-weight:800}.quiz-feedback.correct{color:var(--good)}.quiz-feedback.incorrect{color:var(--danger)}.learner-hotspot{position:relative;max-width:760px;margin:12px 0 5px;cursor:crosshair}.learner-hotspot .quiz-screen-visual{pointer-events:none}.learner-hotspot-marker{position:absolute;width:18px;height:18px;border-radius:50%;background:#175cd3;border:3px solid #fff;box-shadow:0 0 0 2px #175cd3;transform:translate(-50%,-50%);pointer-events:none}.learner-hotspot-marker[hidden]{display:none}.hotspot-learner-help{margin-top:5px}.quiz-needs-answer{border-color:#f79009!important;box-shadow:0 0 0 3px rgba(247,144,9,.12)}
@media(max-width:720px){.quiz-choice-row{grid-template-columns:30px minmax(0,1fr)}.quiz-choice-row label{grid-column:2}.matching-learner-row{grid-template-columns:1fr}.quiz-admin-head{display:grid}.quiz-admin-head .actions{justify-content:flex-start}.quiz-page-head{align-items:flex-start}.quiz-count-badge{white-space:nowrap}}

/* v0.11.1 — learning quizzes as first-class lesson-sequence items */
.learning-quiz-btn{background:#7c3aed;color:#fff;border-color:#7c3aed}.learning-quiz-btn:hover{background:#6d28d9;border-color:#6d28d9;color:#fff}.learning-quiz-preview{background:linear-gradient(145deg,#f5f0ff,#ede9fe);border-color:#d8c7ff}.learning-quiz-icon{width:46px;height:46px;border-radius:14px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 8px 20px rgba(124,58,237,.16)}.learning-quiz-badge{background:#f1eaff!important;color:#6d28d9!important;border-color:#ddccff!important}.learning-quiz-builder{max-width:980px}.content-learning_quiz{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.learning-quiz-card{max-width:900px;margin:0 auto;padding:clamp(20px,4vw,34px);border:1px solid #ddd6fe;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);box-shadow:0 12px 34px rgba(76,29,149,.08)}.learning-quiz-card h2{margin:6px 0 8px;font-size:clamp(22px,3.2vw,32px);line-height:1.25}.learning-quiz-card .eyebrow{color:#7c3aed}.learning-quiz-actions{display:flex;gap:9px;align-items:center;margin-top:18px}.learning-quiz-feedback{margin-top:14px;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:#f8fafc}.learning-quiz-feedback.correct{background:#ecfdf3;border-color:#abefc6;color:#067647}.learning-quiz-feedback.incorrect{background:#fff4ed;border-color:#fed7aa;color:#b54708}.learning-quiz-feedback.needs-answer{background:#fffaeb;border-color:#fedf89;color:#b54708}.learning-quiz-feedback p{margin:5px 0 0;color:inherit}.learning-hotspot{max-width:760px}.learning-options{margin-top:15px}.screen-card:has(.learning-quiz-preview){border-color:#e7dcff}.end-quiz-card strong{font-size:17px}
@media(max-width:720px){.sequence-actions{align-items:stretch}.sequence-actions>.inline-form,.sequence-actions>.btn{width:100%}.sequence-actions>.inline-form .btn{width:100%}.learning-quiz-actions{align-items:stretch;flex-direction:column}.learning-quiz-actions .btn{width:100%}}

/* v0.11.2 — unified Add slide workflow, unmistakably blue navigation, compact version history */
:root{--sidebar-bg:#0b2f63;--sidebar-bg-deep:#071f45;--sidebar-panel:#123d78;--sidebar-active:#1d5aa6;--sidebar-text:#f1f6ff;--sidebar-muted:#9ebbe0;--sidebar-accent:#79b8ff}
.admin-sidebar{background:linear-gradient(180deg,#0b2f63 0%,#071f45 100%)!important;border-right-color:#164b8b!important;color:#f1f6ff!important}
.admin-sidebar .sidebar-link{color:#d9e8fb!important}.admin-sidebar .sidebar-link:hover{background:rgba(121,184,255,.12)!important;color:#fff!important}.admin-sidebar .sidebar-link.active{background:#1d5aa6!important;color:#fff!important;box-shadow:inset 3px 0 0 #8bc4ff!important}
.admin-sidebar .sidebar-icon{color:#a9cff7!important}.admin-sidebar .sidebar-label{color:#93b5dc!important}.admin-sidebar .sidebar-chapter>summary{color:#e5effb!important}.admin-sidebar .sidebar-chapter>summary:hover{background:rgba(255,255,255,.065)!important}.admin-sidebar .sidebar-chevron{color:#a4c3e6!important}.admin-sidebar .sidebar-lessons{border-left-color:rgba(255,255,255,.17)!important}.admin-sidebar .sidebar-lesson,.admin-sidebar .sidebar-manage-link{color:#bed2e9!important}.admin-sidebar .sidebar-lesson:hover,.admin-sidebar .sidebar-lesson.active{background:rgba(121,184,255,.16)!important;color:#fff!important}.admin-sidebar .sidebar-lesson.active{box-shadow:inset 2px 0 0 #8bc4ff!important}.admin-sidebar .sidebar-add{color:#91c5ff!important}.admin-sidebar .sidebar-add:hover{background:rgba(121,184,255,.13)!important;color:#fff!important}.admin-sidebar .sidebar-signout{color:#d4e4f5!important}
@media(max-width:900px){.admin-sidebar{background:linear-gradient(180deg,#0b2f63 0%,#071f45 100%)!important}}

.add-slide-choice>summary{min-width:116px}.add-slide-choice-panel{min-width:min(720px,calc(100vw - 40px));max-width:760px}.add-slide-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}.add-slide-choice-card{min-width:0;border:1px solid var(--line);border-radius:15px;background:#fbfcff;padding:16px;display:grid;gap:10px;align-content:start}.add-slide-choice-card>strong{font-size:16px}.add-slide-choice-card>span{font-size:12px;color:var(--muted);line-height:1.45}.add-slide-choice-icon{width:38px;height:38px;border-radius:11px;background:#eaf3ff;color:var(--accent);display:grid;place-items:center;font-weight:900;font-size:17px}.add-slide-choice-card:first-child .add-slide-choice-icon{background:#175cd3;color:#fff}.compact-stack{gap:11px}.compact-stack label{font-size:12px}.compact-stack input{padding:9px 10px}.add-slide-choice-card .btn{justify-self:start}
@media(max-width:720px){.add-slide-choice-grid{grid-template-columns:1fr}.add-slide-choice-panel{min-width:min(94vw,620px)}}

.sidebar-version-history{margin:0 5px 8px;border:1px solid rgba(255,255,255,.10);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.025)}.sidebar-version-history>summary{list-style:none;cursor:pointer;padding:9px 10px;color:#c8dbf0;font-size:11px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-version-history>summary::-webkit-details-marker{display:none}.sidebar-version-history>summary span{transition:transform .15s}.sidebar-version-history[open]>summary span{transform:rotate(180deg)}.sidebar-version-history-list{padding:2px 9px 9px;display:grid;gap:4px}.sidebar-version-history-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 5px;border-top:1px solid rgba(255,255,255,.06);border-radius:6px;color:#e8f1fb;text-decoration:none}.sidebar-version-history-item:hover{background:rgba(125,181,255,.12);color:#fff}.sidebar-version-history-item>span{display:grid;gap:1px}.sidebar-version-history-item strong{font-size:11px}.sidebar-version-history-item small{font-size:9px;color:#91afd1}.sidebar-version-history-item em{font-size:9px;font-style:normal;color:#9bcbff;font-weight:800}.sidebar-history-all{font-size:10px;color:#9bcbff;text-decoration:none;padding:5px 4px}.sidebar-history-all:hover{color:#fff}
.update-history-panel{padding:0;overflow:hidden}.update-history-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px}.update-history-panel>summary::-webkit-details-marker{display:none}.update-history-panel>summary span:first-child{display:grid;gap:2px}.update-history-panel>summary small{color:var(--muted);font-weight:500}.update-history-chevron{transition:transform .15s;color:var(--accent)}.update-history-panel[open] .update-history-chevron{transform:rotate(180deg)}.update-history-list{border-top:1px solid var(--line);display:grid}.update-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line)}.update-history-row>div{display:flex;align-items:center;gap:8px}.update-history-row small{color:var(--muted);font-size:11px}.update-history-row.current{background:#f6f9ff}.update-history-note{padding:2px 24px 18px;margin:0}

/* v0.11.3 — restorable update history */
.restore-version-panel{border:1px solid #d7e4f4;background:linear-gradient(180deg,#fff,#f8fbff)}
.restore-version-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.restore-version-heading h2{margin:3px 0 0}
.restore-safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.restore-safety-grid>div{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;gap:4px}
.restore-safety-grid strong{font-size:13px;color:var(--ink)}
.restore-safety-grid span{font-size:12px;line-height:1.45;color:var(--muted)}
.warning-note{border-color:#ecd8ab;background:#fffaf0}
.small-btn{min-height:34px;padding:7px 11px;font-size:11px}
.update-history-version{display:flex;align-items:center;gap:8px}
.update-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.update-history-actions small{white-space:normal;text-align:right}
@media(max-width:700px){.restore-safety-grid{grid-template-columns:1fr}.update-history-row{align-items:flex-start}.update-history-actions{display:grid;justify-items:end}.restore-version-heading{align-items:center}}

/* v0.11.4 — immersive learner sidebar + waveform zoom */
.learner-lesson-page .container{max-width:none;padding:16px 18px 36px}
.learner-lesson-page .site-footer{display:none}
.immersive-lesson-shell{grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;transition:grid-template-columns .18s ease,gap .18s ease}
.learner-course-sidebar{top:86px;max-height:calc(100vh - 104px);overflow:auto;padding:0;background:#fff;transition:opacity .16s ease,width .18s ease,padding .18s ease,border-color .18s ease}
.learner-sidebar-context{padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.learner-sidebar-title{display:block;margin-top:6px;font-size:17px;line-height:1.25;color:var(--ink)}
.learner-sidebar-goal{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.learner-sidebar-list{padding:14px}.learner-sidebar-list>strong{display:block;padding:0 9px 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.learner-sidebar-list .nav-chapter{margin-top:12px}.learner-sidebar-list a{font-size:13px;line-height:1.25}
.immersive-lesson-content{width:100%;min-width:0}
.learner-lesson-toolbar{position:sticky;top:76px;z-index:13;display:grid;grid-template-columns:42px auto minmax(120px,260px);align-items:center;gap:12px;margin:0 0 10px;padding:8px 10px;background:rgba(247,248,250,.94);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(8px)}
.learner-sidebar-toggle{appearance:none;width:36px;height:36px;border:1px solid #d6deea;border-radius:9px;background:#fff;color:#24456e;font:inherit;font-size:18px;font-weight:800;cursor:pointer;display:grid;place-items:center}
.learner-sidebar-toggle:hover{border-color:#9bb8e8;background:#f8fbff;color:var(--accent)}
.learner-lesson-toolbar .screen-progress{width:100%;justify-self:end}
.learner-sidebar-backdrop{display:none}
.learner-sidebar-collapsed .immersive-lesson-shell{grid-template-columns:0 minmax(0,1fr);gap:0}
.learner-sidebar-collapsed .learner-course-sidebar{width:0;padding:0;border-color:transparent;opacity:0;overflow:hidden;pointer-events:none}

.wave-zoom-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0 9px}
.wave-zoom-toolbar .muted{margin-left:4px}
.wave-zoom-label{min-width:38px;text-align:center;font-size:12px;font-weight:850;color:#24456e;font-variant-numeric:tabular-nums}
.waveform-scroll{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:10px;background:#f6f8fb;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.audio-editor .waveform-scroll canvas{display:block;width:auto;max-width:none;min-width:100%;height:180px;border:0;border-radius:0;cursor:crosshair;touch-action:none}
.waveform-scroll::-webkit-scrollbar{height:10px}.waveform-scroll::-webkit-scrollbar-thumb{background:#bcc8d8;border-radius:999px;border:2px solid #f6f8fb}.waveform-scroll::-webkit-scrollbar-track{background:#edf1f6}

@media(max-width:900px){
  .learner-lesson-page .container{padding:10px 10px 28px}
  .immersive-lesson-shell{grid-template-columns:1fr!important;gap:0}
  .learner-course-sidebar{position:fixed!important;top:70px;bottom:0;left:0;width:min(86vw,330px)!important;max-height:none;z-index:40;border-radius:0 14px 14px 0;transform:translateX(-105%);opacity:1!important;pointer-events:auto!important;transition:transform .18s ease;box-shadow:16px 0 38px rgba(23,32,51,.18);padding:0!important;border-color:var(--line)!important;display:block!important}
  .learner-sidebar-open .learner-course-sidebar{transform:translateX(0)}
  .learner-sidebar-backdrop{position:fixed;inset:70px 0 0;background:rgba(20,29,43,.34);z-index:35}
  .learner-sidebar-open .learner-sidebar-backdrop{display:block}
  .learner-lesson-toolbar{top:76px;grid-template-columns:42px auto minmax(90px,1fr)}
  .learner-sidebar-list{padding-bottom:30px}
}
@media(max-width:620px){
  .learner-lesson-toolbar{top:72px;margin-bottom:8px;padding:6px 7px;gap:8px;grid-template-columns:38px auto minmax(70px,1fr)}
  .learner-sidebar-toggle{width:34px;height:34px}
  .wave-zoom-toolbar .muted{width:100%;margin-left:0}
  .audio-editor .waveform-scroll canvas{height:150px}
}
@media(max-width:1080px) and (min-width:901px){
  .immersive-lesson-shell{grid-template-columns:280px minmax(0,1fr)}
  .immersive-lesson-shell .learner-course-sidebar{display:block;position:sticky;top:86px;overflow:auto;padding:0}
  .learner-course-sidebar .nav-chapter{display:block}
  .learner-course-sidebar a{display:block;white-space:normal;border:0;background:transparent;flex:none}
  .learner-course-sidebar a.active{background:#eef4ff}
}

/* v0.11.6 — narration script in Media Studio */
.narration-script-card{margin:16px 0;border:1px solid #c7d6e8;border-radius:16px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);padding:16px;box-shadow:0 5px 18px rgba(31,55,82,.05)}
.narration-script-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.narration-script-heading h3{margin:3px 0 4px;font-size:18px}
.narration-script-heading p{margin:0;max-width:720px}
.narration-script-textarea{width:100%;min-height:170px;resize:vertical;font-size:18px;line-height:1.65;padding:14px 15px;border:1px solid #b8c8db;border-radius:12px;background:#fff;color:var(--text);font-family:inherit}
.narration-script-textarea:focus{outline:3px solid rgba(28,122,157,.14);border-color:#4b9ab4}
.narration-script-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
@media(max-width:650px){.narration-script-heading{flex-direction:column}.narration-script-textarea{min-height:210px;font-size:17px}}


/* v0.11.7 — block-based narration editing + compact learner narration */
.wave-split-button{white-space:nowrap;padding:7px 11px;font-size:12px}.block-edit-actions{align-items:center}.block-edit-separator{width:1px;height:28px;background:var(--line);margin:0 2px}.cut-marker-key{color:#b42318;font-weight:750}.audio-editor .selection-readout{align-items:center}.audio-editor .selection-readout span:last-child strong{color:#9f1f16}.audio-editor canvas{cursor:crosshair}
.learner-narration-compact{padding:5px 12px 6px!important;background:#fff}.learner-narration-compact audio{display:block;width:100%;height:34px;margin:0!important}.learner-narration-compact .transcript{margin-top:2px!important;padding-top:2px!important;border-top:0!important}.learner-narration-compact .transcript summary{font-size:12px;line-height:1.2;padding:2px 0}.learner-narration-compact .transcript>div{padding:6px 2px 2px;font-size:13px;line-height:1.45}.learner-narration-compact.transcript-only{padding-top:4px!important;padding-bottom:5px!important}
@media(max-width:650px){.block-edit-separator{display:none}.wave-split-button{flex:0 0 auto!important}.learner-narration-compact{padding-left:8px!important;padding-right:8px!important}.learner-narration-compact audio{height:32px}}

/* v0.11.8 — narration workflow order */
.narration-script-card + .audio-editor{margin-top:6px}

/* v0.11.9 — compact narration workspace + waveform time ruler */
.narration-script-card{margin:12px 0 0;padding:12px 14px 10px}
.narration-script-heading-compact{align-items:center;margin-bottom:7px}
.narration-script-heading-compact h3{margin:2px 0 0;font-size:17px}
.narration-script-actions-top{margin:0;justify-content:flex-end;gap:9px}
.narration-script-actions-top .btn{padding:7px 11px}
.narration-script-textarea{min-height:155px;padding:12px 14px}
.narration-script-card + .audio-editor{margin-top:3px}
.audio-editor{padding-top:8px}
.audio-editor .wave-zoom-toolbar{margin:0 0 5px}
.audio-editor .waveform-scroll{border-radius:9px}
.audio-editor .waveform-scroll .waveform-ruler{display:block;width:auto;max-width:none;min-width:100%;height:32px!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#f7f9fc;cursor:default;touch-action:none}
.audio-editor .waveform-scroll #waveform{display:block;width:auto;max-width:none;min-width:100%;height:180px;border:0;border-radius:0;cursor:crosshair;touch-action:none}
.audio-editor .selection-readout{margin:6px 2px}
.audio-editor .wave-transport{margin:7px 0 3px;padding:8px 10px}
@media(max-width:650px){
  .narration-script-heading-compact{flex-direction:column;align-items:flex-start}
  .narration-script-actions-top{width:100%;justify-content:flex-start}
  .narration-script-textarea{min-height:175px}
  .audio-editor .waveform-scroll #waveform{height:150px}
}
.audio-editor .waveform-scroll .waveform-ruler{cursor:pointer}

/* v0.11.10 — separate focused Audio and Video studios */
.studio-grid.studio-grid-single{grid-template-columns:minmax(0,1fr);max-width:none}
.studio-grid-single .studio-panel{width:100%;min-width:0}
.screen-actions .screen-edit-btn{white-space:nowrap}
@media(max-width:720px){.screen-actions .screen-edit-btn{padding-left:10px;padding-right:10px}}

/* v0.11.11: keep narration save actions reachable while editing long waveforms. */
.media-save-actions{position:sticky;bottom:10px;z-index:18;margin:14px -6px -6px;padding:10px 10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(23,32,51,.10);backdrop-filter:blur(8px)}
.media-save-actions .save-close-btn{font-weight:800}
@media(max-width:650px){.media-save-actions{bottom:6px;margin-left:-4px;margin-right:-4px}.media-save-actions .btn{flex:1 1 auto}}

/* v0.11.12 — add audio clips without replacing the current narration */
.audio-add-box{margin-top:10px;border:1px solid #cdd8e8;border-radius:14px;padding:12px 14px;background:#fff;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(210px,330px);gap:12px;align-items:center}
.audio-add-copy{min-width:0}.audio-insert-position{display:flex;align-items:center;gap:7px;white-space:nowrap}.audio-insert-position select{min-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}
.audio-add-record-actions{grid-column:1/-1;display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-top:2px}.audio-add-box input[type=file]{max-width:330px}
@media(max-width:850px){.audio-add-box{grid-template-columns:1fr}.audio-add-record-actions{grid-column:auto}.audio-add-box input[type=file]{max-width:none;width:100%}.audio-insert-position{justify-content:space-between}}


/* v0.11.14 — simple click interactions */
.slide-edit-layer.interaction-start-hidden::before{content:"Starts hidden";position:absolute;top:4px;right:4px;z-index:9;padding:2px 6px;border-radius:999px;background:rgba(172,41,41,.88);color:#fff;font-size:10px;line-height:1.2;pointer-events:none}
.slide-edit-layer.has-click-interaction{outline-style:dashed}
.interaction-help{margin-top:-2px}
.learner-slide-layer[data-click-action]:not([data-click-action="none"]){cursor:pointer}
.learner-slide-layer[data-click-action]:not([data-click-action="none"]):focus-visible{outline:3px solid rgba(35,118,170,.7);outline-offset:3px}
.learner-slide-layer.interaction-hidden{visibility:hidden!important;pointer-events:none!important}

/* v0.11.15 — multi-select alignment and group resizing */
.multi-selection-toolbar{margin:-2px 0 14px;padding:10px 12px;border:1px solid #bfd3ef;border-radius:12px;background:#f4f8ff;display:grid;gap:9px}.multi-selection-toolbar[hidden]{display:none}.multi-selection-summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.multi-selection-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tool-group-label{font-size:12px;font-weight:800;color:#4d607a;text-transform:uppercase;letter-spacing:.04em}.tool-separator{width:1px;height:25px;background:var(--line);margin:0 3px}.multi-selection-inspector{padding:10px 12px;border:1px solid #c9daf2;border-radius:12px;background:#f5f9ff}.multi-selection-inspector p{margin:5px 0 0}.slide-edit-layer.is-selected{outline:2px solid var(--accent);box-shadow:0 0 0 2px rgba(23,92,211,.10)}.slide-edit-layer.is-primary{outline-color:#0b5ad9;box-shadow:0 0 0 3px rgba(11,90,217,.15)}.slide-stage.has-multi-selection .slide-edit-layer.is-selected .slide-resize-handle{display:none}.slide-multi-selection-box{position:absolute;z-index:1000;box-sizing:border-box;border:2px dashed #0b5ad9;pointer-events:none;filter:drop-shadow(0 0 1px rgba(255,255,255,.9))}.slide-multi-selection-resize-handle{position:absolute;right:-7px;bottom:-7px;width:17px;height:17px;border:2px solid #fff;border-radius:5px;background:#0b5ad9;box-shadow:0 1px 4px rgba(0,0,0,.22);cursor:nwse-resize;pointer-events:auto}.slide-stage.has-multi-selection .slide-edit-layer.is-selected{cursor:move}.multi-selection-tools button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.multi-selection-toolbar{padding:9px}.multi-selection-summary .muted{width:100%}.tool-separator{display:none}}

/* v0.11.16 — compact Slide Studio inspector sections */
.compact-slide-inspector{padding:12px!important;display:grid;gap:8px}.inspector-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 2px 6px}.inspector-header-row strong{font-size:16px}.inspector-header-row .eyebrow{margin-bottom:1px}.inspector-header-row>.muted{font-size:10px;line-height:1.25;text-align:right;max-width:100px}.inspector-section{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.inspector-section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;font-weight:800;color:#263852;background:#f7f9fc;user-select:none}.inspector-section>summary::-webkit-details-marker{display:none}.inspector-section>summary::after{content:'›';font-size:18px;line-height:1;color:#718096;transition:transform .15s ease}.inspector-section[open]>summary::after{transform:rotate(90deg)}.inspector-section>summary small{margin-left:auto;color:#8490a2;font-size:10px;font-weight:650}.inspector-section[open]>summary{background:#eef5ff;color:#174d8d;border-bottom:1px solid #d8e4f4}.inspector-section-body{padding:10px;display:grid;gap:8px}.inspector-subtitle{font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#728096;margin-top:1px}.inspector-divider{height:1px;background:var(--line);margin:2px 0}.compact-slide-inspector label{gap:4px;font-size:11px}.compact-slide-inspector input:not([type=checkbox]):not([type=color]),.compact-slide-inspector select,.compact-slide-inspector textarea{padding:7px 8px;min-height:34px}.compact-slide-inspector input[type=color]{height:34px;min-height:34px}.compact-slide-inspector textarea{min-height:68px;resize:vertical}.compact-slide-inspector .compact-stack{gap:7px}.compact-slide-inspector .compact-grid{gap:7px}.compact-slide-inspector .compact-actions{gap:6px}.compact-slide-inspector .compact-control{margin:0;width:100%;min-height:32px;padding:6px 8px}.compact-slide-inspector .checkline{font-size:11px;line-height:1.25}.compact-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inspector-inline-help,.compact-slide-inspector .tiny{font-size:9px;line-height:1.3;margin:0}.geometry-grid input{font-variant-numeric:tabular-nums}.compact-slide-inspector .multi-selection-inspector{padding:8px 9px}.compact-slide-inspector .multi-selection-inspector p{font-size:9px}.inspector-selection-note{padding:4px 0}.compact-danger-row{padding-top:3px}.compact-danger-row .btn{width:100%;font-size:10px;padding:6px 8px}.slide-inspector-panel hr{display:none}@media(max-width:980px){.compact-slide-inspector{padding:10px!important}.inspector-section-body{padding:9px}.compact-checks{grid-template-columns:1fr}}
.compact-slide-inspector [data-requires-selection].is-disabled{opacity:.45;pointer-events:none}.compact-slide-inspector [data-requires-selection].is-disabled+*{opacity:.7}

/* v0.11.18 — branded, polished learner quizzes */
:root{--je-navy:#0d3158;--je-navy-2:#123d6b;--je-gold:#d8ae2d;--je-blue:#4b82bd;--je-pale:#f5f8fc;--je-soft:#eaf2fb}

/* In-lesson learning quiz */
.learning-quiz-card{
  position:relative;
  overflow:hidden;
  max-width:940px;
  margin:0 auto;
  padding:clamp(22px,4vw,38px);
  border:1px solid #d9e3ef;
  border-top:7px solid var(--je-navy);
  border-radius:22px;
  background:
    linear-gradient(90deg,var(--je-gold) 0 118px,transparent 118px) top left/100% 3px no-repeat,
    linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  box-shadow:0 18px 46px rgba(13,49,88,.10);
}
.learning-quiz-card::after{
  content:"";position:absolute;right:-48px;top:-54px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(75,130,189,.10) 0 44%,rgba(75,130,189,0) 45%);pointer-events:none
}
.learning-quiz-card .eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 9px;padding:6px 10px;border-radius:999px;
  background:#eef5fc;color:var(--je-navy);font-size:11px;font-weight:900;letter-spacing:.10em
}
.learning-quiz-card .eyebrow::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--je-gold);color:var(--je-navy);font-size:12px;letter-spacing:0}
.learning-quiz-card h2{margin:4px 0 9px;color:#102a49;font-size:clamp(24px,3.3vw,34px);line-height:1.18;max-width:820px}
.learning-quiz-card>p.muted.small:first-of-type{margin:0 0 18px;color:#5c6f84;font-size:13px;line-height:1.45}
.learning-quiz-card>p.muted.small:first-of-type::before{content:"Practice • ";font-weight:800;color:var(--je-blue)}
.learning-quiz-card .learning-options{margin-top:14px;gap:11px}
.learning-quiz-card .quiz-option,
.quiz-live-question .quiz-option{
  position:relative;display:flex!important;align-items:center!important;gap:13px!important;
  min-height:54px;margin:0!important;padding:13px 16px;border:1px solid #dce4ee;border-radius:14px;
  background:#fff;color:#142a43;font-weight:680!important;cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease
}
.learning-quiz-card .quiz-option:hover,
.quiz-live-question .quiz-option:hover{border-color:#9cbbe0;background:#f8fbff;box-shadow:0 7px 18px rgba(13,49,88,.06);transform:translateY(-1px)}
.learning-quiz-card .quiz-option input,
.quiz-live-question .quiz-option input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--je-navy);flex:0 0 auto}
.learning-quiz-card .quiz-option:has(input:checked),
.quiz-live-question .quiz-option:has(input:checked){
  border-color:#5f91c7;background:#edf5fd;box-shadow:inset 4px 0 0 var(--je-gold),0 7px 20px rgba(13,49,88,.07)
}
.learning-quiz-card .quiz-option:has(input:checked) span,
.quiz-live-question .quiz-option:has(input:checked) span{color:#0b315a;font-weight:800}
.learning-quiz-card .learning-quiz-actions{margin-top:22px;padding-top:18px;border-top:1px solid #e5ebf2;justify-content:flex-start}
.learning-quiz-card .learning-quiz-actions .btn.primary{background:var(--je-navy);border-color:var(--je-navy);box-shadow:0 8px 18px rgba(13,49,88,.15);min-width:150px}
.learning-quiz-card .learning-quiz-actions .btn.primary:hover{background:#09294d;border-color:#09294d}
.learning-quiz-card .learning-quiz-actions .btn.primary::after{content:" →"}
.learning-quiz-card .learning-quiz-feedback{margin-top:15px;padding:15px 17px;border-radius:14px;font-size:14px;box-shadow:none}
.learning-quiz-card .learning-quiz-feedback strong{display:block;font-size:15px}
.learning-quiz-card .learning-quiz-feedback.correct{border-left:5px solid #079455;background:#ecfdf3}
.learning-quiz-card .learning-quiz-feedback.incorrect{border-left:5px solid #f79009;background:#fff8ed}
.learning-quiz-card .learning-quiz-feedback.needs-answer{border-left:5px solid #d8ae2d;background:#fffbea}
.learning-quiz-card .matching-learner-row{border-radius:14px;border-color:#dce4ee;background:#fff;padding:13px 15px}
.learning-quiz-card .matching-learner-row:focus-within{border-color:#6f9dcc;box-shadow:0 0 0 3px rgba(75,130,189,.10)}
.learning-quiz-card .short-answer-field input{border:1px solid #cdd8e5;border-radius:12px;background:#fff;min-height:48px;padding:11px 13px}
.learning-quiz-card .short-answer-field input:focus{border-color:#6f9dcc;box-shadow:0 0 0 3px rgba(75,130,189,.10);outline:0}

/* Final quiz: same visual language */
.quiz-page-head{padding:19px 22px;margin:0 0 18px;border:1px solid #d9e3ef;border-left:6px solid var(--je-navy);border-radius:16px;background:linear-gradient(135deg,#fff,#f6f9fd)}
.quiz-page-head .eyebrow{color:var(--je-blue)}
.quiz-page-head h1{margin:5px 0 0;color:#102a49}
.quiz-count-badge{background:#eef5fc;color:var(--je-navy);border:1px solid #d7e6f6}
.quiz-live-question{
  position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);margin:18px 0;border:1px solid #d9e3ef;border-radius:18px;
  background:#fff;box-shadow:0 12px 30px rgba(13,49,88,.07)
}
.quiz-live-question::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--je-navy),var(--je-blue))}
.quiz-live-question .quiz-question-number{color:var(--je-blue);font-weight:900}
.quiz-live-question h2{color:#102a49;font-size:clamp(21px,2.6vw,29px)}
.quiz-submit-row{position:sticky;bottom:12px;z-index:8;margin:22px 0 32px;padding:10px 12px;border:1px solid #dce4ee;border-radius:15px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(13,49,88,.10)}
.quiz-submit-row .btn.primary{background:var(--je-navy);border-color:var(--je-navy);min-width:190px}
.quiz-result-panel{border-top:7px solid var(--je-navy);background:linear-gradient(180deg,#fff,#f8fbff)}
.quiz-result-panel .score{color:var(--je-navy)}
.quiz-feedback-card{border-left:5px solid #d9e3ef;border-radius:14px;background:#fff}

@media(max-width:720px){
  .learning-quiz-card{padding:20px 16px;border-radius:17px}
  .learning-quiz-card h2{font-size:24px}
  .learning-quiz-card .quiz-option,.quiz-live-question .quiz-option{min-height:50px;padding:12px 13px;border-radius:12px}
  .learning-quiz-card .learning-quiz-actions{align-items:stretch}
  .learning-quiz-card .learning-quiz-actions .btn{width:100%}
  .quiz-page-head{padding:16px;align-items:flex-start}
  .quiz-submit-row{bottom:8px;padding:8px}
  .quiz-submit-row .btn{width:100%;min-width:0}
}

/* v0.11.21 — Storyline preservation clarity + native interaction preview */
.slide-studio-note.storyline-converted-note{background:#eef9f3;border-color:#b8e0c8}.slide-studio-note.storyline-reference-note{background:#fff8e8;border-color:#f0d28b}.interaction-preview-button.is-active{background:#183f70!important;color:#fff!important;border-color:#183f70!important}.slide-stage.interaction-preview-mode{outline:3px solid rgba(24,63,112,.18);outline-offset:3px}.slide-stage.interaction-preview-mode .slide-edit-layer{cursor:pointer!important}.slide-stage.interaction-preview-mode .slide-edit-layer .slide-resize-handle{display:none!important}.slide-edit-layer.has-click-interaction:not(.storyline-letter-button){outline:1px dashed rgba(24,92,163,.58)}.slide-stage.interaction-preview-mode .slide-edit-layer.has-click-interaction:not(.storyline-letter-button){box-shadow:inset 0 0 0 2px rgba(28,112,197,.22)}.interaction-preview-hidden{opacity:.08!important;pointer-events:none!important}.slide-stage.interaction-preview-mode .interaction-preview-hidden{outline:1px dashed rgba(169,56,56,.42)!important}.slide-edit-layer.interaction-played,.learner-slide-layer.interaction-played{filter:saturate(1.08)}

/* Crisp native recreation of the user's original interactive alphabet screen. */
.slide-stage.storyline-alphabet-native,.learner-native-slide.storyline-alphabet-native{background-image:none!important;background-color:#3d4b55!important}.storyline-alphabet-decoration{position:absolute;z-index:1;pointer-events:none;user-select:none}.storyline-alphabet-title{left:9.7%;top:1.4%;font-size:clamp(16px,2.45vw,35px);font-weight:900;letter-spacing:.01em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);line-height:1}.storyline-alphabet-logo{right:2.4%;top:1.3%;width:20.8%;height:auto;max-height:13%;object-fit:contain}.storyline-alphabet-native .storyline-letter-button,.storyline-alphabet-native [data-layer-id^="letter_"]{z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:visible!important;background:linear-gradient(180deg,#2aa9ee 0%,#1587d2 55%,#0870bd 100%)!important;border:1px solid rgba(3,62,111,.82)!important;border-radius:8px!important;box-shadow:0 3px 0 rgba(5,50,89,.72),0 5px 10px rgba(0,0,0,.28)!important;color:#fff!important;font-weight:900!important;text-align:center!important;line-height:1!important;cursor:pointer!important;transition:transform .1s ease,box-shadow .1s ease,background .15s ease!important}.storyline-alphabet-native .storyline-letter-button::before,.storyline-alphabet-native [data-layer-id^="letter_"]::before{content:attr(data-letter);display:block;font-size:clamp(18px,2.5vw,38px);font-family:Arial,Helvetica,sans-serif;font-weight:900;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45)}.storyline-alphabet-native .storyline-letter-button:hover,.storyline-alphabet-native [data-layer-id^="letter_"]:hover{transform:translateY(-1px);box-shadow:0 4px 0 rgba(5,50,89,.72),0 7px 12px rgba(0,0,0,.32)!important}.storyline-alphabet-native .storyline-letter-button:active,.storyline-alphabet-native [data-layer-id^="letter_"]:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(5,50,89,.72),0 2px 5px rgba(0,0,0,.28)!important}.storyline-alphabet-native .storyline-letter-button.interaction-played,.storyline-alphabet-native [data-layer-id^="letter_"].interaction-played{background:linear-gradient(180deg,#32d869 0%,#16b84c 58%,#09983c 100%)!important;border-color:#087d34!important;box-shadow:0 3px 0 rgba(4,93,39,.8),0 5px 10px rgba(0,0,0,.28)!important}.storyline-alphabet-native .storyline-letter-button .slide-native-paragraph,.storyline-alphabet-native [data-layer-id^="letter_"] .learner-native-paragraph{font-size:0!important;color:transparent!important}.storyline-alphabet-native .storyline-letter-button .slide-resize-handle{z-index:12}.learner-native-slide.storyline-alphabet-native [data-layer-id^="letter_"]:focus{outline:3px solid #fff!important;outline-offset:2px}.slide-stage.storyline-alphabet-native .storyline-letter-button.is-selected{outline:3px solid #ffd64f!important;box-shadow:0 0 0 3px rgba(255,214,79,.18),0 3px 0 rgba(5,50,89,.72),0 5px 10px rgba(0,0,0,.28)!important}

/* v0.11.22 — native Storyline source conversion */
.slide-studio-note.storyline-native-note{background:#edf8f4;border-color:#a9ddc8;color:#153b31}.slide-studio-note.storyline-native-note>strong{color:#0d654f}.storyline-native-callout{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin-bottom:18px;border:1px solid #acd9c8;border-radius:14px;background:#eff9f5}.storyline-native-callout strong{white-space:nowrap;color:#0d654f}.storyline-conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.storyline-conversion-grid>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:14px}.storyline-conversion-grid span{color:var(--muted);font-size:.94rem;line-height:1.45}
.slide-edit-layer.story-shape-rounded,.learner-slide-layer.story-shape-rounded{border-radius:12px!important}.slide-edit-layer.story-shape-callout,.learner-slide-layer.story-shape-callout{border-radius:12px!important}.slide-edit-layer.story-shape-oval,.learner-slide-layer.story-shape-oval{border-radius:50%!important}.slide-edit-layer.story-shape-rightArrow,.learner-slide-layer.story-shape-rightArrow{clip-path:polygon(0 0,76% 0,100% 50%,76% 100%,0 100%,16% 50%)}.slide-edit-layer.story-shape-leftArrow,.learner-slide-layer.story-shape-leftArrow{clip-path:polygon(24% 0,100% 0,84% 50%,100% 100%,24% 100%,0 50%)}.slide-edit-layer.story-shape-plus,.learner-slide-layer.story-shape-plus{clip-path:polygon(34% 0,66% 0,66% 34%,100% 34%,100% 66%,66% 66%,66% 100%,34% 100%,34% 66%,0 66%,0 34%,34% 34%)}
.slide-edit-layer[data-interaction-group]{outline-offset:-1px}.slide-stage.interaction-preview-mode .slide-edit-layer[data-interaction-group]:not(.interaction-preview-hidden){pointer-events:auto}.learner-slide-layer[data-click-action^="show_group"],.learner-slide-layer[data-click-action^="hide_group"],.learner-slide-layer[data-click-action^="toggle_group"]{cursor:pointer}
@media(max-width:720px){.storyline-conversion-grid{grid-template-columns:1fr}.storyline-native-callout{flex-direction:column}.storyline-native-callout strong{white-space:normal}}

/* v0.11.25 — audio-rich quiz authoring and learner listening interactions */
.quiz-audio-builder{padding:16px;border:1px solid #d8e3ef;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f5f9fd);display:grid;gap:12px}.quiz-audio-upload-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);gap:16px;align-items:start}.quiz-current-audio{display:grid;gap:8px;padding:10px 12px;border:1px solid #d9e5f1;border-radius:12px;background:#fff}.quiz-current-audio audio,.quiz-choice-audio-admin audio{width:100%;max-width:360px;height:38px}.quiz-choice-row-audio{grid-template-columns:34px minmax(0,1fr) auto auto;align-items:start}.quiz-choice-main{display:grid;gap:8px}.quiz-choice-audio-admin{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 10px;border:1px dashed #c9d8e8;border-radius:10px;background:#f8fbff}.quiz-mini-upload{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;font-weight:750!important;color:#345!important;margin:0!important}.quiz-mini-upload input{max-width:220px;font-size:11px}.quiz-choice-audio-admin .checkline{margin:0!important}.quiz-listening-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:13px 0 16px}.quiz-audio-btn{appearance:none;border:1px solid #b9cee4;background:linear-gradient(180deg,#fff,#eef5fb);color:#0d3158;border-radius:12px;min-height:44px;padding:9px 13px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 4px 12px rgba(13,49,88,.07);transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.quiz-audio-btn:hover{border-color:#6f9dcc;background:#f6fbff;box-shadow:0 7px 16px rgba(13,49,88,.10);transform:translateY(-1px)}.quiz-audio-btn:focus-visible{outline:3px solid rgba(75,130,189,.20);outline-offset:2px}.quiz-audio-btn.is-playing{border-color:#d8ae2d;background:#fff9df;color:#5e4900}.quiz-audio-icon{font-size:16px;line-height:1}.quiz-audio-status{font-size:11px;font-weight:700;color:#6b7280}.quiz-listen-gate{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fff8e6;border:1px solid #eedca5;color:#725b0a;font-size:12px;font-weight:800}.quiz-option-audio-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.quiz-option-audio-row .quiz-option{min-width:0}.quiz-option-audio-row .quiz-audio-btn{min-width:46px;justify-content:center}.quiz-option-audio-row .quiz-audio-btn span:nth-child(2){display:none}.quiz-listen-locked .quiz-option,.quiz-listen-locked .matching-learner-row,.quiz-listen-locked .short-answer-field,.quiz-listen-locked .learner-hotspot{opacity:.55}.quiz-listen-locked [data-lq-check],.quiz-listen-locked input,.quiz-listen-locked select{cursor:not-allowed}.quiz-listen-locked .quiz-audio-btn{opacity:1;cursor:pointer}.quiz-feedback-card .quiz-listening-prompt{margin:10px 0}.quiz-admin-card:has(.quiz-audio-btn),.quiz-builder-panel:has(.quiz-audio-builder){scroll-margin-top:90px}
@media(max-width:820px){.quiz-audio-upload-row{grid-template-columns:1fr}.quiz-choice-row-audio{grid-template-columns:30px minmax(0,1fr)}.quiz-choice-row-audio>.choice-correct-radio,.quiz-choice-row-audio>.choice-correct-check{grid-column:2}.quiz-option-audio-row{grid-template-columns:1fr auto}.quiz-choice-audio-admin{align-items:stretch;flex-direction:column}.quiz-current-audio audio,.quiz-choice-audio-admin audio{max-width:none}}

/* v0.11.26 — smart Storyline quiz recognition */
.storyline-quiz-detected-badge.ready{background:#e8f7ef;border-color:#9fd6b9;color:#14633d}.storyline-quiz-detected-badge.needs-setup{background:#fff5df;border-color:#e7c77b;color:#77520c}.status-dot.warning-status{background:#fff5df;border-color:#e7c77b;color:#77520c}.quiz-convert-btn.quiz-detected-action{border-color:#65b589;background:#effaf4;color:#145c39;font-weight:700}.quiz-smart-detect{background:#eef8ff;border-color:#a8cee8}.quiz-smart-detect strong{color:#17577d}

/* v0.11.27 — exact Storyline lesson targeting + multi-select lesson cleanup */
.screen-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.screen-bulk-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.screen-select-number{display:grid;justify-items:center;gap:5px;min-width:38px}.screen-select-control{display:grid;place-items:center;width:22px;height:22px;margin:0!important;cursor:pointer}.screen-select-control input{width:17px!important;height:17px!important;margin:0!important;accent-color:var(--accent);cursor:pointer}.screen-card.is-selected{border-color:#8bb3ef;box-shadow:0 0 0 3px rgba(37,99,235,.09),0 8px 22px rgba(22,32,51,.07)}
@media(max-width:650px){.screen-bulk-toolbar{align-items:stretch;flex-direction:column}.screen-bulk-toolbar form,.screen-bulk-toolbar .btn{width:100%}.screen-bulk-left{justify-content:space-between}.screen-select-number{min-width:34px}}

/* v0.11.28 — quiz builder: choose exact source-slide elements */
.quiz-field-with-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start}.quiz-field-with-picker textarea{min-width:0}.quiz-pick-field{padding:8px 10px;white-space:nowrap;font-size:12px}.quiz-pick-field.is-awaiting-pick{border-color:#7c3aed;background:#f3e8ff;color:#6d28d9;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.quiz-element-picker-panel{display:grid;gap:12px;padding:16px;border:1px solid #d8c7ff;border-radius:14px;background:linear-gradient(180deg,#fcfaff,#f8f5ff)}.quiz-element-picker-panel.is-disabled{border-color:var(--line);background:#fafcff}.quiz-element-picker-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.75fr);gap:16px;align-items:start}.quiz-element-picker-visual{min-width:0}.quiz-element-picker-canvas{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #dfe5ed;border-radius:12px;overflow:hidden;background:#eef1f5}.quiz-element-picker-canvas>.quiz-screen-visual{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;pointer-events:none}.quiz-element-picker-overlay{position:absolute;inset:0;z-index:5}.quiz-element-hitbox{position:absolute;display:block;min-width:20px;min-height:18px;padding:0;border:2px solid rgba(124,58,237,.26);border-radius:5px;background:rgba(124,58,237,.035);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;overflow:visible}.quiz-element-hitbox>span{position:absolute;left:2px;top:2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#fff;color:#6d28d9;border:1px solid #d8c7ff;font-size:10px;font-weight:850;box-shadow:0 1px 4px rgba(17,24,39,.12);opacity:.82}.quiz-element-hitbox:hover,.quiz-element-hitbox:focus-visible{border-color:#7c3aed;background:rgba(124,58,237,.12);z-index:8;outline:none}.quiz-element-hitbox.is-selected{border-color:#175cd3;background:rgba(23,92,211,.15);box-shadow:0 0 0 2px rgba(255,255,255,.9) inset}.quiz-element-hitbox.is-used{border-color:#12b76a;background:rgba(18,183,106,.10)}.quiz-element-hitbox.is-used>span{color:#067647;border-color:#abefc6;background:#ecfdf3}.quiz-element-hitbox.is-selected.is-used{border-color:#7c3aed;background:rgba(124,58,237,.16)}.quiz-element-picker-empty{display:grid;place-items:center;min-height:220px;padding:24px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:var(--muted);text-align:center}.quiz-element-picker-aside{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.quiz-element-picker-aside p{margin:0}.quiz-element-picker-aside #quizElementPickerStatus[data-tone="active"]{color:#6d28d9;font-weight:750}.quiz-element-picker-aside #quizElementPickerStatus[data-tone="success"]{color:#067647;font-weight:750}.quiz-element-picker-aside #quizElementPickerStatus[data-tone="warning"]{color:#b54708;font-weight:750}.quiz-element-picker-selection{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;align-content:flex-start}.quiz-picker-chip{max-width:100%;border:1px solid #c7d7fe;border-radius:999px;background:#eff4ff;color:#344054;padding:5px 8px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.quiz-picker-chip:hover{border-color:#84adff;background:#eaf2ff}.quiz-element-picker-actions{display:grid;gap:7px}.quiz-element-picker-actions .btn{justify-content:flex-start;width:100%;text-align:left}
.quiz-choice-pick-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.quiz-choice-pick-line input{min-width:0}.matching-row-picker{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.matching-pick-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.matching-pick-cell input{min-width:0}
@media(max-width:860px){.quiz-element-picker-grid{grid-template-columns:1fr}.quiz-field-with-picker{grid-template-columns:1fr}.quiz-field-with-picker .quiz-pick-field{justify-self:start}.quiz-choice-pick-line,.matching-pick-cell{grid-template-columns:1fr}.quiz-choice-pick-line .quiz-pick-field,.matching-pick-cell .quiz-pick-field{justify-self:start}.matching-row-picker{grid-template-columns:1fr}.matching-row-picker>span{transform:rotate(90deg)}}

/* v0.11.29: close-proximity quiz authoring + granular text-box picker */
.quiz-type-panel[hidden]{display:none!important}
.quiz-type-panel.has-picker-docked{display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(340px,.85fr);column-gap:18px;row-gap:12px;align-items:start;padding-top:4px}
.quiz-type-panel.has-picker-docked>.quiz-element-picker-panel{grid-column:1;grid-row:1/span 20;margin:0;position:sticky;top:84px;align-self:start;max-height:calc(100vh - 104px);overflow:auto}
.quiz-type-panel.has-picker-docked>:not(.quiz-element-picker-panel){grid-column:2;min-width:0}
.quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-grid{grid-template-columns:1fr;gap:10px}
.quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-aside{padding:10px}
.quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-actions .btn{min-width:0;padding:7px 9px;font-size:11px}
.quiz-element-hitbox.is-focused{border-color:#f79009;background:rgba(247,144,9,.13);box-shadow:0 0 0 2px rgba(255,255,255,.92) inset;z-index:9}

.quiz-element-subpicker{display:grid;gap:9px;padding:10px;border:1px solid #eadcff;border-radius:11px;background:#fcfaff}
.quiz-element-subpicker[hidden]{display:none}
.quiz-subpicker-head{display:grid;gap:2px}
.quiz-subpicker-preview{max-height:82px;overflow:auto;padding:8px 9px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#344054;font-size:12px;white-space:pre-wrap}
.quiz-subpicker-whole{justify-content:flex-start;width:100%;font-size:12px}
.quiz-subpicker-whole.is-selected,.quiz-subtoken.is-selected{border-color:#175cd3;background:#eff4ff;color:#1849a9}
.quiz-subpicker-whole.is-used,.quiz-subtoken.is-used{box-shadow:inset 0 0 0 1px #12b76a}
.quiz-subpicker-modes{display:flex;gap:6px;flex-wrap:wrap}
.quiz-subpicker-mode{border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;padding:5px 8px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.quiz-subpicker-mode:hover{border-color:#b692f6;background:#f9f5ff;color:#6941c6}
.quiz-subpicker-mode.is-active{border-color:#7f56d9;background:#f4ebff;color:#6941c6}
.quiz-subpicker-mode:disabled{opacity:.45;cursor:not-allowed}
.quiz-subpicker-tokens{display:flex;flex-wrap:wrap;gap:6px;max-height:166px;overflow:auto;padding:2px}
.quiz-subtoken{max-width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;padding:6px 8px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis}
.quiz-subtoken:hover{border-color:#7f56d9;background:#f9f5ff;color:#6941c6}
.quiz-subpicker-limit{margin:0}

@media(max-width:1080px){
  .quiz-type-panel.has-picker-docked{grid-template-columns:1fr}
  .quiz-type-panel.has-picker-docked>.quiz-element-picker-panel{grid-column:1;grid-row:auto;position:relative;top:auto;max-height:none;overflow:visible}
  .quiz-type-panel.has-picker-docked>:not(.quiz-element-picker-panel){grid-column:1}
  .quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}
}
@media(max-width:760px){
  .quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-grid{grid-template-columns:1fr}
  .quiz-type-panel.has-picker-docked>.quiz-element-picker-panel .quiz-element-picker-actions{grid-template-columns:1fr}
  .quiz-subpicker-tokens{max-height:210px}
}

/* v0.11.31 — stable learner player viewport + persistent end-of-slide state */
/* Keep a comfortable presentation margin without wasting the available screen. */
.learner-lesson-page .container{
  max-width:none;
  padding:15mm 5mm 28mm;
}
.immersive-lesson-content{
  padding-bottom:76px; /* room for the fixed Previous / Next bar */
}
.screen-player{
  min-height:calc(100vh - 235px);
}
.lesson-screen{
  margin-bottom:0;
}

/* In Fit mode, use both the available width and viewport height. This keeps the
   slide as large as practical while preventing tall 16:9 slides from pushing
   navigation far below the viewport. */
.learner-native-slide-wrap.view-fit .learner-slide-scroll{
  display:flex;
  justify-content:center;
}
.learner-native-slide-wrap.view-fit .learner-native-slide{
  width:min(100%,calc((100vh - 255px) * 16 / 9));
  margin:0 auto;
}

/* Previous / Next belong to the player, not to the changing slide height. Keep
   them in one stable place so the author/learner never has to chase the buttons. */
.learner-lesson-page .screen-controls{
  position:fixed;
  z-index:26;
  left:calc(280px + 18px + 5mm);
  right:5mm;
  bottom:5mm;
  margin:0;
  padding:9px 11px;
  border:1px solid rgba(205,215,228,.96);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(23,32,51,.12);
  backdrop-filter:blur(10px);
}
.learner-sidebar-collapsed .screen-controls{
  left:5mm;
}
.learner-lesson-page .screen-controls .btn{
  min-width:150px;
}

@media(max-width:900px){
  .learner-lesson-page .container{padding:10mm 5mm 26mm}
  .learner-lesson-page .screen-controls{left:5mm;right:5mm;bottom:4mm}
  .screen-player{min-height:calc(100vh - 210px)}
  .learner-native-slide-wrap.view-fit .learner-native-slide{width:min(100%,calc((100vh - 235px) * 16 / 9))}
}
@media(max-width:620px){
  .learner-lesson-page .container{padding:8mm 4mm 26mm}
  .learner-lesson-page .screen-controls{left:4mm;right:4mm;bottom:3mm;padding:7px 8px}
  .learner-lesson-page .screen-controls .btn{min-width:0;flex:1;padding:9px 10px}
}

/* v0.11.32 — Learning Quiz identity in the lesson sequence */
.learning-quiz-preview:has(.learning-quiz-thumb){background:linear-gradient(145deg,#faf7ff,#f2edff);padding:6px}
.learning-quiz-thumb{width:100%;height:100%;min-width:0;overflow:hidden;border:1px solid #d8c7ff;border-radius:8px;background:#fff;display:grid;grid-template-rows:auto auto 1fr;gap:3px;padding:5px 6px;color:#4c1d95;pointer-events:none;box-shadow:0 2px 7px rgba(76,29,149,.06)}
.learning-quiz-thumb-top{display:flex;align-items:center;gap:4px;min-width:0;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6d28d9}
.learning-quiz-thumb-mark{width:13px;height:13px;flex:0 0 13px;border-radius:4px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}
.learning-quiz-thumb-question{font-size:7.5px;line-height:1.12;font-weight:800;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.learning-quiz-thumb-options{display:grid;gap:2px;align-content:center}
.learning-quiz-thumb-options>div{display:grid;grid-template-columns:8px 1fr;gap:3px;align-items:center;min-width:0}
.learning-quiz-thumb-options b{font-size:7px;line-height:1;color:#7c3aed}
.learning-quiz-thumb-options span,.learning-quiz-thumb-short span,.learning-quiz-thumb-matching span{display:block;height:3px;border-radius:999px;background:#e9e3f7}
.learning-quiz-thumb-options>div:nth-child(2) span{width:82%}.learning-quiz-thumb-options>div:nth-child(3) span{width:64%}
.learning-quiz-thumb-matching{display:grid;grid-template-columns:1fr 10px 1fr;gap:2px 3px;align-content:center;align-items:center}
.learning-quiz-thumb-matching i{font-style:normal;font-size:7px;text-align:center;color:#7c3aed}
.learning-quiz-thumb-hotspot{display:grid;place-items:center;border:1px dashed #c4b5fd;border-radius:5px;background:#faf8ff;min-height:24px}
.learning-quiz-thumb-target{font-size:16px;line-height:1;color:#7c3aed}
.learning-quiz-thumb-short{display:grid;align-items:center}.learning-quiz-thumb-short span{height:11px;border:1px solid #ddd6fe;background:#faf8ff;border-radius:4px}
@media(max-width:650px){.learning-quiz-thumb{padding:4px;gap:2px}.learning-quiz-thumb-top{font-size:6px}.learning-quiz-thumb-mark{width:11px;height:11px;flex-basis:11px;font-size:8px}.learning-quiz-thumb-question{font-size:6px}.learning-quiz-thumb-options{gap:1px}}

/* v0.11.33 — drag-to-match quizzes + clearer slide-instruction picking */
.quiz-match-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 16px}
.quiz-match-mode-card{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:12px 13px;border:1px solid #d7e1ec;border-radius:12px;background:#fff;cursor:pointer}
.quiz-match-mode-card:has(input:checked){border-color:#7c3aed;background:#faf8ff;box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.quiz-match-mode-card input{width:auto!important;margin:3px 0 0!important}
.quiz-match-mode-card span{display:grid;gap:3px}.quiz-match-mode-card small{color:var(--muted);font-weight:500;line-height:1.35}

.drag-match-learner{display:grid;gap:12px;margin-top:14px}
.drag-match-help{font-size:12px;color:var(--muted);font-weight:650}
.drag-match-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.75fr);gap:16px;align-items:start}
.drag-match-targets{display:grid;gap:10px}
.drag-match-row{display:grid;grid-template-columns:minmax(120px,.82fr) minmax(150px,1.18fr);gap:10px;align-items:stretch}
.drag-match-left{display:flex;align-items:center;padding:12px 13px;border:1px solid #dce4ee;border-radius:12px;background:#fff;font-weight:750;line-height:1.35}
.drag-match-drop{min-height:50px;display:flex;align-items:center;gap:8px;padding:7px 8px;border:2px dashed #c8d4e2;border-radius:12px;background:#f8fafc;transition:border-color .15s,background .15s,box-shadow .15s;outline:none}
.drag-match-drop:focus-visible,.drag-match-row.is-selected-target .drag-match-drop{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.10)}
.drag-match-row.is-dragover .drag-match-drop{border-color:#7c3aed;background:#f5f0ff;box-shadow:0 0 0 4px rgba(124,58,237,.10)}
.drag-match-placeholder{color:#7b8794;font-size:12px;font-weight:650;padding:0 5px;pointer-events:none}
.drag-match-clear{margin-left:auto;border:0;background:transparent;color:#667085;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:19px;line-height:1;flex:0 0 auto}
.drag-match-clear:hover{background:#f2f4f7;color:#b42318}
.drag-match-bank-wrap{position:sticky;top:78px;padding:12px;border:1px solid #ddd6fe;border-radius:14px;background:#faf8ff;display:grid;gap:9px}
.drag-match-bank-wrap>strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6d28d9}
.drag-match-bank{display:flex;flex-wrap:wrap;gap:8px;min-height:46px;align-content:flex-start}
.drag-match-bank.is-empty::after{content:'All answers placed';font-size:12px;color:#667085;padding:8px 2px}
.drag-match-option{appearance:none;border:1px solid #c4b5fd;background:#fff;color:#3d2a66;border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;font-weight:750;cursor:grab;box-shadow:0 2px 6px rgba(76,29,149,.06);text-align:left;max-width:100%}
.drag-match-option:hover{border-color:#8b5cf6;background:#fff}
.drag-match-option:active,.drag-match-option.is-dragging{cursor:grabbing}
.drag-match-option.is-selected{border-color:#7c3aed;background:#ede9fe;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.drag-match-drop>.drag-match-option{flex:1;cursor:grab;border-style:solid;background:#fff}
.quiz-listen-locked .drag-match-option,.quiz-listen-locked .drag-match-drop{opacity:.58;cursor:not-allowed}

@media(max-width:860px){
  .quiz-match-mode{grid-template-columns:1fr}
  .drag-match-layout{grid-template-columns:1fr}
  .drag-match-bank-wrap{position:static;order:-1}
  .drag-match-row{grid-template-columns:1fr}
  .drag-match-drop{min-height:48px}
}

/* v0.11.34 — quiz audio timeline */
.quiz-audio-timeline-builder{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfcfe;display:grid;gap:14px}.quiz-timeline-admin-preview{display:grid;gap:10px}.quiz-timeline-admin-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.quiz-timeline-editor-track{position:relative;height:54px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(to right,rgba(148,163,184,.12) 1px,transparent 1px);background-size:10% 100%;overflow:hidden}.quiz-timeline-editor-clip{position:absolute;top:9px;height:34px;min-width:20px;border-radius:8px;background:rgba(23,92,211,.16);border:1px solid rgba(23,92,211,.35);color:#173b75;padding:7px 8px;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.quiz-timeline-editor-playhead{position:absolute;z-index:3;top:0;bottom:0;width:2px;background:#dc2626;left:0;pointer-events:none}.quiz-timeline-admin-rows{display:grid;gap:10px}.quiz-timeline-admin-row{display:grid;grid-template-columns:30px 110px minmax(150px,1fr) minmax(170px,1.2fr) minmax(170px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.quiz-timeline-admin-row audio{width:100%;min-width:170px}.quiz-timeline-admin-number{width:26px;height:26px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:800;color:var(--muted);align-self:center}.quiz-timeline-admin-row label>span{display:block;font-size:11px;font-weight:750;color:var(--muted);margin-bottom:5px}.quiz-timeline-admin-row input[type=number],.quiz-timeline-admin-row input[type=text],.quiz-timeline-admin-row input:not([type=file]):not([type=hidden]):not([type=checkbox]){width:100%}.quiz-timeline-file input{font-size:12px}.quiz-timeline-remove{align-self:center;white-space:nowrap}.quiz-timeline-options{display:grid;gap:8px;padding-top:4px}.quiz-timeline-waveform-link{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px}
.quiz-timeline-player{margin:12px 0 16px;border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:11px 12px}.quiz-timeline-player-hidden-controls{border:0;background:transparent;padding:0;margin:0;height:0;overflow:hidden}.quiz-timeline-player-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.quiz-timeline-player-controls{display:flex;align-items:center;gap:8px}.quiz-timeline-play,.quiz-timeline-replay{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.quiz-timeline-play:hover,.quiz-timeline-replay:hover{background:var(--soft)}.quiz-timeline-progress{position:relative;height:8px;background:#dbe4ef;border-radius:99px;flex:1;min-width:120px;cursor:pointer;overflow:visible}.quiz-timeline-progress span{position:absolute;left:0;top:0;height:100%;width:0;background:var(--accent);border-radius:99px}.quiz-timeline-progress i{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.quiz-timeline-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.quiz-timeline-status{margin-top:6px}.quiz-timeline-media{display:none!important}
@media(max-width:1050px){.quiz-timeline-admin-row{grid-template-columns:30px 100px minmax(140px,1fr) minmax(160px,1fr)}.quiz-timeline-admin-row audio,.quiz-timeline-remove{grid-column:2/-1}.quiz-timeline-admin-row audio{min-width:0}}
@media(max-width:650px){.quiz-timeline-admin-row{grid-template-columns:30px 1fr}.quiz-timeline-admin-row>*:not(.quiz-timeline-admin-number){grid-column:2}.quiz-timeline-waveform-link,.quiz-timeline-player-head{align-items:flex-start;flex-direction:column}.quiz-timeline-player-controls{flex-wrap:wrap}.quiz-timeline-progress{order:5;flex-basis:100%;min-width:100%}}

/* v0.11.36 — default quiz feedback + author-controlled retry */
.quiz-feedback-defaults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px 14px;border:1px solid #d9e5f1;border-radius:13px;background:#f8fbff}.quiz-feedback-defaults>div{display:grid;gap:4px}.quiz-feedback-defaults strong{font-size:12px;color:#35516f}.quiz-feedback-defaults span{font-size:13px;line-height:1.45;color:#52677e}.quiz-retry-settings{max-width:980px}.quiz-feedback-extra{margin:7px 0 0;font-weight:600}.quiz-feedback-extra.correct{color:#067647}.quiz-feedback-extra.incorrect{color:#b54708}.learning-quiz-feedback [data-lq-feedback-extra]{margin:7px 0 0;font-weight:600}
@media(max-width:720px){.quiz-feedback-defaults{grid-template-columns:1fr}}

/* v0.11.37 — bilingual interface switch */
.ui-lang-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid rgba(71,107,145,.24);border-radius:999px;padding:2px;background:#fff;vertical-align:middle}.ui-lang-switch a{min-width:31px;padding:5px 8px;border-radius:999px;text-align:center;font-size:12px;font-weight:800;text-decoration:none;color:#526174}.ui-lang-switch a.active{background:#173d65;color:#fff}.site-header nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.quiz-reuse-panel{margin:18px 0}.quiz-reuse-list{display:grid;gap:10px;margin:14px 0}.quiz-reuse-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:12px;border:1px solid #dbe5ef;border-radius:12px;background:#fbfdff}.quiz-reuse-item input{margin-top:4px}.quiz-reuse-item strong{display:block}.quiz-reuse-item small{display:block;margin-top:3px;color:#66788b}.quiz-reuse-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.quiz-reuse-actions label{min-width:260px;flex:1}.quiz-linked-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#e8f3ff;color:#245b8e;font-size:11px;font-weight:800;margin-left:6px}.quiz-import-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.quiz-import-preview{display:grid;gap:12px}.quiz-import-question{padding:14px;border:1px solid #dbe5ef;border-radius:12px;background:#fff}.quiz-import-question ul{margin:8px 0 0 20px}.quiz-import-question .correct-import{font-weight:800}.quiz-import-help{background:#f7fbff;border:1px solid #d4e5f5;border-radius:12px;padding:14px}.quiz-import-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0f2438;color:#f7fbff;border-radius:10px;padding:12px;white-space:pre-wrap;font-size:12px}
@media(max-width:760px){.site-header nav{gap:8px}.quiz-reuse-actions label{min-width:100%}}

/* v0.11.38: chapter-level final assessment */
.chapter-final-quiz-row{margin-top:8px;border-top:1px solid #dfe7ef;background:#f8fbff}
.chapter-final-quiz-row .lesson-number{font-weight:800}


/* v0.11.40 — pronunciation practice / clarity score */
.slide-layer-pronunciation{padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}.pronunciation-inspector{border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.eff-pronunciation-widget{height:100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(94px,30%);grid-template-rows:auto auto 1fr;gap:5px 10px;align-items:center;padding:10px 12px;border:1px solid #cbd8e8;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 5px 16px rgba(23,32,51,.12);color:#172033;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.eff-pronunciation-eyebrow{grid-column:1;font-size:clamp(8px,1.1cqw,12px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#476b91}.eff-pronunciation-word{grid-column:1;font-size:clamp(15px,3.2cqw,32px);line-height:1.05;font-weight:900;color:#183f70;white-space:normal;overflow-wrap:anywhere}.eff-pronunciation-actions{grid-column:1;display:flex;gap:6px;flex-wrap:wrap}.eff-pronunciation-actions button{border:1px solid #b8c9de;border-radius:999px;background:#f5f8fc;color:#183f70;font-weight:800;padding:6px 9px;font-size:clamp(8px,1.15cqw,12px);cursor:pointer}.eff-pronunciation-actions button:last-child{background:#183f70;color:#fff;border-color:#183f70}.eff-pronunciation-actions button:disabled{opacity:.55;cursor:not-allowed}.eff-pronunciation-widget.is-listening .eff-pronunciation-actions button:last-child{animation:effMicPulse 1s ease-in-out infinite}.eff-clarity-gauge{grid-column:2;grid-row:1/4;position:relative;width:min(100%,112px);aspect-ratio:1.4/1;margin:auto;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.eff-clarity-gauge:before{content:'';position:absolute;left:5%;right:5%;bottom:-42%;height:115%;border-radius:50% 50% 0 0;background:conic-gradient(from 270deg at 50% 100%,#d9534f 0deg 60deg,#f0ad4e 60deg 120deg,#5cb85c 120deg 180deg,transparent 180deg 360deg);mask:radial-gradient(circle at 50% 100%,transparent 0 43%,#000 44% 62%,transparent 63%);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 0 43%,#000 44% 62%,transparent 63%)}.eff-clarity-needle{position:absolute;left:50%;bottom:9px;width:42%;height:2px;background:#172033;transform-origin:0 50%;transform:rotate(var(--clarity-angle,-90deg));transition:transform .55s ease;border-radius:4px}.eff-clarity-needle:after{content:'';position:absolute;left:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#172033}.eff-clarity-gauge b{position:absolute;bottom:16px;font-size:clamp(11px,2cqw,19px);z-index:2}.eff-clarity-gauge small{position:absolute;bottom:1px;font-size:clamp(6px,.9cqw,9px);font-weight:700;color:#64748b;white-space:nowrap}.eff-pronunciation-status{grid-column:1;font-size:clamp(8px,1.05cqw,11px);font-weight:700;color:#526174}.eff-pronunciation-heard{grid-column:1;font-size:clamp(7px,.95cqw,10px);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eff-pronunciation-editor-preview{pointer-events:none}.eff-pronunciation-editor-preview .eff-pronunciation-actions button{pointer-events:none}@keyframes effMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(24,63,112,.25)}50%{box-shadow:0 0 0 7px rgba(24,63,112,0)}}.learner-slide-pronunciation{padding:0!important;overflow:visible!important}.learner-slide-pronunciation .eff-pronunciation-widget{container-type:inline-size}
/* v0.11.43 — compact pronunciation cards imported from PowerPoint */
.eff-pronunciation-widget.is-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,34%);grid-template-rows:minmax(28px,1fr) auto;gap:2px 5px;padding:2px 3px;border:0;border-radius:8px;background:transparent;box-shadow:none;overflow:visible}
.eff-pronunciation-widget.is-compact .eff-pronunciation-actions{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap}
.eff-pronunciation-widget.is-compact .eff-pronunciation-actions button{padding:4px 6px;font-size:clamp(7px,.95cqw,10px);line-height:1.05;min-width:0;white-space:nowrap}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge{grid-column:2;grid-row:1/3;width:min(100%,74px);padding-bottom:5px}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge b{bottom:12px;font-size:clamp(9px,1.5cqw,14px)}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge small{bottom:0;font-size:clamp(5px,.75cqw,7px)}
.eff-pronunciation-widget.is-compact .eff-clarity-needle{bottom:7px}
.eff-pronunciation-widget.is-compact .eff-pronunciation-status{grid-column:1;grid-row:2;text-align:center;font-size:clamp(6px,.78cqw,8px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eff-pronunciation-widget.is-compact .eff-pronunciation-heard{display:none!important}

/* v0.11.44 — pronunciation reset reliability + larger clarity gauge */
.eff-pronunciation-widget{grid-template-columns:minmax(0,1fr) minmax(128px,34%)}
.eff-clarity-gauge{width:min(100%,150px);aspect-ratio:1.5/1;padding-bottom:10px}
.eff-clarity-needle{height:3px;bottom:11px}
.eff-clarity-needle:after{left:-5px;top:-4px;width:11px;height:11px}
.eff-clarity-gauge b{bottom:19px;font-size:clamp(13px,2.25cqw,22px)}
.eff-clarity-gauge small{bottom:2px;font-size:clamp(7px,1cqw,10px)}
.eff-pronunciation-widget.is-model-playing [data-pronunciation-listen]{box-shadow:0 0 0 3px rgba(71,107,145,.14)}
.eff-pronunciation-widget.is-compact{grid-template-columns:minmax(0,1fr) minmax(92px,42%);gap:2px 6px}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge{width:min(100%,110px);padding-bottom:7px}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge b{bottom:15px;font-size:clamp(11px,1.8cqw,17px)}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge small{bottom:0;font-size:clamp(6px,.85cqw,8px)}
.eff-pronunciation-widget.is-compact .eff-clarity-needle{bottom:9px;height:3px}
@media(max-width:760px){.eff-pronunciation-widget{grid-template-columns:minmax(0,1fr) minmax(105px,38%)}.eff-clarity-gauge{width:min(100%,128px)}.eff-pronunciation-widget.is-compact{grid-template-columns:minmax(0,1fr) minmax(82px,40%)}.eff-pronunciation-widget.is-compact .eff-clarity-gauge{width:min(100%,100px)}}


/* v0.11.46 — responsive pronunciation widgets and fit-mode stability
   Keeps slide-sourced pronunciation cards inside their authored boxes when the
   learner preview is reduced to a half-width or small viewport. */
.learner-native-slide{container-type:inline-size;}
.learner-native-slide-wrap.view-fit .learner-slide-scroll{overflow:hidden;}
.learner-native-slide-wrap.view-fit .learner-native-slide{max-width:100%;max-height:calc(100vh - 255px);}
.learner-slide-pronunciation{padding:0!important;overflow:visible!important;}
.learner-slide-pronunciation .eff-pronunciation-widget{container-type:inline-size;}

/* Remove hard pixel minima that caused Listen/Pronounce and the gauge to overlap
   when the slide was displayed small. */
.eff-pronunciation-widget.is-compact{
  grid-template-columns:minmax(0,58%) minmax(0,42%);
  grid-template-rows:minmax(0,1fr) auto;
  gap:clamp(1px,.9cqw,5px);
  padding:clamp(1px,1.2cqw,4px);
  min-width:0;
  min-height:0;
}
.eff-pronunciation-widget.is-compact .eff-pronunciation-actions{
  min-width:0;
  gap:clamp(1px,.75cqw,4px);
  flex-wrap:nowrap;
}
.eff-pronunciation-widget.is-compact .eff-pronunciation-actions button{
  min-width:0;
  max-width:100%;
  padding:clamp(2px,1.4cqw,5px) clamp(3px,2cqw,6px);
  font-size:clamp(5px,4.4cqw,9px);
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge{
  width:min(100%,84px);
  max-width:100%;
  aspect-ratio:1.5/1;
  padding-bottom:clamp(3px,1.6cqw,7px);
}
.eff-pronunciation-widget.is-compact .eff-clarity-needle{
  bottom:clamp(4px,1.8cqw,8px);
  height:clamp(1px,.7cqw,3px);
}
.eff-pronunciation-widget.is-compact .eff-clarity-needle:after{
  width:clamp(5px,2.6cqw,9px);
  height:clamp(5px,2.6cqw,9px);
  top:calc(clamp(5px,2.6cqw,9px) / -2 + .5px);
  left:calc(clamp(5px,2.6cqw,9px) / -2 + .5px);
}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge b{
  bottom:clamp(8px,3.4cqw,14px);
  font-size:clamp(7px,4.8cqw,15px);
}
.eff-pronunciation-widget.is-compact .eff-clarity-gauge small{
  bottom:0;
  font-size:clamp(4px,2.3cqw,7px);
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.eff-pronunciation-widget.is-compact .eff-pronunciation-status{
  font-size:clamp(5px,2.6cqw,8px);
  line-height:1;
  min-width:0;
}

/* Very narrow imported cards: use clear icon-only buttons instead of allowing long
   labels to collide with the clarity gauge. */
@container (max-width: 150px){
  .eff-pronunciation-widget.is-compact{grid-template-columns:1fr minmax(0,42%);gap:1px 3px;}
  .eff-pronunciation-widget.is-compact .eff-pronunciation-actions button{font-size:0;padding:3px 4px;}
  .eff-pronunciation-widget.is-compact [data-pronunciation-listen]::after{content:'🔊';font-size:clamp(9px,9cqw,14px);}
  .eff-pronunciation-widget.is-compact [data-pronunciation-record]::after{content:'🎙';font-size:clamp(9px,9cqw,14px);}
  .eff-pronunciation-widget.is-compact .eff-clarity-gauge small{display:none;}
}
@media(max-width:900px){
  .learner-native-slide-wrap.view-fit .learner-native-slide{max-height:calc(100vh - 230px);}
}


/* v0.11.47 — one shared clarity gauge per slide + reliable 8-card pronunciation */
.learner-native-slide.eff-shared-clarity-mode .learner-slide-pronunciation .eff-clarity-gauge{
  display:none!important;
}
.learner-native-slide.eff-shared-clarity-mode .eff-pronunciation-widget.is-compact{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  gap:2px!important;
}
.learner-native-slide.eff-shared-clarity-mode .eff-pronunciation-widget.is-compact .eff-pronunciation-actions{
  grid-column:1!important;grid-row:1!important;
}
.learner-native-slide.eff-shared-clarity-mode .eff-pronunciation-widget.is-compact .eff-pronunciation-status{
  grid-column:1!important;grid-row:2!important;
}
.eff-shared-clarity-panel{
  position:absolute;z-index:80;right:2.0%;top:11.2%;width:17.5%;height:13.2%;
  box-sizing:border-box;padding:.7% 1.0%;border:1px solid rgba(24,63,112,.20);
  border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 4px 14px rgba(23,32,51,.12);
  display:grid;grid-template-columns:44% 56%;grid-template-rows:auto 1fr auto;
  pointer-events:none;font-family:Arial,Helvetica,sans-serif;color:#172033;
}
.eff-shared-clarity-target{
  grid-column:1;grid-row:1;font-size:clamp(8px,1.2vw,16px);font-weight:900;color:#183f70;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:end;
}
.eff-shared-clarity-gauge{
  grid-column:2;grid-row:1/4;position:relative;width:100%;height:100%;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:8%;box-sizing:border-box;
}
.eff-shared-clarity-gauge:before{
  content:'';position:absolute;left:2%;right:2%;bottom:-44%;height:118%;border-radius:50% 50% 0 0;
  background:conic-gradient(from 270deg at 50% 100%,#d9534f 0deg 60deg,#f0ad4e 60deg 120deg,#5cb85c 120deg 180deg,transparent 180deg 360deg);
  mask:radial-gradient(circle at 50% 100%,transparent 0 43%,#000 44% 62%,transparent 63%);
  -webkit-mask:radial-gradient(circle at 50% 100%,transparent 0 43%,#000 44% 62%,transparent 63%);
}
.eff-shared-clarity-needle{
  position:absolute;left:50%;bottom:12%;width:43%;height:3px;background:#172033;
  transform-origin:0 50%;transform:rotate(var(--clarity-angle,-90deg));transition:transform .55s ease;border-radius:4px;
}
.eff-shared-clarity-needle:after{
  content:'';position:absolute;left:-5px;top:-4px;width:11px;height:11px;border-radius:50%;background:#172033;
}
.eff-shared-clarity-gauge b{position:absolute;bottom:23%;font-size:clamp(11px,1.6vw,21px);z-index:2;}
.eff-shared-clarity-gauge small{position:absolute;bottom:2%;font-size:clamp(6px,.7vw,10px);font-weight:800;color:#64748b;white-space:nowrap;}
.eff-shared-clarity-status{
  grid-column:1;grid-row:2/4;align-self:center;font-size:clamp(6px,.75vw,10px);line-height:1.15;
  font-weight:700;color:#526174;overflow:hidden;
}
/* On narrow fitted slides keep the shared gauge visible but compact. */
@container (max-width:760px){
  .eff-shared-clarity-panel{right:1.4%;top:11%;width:19%;height:13%;padding:.5% .7%;}
  .eff-shared-clarity-target{font-size:clamp(7px,1.6cqw,11px)}
  .eff-shared-clarity-status{font-size:clamp(5px,1.1cqw,8px)}
  .eff-shared-clarity-gauge b{font-size:clamp(9px,2.2cqw,15px)}
}

/* v0.11.49 — shared gauge starts at zero, clearer labeling, and larger 8-card result display */
.eff-clarity-needle{transform:rotate(var(--clarity-angle,-180deg));}
.eff-shared-clarity-panel{
  right:1.8%;top:10.2%;width:20.5%;height:17.4%;padding:.55% .8%;
  display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:0;border-radius:12px;
}
.eff-shared-clarity-target{
  grid-column:1;grid-row:1;text-align:center;font-size:clamp(9px,1.25vw,17px);
  line-height:1.05;font-weight:900;color:#183f70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.eff-shared-clarity-gauge{
  grid-column:1;grid-row:2;width:92%;height:100%;min-height:0;margin:0 auto;
  padding-bottom:4%;align-self:stretch;
}
.eff-shared-clarity-gauge:before{
  left:3%;right:3%;bottom:-43%;height:120%;
  background:conic-gradient(from 270deg at 50% 100%,#d9534f 0deg 60deg,#f0ad4e 60deg 120deg,#5cb85c 120deg 180deg,transparent 180deg 360deg);
}
.eff-shared-clarity-needle{
  bottom:10%;width:44%;height:3px;transform:rotate(var(--clarity-angle,-180deg));
}
.eff-shared-clarity-gauge b{bottom:19%;font-size:clamp(13px,1.8vw,24px);}
.eff-shared-clarity-label{
  grid-column:1;grid-row:3;text-align:center;font-size:clamp(8px,.95vw,13px);
  line-height:1;font-weight:900;color:#334155;padding-top:1px;
}
.eff-shared-clarity-status{
  grid-column:1;grid-row:4;text-align:center;align-self:center;font-size:clamp(6px,.72vw,10px);
  line-height:1.05;font-weight:700;color:#526174;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.eff-shared-clarity-gauge small{display:none!important;}
@container (max-width:760px){
  .eff-shared-clarity-panel{right:1.2%;top:10%;width:21.5%;height:17%;padding:.4% .55%;}
  .eff-shared-clarity-target{font-size:clamp(7px,1.8cqw,11px)}
  .eff-shared-clarity-label{font-size:clamp(6px,1.35cqw,9px)}
  .eff-shared-clarity-status{font-size:clamp(5px,1.05cqw,8px)}
  .eff-shared-clarity-gauge b{font-size:clamp(10px,2.5cqw,16px)}
}

/* v0.11.50 — larger vocabulary copy + readable pronunciation feedback
   Keep eight cards per slide while making the English target, French meaning,
   and Ready/feedback text easier to read at full and fitted player sizes. */
.learner-native-slide.eff-shared-clarity-mode .learner-slide-text.eff-pronunciation-card-word{
  font-size:clamp(11px,1.90cqw,24px)!important;
  line-height:1.08!important;
}
.learner-native-slide.eff-shared-clarity-mode .learner-slide-text.eff-pronunciation-card-translation{
  font-size:clamp(9px,1.50cqw,19px)!important;
  line-height:1.10!important;
}
.learner-native-slide.eff-shared-clarity-mode .eff-pronunciation-widget.is-compact .eff-pronunciation-status{
  font-size:clamp(8px,7cqw,12px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  color:#334155!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-height:1.15em;
}
/* Keep the feedback readable on a narrow fitted slide without forcing the buttons
   or the eight-card geometry to reflow. */
@container (max-width:150px){
  .learner-native-slide.eff-shared-clarity-mode .eff-pronunciation-widget.is-compact .eff-pronunciation-status{
    font-size:clamp(7px,8cqw,10px)!important;
  }
}

/* v0.11.51 — Foundational-word pronunciation slides
   Keep the 8-card layout, use more of the slide area, keep controls/status inside
   each card, and move the single shared clarity gauge into the unused lower-right
   area so it never covers the title or instruction. */
.foundational-pronunciation-native{
  container-type:inline-size;
}
.foundational-pronunciation-native .foundation-instruction{
  top:20.5%!important;
  height:8.5%!important;
  font-size:clamp(16px,1.8cqw,22px)!important;
  font-weight:800!important;
  align-items:center!important;
}
.foundational-pronunciation-native .foundation-card-bg.foundation-row-1{
  top:32.0%!important;
  height:21.5%!important;
}
.foundational-pronunciation-native .foundation-card-bg.foundation-row-2{
  top:56.0%!important;
  height:21.5%!important;
}
.foundational-pronunciation-native .foundation-target-word{
  height:5.2%!important;
  font-size:clamp(17px,2.05cqw,24px)!important;
  font-weight:800!important;
  line-height:1.05!important;
  align-items:center!important;
}
.foundational-pronunciation-native .foundation-target-word.foundation-row-1{top:33.6%!important;}
.foundational-pronunciation-native .foundation-target-word.foundation-row-2{top:57.6%!important;}
.foundational-pronunciation-native .foundation-translation{
  height:4.6%!important;
  font-size:clamp(13px,1.5cqw,18px)!important;
  line-height:1.05!important;
  align-items:center!important;
}
.foundational-pronunciation-native .foundation-translation.foundation-row-1{top:40.0%!important;}
.foundational-pronunciation-native .foundation-translation.foundation-row-2{top:64.0%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control{
  height:7.4%!important;
  overflow:visible!important;
  z-index:35!important;
}
.foundational-pronunciation-native .foundation-pronunciation-control.foundation-row-1{top:45.2%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control.foundation-row-2{top:69.2%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control .eff-pronunciation-widget.is-compact{
  height:100%;
  box-sizing:border-box;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-content:center;
  gap:clamp(2px,.55cqw,5px)!important;
  padding:0!important;
}
.foundational-pronunciation-native .foundation-pronunciation-control .eff-pronunciation-actions{
  justify-content:center;
  gap:clamp(4px,.8cqw,8px)!important;
}
.foundational-pronunciation-native .foundation-pronunciation-control .eff-pronunciation-actions button{
  font-size:clamp(8px,.92cqw,12px)!important;
  padding:clamp(3px,.45cqw,6px) clamp(5px,.7cqw,9px)!important;
  line-height:1.05!important;
}
.foundational-pronunciation-native .foundation-pronunciation-control .eff-pronunciation-status{
  font-size:clamp(8px,.92cqw,12px)!important;
  line-height:1.05!important;
  font-weight:800!important;
  text-align:center!important;
  min-height:1em;
}
/* The individual mini gauges stay hidden in learner preview; one shared gauge is clearer. */
.foundational-pronunciation-native.eff-shared-clarity-mode .foundation-pronunciation-control .eff-clarity-gauge{
  display:none!important;
}
.foundational-pronunciation-native .eff-shared-clarity-panel{
  top:auto!important;
  bottom:2.2%!important;
  right:3.5%!important;
  width:20%!important;
  height:15.5%!important;
  min-height:0!important;
}
.foundational-pronunciation-native .eff-shared-clarity-target{
  font-size:clamp(10px,1.25cqw,17px)!important;
}
.foundational-pronunciation-native .eff-shared-clarity-label{
  font-size:clamp(8px,1.0cqw,13px)!important;
}
.foundational-pronunciation-native .eff-shared-clarity-status{
  font-size:clamp(7px,.8cqw,10px)!important;
}
@container (max-width:760px){
  .foundational-pronunciation-native .foundation-target-word{font-size:clamp(13px,2.5cqw,18px)!important;}
  .foundational-pronunciation-native .foundation-translation{font-size:clamp(10px,1.9cqw,14px)!important;}
  .foundational-pronunciation-native .eff-shared-clarity-panel{right:2.2%!important;width:22%!important;height:14.5%!important;}
}

/* v0.11.52 — final foundational-word layout refinement.
   Keep all eight cards, use the full slide, reserve the top-right for one shared
   clarity gauge, and keep the instructional title on the left. */
.foundational-pronunciation-native .foundation-instruction{
  left:4.4%!important;
  top:17.0%!important;
  width:66.0%!important;
  height:10.5%!important;
  font-size:clamp(18px,2.05cqw,26px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  text-align:left!important;
  align-items:center!important;
  overflow:hidden!important;
}
.foundational-pronunciation-native .eff-shared-clarity-panel{
  top:12.5%!important;
  bottom:auto!important;
  right:4.0%!important;
  width:22.5%!important;
  height:16.0%!important;
  z-index:90!important;
}
/* Four equal columns: the same visual footprint as the cognate cards. */
.foundational-pronunciation-native .foundation-col-1{left:4.4%!important;width:20.8%!important;}
.foundational-pronunciation-native .foundation-col-2{left:27.8%!important;width:20.8%!important;}
.foundational-pronunciation-native .foundation-col-3{left:51.2%!important;width:20.8%!important;}
.foundational-pronunciation-native .foundation-col-4{left:74.6%!important;width:20.8%!important;}
.foundational-pronunciation-native .foundation-card-bg.foundation-row-1{top:31.0%!important;height:24.0%!important;}
.foundational-pronunciation-native .foundation-card-bg.foundation-row-2{top:58.5%!important;height:24.0%!important;}
.foundational-pronunciation-native .foundation-target-word{
  height:5.8%!important;
  font-size:clamp(18px,2.18cqw,26px)!important;
  font-weight:850!important;
  line-height:1.02!important;
  justify-content:center!important;
  text-align:center!important;
}
.foundational-pronunciation-native .foundation-target-word.foundation-row-1{top:33.0%!important;}
.foundational-pronunciation-native .foundation-target-word.foundation-row-2{top:60.5%!important;}
.foundational-pronunciation-native .foundation-translation{
  height:5.2%!important;
  font-size:clamp(14px,1.68cqw,20px)!important;
  line-height:1.05!important;
  justify-content:center!important;
  text-align:center!important;
}
.foundational-pronunciation-native .foundation-translation.foundation-row-1{top:40.8%!important;}
.foundational-pronunciation-native .foundation-translation.foundation-row-2{top:68.3%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control{
  height:8.0%!important;
  overflow:visible!important;
}
.foundational-pronunciation-native .foundation-pronunciation-control.foundation-row-1{top:46.7%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control.foundation-row-2{top:74.2%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control .eff-pronunciation-actions button{
  font-size:clamp(9px,1.0cqw,13px)!important;
  padding:clamp(3px,.45cqw,6px) clamp(6px,.78cqw,10px)!important;
}
.foundational-pronunciation-native .foundation-pronunciation-control .eff-pronunciation-status{
  font-size:clamp(9px,1.0cqw,13px)!important;
  min-height:1.2em!important;
}
@container (max-width:760px){
  .foundational-pronunciation-native .foundation-instruction{font-size:clamp(15px,2.6cqw,20px)!important;}
  .foundational-pronunciation-native .foundation-target-word{font-size:clamp(14px,2.8cqw,20px)!important;}
  .foundational-pronunciation-native .foundation-translation{font-size:clamp(11px,2.1cqw,15px)!important;}
  .foundational-pronunciation-native .eff-shared-clarity-panel{top:12.4%!important;right:3.2%!important;width:23.5%!important;height:15.8%!important;}
}

/* Native multi-item type-in Learning Quiz. One imported PowerPoint production
   slide stays one Learning Quiz instead of becoming a stack of slide-looking items. */
.learning-typein-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:18px 0 8px;}
.learning-typein-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.2fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid #dbe5f1;border-radius:12px;background:#f8fafc;}
.learning-typein-row span{font-weight:800;color:#183f70;font-size:16px;}
.learning-typein-row input{width:100%;font-size:17px;padding:10px 12px;}
@media(max-width:760px){.learning-typein-set{grid-template-columns:1fr}.learning-typein-row{grid-template-columns:minmax(90px,.7fr) minmax(130px,1.3fr)}}


/* v0.11.53 — foundational-card text separation.
   English targets and French translations are distinct layers; keep generous
   vertical separation and prevent either label from visually colliding. */
.foundational-pronunciation-native .foundation-target-word{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  overflow:visible!important;
  z-index:28!important;
}
.foundational-pronunciation-native .foundation-translation{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  overflow:visible!important;
  z-index:27!important;
}
.foundational-pronunciation-native .foundation-target-word.foundation-row-1{top:33.0%!important;height:5.5%!important;}
.foundational-pronunciation-native .foundation-translation.foundation-row-1{top:40.2%!important;height:4.8%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control.foundation-row-1{top:46.4%!important;height:7.2%!important;}
.foundational-pronunciation-native .foundation-target-word.foundation-row-2{top:60.5%!important;height:5.5%!important;}
.foundational-pronunciation-native .foundation-translation.foundation-row-2{top:67.7%!important;height:4.8%!important;}
.foundational-pronunciation-native .foundation-pronunciation-control.foundation-row-2{top:73.9%!important;height:7.2%!important;}

/* v0.11.58 — unified mobile-ready pronunciation cards.
   This is intentionally a learner-preview rendering layer only: it does not
   change PowerPoint content, quizzes, narration, or stored slide geometry. */
.learner-native-slide.eff-pronunciation-grid-slide{
  container-type:inline-size;
}
/* Remove repetitive per-card status/help copy. The shared gauge carries status. */
.learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-status,
.learner-native-slide.eff-pronunciation-grid-slide [data-pronunciation-heard]{
  display:none!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-widget.is-compact{
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  padding:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:clamp(5px,.8cqw,10px)!important;
  width:100%!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-actions button{
  min-height:34px!important;
  font-size:clamp(11px,1.35cqw,16px)!important;
  font-weight:800!important;
  line-height:1!important;
  padding:clamp(5px,.55cqw,8px) clamp(7px,.8cqw,12px)!important;
  border-radius:10px!important;
}
/* Keep the one shared gauge as the only visual score source. */
.learner-native-slide.eff-pronunciation-grid-slide.eff-shared-clarity-mode .eff-pron-card-control .eff-clarity-gauge{
  display:none!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-shared-clarity-panel{
  top:12.0%!important;
  right:3.2%!important;
  bottom:auto!important;
  width:25.0%!important;
  height:17.0%!important;
  min-height:0!important;
  z-index:100!important;
  padding:.55% .75%!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-shared-clarity-target{
  font-size:clamp(11px,1.65cqw,20px)!important;
  font-weight:850!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-shared-clarity-label{
  font-size:clamp(9px,1.2cqw,14px)!important;
  font-weight:850!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-shared-clarity-status{
  font-size:clamp(8px,.95cqw,12px)!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-shared-clarity-gauge b{
  font-size:clamp(14px,2.0cqw,26px)!important;
}
/* Make the English word and French meaning genuinely readable when the whole
   slide is fitted into a smaller viewport. */
.learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-card-word{
  font-size:clamp(17px,2.25cqw,28px)!important;
  line-height:1.02!important;
  font-weight:850!important;
  overflow:visible!important;
  white-space:normal!important;
  z-index:42!important;
}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-card-translation{
  font-size:clamp(13px,1.65cqw,21px)!important;
  line-height:1.05!important;
  overflow:visible!important;
  white-space:normal!important;
  z-index:41!important;
}
/* Generic cognate-card geometry: use more of the empty lower half while keeping
   the shared gauge free in the upper-right.  These classes are assigned at
   runtime by pronunciation-check.js and therefore work for already-imported slides. */
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pron-card-bg.eff-pron-row-1{
  top:35.5%!important;
  height:24.5%!important;
}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pron-card-bg.eff-pron-row-2{
  top:63.0%!important;
  height:24.5%!important;
}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pronunciation-card-word.eff-pron-row-1{top:38.0%!important;height:5.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pronunciation-card-translation.eff-pron-row-1{top:44.5%!important;height:4.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pron-card-control.eff-pron-row-1{top:51.0%!important;height:6.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pronunciation-card-word.eff-pron-row-2{top:65.5%!important;height:5.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pronunciation-card-translation.eff-pron-row-2{top:72.0%!important;height:4.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide:not(.foundational-pronunciation-native) .eff-pron-card-control.eff-pron-row-2{top:78.5%!important;height:6.5%!important;}
/* Column alignment for any 8-card vocabulary/pronunciation slide. */
.learner-native-slide.eff-pronunciation-grid-slide .eff-pron-col-1{left:4.0%!important;width:21.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pron-col-2{left:27.5%!important;width:21.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pron-col-3{left:51.0%!important;width:21.5%!important;}
.learner-native-slide.eff-pronunciation-grid-slide .eff-pron-col-4{left:74.5%!important;width:21.5%!important;}
/* Foundational cards: override older v0.11.51–53 rules. Push both rows lower,
   enlarge cards, and remove the tiny Ready/help row that was wasting space. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-instruction{
  left:4.0%!important;
  top:18.0%!important;
  width:64.0%!important;
  height:8.5%!important;
  font-size:clamp(18px,2.25cqw,28px)!important;
  line-height:1.08!important;
  font-weight:850!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-card-bg.foundation-row-1{top:34.5%!important;height:25.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-card-bg.foundation-row-2{top:63.0%!important;height:25.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word.foundation-row-1{top:37.2%!important;height:5.8%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation.foundation-row-1{top:44.2%!important;height:5.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control.foundation-row-1{top:51.2%!important;height:6.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word.foundation-row-2{top:65.7%!important;height:5.8%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation.foundation-row-2{top:72.7%!important;height:5.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control.foundation-row-2{top:79.7%!important;height:6.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word{
  font-size:clamp(18px,2.35cqw,28px)!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation{
  font-size:clamp(14px,1.75cqw,21px)!important;
}
@container (max-width:760px){
  .learner-native-slide.eff-pronunciation-grid-slide .eff-shared-clarity-panel{top:11.5%!important;right:2.4%!important;width:26.5%!important;height:17.5%!important;}
  .learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-actions button{font-size:0!important;min-height:30px!important;}
  .learner-native-slide.eff-pronunciation-grid-slide [data-pronunciation-listen]::after{content:'🔊';font-size:clamp(14px,3.8cqw,20px);}
  .learner-native-slide.eff-pronunciation-grid-slide [data-pronunciation-record]::after{content:'🎙';font-size:clamp(14px,3.8cqw,20px);}
  .learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-card-word,
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word{font-size:clamp(15px,3.0cqw,22px)!important;}
  .learner-native-slide.eff-pronunciation-grid-slide .eff-pronunciation-card-translation,
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation{font-size:clamp(11px,2.2cqw,16px)!important;}
}
\n\n/* v0.11.59 — remove the duplicate PowerPoint clarity gauge.\n   Chapter 2's validated PPT already reserves an upper-right gauge area. The\n   live pronunciation gauge replaces that static placeholder instead of\n   overlapping it. */\n.learner-native-slide.eff-authored-gauge-suppressed .eff-authored-gauge-layer{\n  display:none!important;\n}\n.learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-panel{\n  left:68.1%!important;\n  right:auto!important;\n  top:13.5%!important;\n  width:26.2%!important;\n  height:14.7%!important;\n  min-height:0!important;\n  z-index:110!important;\n  padding:.35% .65%!important;\n  border-radius:12px!important;\n}\n.learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-target{\n  font-size:clamp(10px,1.45cqw,18px)!important;\n  line-height:1.02!important;\n}\n.learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-label{\n  font-size:clamp(8px,1.05cqw,13px)!important;\n}\n.learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-status{\n  font-size:clamp(7px,.85cqw,11px)!important;\n}\n.learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-gauge b{\n  font-size:clamp(13px,1.8cqw,23px)!important;\n}\n@container (max-width:760px){\n  .learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-panel{\n    left:68.1%!important;right:auto!important;top:13.5%!important;width:26.2%!important;height:14.7%!important;\n  }\n}\n

/* v0.11.60 — hard removal/cover for duplicate authored clarity gauge. */
.learner-native-slide.eff-authored-gauge-suppressed .eff-authored-gauge-layer{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
.learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-panel{
  left:65.4%!important;right:auto!important;top:10.9%!important;width:31.0%!important;height:19.3%!important;
  min-height:0!important;z-index:500!important;background:#fff!important;opacity:1!important;
  box-shadow:0 4px 14px rgba(23,32,51,.14)!important;padding:.45% .85%!important;overflow:hidden!important;
}
@container (max-width:760px){
  .learner-native-slide.eff-pronunciation-grid-slide.eff-authored-gauge-suppressed .eff-shared-clarity-panel{
    left:65.4%!important;right:auto!important;top:10.9%!important;width:31.0%!important;height:19.3%!important;
  }
}

/* v0.11.61 — foundational pronunciation readability + control consistency.
   The mobile-ready Chapter 2 PowerPoint has a separate heading and instruction.
   Hide the long heading on interactive pronunciation slides so the learner
   instruction can be large and readable without colliding with the live gauge. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pron-title{
  display:none!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-instruction{
  left:4.0%!important;
  top:16.5%!important;
  width:59.5%!important;
  height:12.5%!important;
  font-size:clamp(24px,2.75cqw,34px)!important;
  line-height:1.12!important;
  font-weight:750!important;
  overflow:visible!important;
  white-space:normal!important;
  text-align:left!important;
  align-items:center!important;
  z-index:55!important;
}
/* Make the card copy easier to read after the whole 16:9 slide is scaled down. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word{
  font-size:clamp(22px,2.9cqw,34px)!important;
  line-height:1!important;
  font-weight:850!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation{
  font-size:clamp(17px,2.05cqw,25px)!important;
  line-height:1.04!important;
  font-weight:500!important;
}
/* PowerPoint Listen/Pronounce labels are authoring placeholders.  The live
   controls below replace them so every card has exactly the same controls. */
.foundational-pronunciation-native .eff-authored-pron-button{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* Never collapse foundational controls to unexplained icon-only buttons. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control .eff-pronunciation-actions{
  grid-template-columns:1fr 1fr!important;
  gap:clamp(5px,.75cqw,9px)!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control .eff-pronunciation-actions button{
  font-size:clamp(12px,1.45cqw,17px)!important;
  min-height:34px!important;
  padding:clamp(5px,.55cqw,8px) clamp(5px,.65cqw,9px)!important;
  white-space:nowrap!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide [data-pronunciation-listen]::after,
.foundational-pronunciation-native.eff-pronunciation-grid-slide [data-pronunciation-record]::after{
  content:none!important;
  display:none!important;
}
/* Keep the two rows comfortably below the larger instruction. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-card-bg.foundation-row-1{top:33.0%!important;height:26.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-card-bg.foundation-row-2{top:62.0%!important;height:26.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word.foundation-row-1{top:35.6%!important;height:6.3%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation.foundation-row-1{top:43.0%!important;height:5.4%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control.foundation-row-1{top:50.5%!important;height:7.0%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word.foundation-row-2{top:64.6%!important;height:6.3%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation.foundation-row-2{top:72.0%!important;height:5.4%!important;}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control.foundation-row-2{top:79.5%!important;height:7.0%!important;}
@container (max-width:760px){
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-instruction{
    font-size:clamp(20px,4.0cqw,28px)!important;
  }
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word{
    font-size:clamp(18px,3.6cqw,26px)!important;
  }
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation{
    font-size:clamp(14px,2.7cqw,20px)!important;
  }
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control .eff-pronunciation-actions button{
    font-size:clamp(10px,2.0cqw,14px)!important;
    min-height:30px!important;
  }
}

/* v0.11.62 — compact admin preview + readable foundational list slides.
   1) The yellow admin-preview banner is removed from lesson.php and its return
      action is placed in the slide view toolbar.
   2) Preview mode uses the reclaimed vertical space for a larger slide.
   3) Static foundational-word list slides receive modestly larger copy without
      changing the authored 3x2 card structure. */
.admin-lesson-preview .learner-builder-return{
  margin-right:auto;
  text-decoration:none;
  color:var(--accent);
  border-color:#b8c9e3;
  background:#fff;
  white-space:nowrap;
}
.admin-lesson-preview .learner-builder-return:hover{
  background:#eef5ff;
  border-color:#8fb0df;
}
.admin-lesson-preview .container{
  padding-top:5mm!important;
}
.admin-lesson-preview .learner-lesson-toolbar{
  margin-bottom:7px!important;
}
.admin-lesson-preview .learner-native-slide-wrap.view-fit .learner-native-slide{
  width:min(100%,calc((100vh - 198px) * 16 / 9))!important;
  max-height:calc(100vh - 198px)!important;
}

/* Keep the static 3x2 foundational-word cards, but make them use the available
   slide space more effectively and keep the copy readable after fit-to-screen. */
.foundational-list-native .foundation-list-title{
  font-size:clamp(24px,2.55cqw,34px)!important;
  line-height:1.08!important;
  font-weight:850!important;
  overflow:visible!important;
}
.foundational-list-native .foundation-list-objective{
  font-size:clamp(16px,1.55cqw,21px)!important;
  line-height:1.12!important;
  font-weight:650!important;
}
.foundational-list-native .foundation-list-card-heading{
  font-size:clamp(18px,1.75cqw,24px)!important;
  line-height:1.02!important;
  font-weight:800!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.foundational-list-native .foundation-list-card-body{
  font-size:clamp(17px,1.55cqw,21px)!important;
  line-height:1.22!important;
  overflow:hidden!important;
}
.foundational-list-native .foundation-list-card-bg{
  min-height:27%!important;
}

@media(max-width:900px){
  .admin-lesson-preview .container{padding-top:3mm!important;}
  .admin-lesson-preview .learner-native-slide-wrap.view-fit .learner-native-slide{
    width:min(100%,calc((100vh - 178px) * 16 / 9))!important;
    max-height:calc(100vh - 178px)!important;
  }
}
@media(max-width:760px){
  .learner-slide-viewbar{gap:5px;}
  .admin-lesson-preview .learner-builder-return{font-size:11px;padding:6px 8px;}
  .foundational-list-native .foundation-list-title{font-size:clamp(20px,3.9cqw,28px)!important;}
  .foundational-list-native .foundation-list-objective{font-size:clamp(13px,2.45cqw,17px)!important;}
  .foundational-list-native .foundation-list-card-heading{font-size:clamp(15px,2.8cqw,19px)!important;}
  .foundational-list-native .foundation-list-card-body{font-size:clamp(13px,2.35cqw,17px)!important;line-height:1.18!important;}
}


/* v0.11.63 — compact foundational pronunciation controls + objective fit.
   - Foundational pronunciation cards now mirror cognate cards with icon-only
     speaker/microphone controls, while retaining aria labels and tooltips.
   - Increase English/French card copy slightly without changing the 4x2 layout.
   - Give the static foundational-word Objective panel more room so its text stays
     fully inside the panel instead of being clipped by the cards below. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control .eff-pronunciation-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(8px,1.15cqw,14px)!important;
  flex-wrap:nowrap!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control .eff-pronunciation-actions button{
  flex:0 0 auto!important;
  width:clamp(42px,4.7cqw,60px)!important;
  min-width:0!important;
  min-height:32px!important;
  padding:clamp(4px,.45cqw,7px)!important;
  font-size:clamp(16px,2.05cqw,24px)!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control [data-pronunciation-listen]::after,
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control [data-pronunciation-record]::after{
  content:none!important;
  display:none!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word{
  font-size:clamp(24px,3.05cqw,36px)!important;
  line-height:1!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation{
  font-size:clamp(18px,2.18cqw,27px)!important;
  line-height:1.03!important;
}

/* The Objective block on foundational-list slides is authored as one text panel.
   Expand it left/up and make it taller so the full objective remains visible. */
.foundational-list-native .foundation-list-objective{
  left:62.5%!important;
  top:10.2%!important;
  width:34.0%!important;
  height:17.5%!important;
  box-sizing:border-box!important;
  padding:clamp(5px,.55cqw,9px)!important;
  font-size:clamp(16px,1.62cqw,22px)!important;
  line-height:1.10!important;
  overflow:hidden!important;
}
@container (max-width:760px){
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-target-word{font-size:clamp(19px,3.9cqw,27px)!important;}
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-translation{font-size:clamp(15px,3.0cqw,21px)!important;}
  .foundational-pronunciation-native.eff-pronunciation-grid-slide .foundation-pronunciation-control .eff-pronunciation-actions button{
    width:clamp(34px,7.4cqw,48px)!important;
    min-height:29px!important;
    font-size:clamp(14px,4.0cqw,20px)!important;
  }
  .foundational-list-native .foundation-list-objective{
    left:61.5%!important;top:9.8%!important;width:35.0%!important;height:18.5%!important;
    font-size:clamp(13px,2.55cqw,18px)!important;
  }
}

/* v0.11.64 — Compact Slide Studio workspace */
.compact-slide-studio-top{align-items:center;margin-bottom:12px;gap:14px}
.compact-slide-studio-top .slide-studio-heading{flex:0 0 auto;min-width:210px}
.compact-slide-studio-top .slide-studio-heading h1{margin:2px 0 0;font-size:32px;line-height:1.08}
.compact-slide-studio-top .slide-studio-heading .eyebrow{margin:0;font-size:11px}
.slide-studio-primary-actions{justify-content:flex-end;gap:7px}
.slide-studio-primary-actions .btn{padding:9px 13px}
.compact-pptx-import-panel{margin:0 0 14px;padding:16px 18px;box-shadow:none}
.compact-pptx-import-panel:not([open]){display:none}
.compact-pptx-import-panel summary{min-height:28px}
.compact-pptx-import-panel .pptx-import-body{margin-top:10px;padding-top:12px}
.slide-studio-layout{gap:16px}
.slide-workspace-panel{padding:20px}
.slide-inspector-panel{padding:20px}
.slide-screen-nav{margin-top:6px;margin-bottom:12px;padding:8px 10px}
@media(max-width:1050px){
  .compact-slide-studio-top{align-items:flex-start;flex-direction:column}
  .slide-studio-primary-actions{justify-content:flex-start}
}
@media(max-width:700px){
  .compact-slide-studio-top .slide-studio-heading h1{font-size:28px}
  .slide-studio-primary-actions .btn{padding:8px 11px;font-size:14px}
  .slide-workspace-panel,.slide-inspector-panel{padding:14px}
}

/* v0.11.65 — focused admin lesson preview.
   Preview is a learner-style player, not an editing page: remove course chrome,
   keep only a compact preview toolbar and stable Previous/Next controls, and
   anchor each selected screen in the same viewport position. */
.admin-lesson-preview .site-header,
.admin-lesson-preview .site-footer,
.admin-lesson-preview .learner-course-sidebar,
.admin-lesson-preview .learner-sidebar-backdrop{
  display:none!important;
}
.admin-lesson-preview .container{
  max-width:none!important;
  width:100%!important;
  padding:8px 14px 18px!important;
}
.admin-lesson-preview .immersive-lesson-shell{
  display:block!important;
  width:100%!important;
}
.admin-lesson-preview .immersive-lesson-content{
  width:min(100%,1480px)!important;
  margin:0 auto!important;
}
.admin-lesson-preview .admin-preview-player-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  grid-template-columns:minmax(150px,auto) auto minmax(140px,260px)!important;
  min-height:48px!important;
  margin:0 0 7px!important;
  padding:6px 9px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 4px 16px rgba(25,36,54,.06)!important;
  backdrop-filter:blur(9px)!important;
}
.admin-lesson-preview .learner-preview-return{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-height:34px;
  padding:6px 10px;
  border:1px solid #d6deea;
  border-radius:9px;
  background:#fff;
  color:#24456e;
  font-size:13px;
  font-weight:750;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.admin-lesson-preview .learner-preview-return:hover{
  border-color:#9bb8e8;
  color:var(--accent);
  background:#f8fbff;
}
.admin-lesson-preview .learner-slide-viewbar{
  padding:5px 7px!important;
  min-height:36px!important;
}
.admin-lesson-preview .learner-view-btn{
  padding:5px 8px!important;
  font-size:11px!important;
}
.admin-lesson-preview .screen-player{
  min-height:0!important;
  scroll-margin-top:62px!important;
}
.admin-lesson-preview .lesson-screen{
  margin-bottom:6px!important;
}
.admin-lesson-preview .lesson-screen.content-block{
  border-radius:12px!important;
  box-shadow:none!important;
}
.admin-lesson-preview .learner-native-slide-wrap.view-fit .learner-native-slide{
  width:min(100%,calc((100vh - 154px) * 16 / 9))!important;
  max-height:calc(100vh - 154px)!important;
}
.admin-lesson-preview .screen-controls{
  position:sticky!important;
  bottom:0!important;
  z-index:39!important;
  margin:7px 0 0!important;
  padding:7px 9px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 -3px 14px rgba(25,36,54,.06)!important;
  backdrop-filter:blur(9px)!important;
}
.admin-lesson-preview .screen-controls .btn{
  min-width:132px!important;
  padding:8px 13px!important;
}
.admin-lesson-preview .lesson-finish{
  scroll-margin-top:62px!important;
}
@media(max-width:760px){
  .admin-lesson-preview .container{padding:4px 6px 12px!important;}
  .admin-lesson-preview .admin-preview-player-toolbar{
    grid-template-columns:auto auto 1fr!important;
    gap:7px!important;
    border-radius:9px!important;
  }
  .admin-lesson-preview .learner-preview-return{
    max-width:148px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .admin-lesson-preview .learner-native-slide-wrap.view-fit .learner-native-slide{
    width:min(100%,calc((100vh - 146px) * 16 / 9))!important;
    max-height:calc(100vh - 146px)!important;
  }
  .admin-lesson-preview .screen-controls .btn{min-width:0!important;flex:1!important;}
}


/* v0.11.69 — canonical Chapter 2 pronunciation-card renderer.
   The PowerPoint remains the content source, but the interactive 4x2 card area
   is drawn from one fixed learner template. This covers old card layers rather
   than editing saved Slide Studio geometry. */
.eff-fixed-pronunciation-grid .eff-fixed-pron-grid-cover{
  position:absolute!important;left:2.4%!important;top:31.2%!important;width:95.2%!important;height:61.5%!important;
  background:#fff!important;z-index:180!important;pointer-events:none!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-grid{
  position:absolute!important;left:3.4%!important;top:32.7%!important;width:93.2%!important;height:57.8%!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:4.2% 2%!important;z-index:210!important;box-sizing:border-box!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card{
  position:relative!important;min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;box-sizing:border-box!important;padding:6% 5% 5.2%!important;background:#f8fbff!important;
  border:1px solid #c9d5e5!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card::before{
  content:'';position:absolute;left:0;top:0;width:100%;height:3.3%;background:var(--eff-card-accent,#173f70);
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-word{
  width:100%!important;text-align:center!important;color:var(--eff-card-accent,#173f70)!important;
  font-size:clamp(22px,2.75cqw,34px)!important;line-height:1.02!important;font-weight:800!important;
  white-space:normal!important;overflow-wrap:anywhere!important;margin-top:1%!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-translation{
  width:100%!important;text-align:center!important;color:#202937!important;font-size:clamp(17px,2.05cqw,25px)!important;
  line-height:1.08!important;font-weight:500!important;margin-top:5.5%!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-divider{
  width:92%!important;height:1px!important;background:#d4dde9!important;margin-top:auto!important;margin-bottom:5.2%!important;flex:0 0 auto!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-control{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex:0 0 auto!important;}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-widget{
  width:100%!important;display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-actions{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8%!important;width:100%!important;margin:0!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-actions button{
  min-width:0!important;width:100%!important;min-height:34px!important;height:auto!important;padding:7px 4px!important;border-radius:10px!important;
  font-size:0!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card [data-pronunciation-listen]::after{content:'🔊'!important;font-size:clamp(17px,2.05cqw,25px)!important;}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card [data-pronunciation-record]::after{content:'🎙'!important;font-size:clamp(17px,2.05cqw,25px)!important;}
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-clarity-gauge,
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-status,
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-heard,
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-eyebrow,
.eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-word{display:none!important;}
.eff-fixed-pronunciation-grid .eff-fixed-pron-instruction{
  line-height:1.08!important;font-weight:700!important;overflow:visible!important;white-space:normal!important;z-index:120!important;
}
.eff-fixed-pronunciation-grid.eff-shared-clarity-mode .eff-shared-clarity-panel{z-index:520!important;background:#fff!important;}
@container (max-width:760px){
  .eff-fixed-pronunciation-grid .eff-fixed-pron-grid{left:3.2%!important;width:93.6%!important;gap:4% 1.6%!important;}
  .eff-fixed-pronunciation-grid .eff-fixed-pron-card{border-radius:13px!important;padding:5% 4% 4.6%!important;}
  .eff-fixed-pronunciation-grid .eff-fixed-pron-word{font-size:clamp(18px,4cqw,27px)!important;}
  .eff-fixed-pronunciation-grid .eff-fixed-pron-translation{font-size:clamp(14px,3cqw,20px)!important;margin-top:4%!important;}
  .eff-fixed-pronunciation-grid .eff-fixed-pron-card .eff-pronunciation-actions button{min-height:30px!important;padding:5px 2px!important;}
}

/* v0.11.70 — restore the visible speaker/microphone icons on canonical
   Foundational Words pronunciation cards. An older foundational-only rule
   intentionally removed pseudo icons before the canonical 4x2 renderer existed;
   its higher specificity was leaving the newer buttons visually empty. Keep the
   existing card geometry and button behavior unchanged and only restore icons. */
.foundational-pronunciation-native.eff-pronunciation-grid-slide.eff-fixed-pronunciation-grid .eff-fixed-pron-card [data-pronunciation-listen]::after{
  content:'🔊'!important;
  display:inline-block!important;
  font-size:clamp(17px,2.05cqw,25px)!important;
  line-height:1!important;
}
.foundational-pronunciation-native.eff-pronunciation-grid-slide.eff-fixed-pronunciation-grid .eff-fixed-pron-card [data-pronunciation-record]::after{
  content:'🎙'!important;
  display:inline-block!important;
  font-size:clamp(17px,2.05cqw,25px)!important;
  line-height:1!important;
}


/* v0.11.71 — pronunciation instruction WYSIWYG fix.
   Do not force a separate learner-preview font size for the instruction line.
   The slide editor's authored font size and existing auto-fit logic now control it,
   keeping the full instruction visible above the fixed pronunciation-card grid. */

/* v0.11.72 — keep long pronunciation instructions clear of the live clarity gauge.
   A few cognate/related-word slides have a wider authored instruction box. In
   learner/admin Preview that box could visually continue underneath the shared
   upper-right gauge because the fixed-grid rule allowed visible overflow.
   Preserve the authored font size and geometry wherever they already fit; only
   cap the instruction's usable width to the safe area left of the gauge and let
   the existing Preview auto-fit shrink the text when a longer sentence needs it. */
.learner-native-slide.eff-fixed-pronunciation-grid.eff-shared-clarity-mode .eff-fixed-pron-instruction{
  max-width:61.0%!important;
  overflow:hidden!important;
  white-space:normal!important;
}


/* v0.12.0 — multi-course catalog, learner accounts, enrollment and course access */
.platform-hero{background:linear-gradient(135deg,#f7fbff,#eef5ff);border:1px solid var(--line)}
.course-catalog-grid,.admin-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.course-catalog-card,.admin-course-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(25,45,75,.06);display:flex;flex-direction:column;gap:12px}
.course-catalog-card h2,.admin-course-card h2{margin:0;font-size:24px;line-height:1.15}
.course-catalog-card p,.admin-course-card p{margin:0}
.course-card-top,.course-detail-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.course-card-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:750;margin-top:auto}
.course-access-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.03em;background:#eef3f7;color:#476079;border:1px solid #dce5ed}
.course-access-badge.free{background:#edf9f2;color:#287547;border-color:#cdebd8}
.course-access-badge.paid{background:#fff7df;color:#7b5b00;border-color:#eddc9b}
.course-access-badge.private{background:#f3effb;color:#634390;border-color:#ddd1ef}
.course-detail-hero{padding-bottom:24px}.course-detail-meta{justify-content:flex-start;margin-top:16px}
.enrollment-panel{max-width:980px;margin:0 auto 28px}.enrollment-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:18px}
.enrollment-option{border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--soft)}
.enrollment-option h3{margin-top:0}.course-access-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}
.auth-shell{min-height:60vh;display:grid;place-items:center}.auth-card{width:min(520px,100%)}.auth-card h1{margin-top:5px}
.course-authoring-tools{margin-bottom:20px}.course-authoring-tools .actions{margin-top:10px}
@media(max-width:720px){
  .course-catalog-grid,.admin-course-grid{grid-template-columns:1fr}
  .course-catalog-card,.admin-course-card{padding:18px}
  .course-catalog-card h2,.admin-course-card h2{font-size:21px}
  .enrollment-options-grid{grid-template-columns:1fr}
  .site-header .brand span:last-child{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}