:root{
  --lec-li:#7F1B50;
  --lec-d:#1C3778;
  --lec-ia:#E55050;
  --lec-ink:#17213b;
  --lec-muted:#687386;
  --lec-line:#e3e8f0;
  --lec-soft:#f5f7fb;
  --lec-white:#fff;
  --lec-shadow:0 12px 38px rgba(25,39,64,.08);
  --lec-radius:20px;
}
.lec-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--lec-ink);max-width:1180px;margin:24px auto;padding:0 16px;box-sizing:border-box}
.lec-shell *{box-sizing:border-box}.lec-shell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lec-course-hero{position:relative;overflow:hidden;border:1px solid var(--lec-line);border-radius:26px;background:linear-gradient(135deg,#fff 20%,#f5f7fb);box-shadow:var(--lec-shadow)}
.lec-course-hero.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 30%,rgba(255,255,255,.72)),var(--lec-cover) center/cover;opacity:.96}
.lec-course-hero-inner{position:relative;display:flex;align-items:center;gap:18px;padding:28px}.lec-course-symbol{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lec-d),var(--lec-li) 60%,var(--lec-ia));color:#fff;box-shadow:0 12px 28px rgba(28,55,120,.2)}
.lec-course-symbol svg{width:38px;height:38px}.lec-course-title{min-width:0;flex:1}.lec-course-title>span{display:block;color:var(--lec-li);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lec-course-title h1{font-size:clamp(26px,4vw,44px);line-height:1.08;margin:5px 0 8px;color:var(--lec-ink)}
.lec-course-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lec-course-meta code{padding:4px 8px;border-radius:8px;background:#edf1f8;color:var(--lec-d);font-weight:700}.lec-course-meta small{color:var(--lec-muted);font-size:11px}.lec-access-pill{align-self:flex-start;padding:7px 11px;border-radius:999px;background:#eaf7ef;color:#227443;font-weight:800;font-size:12px}.lec-access-pill.is-completed{background:#edf0ff;color:#4945a7}
.lec-course-tabs{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;padding:7px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--lec-line);border-radius:18px;box-shadow:0 8px 24px rgba(25,39,64,.06)}
.lec-course-tabs button{border:0;background:transparent;color:var(--lec-muted);border-radius:13px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:750;cursor:pointer}.lec-course-tabs button b{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#eef1f6;font-size:10px}.lec-course-tabs button.is-active{background:var(--lec-d);color:#fff}.lec-course-tabs button.is-active b{background:rgba(255,255,255,.18)}
.lec-tab-panel{animation:lecFade .2s ease}.lec-course-intro,.lec-unit-tree,.lec-video-grid,.lec-notice-list{margin-top:14px}.lec-course-intro{padding:22px;border:1px solid var(--lec-line);border-radius:var(--lec-radius);background:#fff}.lec-course-intro>:first-child{margin-top:0}.lec-course-intro>:last-child{margin-bottom:0}
.lec-search-wrap{margin:14px 0}.lec-search-wrap label{display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--lec-line);border-radius:15px;background:#fff}.lec-search-wrap input{width:100%;border:0!important;box-shadow:none!important;outline:0;padding:13px 0;font:inherit;background:transparent}.lec-search-wrap svg{color:var(--lec-muted)}
.lec-unit{margin:10px 0}.lec-unit[hidden]{display:none!important}.lec-unit details{border:1px solid var(--lec-line);border-radius:17px;background:#fff;overflow:hidden}.lec-unit summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px}.lec-unit summary::-webkit-details-marker{display:none}.lec-unit summary small{color:var(--lec-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.lec-unit-number{min-width:45px;color:var(--lec-d);font-weight:850}.lec-unit-body{padding:0 16px 16px}.lec-unit-content{padding:16px;border-top:1px solid var(--lec-line);line-height:1.7}.lec-unit.is-topic{margin-left:18px}.lec-unit.is-subsection{margin-left:18px}.lec-unit.is-topic details{background:#fbfcfe}.lec-unit.is-subsection details{border-style:dashed}.lec-no-results{padding:22px;text-align:center;color:var(--lec-muted)}
.lec-access-gate,.lec-empty-card{padding:34px 22px;text-align:center;border:1px solid var(--lec-line);border-radius:var(--lec-radius);background:linear-gradient(180deg,#fff,#f7f9fc);margin:14px 0}.lec-access-gate>div:first-child,.lec-empty-card>svg{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:#eef2f8;color:var(--lec-d)}.lec-access-gate h2,.lec-empty-card h2{margin:0 0 8px}.lec-access-gate p,.lec-empty-card p{max-width:620px;margin:0 auto 18px;color:var(--lec-muted)}
.lec-action-row,.lec-course-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.lec-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;background:var(--lec-d);color:#fff!important;text-decoration:none!important;font-weight:800;border:1px solid var(--lec-d)}.lec-button.is-secondary{background:#fff;color:var(--lec-d)!important}.lec-button.is-light{background:var(--lec-soft);color:var(--lec-ink)!important;border-color:var(--lec-line)}.lec-button svg{width:18px;height:18px}
.lec-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lec-video-card{overflow:hidden;border:1px solid var(--lec-line);border-radius:18px;background:#fff}.lec-video-frame{aspect-ratio:16/9;background:#0c1530;display:grid;place-items:center}.lec-video-frame iframe,.lec-video-frame video,.lec-video-frame .wp-video{width:100%!important;height:100%!important}.lec-video-frame>a{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none}.lec-video-card>div:last-child{padding:14px}.lec-video-card span{font-weight:850;color:var(--lec-d)}.lec-video-card h2{font-size:17px;margin:3px 0 0}
.lec-notice-list{display:grid;gap:12px}.lec-notice-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border:1px solid var(--lec-line);border-radius:17px;background:#fff}.lec-notice-card>div:first-child{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef2f8;color:var(--lec-d)}.lec-notice-card time{color:var(--lec-muted);font-size:12px}.lec-notice-card h2{font-size:18px;margin:3px 0 8px}.lec-notice-card.is-important{border-color:#f2c8c8}.lec-notice-card.is-urgent{border-color:var(--lec-ia);box-shadow:0 0 0 3px rgba(229,80,80,.08)}.lec-course-actions{padding:18px;margin-top:16px;border-top:1px solid var(--lec-line)}
.lec-section-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.lec-section-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--lec-d);color:#fff}.lec-section-head h1{margin:0;font-size:32px}.lec-section-head p{margin:3px 0 0;color:var(--lec-muted)}.lec-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lec-member-course-card,.lec-directory-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--lec-line);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(25,39,64,.04)}.lec-directory-card{color:var(--lec-ink);text-decoration:none}.lec-directory-card.is-clickable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.lec-directory-card.is-clickable:hover{border-color:#c7d2e3;background:#fbfcff;box-shadow:0 10px 26px rgba(25,39,64,.07)}.lec-directory-card.is-clickable:focus-visible{outline:3px solid rgba(28,55,120,.2);outline-offset:3px;border-color:#9fb2ce}.lec-directory-card.is-clickable:hover .lec-card-open,.lec-directory-card.is-clickable:focus-visible .lec-card-open{background:#e8eef8;color:var(--lec-d)}.lec-card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eef2f8,#fff);color:var(--lec-d)}.lec-card-main{min-width:0}.lec-card-main small{color:var(--lec-li);font-weight:800}.lec-card-main h2{font-size:17px;margin:2px 0 4px}.lec-card-main p{font-size:12px;color:var(--lec-muted);margin:0}.lec-card-main p span{font-weight:800;color:var(--lec-d)}.lec-card-open{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--lec-d);background:#f2f5fa}.lec-progress{height:5px;background:#edf0f5;border-radius:999px;overflow:hidden;margin-top:9px}.lec-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--lec-d),var(--lec-li),var(--lec-ia))}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes lecFade{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:760px){.lec-shell{margin:14px auto;padding:0 10px}.lec-course-hero-inner{padding:20px;align-items:flex-start}.lec-course-symbol{width:58px;height:58px;border-radius:17px}.lec-course-symbol svg{width:30px;height:30px}.lec-course-meta small{display:none}.lec-access-pill{position:absolute;right:12px;top:12px}.lec-course-tabs{top:4px}.lec-course-tabs button{padding:10px 6px}.lec-video-grid,.lec-course-grid{grid-template-columns:1fr}.lec-unit.is-topic,.lec-unit.is-subsection{margin-left:8px}.lec-unit summary{grid-template-columns:auto 1fr}.lec-unit summary small{display:none}.lec-section-head h1{font-size:27px}}
@media(max-width:430px){.lec-course-title h1{font-size:23px}.lec-course-symbol{width:48px;height:48px}.lec-course-hero-inner{gap:12px}.lec-course-tabs button span{font-size:12px}.lec-course-tabs button b{display:none}.lec-course-meta{display:none}.lec-member-course-card,.lec-directory-card{padding:13px;gap:10px}.lec-card-icon{width:42px;height:42px}.lec-card-main h2{font-size:15px}}

/* v0.3.6 — Your Courses & Student Course Workspace */
.lec-member-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.lec-member-summary>div{padding:14px 16px;border:1px solid var(--lec-line);border-radius:15px;background:#fff}.lec-member-summary span{display:block;color:var(--lec-muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.lec-member-summary strong{display:block;margin-top:3px;color:var(--lec-ink);font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.lec-course-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}.lec-course-filters button{border:1px solid var(--lec-line);background:#fff;color:var(--lec-muted);border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.lec-course-filters button.is-active{background:var(--lec-d);border-color:var(--lec-d);color:#fff}.lec-course-filters button:focus-visible{outline:3px solid rgba(28,55,120,.18);outline-offset:2px}
.lec-your-courses .lec-course-grid{align-items:stretch}.lec-member-course-card{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:17px;min-width:0}.lec-member-course-card[hidden]{display:none!important}.lec-member-course-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px}.lec-member-course-card .lec-card-main code{display:inline-block;margin-top:2px;padding:3px 7px;border-radius:7px;background:#f2f5fa;color:var(--lec-d);font-size:10px;font-weight:800}.lec-card-status{align-self:start;padding:6px 9px;border-radius:999px;background:#eef2f8;color:var(--lec-d);font-size:10px;font-weight:850;white-space:nowrap}.lec-card-status.is-active{background:#eaf7ef;color:#227443}.lec-card-status.is-completed{background:#edf0ff;color:#4945a7}.lec-card-status.is-pending{background:#fff7df;color:#8c6418}.lec-card-status.is-suspended,.lec-card-status.is-expired,.lec-card-status.is-revoked{background:#fff0f0;color:#9a3e3e}
.lec-member-course-progress{padding:11px 12px;border-radius:13px;background:#f8f9fc}.lec-member-course-progress>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.lec-member-course-progress>div>span{height:7px;background:#e7ebf2;border-radius:999px;overflow:hidden}.lec-member-course-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--lec-d),var(--lec-li),var(--lec-ia));border-radius:inherit}.lec-member-course-progress strong{font-size:12px;color:var(--lec-d)}.lec-member-course-progress small{display:block;margin-top:4px;color:var(--lec-muted);font-size:10px}
.lec-member-course-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lec-member-course-facts>div{padding:10px 11px;border:1px solid var(--lec-line);border-radius:12px;background:#fff}.lec-member-course-facts span{display:block;color:var(--lec-muted);font-size:10px}.lec-member-course-facts strong{display:block;margin-top:2px;color:var(--lec-ink);font-size:12px;overflow-wrap:anywhere}.lec-member-course-actions{margin-top:auto;display:flex;align-items:center}.lec-member-course-actions .lec-button{width:100%}.lec-course-state{display:flex;width:100%;justify-content:center;padding:10px 12px;border-radius:12px;background:#f3f5f8;color:var(--lec-muted);font-size:12px;font-weight:800}.lec-course-state.is-pending{background:#fff7df;color:#8c6418}.lec-course-state.is-suspended,.lec-course-state.is-expired,.lec-course-state.is-revoked{background:#fff0f0;color:#9a3e3e}
.lec-student-workspace{position:relative;margin:14px 0;padding:17px;border:1px solid var(--lec-line);border-radius:18px;background:linear-gradient(135deg,#fff,#f6f8fc);box-shadow:0 8px 22px rgba(25,39,64,.04)}.lec-student-workspace-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:18px;align-items:center}.lec-student-workspace-copy>span{display:block;color:var(--lec-li);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.lec-student-workspace-copy h2{margin:3px 0 0;font-size:21px;color:var(--lec-ink)}.lec-student-progress>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.lec-student-progress>div>span{height:8px;background:#e6eaf1;border-radius:999px;overflow:hidden}.lec-student-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--lec-d),var(--lec-li),var(--lec-ia));border-radius:inherit}.lec-student-progress strong{font-size:13px;color:var(--lec-d)}.lec-student-progress small{display:block;margin-top:4px;color:var(--lec-muted);font-size:10px}.lec-student-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.lec-student-facts>div{padding:10px 11px;border-radius:12px;background:#fff;border:1px solid var(--lec-line)}.lec-student-facts span{display:block;color:var(--lec-muted);font-size:10px}.lec-student-facts strong{display:block;margin-top:2px;color:var(--lec-ink);font-size:12px;overflow-wrap:anywhere}.lec-student-continue{margin-top:13px}
@media(max-width:760px){.lec-member-summary{grid-template-columns:repeat(3,1fr)}.lec-member-summary>div{padding:11px}.lec-member-summary strong{font-size:17px}.lec-student-workspace-main{grid-template-columns:1fr}.lec-student-facts{grid-template-columns:repeat(2,1fr)}.lec-member-course-top{grid-template-columns:auto minmax(0,1fr)}.lec-card-status{grid-column:2;justify-self:start}.lec-member-course-facts{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.lec-member-summary{gap:6px}.lec-member-summary>div{padding:9px 8px}.lec-member-summary span{font-size:9px}.lec-member-summary strong{font-size:15px}.lec-course-filters{gap:5px}.lec-course-filters button{padding:7px 10px;font-size:11px}.lec-member-course-card{padding:14px}.lec-member-course-facts{grid-template-columns:1fr}.lec-student-workspace{padding:14px}.lec-student-facts{grid-template-columns:1fr 1fr}.lec-student-facts>div{padding:9px}.lec-student-continue{width:100%}}

/* v0.3.7 — Course Content & Progress */
.lec-unit summary{grid-template-columns:auto minmax(0,1fr) auto}.lec-unit-meta{display:flex;align-items:center;gap:8px;justify-self:end}.lec-unit-state{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#eef2f8;color:var(--lec-d);font-size:12px;font-style:normal;font-weight:900;opacity:0;transform:scale(.9);transition:opacity .16s ease,transform .16s ease,background .16s ease,color .16s ease}.lec-unit.is-in-progress>details>summary .lec-unit-state{opacity:1;background:#fff5dd;color:#8b6500}.lec-unit.is-completed>details>summary .lec-unit-state{opacity:1;background:#e8f5ed;color:#277443;transform:scale(1)}
.lec-unit-completion{display:flex;justify-content:flex-end;padding:12px 0 2px}.lec-unit-completion button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid var(--lec-line);border-radius:11px;background:#fff;color:var(--lec-d);font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease}.lec-unit-completion button:hover,.lec-unit-completion button:focus-visible{border-color:#9db1d0;outline:none}.lec-unit-completion button.is-completed{background:#e8f5ed;border-color:#c7e7d2;color:#277443}.lec-unit-completion button:disabled{opacity:.55;cursor:wait}.lec-unit.is-completed>details{border-color:#cfe6d7}.lec-unit.is-in-progress>details{border-color:#ead8a7}.lec-progress-message{margin:12px 0 0;padding:9px 11px;border-radius:10px;background:#fff0f0;color:#9a3e3e;font-size:12px;font-weight:700}.lec-progress-message[hidden]{display:none!important}
@media(max-width:760px){.lec-unit-meta small{display:none}.lec-unit-completion button{width:100%}}
@media(prefers-reduced-motion:reduce){.lec-unit-state,.lec-unit-completion button{transition:none!important}.lec-tab-panel{animation:none!important}}

/* v0.3.8 completion and education-record readiness */
.lec-completion-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid rgba(28,55,120,.14);border-radius:14px;background:rgba(28,55,120,.035)}
.lec-completion-note>div{display:flex;flex:1 1 220px;flex-direction:column;gap:2px}.lec-completion-note small{opacity:.72}.lec-completion-note a,.lec-completion-note>span{font-size:12px;font-weight:700;text-decoration:none;border:1px solid currentColor;border-radius:999px;padding:6px 9px}
.lec-completion-note.is-waiting{background:rgba(127,27,80,.035)}
.lec-member-course-record{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px}.lec-member-course-record span{opacity:.72}.lec-member-course-record a{font-weight:700;text-decoration:none}


/* LiDia Edu Course v0.4.0 — public Course Profile foundation */
.lec-public-course-profile{display:grid;gap:14px;margin:0 0 18px}.lec-course-abstract,.lec-public-course-profile .lec-course-intro{padding:17px 18px;border:1px solid var(--lec-border,#e5e8ee);border-radius:16px;background:#fff}.lec-course-abstract>span,.lec-public-course-profile .lec-course-intro>span,.lec-course-connections-public>span{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.66}.lec-course-profile-facts{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.lec-course-profile-facts>div,.lec-course-details-link{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:10px 14px;border:1px solid var(--lec-border,#e5e8ee);border-radius:14px;background:#fff;text-decoration:none}.lec-course-profile-facts span{font-size:11px;opacity:.65}.lec-course-details-link{flex-direction:row;align-items:center;gap:8px}.lec-course-details-link svg{width:18px;height:18px}.lec-course-connections-public{padding:14px 0}.lec-course-connections-public>div{display:flex;gap:8px;flex-wrap:wrap}.lec-course-connections-public a{min-width:130px;padding:10px 12px;border:1px solid var(--lec-border,#e5e8ee);border-radius:13px;background:#fff;text-decoration:none}.lec-course-connections-public a small,.lec-course-connections-public a strong{display:block}.lec-course-connections-public a small{font-size:10px;opacity:.62;text-transform:uppercase}.lec-course-connections-public a strong{margin-top:3px}@media(max-width:640px){.lec-course-profile-facts{display:grid;grid-template-columns:1fr 1fr}.lec-course-connections-public>div{display:grid;grid-template-columns:1fr 1fr}.lec-course-connections-public a{min-width:0}}@media(max-width:420px){.lec-course-profile-facts,.lec-course-connections-public>div{grid-template-columns:1fr}}

/* LiDia Edu Course v0.4.1 — CourseBox learning metadata */
.lec-unit-optional{display:inline-flex!important;padding:2px 6px;border:1px solid var(--lec-border,#e5e8ee);border-radius:999px;background:#fafbfd}.lec-unit-resource{margin:14px 0 0}.lec-unit-resource a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--lec-border,#e5e8ee);border-radius:11px;background:#fff;text-decoration:none}.lec-unit-resource svg{width:17px;height:17px}

/* LiDia Edu Course v0.4.2 — protected learning media */
.lec-protected-image{margin:16px 0}.lec-protected-image img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border:1px solid #e0e6ed;border-radius:16px;background:#f7f9fb}.lec-protected-video{margin:16px 0;overflow:hidden;border:1px solid #dfe6ef;border-radius:16px;background:#111}.lec-protected-video video,.lec-video-frame video{display:block;width:100%;max-height:74vh;background:#111}.lec-protected-audio{display:flex;align-items:center;gap:10px;margin:14px 0;padding:11px 13px;border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc}.lec-protected-audio>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#eaf0f8;color:#1c3778}.lec-protected-audio svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.lec-protected-audio audio{width:100%;min-width:0}.lec-unit-resource.is-protected a{border-color:#cfdeee;background:#f3f7fc}.lec-unit-resource.is-protected small{margin-left:auto;padding:3px 7px;border-radius:999px;background:#e4edf8;color:#1c3778;font-size:10px;font-weight:800}.lec-video-card>div>small{display:block;margin-top:5px;color:#718096;font-size:11px}@media(max-width:600px){.lec-protected-audio{align-items:flex-start;flex-direction:column}.lec-protected-audio>span{display:none}}

/* LiDia Edu Course v0.4.3 — Smart Course App UX & Navigation */
html.lec-course-menu-open{overflow:hidden}
.lec-course-app{--lec-app-max:1460px;--lec-app-gutter:clamp(12px,2vw,28px);max-width:none;width:100%;margin:0;padding:0 0 28px;min-height:100vh;background:linear-gradient(180deg,#f8f9fc 0,#fff 300px);overflow-x:clip}
.lec-course-app>.lec-course-hero,.lec-course-app>.lec-student-workspace,.lec-course-app>.lec-tab-panel,.lec-course-app>.lec-course-actions,.lec-course-app>.lec-mobile-search{width:min(calc(100% - (var(--lec-app-gutter) * 2)),var(--lec-app-max));margin-left:auto;margin-right:auto}
.lec-app-bar{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:70;width:100%;margin:0 0 14px;border:0;border-bottom:1px solid rgba(212,220,232,.94);border-radius:0;background:rgba(255,255,255,.97);box-shadow:0 7px 24px rgba(22,33,59,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.lec-app-bar-inner{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:12px;width:min(calc(100% - (var(--lec-app-gutter) * 2)),var(--lec-app-max));min-height:58px;margin:0 auto;padding:7px 0}
.lec-app-brand{display:flex;align-items:center;gap:9px;min-width:0;padding:4px 8px;text-decoration:none!important;color:var(--lec-ink)!important}.lec-app-brand-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:linear-gradient(145deg,var(--lec-d),var(--lec-li));color:#fff}.lec-app-brand-symbol svg{width:20px;height:20px}.lec-app-brand>span:last-child{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.lec-app-brand strong{font-size:15px;letter-spacing:-.01em}.lec-app-brand small{font-size:10px;color:var(--lec-muted);font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.lec-app-search{display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;border:1px solid var(--lec-line);border-radius:12px;background:#f8fafc}.lec-app-search svg{width:17px;height:17px;color:var(--lec-muted)}.lec-app-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:8px 0!important;font:inherit;font-size:13px;color:var(--lec-ink)}
.lec-app-nav{display:flex;align-items:center;gap:3px}.lec-app-nav button,.lec-app-nav>a{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:40px;height:40px;padding:0 9px;border:0;border-radius:11px;background:transparent;color:var(--lec-muted)!important;text-decoration:none!important;font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.lec-app-nav button:hover,.lec-app-nav button:focus-visible,.lec-app-nav>a:hover,.lec-app-nav>a:focus-visible{background:#f1f4f8;color:var(--lec-d)!important;outline:none}.lec-app-nav button.is-active{background:var(--lec-d);color:#fff!important}.lec-app-nav svg{width:18px;height:18px}.lec-app-nav b{display:grid;place-items:center;position:absolute;top:1px;right:1px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--lec-li);color:#fff;font-size:8px;line-height:1}.lec-app-mobile-actions{display:none}
.lec-mobile-search{width:min(100%,var(--lec-app-max));margin:-4px auto 12px}.lec-mobile-search label{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--lec-line);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(22,33,59,.05)}.lec-mobile-search input{width:100%;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;padding:12px 0!important;font:inherit}.lec-mobile-search svg{width:18px;height:18px;color:var(--lec-muted)}
.lec-course-app .lec-course-hero{margin-top:0;border-radius:22px;box-shadow:0 10px 30px rgba(25,39,64,.06)}.lec-course-app .lec-course-hero-inner{padding:22px}.lec-course-app .lec-course-symbol{width:58px;height:58px;border-radius:18px}.lec-course-app .lec-course-symbol svg{width:30px;height:30px}.lec-course-app .lec-course-title h1{font-size:clamp(25px,3vw,38px)}.lec-course-app .lec-student-workspace{margin-top:12px;margin-bottom:12px}.lec-course-app .lec-tab-panel{padding-top:2px}.lec-course-app .lec-public-course-profile{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.lec-course-app .lec-course-abstract,.lec-course-app .lec-public-course-profile .lec-course-intro{min-height:100%;box-shadow:0 6px 20px rgba(25,39,64,.03)}.lec-course-app .lec-course-profile-facts{grid-column:1/-1}.lec-course-app .lec-unit-tree{margin-top:12px}.lec-course-app .lec-unit{scroll-margin-top:86px}.lec-course-app .lec-unit details{box-shadow:0 4px 16px rgba(22,33,59,.025)}
.lec-panel-heading{display:flex;align-items:center;gap:11px;margin:14px 0 12px;padding:12px 14px;border:1px solid var(--lec-line);border-radius:15px;background:#fff}.lec-panel-heading>div{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef2f8;color:var(--lec-d)}.lec-panel-heading>div svg{width:19px;height:19px}.lec-panel-heading>span{display:flex;flex-direction:column;min-width:0}.lec-panel-heading strong{font-size:14px}.lec-panel-heading small{margin-top:2px;color:var(--lec-muted);font-size:11px}
.lec-course-drawer-layer{position:fixed;inset:0;z-index:100100;opacity:0;transition:opacity .18s ease}.lec-course-drawer-layer.is-open{opacity:1}.lec-course-drawer-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,21,48,.38);backdrop-filter:blur(2px);cursor:pointer}.lec-course-drawer{position:absolute;top:0;right:0;width:min(410px,92vw);height:100%;padding:14px;background:#f8f9fc;box-shadow:-18px 0 48px rgba(10,20,45,.16);overflow-y:auto;overscroll-behavior:contain;transform:translate3d(26px,0,0);transition:transform .18s ease}.lec-course-drawer-layer.is-open .lec-course-drawer{transform:none}.lec-drawer-head{position:sticky;top:-14px;z-index:4;display:flex;align-items:center;justify-content:space-between;margin:-14px -14px 12px;padding:13px 14px;border-bottom:1px solid var(--lec-line);background:rgba(248,249,252,.96);backdrop-filter:blur(12px)}.lec-drawer-head>span{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--lec-muted)}.lec-drawer-head button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:#fff;color:var(--lec-ink);cursor:pointer}.lec-drawer-head button svg{width:18px;height:18px}
.lec-drawer-profile{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--lec-line);border-radius:16px;background:#fff}.lec-drawer-profile img,.lec-drawer-profile-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;object-fit:cover;background:linear-gradient(145deg,var(--lec-d),var(--lec-li));color:#fff}.lec-drawer-profile-symbol svg{width:28px;height:28px}.lec-drawer-profile>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.lec-drawer-profile small{color:var(--lec-li);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.lec-drawer-profile strong{display:block;margin:3px 0;font-size:15px;line-height:1.2}.lec-drawer-profile code{font-size:10px;color:var(--lec-d);background:#eef2f8;padding:3px 6px;border-radius:6px}
.lec-drawer-section{margin-top:10px;border:1px solid var(--lec-line);border-radius:14px;background:#fff;overflow:hidden}.lec-drawer-section>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;list-style:none;cursor:pointer;font-size:12px;font-weight:850}.lec-drawer-section>summary::-webkit-details-marker{display:none}.lec-drawer-section>summary svg{width:17px;height:17px;color:var(--lec-d)}.lec-drawer-section>summary svg:last-child{transition:transform .16s ease}.lec-drawer-section[open]>summary svg:last-child{transform:rotate(90deg)}.lec-drawer-section-body{padding:0 12px 12px}.lec-drawer-section-body p{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;padding:9px;border-radius:10px;background:#f7f9fc;font-size:11px}.lec-drawer-section-body p span{color:var(--lec-muted)}.lec-drawer-section-body a,.lec-drawer-links a{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#f7f9fc;color:var(--lec-ink)!important;text-decoration:none!important;font-size:11px;font-weight:800}.lec-drawer-section-body a svg{width:15px;height:15px}.lec-drawer-links{display:grid;gap:6px;padding:0 10px 10px}.lec-drawer-links a{display:block}.lec-drawer-links small,.lec-drawer-links strong{display:block}.lec-drawer-links small{font-size:8px;color:var(--lec-muted);text-transform:uppercase}.lec-drawer-links strong{margin-top:2px;font-size:11px}
.lec-drawer-learning{margin-top:12px}.lec-drawer-label{display:flex;align-items:center;gap:7px;padding:0 3px 8px;color:var(--lec-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.lec-drawer-label svg{width:16px;height:16px;color:var(--lec-d)}.lec-drawer-tree ul{list-style:none;margin:0;padding:0}.lec-drawer-tree ul ul{margin:5px 0 5px 13px;padding-left:7px;border-left:1px solid #dfe5ee}.lec-drawer-tree li{margin:5px 0}.lec-drawer-tree li[hidden]{display:none!important}.lec-drawer-tree details{border:1px solid var(--lec-line);border-radius:12px;background:#fff;overflow:hidden}.lec-drawer-tree details>summary,.lec-drawer-leaf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:10px;border:0;background:#fff;color:var(--lec-ink);text-align:left;list-style:none;cursor:pointer;font:inherit}.lec-drawer-tree details>summary::-webkit-details-marker{display:none}.lec-drawer-tree details>summary>span,.lec-drawer-leaf>span{min-width:0}.lec-drawer-tree small{display:block;color:var(--lec-d);font-size:9px;font-weight:850}.lec-drawer-tree strong{display:block;margin-top:1px;font-size:11px;line-height:1.25}.lec-drawer-tree summary>svg,.lec-drawer-leaf>svg{width:15px;height:15px;color:var(--lec-muted)}.lec-drawer-tree details[open]>summary>svg{transform:rotate(90deg)}.lec-drawer-tree details>button{display:flex;align-items:center;gap:6px;margin:0 8px 8px;padding:7px 9px;border:0;border-radius:9px;background:#eef2f8;color:var(--lec-d);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.lec-drawer-tree details>button svg{width:13px;height:13px}
.lec-video-card-body{padding:14px!important}.lec-video-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.lec-video-actions button{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--lec-line);border-radius:9px;background:#fff;color:var(--lec-d);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.lec-video-actions button:hover,.lec-video-actions button:focus-visible{background:#f3f6fa;outline:none}.lec-video-actions svg{width:14px;height:14px}
.lec-mobile-course-nav{display:none}
@media(max-width:1280px){.lec-app-nav button span,.lec-app-nav>a span{display:none}.lec-app-nav button,.lec-app-nav>a{padding:0 8px}.lec-app-bar-inner{grid-template-columns:auto minmax(180px,1fr) auto}}
@media(max-width:820px){
 .lec-course-app{--lec-app-gutter:9px;padding:0 0 92px;background:#f7f8fb}
 .lec-app-bar{top:var(--wp-admin--admin-bar--height,0px);margin-bottom:8px}.lec-app-bar-inner{grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:5px 0}
 .lec-app-brand{padding:3px 5px}.lec-app-brand-symbol{width:32px;height:32px;flex-basis:32px;border-radius:10px}.lec-app-brand strong{font-size:14px}.lec-app-brand small{font-size:9px}
 .lec-app-search-desktop,.lec-app-nav-desktop{display:none}.lec-app-mobile-actions{display:flex;align-items:center;gap:3px}.lec-app-mobile-actions button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:var(--lec-d);cursor:pointer}.lec-app-mobile-actions button[aria-expanded="true"]{background:#eef2f8}.lec-app-mobile-actions svg{width:19px;height:19px}
 .lec-course-app .lec-course-hero{border-radius:18px}.lec-course-app .lec-course-hero-inner{padding:17px;gap:11px}.lec-course-app .lec-course-symbol{width:48px;height:48px;border-radius:14px}.lec-course-app .lec-course-symbol svg{width:25px;height:25px}.lec-course-app .lec-course-title h1{font-size:23px}.lec-course-app .lec-course-title>span{font-size:10px}.lec-course-app .lec-course-meta small{display:inline}.lec-course-app .lec-access-pill{right:10px;top:10px;font-size:9px;padding:5px 7px}
 .lec-course-app .lec-public-course-profile{grid-template-columns:1fr}.lec-course-app .lec-course-profile-facts{grid-column:auto}.lec-course-app .lec-course-abstract,.lec-course-app .lec-public-course-profile .lec-course-intro{padding:15px;border-radius:14px}.lec-panel-heading{margin-top:10px}
 .lec-mobile-course-nav{position:fixed;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));z-index:10000;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;padding:5px;border:1px solid rgba(210,218,230,.94);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(18,31,57,.16);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .2s ease,opacity .2s ease}.lec-course-app.is-mobile-nav-hidden .lec-mobile-course-nav{transform:translate3d(0,125%,0);opacity:.2}.lec-mobile-course-nav button,.lec-mobile-course-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;height:48px;padding:3px;border:0;border-radius:12px;background:transparent;color:var(--lec-muted)!important;text-decoration:none!important;font:inherit;cursor:pointer}.lec-mobile-course-nav button.is-active{background:#eef2f8;color:var(--lec-d)!important}.lec-mobile-course-nav span{display:grid;place-items:center;width:23px;height:23px}.lec-mobile-course-nav svg{width:18px;height:18px}.lec-mobile-course-nav small{max-width:100%;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lec-course-app .lec-unit{scroll-margin-top:68px}.lec-course-app .lec-video-grid{grid-template-columns:1fr}.lec-course-actions{margin-bottom:8px}
}
@media(max-width:420px){.lec-app-brand>span:last-child{gap:3px}.lec-app-brand small{display:none}.lec-course-app .lec-course-meta small{display:none}.lec-course-app .lec-student-workspace{padding:13px}.lec-mobile-course-nav{left:7px;right:7px}.lec-mobile-course-nav small{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.lec-course-drawer-layer,.lec-course-drawer,.lec-mobile-course-nav{transition:none!important}}


/* LiDia Edu Course v0.4.4 — deliberate Chapter milestone confirmation */
.lec-chapter-confirmation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 2px;padding:12px 14px;border:1px solid var(--lec-line);border-radius:14px;background:#f8fafc}.lec-chapter-confirmation button{display:inline-flex;align-items:center;gap:7px;border:1px solid #ccd7e5;border-radius:11px;background:#fff;color:var(--lec-d);padding:9px 12px;font:inherit;font-weight:800;cursor:pointer}.lec-chapter-confirmation button:disabled{cursor:default;opacity:.62}.lec-chapter-confirmation button.is-completed{border-color:#b9dec7;background:#eef9f2;color:#1f7540;opacity:1}.lec-chapter-confirmation small{color:var(--lec-muted);line-height:1.4}.lec-chapter-confirmation button span:first-child{font-size:15px}
@media(max-width:640px){.lec-chapter-confirmation{align-items:stretch;flex-direction:column}.lec-chapter-confirmation button{justify-content:center}}

/* LiDia Edu Course v0.4.5 — contextual learning loop */
.lec-video-filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 2px}.lec-video-filters button{border:1px solid var(--lec-line);border-radius:999px;background:#fff;color:var(--lec-muted);padding:7px 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.lec-video-filters button.is-active{border-color:#bdcbe1;background:#eef3fa;color:var(--lec-d)}.lec-panel-heading .lec-notice-read-all{margin-left:auto;border:1px solid var(--lec-line);border-radius:10px;background:#fff;color:var(--lec-d);padding:7px 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.lec-notice-card{position:relative}.lec-notice-card.is-unread:after{content:"";position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--lec-ia);box-shadow:0 0 0 3px rgba(229,80,80,.1)}.lec-app-nav [data-lec-notice-badge]{min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--lec-ia);color:#fff;font-size:9px}.lec-mobile-icon-wrap{position:relative}.lec-mobile-icon-wrap [data-lec-notice-badge]{position:absolute;right:-6px;top:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;display:grid;place-items:center;background:var(--lec-ia);color:#fff;font-size:8px;line-height:1}.lec-video-card[hidden]{display:none!important}
@media(max-width:640px){.lec-video-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.lec-video-filters::-webkit-scrollbar{display:none}.lec-video-filters button{flex:0 0 auto}.lec-panel-heading .lec-notice-read-all{padding:6px 8px}}


/* LiDia Edu Course v0.4.6 — lightweight rendering and deferred media. */
.lec-course-app .lec-unit{content-visibility:auto;contain-intrinsic-size:auto 320px}
.lec-course-app video:not([src]),.lec-course-app audio:not([src]),.lec-course-app iframe:not([src]){background:#f5f7fa}
.lec-course-app .lec-unit[hidden],.lec-course-app [data-lec-video-card][hidden]{content-visibility:hidden}
@media (prefers-reduced-motion:reduce){.lec-course-app .lec-unit{contain-intrinsic-size:auto 260px}}

.lec-directory-pagination{display:flex;justify-content:center;margin:22px 0 4px}.lec-directory-pagination ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.lec-directory-pagination a,.lec-directory-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#243a63;text-decoration:none;font-weight:800}.lec-directory-pagination .current{background:#eef3fb;color:#1c3778;border-color:#c9d6e8}

/* LiDia Edu Course v0.5.0 — native Course App route */
html.lec-native-course-html,body.lec-native-course-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100%;background:#f7f8fb!important}body.lec-native-course-page{overflow-x:hidden!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#17213b!important}body.lec-native-course-page:before,body.lec-native-course-page:after{display:none!important;content:none!important}body.lec-native-course-page .lec-native-course-root{position:relative;display:block!important;width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:0!important;border:0!important;background:#f7f8fb!important;float:none!important;clear:both!important}body.lec-native-course-page .lec-native-course-root,body.lec-native-course-page .lec-native-course-root *{box-sizing:border-box}body.lec-native-course-page .lec-native-course-root .lec-course-app{width:100%!important;max-width:none!important;margin:0!important;min-height:100vh}body.lec-native-course-page .lec-native-course-root h1,body.lec-native-course-page .lec-native-course-root h2,body.lec-native-course-page .lec-native-course-root h3,body.lec-native-course-page .lec-native-course-root h4,body.lec-native-course-page .lec-native-course-root p{font-family:inherit}body.lec-native-course-page .lec-native-course-root a{text-decoration:none}body.lec-native-course-page.admin-bar .lec-app-bar{top:32px}@media(max-width:782px){body.lec-native-course-page.admin-bar .lec-app-bar{top:46px}}

/* v0.5.6 native shell hardening against direct/inline theme selectors. */
body.lec-native-course-page .lec-native-course-root .lec-app-bar{margin:0 0 14px!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(212,220,232,.94)!important;border-radius:0!important;background:rgba(255,255,255,.97)!important}body.lec-native-course-page .lec-native-course-root .lec-course-hero{margin-top:0!important;border:1px solid var(--lec-line)!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 20%,#f5f7fb)!important}body.lec-native-course-page .lec-native-course-root .lec-course-title h1{font-family:inherit!important;color:var(--lec-ink)!important;text-transform:none!important;letter-spacing:normal!important}body.lec-native-course-page .lec-native-course-root .lec-app-brand,body.lec-native-course-page .lec-native-course-root .lec-app-nav a{text-decoration:none!important}@media(max-width:760px){body.lec-native-course-page .lec-native-course-root .lec-app-bar{margin-bottom:8px!important}body.lec-native-course-page .lec-native-course-root .lec-course-hero{border-radius:18px!important}}

/* LiDia Edu Course v0.5.7 — special Course sections. */
.lec-unit.is-introduction,.lec-unit.is-completion{border-color:#d7e2f0;background:linear-gradient(180deg,#fbfdff 0%,#f7f9fc 100%)}.lec-unit.is-introduction>details>summary,.lec-unit.is-completion>details>summary{background:#f3f6fb}.lec-unit.is-introduction .lec-unit-number,.lec-unit.is-completion .lec-unit-number{min-width:auto;padding:4px 7px;border-radius:999px;background:#e6eef9;color:#1c3778;font-weight:800}.lec-unit.is-introduction .lec-unit-meta .lec-unit-optional,.lec-unit.is-completion .lec-unit-meta .lec-unit-optional{display:none}.lec-unit.is-completion{margin-top:18px}

/* LiDia Edu Course v0.5.8 — fail-safe native shell visibility. */
.lec-course-app[data-lec-app-shell="ready"]>.lec-app-bar{display:block!important}.lec-course-app[data-lec-app-shell="ready"]>.lec-mobile-course-nav{visibility:hidden}.lec-course-app[data-lec-app-shell="ready"]>.lec-tab-panel{width:100%}@media(max-width:820px){.lec-course-app[data-lec-app-shell="ready"]>.lec-mobile-course-nav{visibility:visible}}


/* LiDia Edu Course v0.5.9 — premium icon bar + resilient HTML sections. */
.lec-app-bar-inner{grid-template-columns:auto auto minmax(0,1fr);gap:10px}
.lec-app-brand{padding-left:4px;padding-right:10px}.lec-app-brand>span:last-child{display:block}.lec-app-brand strong{font-size:16px;font-weight:850}.lec-app-brand small{display:none!important}
.lec-app-search-desktop{width:clamp(180px,18vw,270px);justify-self:start;height:38px;padding:0 10px}.lec-app-search-desktop input{font-size:12px}.lec-app-search-desktop svg{width:16px;height:16px}
.lec-app-nav-desktop{justify-self:end;gap:5px}.lec-app-nav-desktop button,.lec-app-nav-desktop>a{width:42px;min-width:42px;height:42px;padding:0;border-radius:13px;color:#53627a!important}.lec-app-nav-desktop svg{width:21px;height:21px;stroke-width:2}.lec-app-nav-desktop button:hover,.lec-app-nav-desktop button:focus-visible,.lec-app-nav-desktop>a:hover,.lec-app-nav-desktop>a:focus-visible{background:#edf2f9;color:var(--lec-d)!important}.lec-app-nav-desktop button.is-active{background:var(--lec-d);color:#fff!important;box-shadow:0 5px 15px rgba(28,55,120,.18)}
.lec-unit-content{max-width:100%;overflow-wrap:anywhere}.lec-unit-content table{display:block;max-width:100%;overflow-x:auto}.lec-unit-content pre,.lec-unit-content code{max-width:100%}.lec-unit-content pre{overflow:auto}
@media(max-width:1280px){.lec-app-bar-inner{grid-template-columns:auto minmax(160px,240px) minmax(0,1fr)}.lec-app-search-desktop{width:100%}}
@media(max-width:820px){.lec-app-bar-inner{grid-template-columns:minmax(0,1fr) auto}.lec-app-brand strong{font-size:15px}}

/* LiDia Edu Course v0.5.10 — LiDia Edu brand shell + contextual learning media. */
.lec-app-brand{padding:2px 8px 2px 2px;min-width:138px}.lec-app-brand-logo{display:block;width:136px;height:auto;max-height:36px}.lec-app-brand-symbol{display:none!important}
.lec-course-app .lec-course-hero{background:#fff!important}.lec-course-app .lec-course-hero.has-cover:before{opacity:.22;background:linear-gradient(90deg,rgba(255,255,255,.98) 38%,rgba(255,255,255,.88)),var(--lec-cover) center/cover}.lec-course-app .lec-course-hero-inner{min-height:82px;padding:19px 22px}.lec-course-app .lec-course-symbol{display:none!important}.lec-course-app .lec-course-title>span,.lec-course-app .lec-course-meta{display:none!important}.lec-course-app .lec-course-title h1{margin:0;font-size:clamp(24px,2.6vw,34px)}
.lec-course-app .lec-public-course-profile{display:none!important}.lec-legacy-introduction{margin:12px 0}
.lec-drawer-brand-icon{display:block;width:31px!important;height:31px!important}.lec-drawer-abstract{padding:10px 0;border-top:1px solid var(--lec-line);color:var(--lec-muted);font-size:12px;line-height:1.6}.lec-drawer-abstract>span{display:block;margin-bottom:5px;color:var(--lec-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.lec-drawer-abstract p{margin:0 0 7px}.lec-drawer-abstract p:last-child{margin-bottom:0}
.lec-unit-layout{display:block}.lec-unit-layout.has-context-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,36%);gap:18px;align-items:start;padding-top:1px}.lec-unit-learning{min-width:0}.lec-unit-layout.has-context-media .lec-unit-content{border-top:1px solid var(--lec-line)}.lec-unit-context-media{position:sticky;top:84px;display:grid;gap:10px;min-width:0;padding:12px 0 4px}.lec-context-media-card{display:block;overflow:hidden;margin:0;border:1px solid #dfe6ef;border-radius:16px;background:#0c1530;box-shadow:0 7px 24px rgba(18,30,58,.07)}.lec-context-media-card.is-video{aspect-ratio:16/9}.lec-context-media-card.is-video iframe,.lec-context-media-card.is-video video{display:block;width:100%!important;height:100%!important;max-height:none!important;background:#0c1530}.lec-context-media-card.is-video.is-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff!important;text-decoration:none!important}.lec-context-media-card.is-video.is-link svg{width:28px;height:28px}.lec-context-media-card.is-image{background:#f6f8fb}.lec-context-media-card.is-image img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain}.lec-context-media-card.is-audio{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;color:var(--lec-d)}.lec-context-media-card.is-audio svg{width:20px;height:20px;flex:0 0 20px}.lec-context-media-card.is-audio audio{width:100%;min-width:0}.lec-unit-layout.has-context-media+.lec-unit{margin-top:12px}
@media(max-width:920px){.lec-unit-layout.has-context-media{grid-template-columns:minmax(0,1fr) minmax(250px,34%);gap:14px}.lec-unit-context-media{top:76px}}
@media(max-width:760px){.lec-app-brand{min-width:0}.lec-app-brand-logo{width:118px;max-height:32px}.lec-course-app .lec-course-hero-inner{min-height:70px;padding:15px 16px}.lec-unit-layout.has-context-media{display:flex;flex-direction:column;gap:8px}.lec-unit-context-media{position:static;order:2;width:100%;padding:0 0 4px}.lec-context-media-card.is-image img{max-height:520px}}

/* LiDia Edu Course v0.5.11 — resilient official LiDia Edu brand lockup. */
.lec-app-brand{display:inline-flex;align-items:center;gap:8px;min-width:max-content;padding:1px 8px 1px 1px!important}
.lec-app-brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px}
.lec-app-brand-icon{display:block;width:38px!important;height:38px!important}
.lec-app-brand-wordmark,.lec-drawer-brand-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:850;letter-spacing:-.035em;line-height:1}
.lec-app-brand-wordmark{font-size:21px}
.lec-brand-li{color:#7F1B50}.lec-brand-d{color:#1C3778}.lec-brand-ia{color:#E55050}.lec-brand-edu{margin-left:.30em;color:#1C3778;letter-spacing:-.02em}
.lec-app-brand-logo{display:none!important}
.lec-drawer-head>.lec-drawer-brand{display:inline-flex;align-items:center;gap:7px;min-width:0;text-transform:none;letter-spacing:0;color:inherit}
.lec-drawer-brand-mark{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px}
.lec-drawer-head-icon{display:block;width:27px!important;height:27px!important}
.lec-drawer-brand-wordmark{font-size:17px}
@media(max-width:900px){.lec-app-brand-mark{width:34px;height:34px;flex-basis:34px}.lec-app-brand-icon{width:34px!important;height:34px!important}.lec-app-brand-wordmark{font-size:19px}}
@media(max-width:420px){.lec-app-brand{gap:6px}.lec-app-brand-mark{width:31px;height:31px;flex-basis:31px}.lec-app-brand-icon{width:31px!important;height:31px!important}.lec-app-brand-wordmark{font-size:17px}.lec-brand-edu{margin-left:.24em}}

/* LiDia Edu Course v0.5.12 — stable special sections + Postbook-style video ratios. */
.lec-unit.is-special-panel{margin:14px 0}.lec-special-unit-panel{overflow:hidden;border:1px solid var(--lec-line);border-radius:19px;background:#fff;box-shadow:0 8px 26px rgba(25,39,64,.04)}.lec-special-unit-heading{display:flex;align-items:center;min-height:58px;padding:14px 18px;border-bottom:1px solid var(--lec-line);background:linear-gradient(135deg,#fff,#f7f9fc)}.lec-special-unit-heading h2{margin:0!important;color:var(--lec-ink);font-size:19px!important;line-height:1.25}.lec-unit.is-special-panel .lec-unit-body{padding:0 16px 16px}.lec-unit.is-special-panel .lec-unit-content{border-top:0;padding-top:18px}.lec-drawer-leaf.is-special>span strong{color:var(--lec-d)}
.lec-context-media-card.is-video.is-ratio-portrait{aspect-ratio:9/16;max-width:360px;margin-left:auto;margin-right:auto}.lec-context-media-card.is-video.is-ratio-landscape{aspect-ratio:16/9}.lec-video-card{width:100%;margin-inline:auto}.lec-video-card.is-ratio-portrait{max-width:430px}.lec-video-card.is-ratio-landscape{max-width:880px}.lec-video-card.is-ratio-portrait .lec-video-frame{aspect-ratio:9/16}.lec-video-card.is-ratio-landscape .lec-video-frame{aspect-ratio:16/9}.lec-video-grid{grid-template-columns:1fr!important;align-items:start;scroll-snap-type:y proximity}.lec-video-card{scroll-snap-align:start}.lec-video-frame{aspect-ratio:9/16}.lec-video-frame iframe,.lec-video-frame video,.lec-context-media-card.is-video iframe,.lec-context-media-card.is-video video{object-fit:contain;background:#090f1f}.lec-video-frame video:fullscreen,.lec-context-media-card.is-video video:fullscreen{object-fit:contain;background:#000}
@media(max-width:820px){.lec-context-media-card.is-video.is-ratio-portrait{width:min(100%,390px);max-width:390px}.lec-context-media-card.is-video.is-ratio-landscape{width:100%;max-width:none}.lec-video-card.is-ratio-portrait{max-width:min(100%,430px)}.lec-video-card.is-ratio-landscape{max-width:100%}.lec-special-unit-heading{min-height:52px;padding:12px 14px}.lec-special-unit-heading h2{font-size:17px!important}}


/* LiDia Edu Course v0.5.13 — compact lesson media + Postbook-style auto-active Course video feed. */
.lec-unit-layout.has-context-media{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px}
.lec-unit-context-media{width:100%;max-width:300px;justify-self:end}
.lec-context-media-card.is-video.is-ratio-portrait{width:min(100%,238px);max-width:238px}
.lec-context-media-card.is-video.is-ratio-landscape{width:100%;max-width:300px}
.lec-context-media-card.is-image{max-width:300px;margin-left:auto}
.lec-video-grid{position:relative;display:block!important;width:min(100%,920px);height:clamp(520px,72vh,760px);margin:12px auto 0;padding:8px 10px 28px;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin;background:linear-gradient(180deg,#f7f9fc,#eef2f7);border:1px solid var(--lec-line);border-radius:20px}
.lec-video-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;width:min(100%,430px);min-height:calc(100% - 16px);margin:0 auto 16px;scroll-snap-align:start;scroll-snap-stop:always;border-color:#d9e0ea;box-shadow:0 10px 28px rgba(16,28,52,.08);opacity:.82;transform:scale(.985);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}
.lec-video-card.is-ratio-landscape{width:min(100%,760px);max-width:760px;min-height:auto;margin-top:clamp(80px,13vh,150px);margin-bottom:clamp(90px,16vh,180px)}
.lec-video-card.is-active-video{opacity:1;transform:none;box-shadow:0 15px 38px rgba(16,28,52,.14)}
.lec-video-card.is-ratio-portrait .lec-video-frame{max-height:calc(72vh - 140px);min-height:0}
.lec-video-card.is-ratio-landscape .lec-video-frame{max-height:min(56vh,520px)}
.lec-video-frame iframe,.lec-video-frame video{display:block;width:100%!important;height:100%!important;max-height:inherit!important}
.lec-video-card-body{background:#fff}
.lec-video-card-body h2{font-size:15px!important;line-height:1.35}.lec-video-card-body>span,.lec-video-card-body>small{font-size:10px!important}
.lec-video-actions{margin-top:8px}.lec-video-actions button{padding:6px 8px;font-size:9px}
.lec-video-grid:focus{outline:0}.lec-video-grid:focus-visible{outline:3px solid rgba(28,55,120,.22);outline-offset:3px}
@media(max-width:920px){.lec-unit-layout.has-context-media{grid-template-columns:minmax(0,1fr) minmax(210px,270px)}.lec-unit-context-media{max-width:270px}.lec-context-media-card.is-video.is-ratio-portrait{width:min(100%,220px)}.lec-context-media-card.is-video.is-ratio-landscape,.lec-context-media-card.is-image{max-width:270px}}
@media(max-width:760px){.lec-unit-context-media{width:100%;max-width:none;align-self:center}.lec-context-media-card.is-video.is-ratio-portrait{width:min(100%,250px);max-width:250px}.lec-context-media-card.is-video.is-ratio-landscape{width:min(100%,520px);max-width:520px;margin-inline:auto}.lec-context-media-card.is-image{max-width:100%}.lec-video-grid{width:100%;height:calc(100dvh - 150px);min-height:500px;max-height:760px;margin-top:8px;padding:6px 6px 22px;border-radius:16px}.lec-video-card{width:min(100%,390px);min-height:calc(100% - 12px);margin-bottom:12px}.lec-video-card.is-ratio-landscape{width:100%;max-width:100%;min-height:auto;margin-top:clamp(70px,14vh,130px);margin-bottom:clamp(80px,16vh,150px)}.lec-video-card.is-ratio-portrait .lec-video-frame{max-height:calc(100dvh - 285px)}.lec-video-card-body{padding:10px 11px!important}.lec-video-card-body h2{font-size:14px!important}.lec-video-actions button span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.lec-video-grid{scroll-behavior:auto}.lec-video-card{transition:none;scroll-snap-stop:normal}}

/* LiDia Edu Course v0.5.14 — native Postbook immersive video engine adapted for academic Course video. */
.lec-video-viewer{height:var(--lec-video-viewer-height,calc(100dvh - 166px));min-height:520px;width:min(100%,1040px);margin:12px auto 0;padding:0!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) transparent;border:1px solid #1b2230!important;border-radius:18px!important;background:#05070c!important;box-shadow:0 16px 44px rgba(8,17,34,.14)!important}
.lec-video-viewer::-webkit-scrollbar{width:7px}.lec-video-viewer::-webkit-scrollbar-track{background:transparent}.lec-video-viewer::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.28)}
.lec-video-slide-feed{display:block;height:100%;min-height:100%}
.lec-video-slide{position:relative;display:block!important;width:100%!important;max-width:none!important;height:100%;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#05070c!important;color:#fff;overflow:hidden;scroll-margin:0;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:none!important;opacity:1!important;transform:none!important;isolation:isolate}
.lec-video-slide+.lec-video-slide{border-top:1px solid rgba(255,255,255,.12)!important}.lec-video-slide:focus{outline:0}.lec-video-slide.is-active-video{box-shadow:none!important}
.lec-video-stage{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;background:radial-gradient(circle at center,#151b27 0,#05070c 68%)}
.lec-video-media-layer{position:absolute;z-index:1;inset:0;display:grid;place-items:center;overflow:hidden;background:#05070c}
.lec-video-immersive-player{position:relative;display:grid;place-items:center;overflow:hidden;max-width:100%;max-height:100%;background:#05070c}
.lec-video-immersive-player.is-ratio-portrait{width:auto;height:100%;aspect-ratio:9/16}.lec-video-immersive-player.is-ratio-landscape{width:min(100%,900px);height:auto;aspect-ratio:16/9}
.lec-video-immersive-player video,.lec-video-immersive-player iframe{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border:0!important;background:#05070c;object-fit:contain}
.lec-video-immersive-player.is-external-video{width:min(100%,900px);height:min(100%,620px);min-height:260px;aspect-ratio:16/9}.lec-video-external-open{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#fff!important;text-decoration:none!important}.lec-video-external-open>span{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,255,255,.12);font-size:28px}.lec-video-external-open strong{font-size:13px}
.lec-video-idle-mark{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:70px;height:70px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:29px;pointer-events:none;transition:opacity .16s ease}.lec-video-immersive-player.is-playing .lec-video-idle-mark{opacity:0}
.lec-video-gesture-surface,.lec-video-gesture-surface:hover,.lec-video-gesture-surface:focus,.lec-video-gesture-surface:active{position:absolute!important;z-index:4!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:transparent!important;outline:0!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent;touch-action:none}
.lec-video-gesture-surface:focus-visible{outline:3px solid rgba(255,255,255,.92)!important;outline-offset:-6px!important}
.lec-video-top-controls{position:absolute;z-index:8;top:14px;right:14px;display:flex;gap:7px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.lec-video-top-controls button{display:inline-flex;min-width:74px;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(0,0,0,.52);color:#fff;font:800 9px/1 inherit;box-shadow:0 5px 16px rgba(0,0,0,.2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent}.lec-video-top-controls button[aria-pressed=true],.lec-video-top-controls button:hover,.lec-video-top-controls button:focus-visible{border-color:rgba(255,255,255,.7);background:rgba(15,19,28,.78);outline:0}.lec-video-top-controls button:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:2px}.lec-video-top-controls button:active{transform:scale(.97)}
.lec-video-sound-prompt{position:absolute;z-index:9;top:50%;left:50%;min-height:44px;max-width:calc(100% - 36px);transform:translate(-50%,-50%);padding:11px 17px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font:850 12px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 8px 26px rgba(0,0,0,.34);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent}.lec-video-sound-prompt[hidden]{display:none!important}.lec-video-sound-prompt:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lec-video-caption{position:absolute;z-index:6;right:92px;bottom:18px;left:18px;max-width:760px;padding:56px 12px 11px;background:linear-gradient(180deg,transparent,rgba(4,7,13,.78) 38%,rgba(4,7,13,.92));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none}.lec-video-caption>*{pointer-events:auto}.lec-video-caption h2{display:-webkit-box;overflow:hidden;margin:6px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font:850 clamp(18px,2.2vw,27px)/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lec-video-caption small{display:block;margin-top:7px;color:rgba(255,255,255,.75);font-size:10px}.lec-video-context-label{display:inline-flex;max-width:100%;padding:5px 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:800 9px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lec-video-action-rail{position:absolute;z-index:8;right:12px;bottom:22px;display:grid;gap:9px;width:66px}.lec-video-action-rail button{display:flex!important;width:62px!important;min-width:0!important;min-height:58px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:7px 3px!important;border:1px solid rgba(255,255,255,.23)!important;border-radius:15px!important;background:rgba(5,9,18,.67)!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important;cursor:pointer!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent}.lec-video-action-rail button:hover,.lec-video-action-rail button:focus-visible{border-color:rgba(255,255,255,.58)!important;background:rgba(28,55,120,.86)!important;outline:0!important}.lec-video-action-rail button:focus-visible{outline:3px solid rgba(255,255,255,.92)!important;outline-offset:2px!important}.lec-video-action-rail button:active{transform:scale(.96)}.lec-video-action-rail svg{width:21px!important;height:21px!important}.lec-video-action-rail span{font:800 8px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html.lec-video-fullscreen-open,body.lec-video-fullscreen-open{overflow:hidden!important}.lec-video-viewer.is-lec-fullscreen,.lec-video-viewer:fullscreen,.lec-video-viewer:-webkit-full-screen{position:fixed!important;z-index:100000!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important}.lec-video-viewer::backdrop{background:#000}.lec-video-viewer.is-lec-fullscreen .lec-video-slide,.lec-video-viewer:fullscreen .lec-video-slide,.lec-video-viewer:-webkit-full-screen .lec-video-slide{height:100dvh!important;min-height:100dvh!important}.lec-video-fullscreen-open .lec-mobile-course-nav{transform:translate3d(0,125%,0)!important;opacity:0!important}
@media(max-width:820px){.lec-video-viewer{width:100%;height:var(--lec-video-viewer-height,calc(100dvh - 126px));min-height:420px;margin-top:8px;border-right:0!important;border-left:0!important;border-radius:0!important;scrollbar-width:none}.lec-video-viewer::-webkit-scrollbar{display:none}.lec-video-top-controls{top:10px;right:10px;gap:6px}.lec-video-top-controls button{min-width:70px;min-height:34px;padding:6px 8px;font-size:9px}.lec-video-caption{right:78px;bottom:12px;left:10px;padding:48px 8px 8px}.lec-video-caption h2{font-size:18px!important}.lec-video-action-rail{right:7px;bottom:14px;width:58px;gap:7px}.lec-video-action-rail button{width:54px!important;min-height:52px!important;border-radius:13px!important}.lec-video-action-rail svg{width:19px!important;height:19px!important}.lec-video-immersive-player.is-ratio-portrait{height:100%;max-width:100%}.lec-video-immersive-player.is-ratio-landscape{width:100%;max-width:100%}.lec-video-viewer.is-lec-fullscreen,.lec-video-viewer:fullscreen,.lec-video-viewer:-webkit-full-screen{height:100dvh!important;min-height:100dvh!important}}
@media(max-width:480px){.lec-video-caption{right:70px}.lec-video-context-label{max-width:210px}.lec-video-top-controls button{min-width:64px}.lec-video-top-controls button span:last-child{display:none}.lec-video-top-controls button{width:38px;min-width:38px;padding:0}.lec-video-idle-mark{width:60px;height:60px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.lec-video-viewer{scroll-behavior:auto;scroll-snap-type:y proximity}.lec-video-slide{scroll-snap-stop:normal}.lec-video-idle-mark{transition:none}}


/* v0.5.15 — learning-unit navigation and video-to-content handoff */
.lec-unit{scroll-margin-top:96px}
.lec-unit.is-selected-unit>details,
.lec-unit.is-selected-unit>.lec-special-unit-panel{border-color:rgba(28,55,120,.48)!important;box-shadow:0 0 0 2px rgba(28,55,120,.10),0 14px 32px rgba(28,55,120,.08)!important}
.lec-unit.is-focus-pulse>details,
.lec-unit.is-focus-pulse>.lec-special-unit-panel{animation:lecUnitFocusPulse 2.15s ease}
@keyframes lecUnitFocusPulse{0%{box-shadow:0 0 0 0 rgba(28,55,120,.34),0 14px 32px rgba(28,55,120,.08)}35%{box-shadow:0 0 0 8px rgba(28,55,120,.10),0 16px 34px rgba(28,55,120,.12)}100%{box-shadow:0 0 0 2px rgba(28,55,120,.10),0 14px 32px rgba(28,55,120,.08)}}

.lec-learning-unit-nav{position:static;z-index:auto;display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;margin:10px 0 4px;padding:5px;border:1px solid rgba(28,55,120,.12);border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(17,33,68,.07)}
.lec-learning-unit-nav[hidden]{display:none!important}
.lec-learning-unit-nav button{margin:0!important;border:0!important;box-shadow:none!important;cursor:pointer!important}
.lec-learning-step{display:flex!important;min-width:0;min-height:40px;align-items:center;gap:7px;padding:6px 9px!important;border-radius:10px!important;background:#f5f8ff!important;color:#15233f!important;text-align:left!important}
.lec-learning-step.is-next{justify-content:flex-end;text-align:right!important}
.lec-learning-step>span:first-child,.lec-learning-step>span:last-child{flex:0 0 auto;font-size:16px;font-weight:900}
.lec-learning-step>span:nth-child(2){min-width:0;display:grid;gap:1px}
.lec-learning-step small{color:#6b7892;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.lec-learning-step strong{display:block;max-width:180px;overflow:hidden;color:#1c3778;font-size:10px;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.lec-learning-step:disabled{display:none!important}
.lec-learning-contents{display:inline-flex!important;min-width:42px;height:40px;align-items:center;justify-content:center;gap:5px;padding:0 9px!important;border-radius:10px!important;background:#1c3778!important;color:#fff!important;font-size:9px!important;font-weight:850!important}
.lec-learning-contents svg{width:16px;height:16px}

.lec-video-position{position:absolute;z-index:9;top:14px;left:14px;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.50);color:#fff;font:800 10px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lec-video-step-controls{position:absolute;z-index:9;top:58px;left:14px;display:grid;gap:6px}
.lec-video-step-controls button{display:grid!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:rgba(0,0,0,.50)!important;color:#fff!important;box-shadow:none!important;font-size:18px!important;font-weight:900!important;cursor:pointer!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lec-video-step-controls button:disabled{opacity:.28;cursor:default!important}
.lec-video-step-controls button:not(:disabled):hover,.lec-video-step-controls button:not(:disabled):focus-visible{background:rgba(28,55,120,.9)!important;outline:2px solid rgba(255,255,255,.8)!important;outline-offset:2px!important}
.lec-video-action-rail{width:88px!important}
.lec-video-action-rail button{width:84px!important;min-height:60px!important;padding:7px 5px!important}
.lec-video-action-rail span{max-width:78px;font-size:9px!important;line-height:1.05!important;white-space:normal!important;text-align:center!important}

@media(max-width:820px){
  .lec-unit{scroll-margin-top:78px}
  .lec-learning-unit-nav{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:5px;width:100%;margin:10px 0 4px;padding:5px;border-radius:13px}
  .lec-learning-unit-nav[hidden]{display:none!important}
  .lec-learning-step{min-height:42px;padding:6px 7px!important;gap:5px}
  .lec-learning-step>span:first-child,.lec-learning-step>span:last-child{font-size:15px}
  .lec-learning-step small{font-size:7px}.lec-learning-step strong{max-width:125px;font-size:9px}
  .lec-learning-step:disabled{display:none!important}
  .lec-learning-contents{min-width:44px;width:44px;height:42px;padding:0!important}.lec-learning-contents span{display:none}
  .lec-video-position{top:10px;left:10px;min-height:30px;padding:5px 8px;font-size:9px}
  .lec-video-step-controls{top:48px;left:10px}.lec-video-step-controls button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:16px!important}
  .lec-video-action-rail{width:72px!important}
  .lec-video-action-rail button{width:68px!important;min-height:54px!important}
  .lec-video-action-rail span{max-width:62px;font-size:8px!important}
}
@media(max-width:480px){
  .lec-learning-step strong{max-width:118px}
  .lec-video-step-controls{display:none}
}
@media(prefers-reduced-motion:reduce){
  .lec-unit.is-focus-pulse>details,.lec-unit.is-focus-pulse>.lec-special-unit-panel{animation:none}
}


/* LiDia Edu Course v0.5.19 — stable edge-to-edge mobile Course navigation */
@media(max-width:820px){
 .lec-course-app{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
 .lec-mobile-course-nav{position:fixed!important;top:auto!important;right:0!important;bottom:0!important;left:0!important;z-index:10000!important;width:100%!important;height:calc(64px + env(safe-area-inset-bottom,0px))!important;margin:0!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:0!important;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid #d9dfe7!important;border-radius:0!important;background:rgba(255,255,255,.985)!important;box-shadow:0 -8px 24px rgba(20,35,62,.08)!important;-webkit-backdrop-filter:blur(13px)!important;backdrop-filter:blur(13px)!important;transform:translate3d(0,0,0);opacity:1;visibility:visible;overflow:visible!important;transition:none!important;box-sizing:border-box!important}
 .lec-course-app.is-mobile-nav-hidden .lec-mobile-course-nav{transform:translate3d(0,0,0);opacity:1;visibility:visible}
 .lec-mobile-course-nav button,.lec-mobile-course-nav>a{display:flex!important;min-width:0!important;height:52px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px 1px!important;border-radius:10px!important;box-sizing:border-box!important;touch-action:manipulation}
 .lec-mobile-course-nav span{width:23px!important;height:23px!important;flex:0 0 23px!important}
 .lec-mobile-course-nav svg{width:19px!important;height:19px!important}
 .lec-mobile-course-nav small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;line-height:1!important}
}
@media(max-width:420px){
 .lec-mobile-course-nav{right:0!important;left:0!important}
 .lec-mobile-course-nav small{font-size:7.5px!important}
}


/* LiDia Edu Course v0.5.20 — Personal Course Shell. */
.lec-course-app>.lec-course-state-note{width:min(calc(100% - (var(--lec-app-gutter) * 2)),var(--lec-app-max));margin:8px auto 0}
.lec-course-app .lec-course-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:76px;padding:15px 18px}
.lec-course-app .lec-course-title{display:grid;gap:8px;min-width:0}.lec-course-app .lec-course-title h1{margin:0;font-size:clamp(22px,2.35vw,32px);line-height:1.12}
.lec-course-inline-progress{display:grid;grid-template-columns:minmax(80px,360px) auto;align-items:center;gap:8px;width:min(100%,430px)}.lec-course-inline-progress>span{display:block;height:4px;overflow:hidden;border-radius:999px;background:#e5e9f0}.lec-course-inline-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lec-d),var(--lec-li),var(--lec-ia));transition:width .22s ease}.lec-course-inline-progress strong{min-width:35px;color:var(--lec-d);font-size:10px;font-weight:900;text-align:right}
.lec-course-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.lec-course-learning-time-wrap{position:relative}.lec-course-learning-time{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;padding:0 10px!important;border:1px solid #d6deea!important;border-radius:11px!important;background:#fff!important;color:var(--lec-d)!important;font-size:10px!important;font-weight:850!important;box-shadow:0 4px 12px rgba(22,33,59,.035)!important;cursor:pointer}.lec-course-learning-time:hover,.lec-course-learning-time:focus-visible{border-color:#9db1d0!important;background:#f7f9fc!important;outline:none}.lec-course-learning-time svg{width:15px;height:15px}.lec-course-learning-time-popover{position:fixed;z-index:240;width:190px;padding:11px;border:1px solid #dbe2ec;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(21,34,58,.14)}.lec-course-learning-time-popover[hidden]{display:none!important}.lec-course-learning-time-popover>strong{display:block;margin-bottom:7px;color:var(--lec-ink);font-size:11px}.lec-course-learning-time-popover p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:5px 0;color:var(--lec-muted);font-size:10px}.lec-course-learning-time-popover p+p{border-top:1px solid #edf0f4}.lec-course-learning-time-popover p b{color:var(--lec-ink);font-size:10px}.lec-course-learning-time-popover p.is-total span,.lec-course-learning-time-popover p.is-total b{color:var(--lec-d);font-weight:900}.lec-course-hero-continue{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid #d6deea;border-radius:11px;background:#fff;color:var(--lec-d)!important;text-decoration:none!important;font-size:11px;font-weight:850;box-shadow:0 4px 12px rgba(22,33,59,.035)}.lec-course-hero-continue:hover,.lec-course-hero-continue:focus-visible{border-color:#9db1d0;background:#f7f9fc;outline:none}.lec-course-hero-continue svg{width:16px;height:16px}
.lec-course-student-chip{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;min-height:42px!important;padding:4px 8px 4px 4px!important;border:1px solid #d8e0ea!important;border-radius:13px!important;background:rgba(255,255,255,.96)!important;color:var(--lec-ink)!important;box-shadow:0 4px 14px rgba(22,33,59,.04)!important;cursor:pointer}.lec-course-student-chip:hover,.lec-course-student-chip:focus-visible{border-color:#a7b9d2!important;background:#fff!important;outline:none}.lec-course-student-chip>img,.lec-course-student-avatar{display:grid;width:32px!important;height:32px!important;flex:0 0 32px;place-items:center;border-radius:10px;object-fit:cover;background:#edf2f8;color:var(--lec-d)}.lec-course-student-avatar svg{width:17px;height:17px}.lec-course-student-copy{display:flex;min-width:0;max-width:190px;flex-direction:column;align-items:flex-start;line-height:1.05}.lec-course-student-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.lec-course-student-copy small{margin-top:3px;color:var(--lec-muted);font-size:8.5px;font-weight:750;letter-spacing:.015em}
.lec-drawer-student{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin:2px 0 10px;padding:10px;border:1px solid #dce4ee;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff)}.lec-drawer-student>img,.lec-drawer-student-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;object-fit:cover;background:#eaf0f8;color:var(--lec-d)}.lec-drawer-student-avatar svg{width:21px;height:21px}.lec-drawer-student>div{display:flex;min-width:0;flex-direction:column}.lec-drawer-student small{color:var(--lec-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.lec-drawer-student strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.lec-drawer-student code{margin-top:3px;padding:0;background:transparent;color:var(--lec-d);font-size:9px;font-weight:800}.lec-drawer-student>b{color:var(--lec-d);font-size:11px}
.lec-drawer-course-summary{margin-bottom:7px!important}.lec-drawer-continue{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;margin:4px 0 9px;border:1px solid #d5deea;border-radius:12px;background:#f7f9fc;color:var(--lec-d)!important;text-decoration:none!important;font-size:11px;font-weight:850}.lec-drawer-continue svg{width:16px;height:16px}.lec-drawer-learning{margin-top:0!important;margin-bottom:10px;padding-top:0!important;border-top:0!important}.lec-drawer-label{font-size:10px!important}.lec-drawer-section:not([open]){opacity:.96}
.lec-course-state-note{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid #dfe5ed;border-radius:13px;background:#fff;color:var(--lec-ink);box-shadow:0 5px 16px rgba(25,39,64,.03)}.lec-course-state-note>div{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eef3f8;color:var(--lec-d)}.lec-course-state-note>div svg{width:18px;height:18px}.lec-course-state-note>span{display:flex;min-width:0;flex-direction:column}.lec-course-state-note strong{font-size:11px}.lec-course-state-note small{margin-top:2px;color:var(--lec-muted);font-size:9px;line-height:1.35}.lec-course-state-note>a,.lec-course-state-note>b{padding:5px 7px;border-radius:8px;background:#f1f5fa;color:var(--lec-d)!important;text-decoration:none!important;font-size:9px;font-weight:850}.lec-course-state-note.is-completed{border-color:#cae2d2}.lec-course-state-note.is-completed>div{background:#e9f6ed;color:#277443}.lec-course-state-note.is-waiting{border-color:#eadcb7}.lec-course-state-note.is-waiting>div{background:#fff7df;color:#8a671a}
.lec-course-app>.lec-progress-message{position:fixed;z-index:100120;left:50%;bottom:18px;max-width:min(420px,calc(100vw - 24px));margin:0;transform:translateX(-50%);box-shadow:0 9px 26px rgba(25,39,64,.12)}
@media(max-width:760px){.lec-course-app>.lec-progress-message{bottom:calc(74px + env(safe-area-inset-bottom,0px))}.lec-course-learning-time{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}.lec-course-learning-time>span{display:none}.lec-course-learning-time-popover{width:min(210px,calc(100vw - 24px))}.lec-course-app .lec-course-hero-inner{grid-template-columns:minmax(0,1fr) auto;gap:9px;min-height:64px;padding:12px 13px}.lec-course-app .lec-course-title{gap:6px}.lec-course-app .lec-course-title h1{padding-right:0;font-size:20px}.lec-course-inline-progress{grid-template-columns:minmax(70px,1fr) auto;gap:6px;width:min(58vw,280px)}.lec-course-inline-progress>span{height:3px}.lec-course-inline-progress strong{font-size:9px}.lec-course-hero-actions{gap:5px}.lec-course-hero-continue{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.lec-course-hero-continue span{display:none}.lec-course-student-chip{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:3px!important;border-radius:11px!important}.lec-course-student-chip>img,.lec-course-student-avatar{width:30px!important;height:30px!important;flex-basis:30px;border-radius:9px}.lec-course-student-copy{display:none}.lec-course-state-note{grid-template-columns:30px minmax(0,1fr) auto;margin-top:6px!important;padding:8px 9px}.lec-course-state-note>div{width:30px;height:30px}.lec-course-state-note small{font-size:8.5px}.lec-drawer-student{grid-template-columns:40px minmax(0,1fr) auto}.lec-drawer-student>img,.lec-drawer-student-avatar{width:40px;height:40px}}
@media(max-width:420px){.lec-course-app .lec-course-title h1{font-size:18px}.lec-course-learning-time{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.lec-course-inline-progress{width:min(56vw,230px)}.lec-course-inline-progress strong{min-width:30px}.lec-course-hero-actions{gap:4px}.lec-course-hero-continue,.lec-course-student-chip{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.lec-course-student-chip>img,.lec-course-student-avatar{width:28px!important;height:28px!important;flex-basis:28px}.lec-course-state-note small{display:none}}
@media(prefers-reduced-motion:reduce){.lec-course-inline-progress i{transition:none}}


/* LiDia Edu Course v0.5.21 — Smart Progress & Learning Reactions. */
.lec-learning-reactions{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:12px 0 2px}.lec-learning-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:36px!important;margin:0!important;padding:7px 11px!important;border:1px solid #d6dee8!important;border-radius:999px!important;background:#fff!important;color:var(--lec-d)!important;font:inherit!important;font-size:11px!important;font-weight:850!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease!important}.lec-learning-action:hover,.lec-learning-action:focus-visible{border-color:#9fb2cf!important;background:#f7f9fc!important;outline:none!important}.lec-learning-action>span:first-child{font-size:13px;line-height:1}.lec-learning-action.is-completed{border-color:#bfe0ca!important;background:#edf8f1!important;color:#237241!important}.lec-learning-action.is-wow{border-color:#dccbf1!important;background:#f7f1ff!important;color:#654090!important}.lec-learning-action:disabled{opacity:.58;cursor:wait!important}.lec-unit.is-completed>details{border-color:#cfe6d7}.lec-video-action-rail button.is-learning-action.is-completed{border-color:rgba(151,232,178,.62)!important;background:rgba(25,105,58,.84)!important}.lec-video-action-rail button.is-learning-action.is-wow{border-color:rgba(218,187,255,.66)!important;background:rgba(90,53,130,.86)!important}.lec-video-action-rail button.is-learning-action>span:first-child{font-size:18px!important;line-height:1!important}.lec-course-app[data-lec-continue-unit] .lec-course-hero-continue{border-color:#c7d4e5}
@media(max-width:760px){.lec-learning-reactions{justify-content:stretch}.lec-learning-action{flex:1;min-width:0!important}.lec-video-action-rail button.is-learning-action{min-height:48px!important}}
@media(prefers-reduced-motion:reduce){.lec-learning-action{transition:none!important}}

.lec-chapter-confirmation{justify-content:flex-end;padding:10px 0 2px;border:0;background:transparent}.lec-chapter-confirmation button{border-radius:999px;padding:8px 12px}

/* LiDia Edu Course v0.5.23 — Study Intelligence: ranked Course search, Review Later and contextual learning tools. */
.lec-course-search-results{position:fixed;top:calc(var(--wp-admin--admin-bar--height,0px) + 64px);left:50%;z-index:100090;width:min(720px,calc(100vw - 28px));max-height:min(64vh,560px);padding:7px;border:1px solid #dce3ed;border-radius:15px;background:rgba(255,255,255,.99);box-shadow:0 20px 48px rgba(18,31,56,.18);overflow:auto;transform:translateX(-50%);overscroll-behavior:contain}.lec-course-search-results[hidden]{display:none!important}.lec-course-search-result{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 11px;border:0;border-radius:11px;background:#fff;color:var(--lec-ink);text-align:left;font:inherit;cursor:pointer}.lec-course-search-result:hover,.lec-course-search-result:focus-visible,.lec-course-search-result.is-first:focus{background:#f3f6fb;outline:none}.lec-course-search-result+ .lec-course-search-result{margin-top:2px}.lec-course-search-result>span{min-width:0}.lec-course-search-result small,.lec-course-search-result strong{display:block}.lec-course-search-result small{color:var(--lec-d);font-size:9px;font-weight:900;letter-spacing:.035em}.lec-course-search-result strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.lec-course-search-result em{max-width:220px;overflow:hidden;color:var(--lec-muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.lec-course-search-empty{margin:0;padding:18px 12px;color:var(--lec-muted);text-align:center;font-size:11px}.lec-course-app.is-course-searching .lec-app-search{border-color:#aebfd8;box-shadow:0 0 0 3px rgba(28,55,120,.07)}
.lec-learning-action.is-icon-only{width:36px;min-width:36px;padding:7px!important}.lec-learning-action.is-icon-only svg{width:15px;height:15px}.lec-learning-action.is-review{border-color:#c8d6eb!important;background:#eef4fb!important;color:#1c3778!important}.lec-video-action-rail .is-review-action.is-review{border-color:rgba(189,213,244,.7)!important;background:rgba(28,55,120,.88)!important}.lec-video-action-rail .is-review-action svg{width:18px;height:18px}
.lec-drawer-review>summary{grid-template-columns:auto minmax(0,1fr) auto auto}.lec-drawer-review>summary b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#eef2f8;color:var(--lec-d);font-size:9px}.lec-drawer-review.has-items>summary b{background:#e8f0fb}.lec-drawer-review-list{display:grid;gap:5px;padding:0 9px 9px}.lec-drawer-review-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px;border:1px solid #e4e9f0;border-radius:10px;background:#f9fafc;color:var(--lec-ink);text-align:left;font:inherit;cursor:pointer}.lec-drawer-review-list>button[hidden]{display:none!important}.lec-drawer-review-list>button small,.lec-drawer-review-list>button strong{display:block}.lec-drawer-review-list>button small{color:var(--lec-d);font-size:8px;font-weight:900}.lec-drawer-review-list>button strong{margin-top:2px;font-size:10px;line-height:1.25}.lec-drawer-review-list>button svg{width:14px;height:14px;color:var(--lec-muted)}.lec-drawer-review-list>p{margin:0;padding:12px 8px;color:var(--lec-muted);text-align:center;font-size:10px}.lec-drawer-review-list>p[hidden]{display:none!important}.lec-drawer-current-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 9px}.lec-drawer-current-actions>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #dde4ee;border-radius:11px;background:#fff;color:var(--lec-d)!important;text-decoration:none!important;font-size:10px;font-weight:850}.lec-drawer-current-actions>a:hover,.lec-drawer-current-actions>a:focus-visible{background:#f4f7fb;outline:none}.lec-drawer-current-actions svg{width:15px;height:15px}
@media(max-width:820px){.lec-course-app.is-mobile-search-open .lec-course-search-results{top:calc(var(--wp-admin--admin-bar--height,0px) + 108px);width:calc(100vw - 20px);max-height:54vh}.lec-course-search-result{padding:10px}.lec-course-search-result em{max-width:130px}.lec-course-search-result strong{font-size:11px}}
@media(max-width:480px){.lec-course-search-result{grid-template-columns:minmax(0,1fr)}.lec-course-search-result em{max-width:none}.lec-learning-reactions{gap:5px}.lec-learning-action.is-icon-only{width:34px;min-width:34px}}


/* LiDia Edu Course v0.5.26 — Final Course Experience Gate */
.lec-skip-link{position:fixed;z-index:100300;top:8px;left:8px;max-width:calc(100vw - 16px);padding:9px 12px;border:2px solid #1c3778;border-radius:10px;background:#fff;color:#1c3778!important;text-decoration:none!important;font-size:12px;font-weight:850;transform:translateY(-160%);transition:transform .12s ease;box-shadow:0 8px 22px rgba(18,31,57,.14)}
.lec-skip-link:focus{transform:translateY(0);outline:3px solid rgba(28,55,120,.22);outline-offset:2px}
.lec-course-app :where(button,a,input,summary):focus-visible{outline:3px solid rgba(28,55,120,.28);outline-offset:2px}
.lec-course-drawer:focus{outline:none}
.lec-course-search-result:focus-visible{outline:3px solid rgba(28,55,120,.22)!important;outline-offset:-2px!important;background:#f3f6fb}
.lec-course-inline-progress[role=progressbar]{min-width:0}
@media(prefers-reduced-motion:reduce){
 .lec-skip-link,.lec-course-drawer-layer,.lec-course-drawer,.lec-learning-action,.lec-video-idle-mark,.lec-course-inline-progress i{transition:none!important}
 .lec-unit.is-focus-pulse>details,.lec-unit.is-focus-pulse>.lec-special-unit-panel{animation:none!important}
 html:focus-within{scroll-behavior:auto!important}
}

/* LiDia Edu Course v0.5.28 — premium Top Courses showcase. */
.lec-top-courses{max-width:1220px}
.lec-top-courses-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin:0 0 22px;padding:22px 24px;border:1px solid var(--lec-line);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7f9fc 100%);box-shadow:0 10px 30px rgba(25,39,64,.055)}
.lec-top-courses-title{display:flex;align-items:center;gap:14px;min-width:0}.lec-top-courses-mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#eef2f8,#fff);color:var(--lec-d);border:1px solid #dfe5ee}.lec-top-courses-mark svg{width:25px;height:25px}.lec-top-courses-title h1{margin:0;font-size:clamp(28px,3.6vw,40px);line-height:1.05;letter-spacing:-.025em}.lec-top-courses-title p{max-width:720px;margin:6px 0 0;color:var(--lec-muted);font-size:13px;line-height:1.55}.lec-top-courses-title p strong{color:var(--lec-ink);font-weight:850}
.lec-top-courses-links{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.lec-top-courses-links a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #dde4ed;border-radius:11px;background:#fff;color:#40506a!important;text-decoration:none!important;font-size:10px;font-weight:800;white-space:nowrap}.lec-top-courses-links a span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f1f4f8;color:var(--lec-d)}.lec-top-courses-links a svg{width:14px;height:14px}.lec-top-courses-links a:hover,.lec-top-courses-links a:focus-visible{border-color:#b9c7da;background:#f8faff;color:var(--lec-d)!important;outline:0}.lec-top-courses-links a:focus-visible{box-shadow:0 0 0 3px rgba(28,55,120,.12)}
.lec-top-courses-grid{gap:15px}.lec-top-course-card{position:relative;grid-template-columns:118px minmax(0,1fr) 40px;align-items:stretch;min-height:178px;padding:0;overflow:hidden;border-radius:20px;box-shadow:0 8px 25px rgba(25,39,64,.045)}.lec-top-course-card.is-clickable{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.lec-top-course-card.is-clickable:hover{background:#fff;border-color:#c5d1e1;box-shadow:0 12px 30px rgba(25,39,64,.075)}.lec-top-course-card.is-clickable:focus-visible{outline:3px solid rgba(28,55,120,.16);outline-offset:3px;border-color:#9fb2ce}
.lec-top-course-visual{display:grid;place-items:center;min-height:100%;background:linear-gradient(145deg,#eef2f8,#f9fbfd);overflow:hidden}.lec-top-course-visual.has-cover{background:#eef1f5}.lec-top-course-visual img{width:100%;height:100%;min-height:178px;object-fit:cover;display:block}.lec-top-course-visual .lec-card-icon{width:58px;height:58px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(28,55,120,.08)}.lec-top-course-visual .lec-card-icon svg{width:28px;height:28px}
.lec-top-course-content{display:flex;flex-direction:column;justify-content:center;padding:20px 8px 20px 2px}.lec-top-course-eyebrow{display:block;margin:0 0 6px;color:var(--lec-li)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.045em;text-transform:uppercase}.lec-top-course-content h2{margin:0 0 7px!important;font-size:19px!important;line-height:1.25}.lec-top-course-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 13px!important;color:var(--lec-muted)!important;font-size:12px!important;line-height:1.55}.lec-top-course-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.lec-top-course-meta code{display:inline-flex;align-items:center;min-height:27px;padding:4px 7px;border-radius:8px;background:#f0f3f8;color:var(--lec-d);font-size:10px;font-weight:850}.lec-top-course-meta span{display:inline-flex;align-items:center;gap:5px;color:#657186;font-size:10px;font-weight:750}.lec-top-course-meta span svg{width:13px;height:13px}.lec-top-course-card>.lec-card-open{align-self:center;margin-right:14px}.lec-top-course-card.is-clickable:hover>.lec-card-open,.lec-top-course-card.is-clickable:focus-visible>.lec-card-open{background:#e9eff8;color:var(--lec-d)}
@media(max-width:900px){.lec-top-courses-head{grid-template-columns:1fr;align-items:start}.lec-top-courses-links{justify-content:flex-start}.lec-top-courses-grid{grid-template-columns:1fr}}
@media(max-width:620px){.lec-top-courses{padding-left:10px;padding-right:10px}.lec-top-courses-head{gap:14px;padding:17px;border-radius:18px}.lec-top-courses-title{align-items:flex-start}.lec-top-courses-mark{flex-basis:42px;width:42px;height:42px;border-radius:13px}.lec-top-courses-title h1{font-size:28px}.lec-top-courses-title p{font-size:12px}.lec-top-courses-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.lec-top-courses-links a{justify-content:center;min-width:0;padding:7px 5px}.lec-top-courses-links a strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lec-top-course-card{grid-template-columns:88px minmax(0,1fr) 34px;min-height:148px;border-radius:17px}.lec-top-course-visual img{min-height:148px}.lec-top-course-visual .lec-card-icon{width:50px;height:50px}.lec-top-course-content{padding:15px 5px 15px 0}.lec-top-course-content h2{font-size:16px!important}.lec-top-course-summary{-webkit-line-clamp:2;margin-bottom:10px!important;font-size:11px!important}.lec-top-course-eyebrow{font-size:9px!important}.lec-top-course-card>.lec-card-open{width:32px;height:32px;margin-right:8px}.lec-top-course-card>.lec-card-open svg{width:16px;height:16px}}
@media(max-width:390px){.lec-top-courses-links a strong{font-size:0}.lec-top-courses-links a span{width:28px;height:28px}.lec-top-courses-links a span svg{width:16px;height:16px}.lec-top-course-card{grid-template-columns:76px minmax(0,1fr) 30px}.lec-top-course-content h2{font-size:15px!important}.lec-top-course-meta span{display:none}}

/* LiDia Edu Course v0.5.29 — Course Visual Identity */
.lec-top-course-visual.has-profile-image{background:radial-gradient(circle at 50% 42%,#fff 0,#f5f7fb 48%,#edf1f6 100%)}.lec-top-course-profile-wrap{display:grid;place-items:center;width:100%;min-height:178px;padding:24px}.lec-top-course-profile-image{width:112px!important;height:112px!important;min-height:0!important;border-radius:28px;object-fit:cover!important;border:5px solid #fff;box-shadow:0 12px 32px rgba(28,55,120,.14)}@media(max-width:640px){.lec-top-course-profile-wrap{min-height:150px;padding:20px}.lec-top-course-profile-image{width:96px!important;height:96px!important;border-radius:24px}}

.lec-top-course-visual{position:relative}.lec-top-course-profile-badge{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:54px;height:54px;padding:3px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(22,33,59,.16)}.lec-top-course-profile-badge img{width:100%!important;height:100%!important;min-height:0!important;border-radius:12px;object-fit:cover!important}@media(max-width:640px){.lec-top-course-profile-badge{left:12px;bottom:12px;width:48px;height:48px;border-radius:14px}.lec-top-course-profile-badge img{border-radius:10px}}


/* LiDia Edu Course v0.6.9.5 — Premium narrow-cover Top Courses cards. */
.lec-top-courses{max-width:1460px}
.lec-top-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.lec-top-course-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(25,39,64,.05)}
.lec-top-course-card.is-clickable:hover{background:#fff;border-color:#c5d1e1;box-shadow:0 12px 30px rgba(25,39,64,.08)}
.lec-top-course-visual{position:relative;width:100%;min-height:0;aspect-ratio:16/6;flex:0 0 auto;overflow:visible;background:linear-gradient(135deg,#eef3f9,#f8fbfd)}
.lec-top-course-visual img{width:100%;height:100%;min-height:0;object-fit:cover}
.lec-top-course-visual .lec-card-icon{width:52px;height:52px;border-radius:16px}
.lec-top-course-profile-wrap{width:100%;min-height:0;height:100%;padding:18px}
.lec-top-course-profile-image{width:min(88px,42%)!important;height:auto!important;aspect-ratio:1/1;min-height:0!important;border-radius:22px}
.lec-top-course-profile-badge{left:14px;bottom:-17px;width:44px;height:44px;padding:3px;border-radius:999px}
.lec-top-course-profile-badge img{border-radius:999px}
.lec-top-course-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;min-width:0;padding:25px 14px 14px}
.lec-top-course-school{display:block;overflow:hidden;margin:0 0 5px;color:#7a8494!important;font-size:9px!important;font-weight:780!important;line-height:1.25;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-transform:none}
.lec-top-course-content h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em;margin:0!important;color:var(--lec-ink);font-size:15.5px!important;font-weight:860;line-height:1.25;letter-spacing:-.01em}
.lec-top-course-meta{display:flex;align-items:center;gap:5px;min-width:0;margin-top:8px;flex-wrap:nowrap}
.lec-top-course-meta code,.lec-top-course-meta span{overflow:hidden;max-width:100%;min-height:0;padding:0;background:transparent;color:#7a8494;font-size:9px!important;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.lec-top-course-meta code{font-family:inherit;color:#52617a}
.lec-top-course-meta span:before{content:"·";margin-right:5px;color:#a6afbc}
.lec-top-course-card>.lec-card-open{position:absolute;top:10px;right:10px;align-self:auto;width:28px;height:28px;margin:0;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(25,39,64,.08);color:var(--lec-d)}
.lec-top-course-card>.lec-card-open svg{width:14px;height:14px}
.lec-top-course-card.is-clickable:hover>.lec-card-open,.lec-top-course-card.is-clickable:focus-visible>.lec-card-open{background:#fff;color:var(--lec-d)}
@media(max-width:1080px){.lec-top-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lec-top-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lec-top-course-card{border-radius:16px}.lec-top-course-visual{aspect-ratio:16/7}.lec-top-course-content{padding:21px 10px 11px}.lec-top-course-school{margin-bottom:3px;font-size:8px!important}.lec-top-course-content h2{min-height:2.5em;font-size:13px!important;line-height:1.25}.lec-top-course-meta{gap:4px;margin-top:6px}.lec-top-course-meta code,.lec-top-course-meta span{font-size:8px!important}.lec-top-course-meta span:before{margin-right:4px}.lec-top-course-profile-badge{left:10px;bottom:-13px;width:34px;height:34px;border-radius:999px}.lec-top-course-profile-badge img{border-radius:999px}.lec-top-course-profile-wrap{padding:12px}.lec-top-course-profile-image{width:min(70px,48%)!important;border-width:4px;border-radius:18px}.lec-top-course-card>.lec-card-open{top:6px;right:6px;width:24px;height:24px;border-radius:8px}.lec-top-course-card>.lec-card-open svg{width:12px;height:12px}}
@media(max-width:620px){.lec-top-courses-grid{grid-template-columns:1fr}.lec-top-course-card{max-width:none}.lec-top-course-visual{aspect-ratio:16/6}.lec-top-course-content{padding:21px 12px 12px}}
@media(max-width:390px){.lec-top-courses{padding-left:7px;padding-right:7px}.lec-top-courses-grid{gap:7px}.lec-top-course-content{padding:20px 9px 10px}.lec-top-course-content h2{font-size:12.5px!important}.lec-top-course-school{font-size:7.5px!important}.lec-top-course-meta code,.lec-top-course-meta span{font-size:7.5px!important}}

/* LiDia Edu Course v0.5.31 — Desktop Learning Rail & Contextual Media Flow. */
.lec-desktop-learning-layout{display:grid;grid-template-columns:238px minmax(0,1fr);align-items:start;gap:18px;width:min(calc(100% - (var(--lec-app-gutter) * 2)),var(--lec-app-max));margin:0 auto}.lec-desktop-learning-stage{min-width:0}.lec-desktop-learning-stage>.lec-tab-panel{width:100%;min-width:0;margin:0;padding-top:2px}.lec-course-app[data-lec-active-tab="notices"] .lec-desktop-learning-layout{display:none}
.lec-desktop-learning-rail{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 72px);z-index:18;max-height:calc(100vh - var(--wp-admin--admin-bar--height,0px) - 88px);min-width:0;padding:9px;border:1px solid #dce3ec;border-radius:17px;background:rgba(249,250,252,.98);box-shadow:0 8px 24px rgba(22,33,59,.055);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.lec-learning-rail-inner{display:grid;gap:8px;min-width:0}.lec-learning-rail-student{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:6px 7px;border-radius:11px;background:#fff}.lec-learning-rail-student>img,.lec-learning-rail-student>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;object-fit:cover;background:#eef2f8;color:var(--lec-d)}.lec-learning-rail-student>span svg{width:18px;height:18px}.lec-learning-rail-student>div{min-width:0}.lec-learning-rail-student strong,.lec-learning-rail-student small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lec-learning-rail-student strong{font-size:10.5px}.lec-learning-rail-student small{margin-top:1px;color:var(--lec-muted);font-size:7.5px;font-weight:750}
.lec-learning-rail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lec-learning-rail-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:6px 7px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:var(--lec-muted);font:inherit;font-size:9px;font-weight:850;cursor:pointer}.lec-learning-rail-tabs button svg{width:14px;height:14px}.lec-learning-rail-tabs button.is-active{border-color:#c7d4e6;background:#eef3fa;color:var(--lec-d)}.lec-learning-rail-tabs button b{display:grid;min-width:15px;height:15px;place-items:center;padding:0 3px;border-radius:999px;background:#e8edf5;color:var(--lec-d);font-size:7px}
.lec-learning-rail-continue,.lec-learning-rail-review{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-height:35px;padding:7px 9px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;color:var(--lec-d)!important;text-decoration:none!important;font:inherit;font-size:9.5px;font-weight:850;cursor:pointer}.lec-learning-rail-continue svg,.lec-learning-rail-review svg{width:14px;height:14px}.lec-learning-rail-review b{display:grid;min-width:19px;height:19px;margin-left:auto;place-items:center;border-radius:999px;background:#eef2f8;color:var(--lec-d);font-size:7.5px}.lec-learning-rail-heading{display:flex;align-items:center;gap:6px;padding:4px 4px 0;color:var(--lec-muted);font-size:8.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.lec-learning-rail-heading svg{width:13px;height:13px;color:var(--lec-d)}
.lec-learning-rail-tree{padding:0}.lec-learning-rail-tree ul ul{margin-left:8px;padding-left:5px}.lec-learning-rail-tree li{margin:3px 0}.lec-learning-rail-tree details{border-radius:9px}.lec-learning-rail-tree details>summary,.lec-learning-rail-tree .lec-drawer-leaf{min-height:34px;padding:7px 8px;border-radius:8px}.lec-learning-rail-tree small{font-size:7.5px}.lec-learning-rail-tree strong{font-size:9.5px;line-height:1.2}.lec-learning-rail-tree details>button{margin:0 5px 5px;padding:5px 7px;font-size:8px}.lec-learning-rail-tree [data-lec-open-unit].is-current{background:#eaf1fb!important;color:var(--lec-d)!important;box-shadow:inset 3px 0 0 var(--lec-d)}.lec-learning-rail-tree [data-lec-open-unit].is-current strong{color:var(--lec-d)}
/* Images may sit beside prose, but release the full width as soon as the image ends. Video/audio are deliberately placed after the related learning content. */
.lec-unit-layout,.lec-unit-layout.has-inline-image,.lec-unit-layout.has-after-media{display:block!important}.lec-unit-learning{display:flow-root;min-width:0}.lec-unit-context-media.is-inline-image{position:static;float:right;width:min(36%,360px);margin:3px 0 12px 16px;padding:0}.lec-unit-context-media.is-inline-image .lec-context-media-card{margin:0}.lec-unit-context-media.is-after-content{position:static;clear:both;display:grid;gap:10px;width:100%;margin:14px 0 2px;padding:0}.lec-unit-context-media.is-after-content .lec-context-media-card{width:100%;margin:0}.lec-unit-context-media.is-after-content .lec-context-media-card.is-video{aspect-ratio:16/9;max-width:980px}.lec-unit-context-media.is-after-content .lec-context-media-card.is-audio{max-width:760px}.lec-learning-reactions,.lec-unit-resource{clear:both}
@media(max-width:1180px){.lec-desktop-learning-layout{grid-template-columns:216px minmax(0,1fr);gap:14px}.lec-unit-context-media.is-inline-image{width:min(34%,320px);margin-left:13px}}
@media(max-width:820px){.lec-desktop-learning-layout{display:block;width:min(calc(100% - (var(--lec-app-gutter) * 2)),var(--lec-app-max));margin:0 auto}.lec-desktop-learning-rail{display:none!important}.lec-desktop-learning-stage>.lec-tab-panel{width:100%}.lec-unit-context-media.is-inline-image{float:none;width:100%;margin:0 0 10px}.lec-unit-context-media.is-after-content{margin-top:10px}.lec-unit-context-media.is-after-content .lec-context-media-card.is-video,.lec-unit-context-media.is-after-content .lec-context-media-card.is-audio{max-width:none}}
@media(prefers-reduced-motion:reduce){.lec-learning-rail-tabs button,.lec-learning-rail-continue,.lec-learning-rail-review{transition:none!important}}

/* LiDia Edu Course v0.5.32 — LiDia branded fallback identity. */
/* Course identity never falls back to the former cube/box symbol. Uploaded visuals override LiDia defaults independently. */
.lec-top-course-visual.is-auto-cover{isolation:isolate;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--lec-d) 0%,var(--lec-li) 58%,var(--lec-ia) 100%)}
.lec-top-course-visual.is-auto-cover:before,.lec-top-course-visual.is-auto-cover:after{content:"";position:absolute;z-index:0;border-radius:999px;pointer-events:none}
.lec-top-course-visual.is-auto-cover:before{width:72%;aspect-ratio:1/1;right:-22%;top:-42%;background:rgba(255,255,255,.16)}
.lec-top-course-visual.is-auto-cover:after{width:58%;aspect-ratio:1/1;left:-20%;bottom:-36%;background:rgba(255,255,255,.10)}
.lec-top-course-visual.lec-auto-cover-1{background:linear-gradient(145deg,var(--lec-li) 0%,var(--lec-d) 68%,var(--lec-ia) 100%)}
.lec-top-course-visual.lec-auto-cover-2{background:linear-gradient(135deg,var(--lec-ia) 0%,var(--lec-li) 52%,var(--lec-d) 100%)}
.lec-top-course-visual.lec-auto-cover-3{background:linear-gradient(155deg,var(--lec-d) 0%,var(--lec-li) 43%,var(--lec-ia) 100%)}
.lec-top-course-visual.lec-auto-cover-4{background:linear-gradient(140deg,var(--lec-li) 0%,var(--lec-ia) 56%,var(--lec-d) 100%)}
.lec-top-course-visual.lec-auto-cover-5{background:linear-gradient(150deg,var(--lec-d) 0%,var(--lec-li) 52%,var(--lec-ia) 100%)}
.lec-top-course-auto-cover-logo{position:relative;z-index:1;display:grid;place-items:center;width:min(76%,210px);padding:11px 13px;border:1px solid rgba(255,255,255,.76);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(12,26,58,.16);backdrop-filter:blur(4px)}
.lec-top-course-auto-logo{display:block;width:100%!important;height:auto!important;max-height:62px}
/* Every Top Courses card has a profile identity badge: uploaded Course picture or LiDia Edu default. */
.lec-top-course-profile-badge{z-index:3;padding:2px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--lec-li),var(--lec-d),var(--lec-ia)) border-box;box-shadow:0 7px 20px rgba(22,33,59,.14)}
.lec-top-course-profile-badge>img,.lec-top-course-profile-default{display:grid;place-items:center;width:100%!important;height:100%!important;min-height:0!important;border-radius:9px;background:#fff;overflow:hidden}
.lec-top-course-profile-default-icon{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.lec-top-course-card.is-clickable:hover .lec-top-course-profile-badge,.lec-top-course-card.is-clickable:focus-visible .lec-top-course-profile-badge{box-shadow:0 8px 23px rgba(28,55,120,.18)}
/* Uploaded and fallback Course profile identities use a clear LiDia ring on the Course Profile drawer. */
.lec-drawer-profile img.lec-drawer-course-profile-image,.lec-drawer-profile-symbol{padding:2px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--lec-li),var(--lec-d),var(--lec-ia)) border-box;color:var(--lec-d);box-shadow:0 5px 15px rgba(28,55,120,.08)}
.lec-drawer-profile-symbol svg{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:11px;background:#fff}
.lec-drawer-profile:hover img.lec-drawer-course-profile-image,.lec-drawer-profile:focus-within img.lec-drawer-course-profile-image,.lec-drawer-profile:hover .lec-drawer-profile-symbol,.lec-drawer-profile:focus-within .lec-drawer-profile-symbol{box-shadow:0 7px 18px rgba(28,55,120,.14)}
/* Generic assigned-Course identity also uses LiDia Edu rather than the retired cube Course symbol. */
.lec-card-icon.lec-card-brand-fallback{padding:2px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--lec-li),var(--lec-d),var(--lec-ia)) border-box;color:var(--lec-d)}
.lec-card-brand-icon{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:10px;background:#fff}
@media(max-width:760px){.lec-top-course-auto-cover-logo{width:min(78%,150px);padding:8px 9px;border-radius:11px}.lec-top-course-auto-logo{max-height:44px}.lec-top-course-profile-badge>img,.lec-top-course-profile-default{border-radius:6px}.lec-drawer-profile-symbol svg{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.lec-top-course-card.is-clickable:hover .lec-top-course-profile-badge,.lec-top-course-card.is-clickable:focus-visible .lec-top-course-profile-badge{box-shadow:0 7px 20px rgba(22,33,59,.14)}}

/* LiDia Edu Course v0.5.41 — deterministic left-to-right sequential video placement.
   Video sizing from v0.5.40 is preserved. Explicit LTR is scoped to each video grid only so
   inherited RTL/theme direction cannot place V1 in the rightmost CSS Grid column.
 * V1 starts left, V2 uses the middle slot, V3 uses the right slot. Additional sets repeat naturally.
 * The v0.5.37 large 9:16 card limits are restored; wide desktop learning canvas expands so three cards do not get unnecessarily compressed. */
.lec-unit-video-collection{display:grid;gap:10px;width:100%;max-width:1700px;margin-left:0;margin-right:auto}
.lec-video-set{display:grid;grid-template-columns:repeat(3,minmax(0,520px));grid-auto-flow:row;align-items:start;justify-content:start;gap:10px;width:100%;min-width:0;direction:ltr}
.lec-video-set.has-1-video{grid-template-columns:minmax(0,540px) minmax(0,1fr) minmax(0,1fr)}
.lec-video-set.has-2-video{grid-template-columns:minmax(0,520px) minmax(0,520px) minmax(0,1fr)}
.lec-video-set .lec-context-media-card.is-video{position:relative;grid-column:auto;grid-row:auto;justify-self:start;width:100%!important;max-width:520px!important;height:auto!important;min-height:0!important;margin:0!important;aspect-ratio:9/16!important;background:#05070c}
.lec-video-set.has-1-video .lec-context-media-card.is-video:first-child{max-width:540px!important}
.lec-video-set .lec-context-media-card.is-video.is-ratio-portrait,.lec-video-set .lec-context-media-card.is-video.is-ratio-auto{aspect-ratio:9/16!important}
.lec-video-set .lec-context-media-card.is-video.is-ratio-landscape{grid-column:1/-1!important;justify-self:start!important;width:min(100%,960px)!important;max-width:960px!important;aspect-ratio:16/9!important}
.lec-video-set .lec-context-media-card.is-video.is-ratio-square{justify-self:start;width:100%!important;max-width:520px!important;aspect-ratio:1/1!important}
.lec-video-set .lec-context-media-card.is-video iframe,.lec-video-set .lec-context-media-card.is-video video{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;background:#05070c}
.lec-learning-video-fullscreen{position:absolute;z-index:6;top:8px;right:8px;display:grid;width:36px;height:36px;place-items:center;padding:0!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:10px!important;background:rgba(2,7,18,.70)!important;color:#fff!important;font:inherit;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.16);backdrop-filter:blur(5px)}
.lec-learning-video-fullscreen:hover,.lec-learning-video-fullscreen:focus-visible{border-color:rgba(255,255,255,.72)!important;background:rgba(2,7,18,.86)!important;outline:2px solid rgba(255,255,255,.72);outline-offset:2px}.lec-learning-video-fullscreen span{font-size:17px;line-height:1}
html.lec-learning-video-fullscreen-open,body.lec-learning-video-fullscreen-open{overflow:hidden!important}
.lec-context-media-card.is-video.is-lec-learning-fullscreen{position:fixed!important;z-index:100000!important;inset:0!important;display:grid!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100vh!important;place-items:center!important;margin:0!important;padding:10px!important;border:0!important;border-radius:0!important;background:#000!important;aspect-ratio:auto!important}
.lec-context-media-card.is-video.is-lec-learning-fullscreen iframe,.lec-context-media-card.is-video.is-lec-learning-fullscreen video{width:auto!important;max-width:calc(100vw - 20px)!important;height:min(calc(100dvh - 20px),calc((100vw - 20px) * 16 / 9))!important;max-height:calc(100dvh - 20px)!important;aspect-ratio:9/16!important;object-fit:contain!important}
.lec-context-media-card.is-video.is-lec-learning-fullscreen.is-ratio-landscape iframe,.lec-context-media-card.is-video.is-lec-learning-fullscreen.is-ratio-landscape video{width:min(calc(100vw - 20px),calc((100dvh - 20px) * 16 / 9))!important;height:auto!important;aspect-ratio:16/9!important}
.lec-context-media-card.is-video.is-lec-learning-fullscreen.is-ratio-square iframe,.lec-context-media-card.is-video.is-lec-learning-fullscreen.is-ratio-square video{width:auto!important;height:min(calc(100dvh - 20px),calc(100vw - 20px))!important;aspect-ratio:1/1!important}
.lec-course-video-code{position:absolute;z-index:5;right:7px;bottom:7px;display:inline-flex;max-width:calc(100% - 14px);padding:3px 6px;border:1px solid rgba(255,255,255,.26);border-radius:7px;background:rgba(2,7,18,.66);color:rgba(255,255,255,.86);font-size:7.5px;font-weight:800;line-height:1.1;letter-spacing:.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.lec-unit-visual-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:980px}.lec-unit-visual-collection .lec-context-media-card.is-image{width:100%;margin:0;background:#f7f9fc}.lec-unit-visual-collection .lec-context-media-card.is-image img{width:100%;height:100%;max-height:420px;aspect-ratio:4/3;object-fit:contain}
.lec-unit-audio-collection,.lec-unit-file-collection{display:grid;gap:8px;width:100%;max-width:760px}.lec-video-code{display:inline-flex;width:max-content;max-width:100%;margin-bottom:5px;padding:3px 6px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(0,0,0,.28);color:rgba(255,255,255,.78);font-size:8px;font-weight:800;line-height:1.15;letter-spacing:.025em}.lec-video-slide.is-ratio-square .lec-video-immersive-player{width:auto;height:min(100%,720px);aspect-ratio:1/1}.lec-video-slide.is-ratio-auto .lec-video-immersive-player{width:auto;height:100%;aspect-ratio:9/16}
@media(min-width:1600px){.lec-desktop-learning-layout{width:min(calc(100% - 20px),1960px)}.lec-unit-video-collection{max-width:1700px}.lec-video-set{grid-template-columns:repeat(3,minmax(0,520px))}.lec-video-set.has-1-video{grid-template-columns:minmax(0,540px) minmax(0,520px) minmax(0,520px)}.lec-video-set.has-2-video{grid-template-columns:minmax(0,520px) minmax(0,520px) minmax(0,520px)}}
@media(min-width:2048px){.lec-unit-video-collection{max-width:1810px}.lec-video-set{grid-template-columns:repeat(3,minmax(0,560px))}.lec-video-set.has-1-video{grid-template-columns:minmax(0,580px) minmax(0,560px) minmax(0,560px)}.lec-video-set.has-2-video{grid-template-columns:minmax(0,560px) minmax(0,560px) minmax(0,560px)}.lec-video-set .lec-context-media-card.is-video{max-width:560px!important}.lec-video-set.has-1-video .lec-context-media-card.is-video:first-child{max-width:580px!important}.lec-video-set .lec-context-media-card.is-video.is-ratio-square{max-width:560px!important}}
@media(min-width:1024px) and (max-width:1599px){.lec-video-set{grid-template-columns:minmax(0,520px) minmax(0,520px);gap:10px}.lec-video-set.has-1-video{grid-template-columns:minmax(0,540px) minmax(0,1fr)}.lec-video-set.has-2-video{grid-template-columns:minmax(0,520px) minmax(0,520px)}.lec-video-set .lec-context-media-card.is-video{max-width:520px!important}.lec-video-set.has-1-video .lec-context-media-card.is-video:first-child{max-width:540px!important}.lec-video-set .lec-context-media-card.is-video.is-ratio-landscape{grid-column:1/-1!important;width:min(100%,960px)!important;max-width:960px!important}}
@media(max-width:1023px){.lec-video-set{grid-template-columns:minmax(0,460px);justify-content:start;gap:12px}.lec-video-set.has-1-video,.lec-video-set.has-2-video{grid-template-columns:minmax(0,460px)}.lec-video-set .lec-context-media-card.is-video{grid-column:1!important;grid-row:auto!important;justify-self:start!important;width:100%!important;max-width:460px!important}.lec-video-set .lec-context-media-card.is-video.is-ratio-landscape{width:100%!important;max-width:800px!important}.lec-unit-visual-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lec-unit-video-collection{width:100%;max-width:390px;gap:10px}.lec-video-set,.lec-video-set.has-1-video,.lec-video-set.has-2-video{grid-template-columns:minmax(0,1fr);width:100%;gap:10px}.lec-video-set .lec-context-media-card.is-video{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:390px!important}.lec-video-set .lec-context-media-card.is-video.is-ratio-landscape{width:100%!important;max-width:620px!important;aspect-ratio:16/9!important}.lec-video-set .lec-context-media-card.is-video.is-ratio-square{width:100%!important;max-width:390px!important}.lec-learning-video-fullscreen{top:6px;right:6px;width:34px;height:34px;border-radius:9px!important}.lec-unit-visual-collection{grid-template-columns:1fr;gap:9px}.lec-unit-visual-collection .lec-context-media-card.is-image img{max-height:520px}.lec-course-video-code{font-size:7px}}
@media(prefers-reduced-motion:reduce){.lec-learning-video-fullscreen{transition:none!important}}

/* LiDia Edu Course v0.5.43 — balanced three-slot left-first video stage.
 * Preserve the v0.5.42 physical-left wrapper reset, but remove the oversized 520–580px flex basis.
 * Desktop reserves three equal 9:16 slots in natural order: V1 left, V2 middle, V3 right; V4–V6 repeat.
 * The learning canvas expands on normal/wide desktop so three slots stay useful without becoming oversized. */
.lec-unit-context-media.is-after-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  margin-left:0!important;
  margin-right:0!important;
  direction:ltr!important;
  text-align:left!important;
}
.lec-unit-context-media.is-after-content>.lec-unit-video-collection{
  display:block!important;
  width:100%!important;
  max-width:1160px!important;
  margin-left:0!important;
  margin-right:auto!important;
  direction:ltr!important;
  text-align:left!important;
}
.lec-unit-context-media.is-after-content .lec-video-set,
.lec-unit-context-media.is-after-content .lec-video-set.has-1-video,
.lec-unit-context-media.is-after-content .lec-video-set.has-2-video{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  justify-content:start!important;
  gap:8px!important;
  width:100%!important;
  max-width:1160px!important;
  min-width:0!important;
  direction:ltr!important;
  text-align:left!important;
}
.lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video,
.lec-unit-context-media.is-after-content .lec-video-set.has-1-video .lec-context-media-card.is-video:first-child{
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:start!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  aspect-ratio:9/16!important;
}
.lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video.is-ratio-portrait,
.lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video.is-ratio-auto{
  aspect-ratio:9/16!important;
}
.lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video.is-ratio-landscape{
  grid-column:1/-1!important;
  justify-self:start!important;
  width:min(100%,960px)!important;
  max-width:960px!important;
  aspect-ratio:16/9!important;
}
.lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video.is-ratio-square{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
}
/* Give the desktop learning stage enough room for three balanced portrait slots beside the learning rail. */
@media(min-width:1181px){
  .lec-desktop-learning-layout{width:min(calc(100% - 20px),1450px)}
}
@media(min-width:1600px){
  .lec-desktop-learning-layout{width:min(calc(100% - 20px),1500px)}
  .lec-unit-context-media.is-after-content>.lec-unit-video-collection,
  .lec-unit-context-media.is-after-content .lec-video-set,
  .lec-unit-context-media.is-after-content .lec-video-set.has-1-video,
  .lec-unit-context-media.is-after-content .lec-video-set.has-2-video{max-width:1200px!important}
}
@media(min-width:2048px){
  .lec-desktop-learning-layout{width:min(calc(100% - 24px),1560px)}
  .lec-unit-context-media.is-after-content>.lec-unit-video-collection,
  .lec-unit-context-media.is-after-content .lec-video-set,
  .lec-unit-context-media.is-after-content .lec-video-set.has-1-video,
  .lec-unit-context-media.is-after-content .lec-video-set.has-2-video{max-width:1260px!important}
}
/* Protect viewing size on narrower desktop/tablet instead of squeezing three tiny portrait players. */
@media(min-width:821px) and (max-width:1180px){
  .lec-unit-context-media.is-after-content>.lec-unit-video-collection{max-width:820px!important}
  .lec-unit-context-media.is-after-content .lec-video-set,
  .lec-unit-context-media.is-after-content .lec-video-set.has-1-video,
  .lec-unit-context-media.is-after-content .lec-video-set.has-2-video{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:820px!important;
    gap:10px!important;
  }
}
@media(max-width:820px){
  .lec-unit-context-media.is-after-content>.lec-unit-video-collection{max-width:390px!important}
  .lec-unit-context-media.is-after-content .lec-video-set,
  .lec-unit-context-media.is-after-content .lec-video-set.has-1-video,
  .lec-unit-context-media.is-after-content .lec-video-set.has-2-video{
    grid-template-columns:minmax(0,1fr)!important;
    max-width:390px!important;
    gap:10px!important;
  }
  .lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video{width:100%!important;max-width:390px!important}
  .lec-unit-context-media.is-after-content .lec-video-set .lec-context-media-card.is-video.is-ratio-landscape{grid-column:1!important;width:100%!important;max-width:620px!important}
}

/* LiDia Edu Course v0.5.44 — LiDia Video Shell & Reliable Full Video.
 * Keep the approved v0.5.43 three-slot geometry. The 9:16 player now lives
 * inside a LiDia shell so Course controls sit below — never over — YouTube. */
.lec-unit-context-media.is-after-content .lec-context-media-card.is-video[data-lec-learning-video-card]{
  display:flex!important;
  flex-direction:column!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  min-width:0!important;
  background:#05070c!important;
}
.lec-learning-video-frame{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  background:#05070c;
  aspect-ratio:9/16;
}
.lec-learning-video-frame.is-ratio-portrait,.lec-learning-video-frame.is-ratio-auto{aspect-ratio:9/16}
.lec-learning-video-frame.is-ratio-landscape{aspect-ratio:16/9}
.lec-learning-video-frame.is-ratio-square{aspect-ratio:1/1}
.lec-learning-video-frame iframe,.lec-learning-video-frame video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  object-fit:contain!important;
  background:#05070c!important;
}
.lec-learning-video-shell-bar{
  display:flex;
  align-items:center;
  gap:5px;
  width:100%;
  min-height:42px;
  padding:5px 6px;
  border-top:1px solid rgba(255,255,255,.10);
  background:#07101f;
  color:#fff;
}
.lec-learning-video-control,.lec-learning-video-watch-full,.lec-learning-video-sound-prompt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  margin:0;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  font:inherit;
  cursor:pointer;
  box-shadow:none!important;
}
.lec-learning-video-control{flex:0 0 34px;width:34px;padding:0!important}
.lec-learning-video-control>span[aria-hidden="true"]{font-size:13px;line-height:1}
.lec-learning-video-watch-full{
  flex:1 1 auto;
  min-width:0;
  padding:6px 9px!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.01em;
}
.lec-learning-video-watch-full span[aria-hidden="true"]{font-size:14px}
.lec-learning-video-sound-prompt{
  flex:0 0 auto;
  padding:6px 8px!important;
  border-color:rgba(240,186,76,.38)!important;
  background:rgba(240,186,76,.12)!important;
  color:#ffe1a2!important;
  font-size:8px!important;
  font-weight:800!important;
  white-space:nowrap;
}
.lec-learning-video-control:hover,.lec-learning-video-control:focus-visible,
.lec-learning-video-watch-full:hover,.lec-learning-video-watch-full:focus-visible{
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.12)!important;
}
.lec-learning-video-control:focus-visible,.lec-learning-video-watch-full:focus-visible,.lec-learning-video-sound-prompt:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:2px}
.lec-learning-video-shell-bar .lec-course-video-code{
  position:static!important;
  flex:0 0 auto;
  max-width:88px;
  overflow:hidden;
  padding:0 2px;
  color:rgba(255,255,255,.58)!important;
  background:transparent!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7px!important;
  line-height:1.2;
}
/* The old Learn-page iframe/native fullscreen is intentionally retired.
 * Full Video hands the exact media item to the Course Video viewer instead. */
.lec-learning-video-fullscreen{display:none!important}

/* LiDia-owned minimize control: always outside the YouTube iframe. */
.lec-video-viewer-minimize[hidden]{display:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize,
.lec-video-viewer:fullscreen .lec-video-viewer-minimize,
.lec-video-viewer:-webkit-full-screen .lec-video-viewer-minimize{
  position:fixed;
  z-index:100120;
  top:max(14px,env(safe-area-inset-top));
  left:max(14px,env(safe-area-inset-left));
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:11px!important;
  background:rgba(3,8,18,.78)!important;
  color:#fff!important;
  font:inherit;
  font-size:10px!important;
  cursor:pointer;
  backdrop-filter:blur(8px);
  box-shadow:0 7px 22px rgba(0,0,0,.22)!important;
}
.lec-video-viewer-minimize span{font-size:18px;line-height:.8}.lec-video-viewer-minimize strong{font-weight:850}
.lec-video-viewer.is-lec-fullscreen [data-lec-video-fullscreen],
.lec-video-viewer:fullscreen [data-lec-video-fullscreen],
.lec-video-viewer:-webkit-full-screen [data-lec-video-fullscreen]{display:none!important}
@media(max-width:820px){
  .lec-learning-video-shell-bar{gap:4px;min-height:40px;padding:4px 5px}
  .lec-learning-video-control{flex-basis:32px;width:32px;min-height:32px}
  .lec-learning-video-watch-full{min-height:32px;padding:5px 7px!important;font-size:8px!important}
  .lec-learning-video-shell-bar .lec-course-video-code{max-width:64px;font-size:6.5px!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize,
  .lec-video-viewer:fullscreen .lec-video-viewer-minimize,
  .lec-video-viewer:-webkit-full-screen .lec-video-viewer-minimize{top:max(9px,env(safe-area-inset-top));left:max(9px,env(safe-area-inset-left));min-height:36px;padding:6px 9px;border-radius:10px!important}
}
@media(prefers-reduced-motion:reduce){.lec-learning-video-control,.lec-learning-video-watch-full,.lec-video-viewer-minimize{transition:none!important}}

/* v0.5.46 — unified symbol-first academic-social learning actions. */
.lec-learning-reactions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  padding:11px 0 3px!important;
}
.lec-learning-action.is-symbol-action{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6dee8!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#536274!important;
  box-shadow:0 1px 2px rgba(15,28,46,.04)!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.lec-learning-action.is-symbol-action:hover,.lec-learning-action.is-symbol-action:focus-visible{
  border-color:#9fb2cf!important;
  background:#f7f9fc!important;
  color:#1c3778!important;
  box-shadow:0 3px 10px rgba(28,55,120,.10)!important;
  outline:none!important;
}
.lec-learning-action.is-symbol-action:focus-visible{outline:2px solid rgba(28,55,120,.34)!important;outline-offset:2px!important}
.lec-learning-action.is-symbol-action>svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.lec-learning-action.is-symbol-action .lec-action-symbol{font-size:18px!important;font-weight:900!important;line-height:1!important}
.lec-learning-action.is-symbol-action.is-completed{border-color:#b6c9ed!important;background:#edf3ff!important;color:#1c3778!important}
.lec-learning-action.is-symbol-action.is-revised{border-color:#e3bfd2!important;background:#fff3f9!important;color:#7f1b50!important}
.lec-learning-action.is-symbol-action.is-wow{border-color:#efc3cb!important;background:#fff2f4!important;color:#a43d52!important}
.lec-learning-action.is-symbol-action.is-review{border-color:#cec4ec!important;background:#f5f1ff!important;color:#644492!important}
.lec-learning-action.is-symbol-action.is-submit-action:hover,.lec-learning-action.is-symbol-action.is-submit-action:focus-visible{border-color:#b8d7c3!important;background:#f1faf4!important;color:#267243!important}
.lec-learning-action.is-symbol-action.is-postbook-action:hover,.lec-learning-action.is-symbol-action.is-postbook-action:focus-visible{border-color:#b6c9ed!important;background:#edf3ff!important;color:#1c3778!important}
.lec-learning-action.is-symbol-action:disabled{opacity:.52!important;cursor:wait!important}
.lec-action-count{
  position:absolute;
  top:-5px;
  right:-5px;
  display:grid;
  place-items:center;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:999px;
  background:#7f1b50;
  color:#fff;
  font:800 8px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 1px 4px rgba(40,22,33,.14);
}
.lec-learning-action[data-lec-tooltip]::after{
  content:attr(data-lec-tooltip);
  position:absolute;
  z-index:40;
  left:50%;
  bottom:calc(100% + 7px);
  transform:translate(-50%,4px);
  max-width:210px;
  padding:5px 7px;
  border-radius:7px;
  background:#172235;
  color:#fff;
  font:700 9px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.lec-learning-action[data-lec-tooltip]:hover::after,.lec-learning-action[data-lec-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.lec-chapter-confirmation{display:flex!important;justify-content:flex-start!important;padding:8px 0 3px!important}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed{border-color:#b6c9ed!important;background:#edf3ff!important;color:#1c3778!important}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:disabled:not(.is-completed){opacity:.42!important;cursor:not-allowed!important}
@keyframes lec-revision-pulse{0%{box-shadow:0 0 0 0 rgba(127,27,80,.24)}70%{box-shadow:0 0 0 8px rgba(127,27,80,0)}100%{box-shadow:0 0 0 0 rgba(127,27,80,0)}}
.lec-learning-action.is-revision-pulse{animation:lec-revision-pulse .5s ease-out}

/* Same actions become a compact Postbook-style vertical rail inside Video. */
.lec-video-action-rail .lec-learning-action.is-symbol-action{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:50%!important;
  background:rgba(5,9,18,.68)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.lec-video-action-rail .lec-learning-action.is-symbol-action:hover,.lec-video-action-rail .lec-learning-action.is-symbol-action:focus-visible{border-color:rgba(255,255,255,.62)!important;background:rgba(28,55,120,.88)!important;color:#fff!important}
.lec-video-action-rail .lec-learning-action.is-symbol-action.is-completed{background:rgba(28,55,120,.92)!important;border-color:rgba(177,201,239,.78)!important}
.lec-video-action-rail .lec-learning-action.is-symbol-action.is-revised{background:rgba(127,27,80,.92)!important;border-color:rgba(238,190,214,.72)!important}
.lec-video-action-rail .lec-learning-action.is-symbol-action.is-wow{background:rgba(150,54,73,.92)!important;border-color:rgba(244,195,204,.74)!important}
.lec-video-action-rail .lec-learning-action.is-symbol-action.is-review{background:rgba(92,61,139,.92)!important;border-color:rgba(214,202,242,.76)!important}
.lec-video-action-rail .lec-learning-action[data-lec-tooltip]::after{left:auto;right:calc(100% + 7px);bottom:50%;transform:translate(4px,50%)}
.lec-video-action-rail .lec-learning-action[data-lec-tooltip]:hover::after,.lec-video-action-rail .lec-learning-action[data-lec-tooltip]:focus-visible::after{transform:translate(0,50%)}
.lec-video-action-rail .lec-action-count{top:-4px;right:-4px;border-color:#111827}

@media(max-width:760px){
  .lec-learning-reactions{justify-content:flex-start!important;gap:7px!important;padding-top:10px!important}
  .lec-learning-action.is-symbol-action{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .lec-learning-action[data-lec-tooltip]::after{display:none!important}
  .lec-video-action-rail .lec-learning-action.is-symbol-action{flex:0 0 43px!important;width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important}
}
@media(prefers-reduced-motion:reduce){.lec-learning-action.is-revision-pulse{animation:none!important}.lec-learning-action[data-lec-tooltip]::after{transition:none!important}}

/* v0.5.47 — final unified action-state presentation and submission continuity. */
.lec-learning-reactions{
  margin-top:12px!important;
  padding:10px 0 2px!important;
  border-top:1px solid #edf1f5!important;
}
.lec-learning-action.is-symbol-action{
  isolation:isolate;
  border-color:#d8e0e9!important;
  color:#536274!important;
  box-shadow:0 1px 3px rgba(15,28,46,.045)!important;
}
.lec-learning-action.is-symbol-action:hover,.lec-learning-action.is-symbol-action:focus-visible{
  border-color:#aebfd6!important;
  background:#f8fafc!important;
  box-shadow:0 4px 12px rgba(28,55,120,.095)!important;
}
.lec-learning-action.is-symbol-action.is-completed{
  border-color:#a9c0ec!important;
  background:#eef4ff!important;
  color:#1c3778!important;
}
.lec-learning-action.is-symbol-action.is-revised{
  border-color:#dfb5cb!important;
  background:#fff3f8!important;
  color:#7f1b50!important;
}
.lec-learning-action.is-symbol-action.is-wow{
  border-color:#efbcc6!important;
  background:#fff1f3!important;
  color:#a23a50!important;
}
.lec-learning-action.is-symbol-action.is-review{
  border-color:#c9bde9!important;
  background:#f5f1ff!important;
  color:#654593!important;
}
.lec-learning-action.is-symbol-action.is-postbook-action:hover,.lec-learning-action.is-symbol-action.is-postbook-action:focus-visible{
  border-color:#a9c0ec!important;
  background:#eef4ff!important;
  color:#1c3778!important;
}
.lec-learning-action.is-submit-action{
  --lec-submit-state:#9aa7b7;
}
.lec-learning-action.is-submit-action .lec-submit-state-mark{
  position:absolute;
  z-index:2;
  right:1px;
  bottom:1px;
  width:9px;
  height:9px;
  border:2px solid #fff;
  border-radius:999px;
  background:var(--lec-submit-state);
  box-shadow:0 1px 3px rgba(15,28,46,.18);
}
.lec-learning-action.is-submit-action.is-submission-none .lec-submit-state-mark{display:none}
.lec-learning-action.is-submit-action.is-submission-draft{--lec-submit-state:#9aa7b7;border-color:#d3dae2!important;background:#f8fafc!important;color:#667587!important}
.lec-learning-action.is-submit-action.is-submission-submitted{--lec-submit-state:#1c3778;border-color:#b4c7eb!important;background:#f0f5ff!important;color:#1c3778!important}
.lec-learning-action.is-submit-action.is-submission-reviewing{--lec-submit-state:#c18422;border-color:#ead5a7!important;background:#fff9eb!important;color:#8a5a0d!important}
.lec-learning-action.is-submit-action.is-submission-approved{--lec-submit-state:#2f7b4d;border-color:#b9ddc6!important;background:#eff9f2!important;color:#276d43!important}
.lec-learning-action.is-submit-action.is-submission-attention{--lec-submit-state:#a43d52;border-color:#efc1c9!important;background:#fff1f3!important;color:#963247!important}
.lec-learning-action[data-lec-tooltip]::after{
  min-width:max-content;
  max-width:230px;
  white-space:normal;
  text-align:center;
}
.lec-action-count{
  top:-4px;
  right:-4px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  font-size:7.5px;
}
.lec-video-action-rail .lec-learning-action.is-submit-action .lec-submit-state-mark{
  right:0;
  bottom:0;
  border-color:#101827;
}
.lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-submitted{background:rgba(28,55,120,.94)!important;border-color:rgba(177,201,239,.8)!important;color:#fff!important}
.lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-reviewing{background:rgba(143,96,20,.94)!important;border-color:rgba(240,211,151,.82)!important;color:#fff!important}
.lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-approved{background:rgba(36,111,65,.94)!important;border-color:rgba(181,226,196,.82)!important;color:#fff!important}
.lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-attention{background:rgba(150,50,70,.94)!important;border-color:rgba(244,190,201,.82)!important;color:#fff!important}
.lec-video-action-rail .lec-learning-action.is-postbook-action{color:#fff!important}
@media(max-width:760px){
  .lec-learning-reactions{margin-top:10px!important;padding-top:9px!important}
  .lec-learning-action.is-submit-action .lec-submit-state-mark{width:10px;height:10px}
}
/* Course-level submission fallback keeps the action neutral; only the small state dot carries status color. */
.lec-learning-action.is-submit-action.is-submission-scope-course:not(:hover):not(:focus-visible){
  border-color:#d8e0e9!important;
  background:#fff!important;
  color:#536274!important;
}
.lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-scope-course:not(:hover):not(:focus-visible){
  border-color:rgba(255,255,255,.26)!important;
  background:rgba(5,9,18,.68)!important;
  color:#fff!important;
}


/* v0.5.48 — Course Visual & Interaction Gate. */
.lec-learning-action.is-symbol-action:focus-visible{
  outline:3px solid rgba(28,55,120,.24)!important;
  outline-offset:3px!important;
}
.lec-video-viewer:focus-visible{
  outline:3px solid rgba(28,55,120,.28)!important;
  outline-offset:3px!important;
}
.lec-video-viewer.is-lec-fullscreen:focus-visible,.lec-video-viewer:fullscreen:focus-visible,.lec-video-viewer:-webkit-full-screen:focus-visible{
  outline:3px solid rgba(255,255,255,.88)!important;
  outline-offset:-5px!important;
}
@media(max-width:820px){
  .lec-learning-video-control{flex-basis:44px!important;width:44px!important;min-height:44px!important}
  .lec-learning-video-watch-full{min-height:44px!important;padding:7px 9px!important}
  .lec-video-top-controls button{min-height:44px!important;min-width:44px!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize,
  .lec-video-viewer:fullscreen .lec-video-viewer-minimize,
  .lec-video-viewer:-webkit-full-screen .lec-video-viewer-minimize{min-height:44px!important}
}
@media(max-width:760px){
  .lec-learning-action.is-symbol-action{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .lec-video-action-rail .lec-learning-action.is-symbol-action{flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important}
}
@media(prefers-reduced-motion:reduce){
  .lec-video-viewer,.lec-video-slide,.lec-learning-action.is-symbol-action{scroll-behavior:auto!important;transition:none!important}
}

/* v0.5.49 — Fullscreen Composition & Exact Return Continuity.
 * Fullscreen keeps the 9:16 media untouched but replaces the heavy pure-black
 * shell with a restrained LiDia navy/ash stage. Minimize is a LiDia-owned
 * lower-right control and the action rail is lifted clear of it. */
.lec-video-viewer.is-lec-fullscreen,.lec-video-viewer:fullscreen,.lec-video-viewer:-webkit-full-screen{background:#0b1424!important}
.lec-video-viewer::backdrop{background:#0b1424!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-slide,.lec-video-viewer:fullscreen .lec-video-slide,.lec-video-viewer:-webkit-full-screen .lec-video-slide,
.lec-video-viewer.is-lec-fullscreen .lec-video-stage,.lec-video-viewer:fullscreen .lec-video-stage,.lec-video-viewer:-webkit-full-screen .lec-video-stage,
.lec-video-viewer.is-lec-fullscreen .lec-video-media-layer,.lec-video-viewer:fullscreen .lec-video-media-layer,.lec-video-viewer:-webkit-full-screen .lec-video-media-layer,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player,.lec-video-viewer:fullscreen .lec-video-immersive-player,.lec-video-viewer:-webkit-full-screen .lec-video-immersive-player{background:#0b1424!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player video,.lec-video-viewer:fullscreen .lec-video-immersive-player video,.lec-video-viewer:-webkit-full-screen .lec-video-immersive-player video,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player iframe,.lec-video-viewer:fullscreen .lec-video-immersive-player iframe,.lec-video-viewer:-webkit-full-screen .lec-video-immersive-player iframe{background:#0b1424!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-stage,.lec-video-viewer:fullscreen .lec-video-stage,.lec-video-viewer:-webkit-full-screen .lec-video-stage{background:radial-gradient(circle at center,#172338 0,#0b1424 72%)!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-caption,.lec-video-viewer:fullscreen .lec-video-caption,.lec-video-viewer:-webkit-full-screen .lec-video-caption{padding:32px 10px 10px!important;background:linear-gradient(180deg,transparent 0,rgba(8,18,34,.08) 46%,rgba(8,18,34,.48) 100%)!important;text-shadow:0 1px 2px rgba(0,0,0,.38)!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize,.lec-video-viewer:fullscreen .lec-video-viewer-minimize,.lec-video-viewer:-webkit-full-screen .lec-video-viewer-minimize{top:auto!important;left:auto!important;right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;min-width:92px;min-height:44px;padding:8px 12px!important;border-color:rgba(255,255,255,.34)!important;background:rgba(10,21,38,.90)!important;box-shadow:0 8px 26px rgba(0,0,0,.24)!important}
.lec-video-viewer-minimize span{font-size:20px!important;line-height:.7!important;transform:translateY(-1px)}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail,.lec-video-viewer:fullscreen .lec-video-action-rail,.lec-video-viewer:-webkit-full-screen .lec-video-action-rail{bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px))!important}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize,.lec-video-viewer:fullscreen .lec-video-viewer-minimize,.lec-video-viewer:-webkit-full-screen .lec-video-viewer-minimize{top:auto!important;left:auto!important;right:max(9px,env(safe-area-inset-right))!important;bottom:max(9px,env(safe-area-inset-bottom))!important;min-width:46px!important;min-height:44px!important;padding:7px 9px!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize strong,.lec-video-viewer:fullscreen .lec-video-viewer-minimize strong,.lec-video-viewer:-webkit-full-screen .lec-video-viewer-minimize strong{display:none}
  .lec-video-viewer.is-lec-fullscreen .lec-video-action-rail,.lec-video-viewer:fullscreen .lec-video-action-rail,.lec-video-viewer:-webkit-full-screen .lec-video-action-rail{bottom:max(70px,calc(env(safe-area-inset-bottom) + 62px))!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-caption,.lec-video-viewer:fullscreen .lec-video-caption,.lec-video-viewer:-webkit-full-screen .lec-video-caption{padding-top:24px!important;background:linear-gradient(180deg,transparent 0,rgba(8,18,34,.06) 48%,rgba(8,18,34,.44) 100%)!important}
}

/* v0.5.50 — LiDia Immersive Video Mode.
 * Full Video is an application-owned fixed layer rather than browser-native fullscreen.
 * Nothing from LiDia shades the actual video surface. The same ⛶ icon family is used
 * for expand and lower-right minimize; reactions and metadata live around the media. */
.lec-video-viewer.is-lec-fullscreen{
  position:fixed!important;
  z-index:100000!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f3f6fa!important;
  box-shadow:none!important;
  scrollbar-color:rgba(28,55,120,.22) transparent!important;
}
.lec-video-viewer.is-lec-fullscreen::backdrop{background:#f3f6fa!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-slide,
.lec-video-viewer.is-lec-fullscreen .lec-video-stage,
.lec-video-viewer.is-lec-fullscreen .lec-video-media-layer,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player{
  background:#f3f6fa!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-stage{background:#f3f6fa!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-media-layer{background:transparent!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player video,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player iframe{
  background:transparent!important;
  box-shadow:0 12px 34px rgba(16,28,52,.12)!important;
}
/* Remove LiDia caption shading from the actual fullscreen media. */
.lec-video-viewer.is-lec-fullscreen .lec-video-caption{display:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-caption h2{color:#1c2a3d!important;text-shadow:none!important;font-size:14px!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-caption small{color:#6d7b8d!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-context-label{border-color:#d7e1ef!important;background:#f7f9fc!important;color:#1c3778!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-idle-mark{border-color:rgba(28,55,120,.24)!important;background:rgba(255,255,255,.9)!important;color:#1c3778!important;box-shadow:0 5px 18px rgba(16,28,52,.12)!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-position{border-color:#d5deea!important;background:rgba(255,255,255,.96)!important;color:#1c3778!important;box-shadow:0 4px 14px rgba(16,28,52,.08)!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button{border-color:#d5deea!important;background:rgba(255,255,255,.96)!important;color:#1c3778!important;box-shadow:0 4px 14px rgba(16,28,52,.08)!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):focus-visible{background:#eef4ff!important;color:#1c3778!important;outline:3px solid rgba(28,55,120,.18)!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button{border-color:#d5deea!important;background:rgba(255,255,255,.96)!important;color:#1c3778!important;box-shadow:0 4px 14px rgba(16,28,52,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:focus-visible{border-color:#aabed9!important;background:#eef4ff!important;color:#1c3778!important}
/* In immersive mode the lower-right control is the single minimize affordance. */
.lec-video-viewer.is-lec-fullscreen [data-lec-video-fullscreen]{display:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize{
  display:grid!important;
  top:auto!important;
  left:auto!important;
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #bacbe1!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#1c3778!important;
  box-shadow:0 10px 28px rgba(16,28,52,.16)!important;
  cursor:pointer!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize span{font-size:24px!important;line-height:1!important;transform:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize strong{display:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize:focus-visible{border-color:#7f9bc5!important;background:#eef4ff!important;color:#1c3778!important;outline:3px solid rgba(28,55,120,.20)!important;outline-offset:3px!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize:active{transform:translateY(1px)!important}
/* Lift social/academic actions above the lower-right minimize and remove dark translucent cards. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail{bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px))!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action{
  border-color:#d8e1ec!important;
  background:rgba(255,255,255,.96)!important;
  color:#46566b!important;
  box-shadow:0 6px 18px rgba(16,28,52,.10)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:focus-visible{border-color:#aabed9!important;background:#eef4ff!important;color:#1c3778!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-completed{border-color:#a9c0ec!important;background:#eef4ff!important;color:#1c3778!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-revised{border-color:#dfb5cb!important;background:#fff3f8!important;color:#7f1b50!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-wow{border-color:#efbcc6!important;background:#fff1f3!important;color:#a23a50!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-review{border-color:#c9bde9!important;background:#f5f1ff!important;color:#654593!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-postbook-action{color:#1c3778!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-action-count{border-color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt{border-color:#b9c9de!important;background:#fff!important;color:#1c3778!important;box-shadow:0 8px 24px rgba(16,28,52,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-caption{display:none!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border-radius:14px!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-action-rail{bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px))!important}
}
@media(prefers-reduced-motion:reduce){.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize{transition:none!important}}


/* v0.5.51 — reliable immersive Minimize + final Chapter milestone presentation. */
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize{
  z-index:100500!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  border:1px solid #c8d6e8!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.98)!important;
  color:#1c3778!important;
  box-shadow:0 8px 24px rgba(18,36,68,.17),0 0 0 4px rgba(255,255,255,.56)!important;
  -webkit-tap-highlight-color:transparent!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize span{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  font-size:24px!important;
  line-height:1!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize:focus-visible{
  border-color:#8ea8cd!important;
  background:#eef4ff!important;
  color:#1c3778!important;
  box-shadow:0 10px 28px rgba(18,36,68,.20),0 0 0 4px rgba(28,55,120,.10)!important;
  outline:2px solid rgba(28,55,120,.34)!important;
  outline-offset:3px!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-viewer-minimize:active{transform:scale(.96)!important}

/* Chapter completion is one deliberate milestone, not a duplicate reaction pill. */
.lec-chapter-confirmation{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:12px!important;
  margin:12px 0 4px!important;
  padding:10px 11px 10px 13px!important;
  border:1px solid #e1e7ef!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%)!important;
  box-shadow:0 1px 2px rgba(18,34,56,.03)!important;
}
.lec-chapter-milestone-copy{display:grid;gap:2px;min-width:0}
.lec-chapter-milestone-copy strong{color:#26384f;font-size:10px;font-weight:850;letter-spacing:.015em}
.lec-chapter-milestone-copy small{overflow:hidden;color:#788698;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action{
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border:1px solid #d4dde8!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#8a98aa!important;
  box-shadow:0 2px 7px rgba(18,34,56,.05)!important;
}
.lec-chapter-confirmation.is-locked .lec-learning-action.is-chapter-action:disabled{
  opacity:1!important;
  cursor:not-allowed!important;
  border-color:#e0e6ed!important;
  background:#f6f8fa!important;
  color:#a7b1bd!important;
  box-shadow:none!important;
}
.lec-chapter-confirmation.is-ready{
  border-color:#c9d7ea!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f2f6fc 100%)!important;
}
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong{color:#1c3778!important}
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled){
  border-color:#9fb6d8!important;
  background:#fff!important;
  color:#1c3778!important;
  box-shadow:0 4px 12px rgba(28,55,120,.10)!important;
}
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):focus-visible{
  border-color:#6f91c2!important;
  background:#edf3ff!important;
  color:#1c3778!important;
  box-shadow:0 6px 16px rgba(28,55,120,.14)!important;
}
.lec-chapter-confirmation.is-completed{
  border-color:#b9ccea!important;
  background:linear-gradient(180deg,#f5f8ff 0%,#edf3ff 100%)!important;
}
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy small{color:#1c3778!important}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action{
  opacity:1!important;
  border-color:#1c3778!important;
  background:#1c3778!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(28,55,120,.18)!important;
}
@media(max-width:640px){
  .lec-chapter-confirmation{grid-template-columns:minmax(0,1fr) 46px!important;gap:9px!important;padding:9px 9px 9px 11px!important}
  .lec-chapter-milestone-copy small{white-space:normal}
}


/* v0.5.52 — Minimize is outside the scroll-snap viewer.
 * It is a Course-app-level fixed control so iframe/gesture/scroll layers cannot intercept it. */
.lec-video-viewer-minimize{display:none;pointer-events:none}
.lec-video-viewer-minimize.is-visible:not([hidden]){
  position:fixed!important;
  z-index:2147483000!important;
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  top:auto!important;
  left:auto!important;
  display:grid!important;
  width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;
  place-items:center!important;padding:0!important;
  border:1px solid #b9cbe2!important;border-radius:50%!important;
  background:#fff!important;color:#1c3778!important;
  box-shadow:0 10px 30px rgba(18,36,68,.20),0 0 0 4px rgba(255,255,255,.72)!important;
  cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;
  isolation:isolate!important;-webkit-tap-highlight-color:transparent!important;
}
.lec-video-viewer-minimize.is-visible:not([hidden]) span{display:grid!important;width:30px!important;height:30px!important;place-items:center!important;font-size:24px!important;line-height:1!important;transform:none!important}
.lec-video-viewer-minimize.is-visible:not([hidden]) strong{display:none!important}
.lec-video-viewer-minimize.is-visible:not([hidden]):hover,.lec-video-viewer-minimize.is-visible:not([hidden]):focus-visible{border-color:#809dc7!important;background:#eef4ff!important;outline:3px solid rgba(28,55,120,.20)!important;outline-offset:3px!important}
.lec-video-viewer-minimize.is-visible:not([hidden]):active{transform:scale(.96)!important}
@media(max-width:820px){.lec-video-viewer-minimize.is-visible:not([hidden]){right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}}


/* LiDia Edu Course v0.5.54 — Top Courses Home & Back navigation.
 * Course owns the public Top Courses page. LiDia Edu Home remains frozen/independent.
 */
.lec-top-courses-head{position:relative;align-items:start}
.lec-top-courses-actions{position:relative;z-index:60;align-self:start;justify-self:end}
.lec-top-courses-menu-toggle{display:grid;width:44px;height:44px;min-width:44px;place-items:center;margin:0;padding:0;border:1px solid #d9e1eb;border-radius:13px;background:#fff;color:var(--lec-d);font:inherit;font-size:24px;font-weight:900;line-height:1;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 18px rgba(25,39,64,.06);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
.lec-top-courses-menu-toggle:hover,.lec-top-courses-menu-toggle:focus-visible,.lec-top-courses-actions.is-open .lec-top-courses-menu-toggle{border-color:#b9c8dc;background:#f7f9fc;box-shadow:0 8px 22px rgba(25,39,64,.09);outline:none}
.lec-top-courses-menu-toggle>span{display:block;transform:translateY(-1px)}
.lec-top-courses-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;width:246px;max-width:calc(100vw - 28px);padding:7px;border:1px solid #dce3ed;border-radius:15px;background:rgba(255,255,255,.99);box-shadow:0 18px 42px rgba(18,31,56,.16);backdrop-filter:blur(10px)}
.lec-top-courses-menu[hidden]{display:none!important}
.lec-top-courses-menu>a,.lec-top-courses-menu>button{display:flex;width:100%;min-height:43px;align-items:center;gap:9px;margin:0;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:#36465f!important;text-align:left;text-decoration:none!important;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer}
.lec-top-courses-menu>a:hover,.lec-top-courses-menu>a:focus-visible,.lec-top-courses-menu>button:hover,.lec-top-courses-menu>button:focus-visible{background:#f3f6fa;color:var(--lec-d)!important;outline:none}
.lec-top-courses-menu>a.is-home{background:#f5f8fc;color:var(--lec-d)!important}
.lec-top-courses-menu>a>span,.lec-top-courses-menu>button>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:var(--lec-d)}
.lec-top-courses-menu>a.is-home>span{border-color:#cfdaea;background:#eaf1fb}
.lec-top-courses-menu svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lec-top-courses-menu strong{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}
.lec-top-courses-menu-separator{display:block;height:1px;margin:5px 7px;background:#edf0f4}
@media(max-width:620px){
  .lec-top-courses-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
  .lec-top-courses-actions{align-self:start;justify-self:end}
  .lec-top-courses-menu-toggle{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:23px}
  .lec-top-courses-menu{right:0;width:min(270px,calc(100vw - 28px));max-width:none}
}
@media(prefers-reduced-motion:reduce){.lec-top-courses-menu-toggle{transition:none}}


/* v0.5.55 — Postbook-black immersive Video + unified high-contrast Course controls.
 * Visual-only: preserves v0.5.54 navigation, v0.5.53 runtime Minimize repair,
 * approved video geometry, learning state, and all academic/security contracts. */
:root{
  --lec-control-primary:#1c3778;
  --lec-control-primary-hover:#294f9c;
  --lec-control-primary-active:#142b63;
  --lec-control-dark:rgba(5,9,18,.82);
  --lec-control-dark-hover:rgba(28,55,120,.96);
  --lec-control-white:#fff;
  --lec-control-tooltip-ink:#111827;
}

/* Primary Course controls: one obvious normal -> hover/focus system. */
.lec-button:not(.is-secondary):not(.is-light){background:var(--lec-control-primary)!important;color:#fff!important;border-color:var(--lec-control-primary)!important;box-shadow:0 6px 16px rgba(28,55,120,.16)!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease!important}
.lec-button:not(.is-secondary):not(.is-light):hover,.lec-button:not(.is-secondary):not(.is-light):focus-visible{background:var(--lec-control-primary-hover)!important;color:#fff!important;border-color:var(--lec-control-primary-hover)!important;box-shadow:0 9px 22px rgba(28,55,120,.24)!important;outline:3px solid rgba(28,55,120,.20)!important;outline-offset:2px!important}
.lec-button:not(.is-secondary):not(.is-light):active{background:var(--lec-control-primary-active)!important;transform:scale(.98)}
.lec-button.is-secondary,.lec-button.is-light{background:#fff!important;color:var(--lec-control-primary)!important;border-color:#b8c8dd!important}
.lec-button.is-secondary:hover,.lec-button.is-secondary:focus-visible,.lec-button.is-light:hover,.lec-button.is-light:focus-visible{background:var(--lec-control-primary)!important;color:#fff!important;border-color:var(--lec-control-primary)!important;outline:3px solid rgba(28,55,120,.18)!important;outline-offset:2px!important}
.lec-course-tabs button:not(.is-active):hover,.lec-course-tabs button:not(.is-active):focus-visible{background:#edf3ff!important;color:var(--lec-control-primary)!important;outline:2px solid rgba(28,55,120,.18)!important;outline-offset:1px!important}
.lec-course-tabs button.is-active{background:var(--lec-control-primary)!important;color:#fff!important}
.lec-course-tabs button.is-active:hover,.lec-course-tabs button.is-active:focus-visible{background:var(--lec-control-primary-hover)!important;color:#fff!important;outline:3px solid rgba(28,55,120,.18)!important;outline-offset:2px!important}

/* Learning actions: neutral is clean; hover is decisive; active states are semantic fills. */
.lec-learning-action.is-symbol-action{border-color:#c9d4e2!important;background:#fff!important;color:#243e73!important;box-shadow:0 2px 8px rgba(18,38,72,.05)!important}
.lec-learning-action.is-symbol-action:hover,.lec-learning-action.is-symbol-action:focus-visible{border-color:var(--lec-control-primary)!important;background:var(--lec-control-primary)!important;color:#fff!important;box-shadow:0 6px 16px rgba(28,55,120,.20)!important;outline:3px solid rgba(28,55,120,.18)!important;outline-offset:2px!important}
.lec-learning-action.is-symbol-action.is-completed{border-color:#1c3778!important;background:#1c3778!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-completed:hover,.lec-learning-action.is-symbol-action.is-completed:focus-visible{border-color:#315aa7!important;background:#315aa7!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-revised{border-color:#7f1b50!important;background:#7f1b50!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-revised:hover,.lec-learning-action.is-symbol-action.is-revised:focus-visible{border-color:#a12967!important;background:#a12967!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-wow{border-color:#b93f57!important;background:#b93f57!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-wow:hover,.lec-learning-action.is-symbol-action.is-wow:focus-visible{border-color:#d65369!important;background:#d65369!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-review{border-color:#67479a!important;background:#67479a!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-review:hover,.lec-learning-action.is-symbol-action.is-review:focus-visible{border-color:#7f5db2!important;background:#7f5db2!important;color:#fff!important}
.lec-learning-action.is-symbol-action.is-postbook-action:hover,.lec-learning-action.is-symbol-action.is-postbook-action:focus-visible{background:#1c3778!important;border-color:#1c3778!important;color:#fff!important}

/* Tooltips outside immersive Video: strong white panel, dark readable text. */
.lec-learning-action[data-lec-tooltip]::after{background:#fff!important;color:#111827!important;border:1px solid #d7dee8!important;box-shadow:0 8px 24px rgba(15,23,42,.16)!important;text-shadow:none!important;font-weight:800!important}

/* Postbook-style true-black immersive viewing canvas. No LiDia shade overlays the video. */
.lec-video-viewer.is-lec-fullscreen,
.lec-video-viewer.is-lec-fullscreen .lec-video-slide,
.lec-video-viewer.is-lec-fullscreen .lec-video-stage,
.lec-video-viewer.is-lec-fullscreen .lec-video-media-layer,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player{background:#000!important}
.lec-video-viewer.is-lec-fullscreen::backdrop{background:#000!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-media-layer{background:#000!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player video,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player iframe{background:#000!important;box-shadow:none!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-caption{display:none!important;background:none!important}

/* Neutral immersive information/control family. */
.lec-video-viewer.is-lec-fullscreen .lec-video-position,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-idle-mark,
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt{
  border-color:rgba(255,255,255,.34)!important;
  background:var(--lec-control-dark)!important;
  color:#fff!important;
  box-shadow:0 6px 20px rgba(0,0,0,.34)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
  text-shadow:none!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt:focus-visible{
  border-color:rgba(255,255,255,.88)!important;
  background:var(--lec-control-dark-hover)!important;
  color:#fff!important;
  outline:3px solid rgba(255,255,255,.94)!important;
  outline-offset:2px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.42)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-pressed="true"]{background:#1c3778!important;border-color:#9ab4df!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:disabled{opacity:.36!important;color:#fff!important}

/* External Course-level Minimize authority uses the same fullscreen icon family. */
.lec-video-viewer-minimize.is-visible:not([hidden]){
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(5,9,18,.90)!important;
  color:#fff!important;
  box-shadow:0 9px 28px rgba(0,0,0,.40),0 0 0 1px rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.lec-video-viewer-minimize.is-visible:not([hidden]):hover,.lec-video-viewer-minimize.is-visible:not([hidden]):focus-visible{
  border-color:#fff!important;
  background:#1c3778!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.46),0 0 0 3px rgba(255,255,255,.18)!important;
  outline:3px solid rgba(255,255,255,.95)!important;
  outline-offset:3px!important;
}
.lec-video-viewer-minimize.is-visible:not([hidden]):active{background:#142b63!important;transform:scale(.96)!important}

/* High-contrast hover label for the external Minimize icon. */
.lec-video-viewer-minimize.is-visible:not([hidden]){overflow:visible!important}
.lec-video-viewer-minimize.is-visible:not([hidden])::after{
  content:attr(aria-label);
  position:absolute;
  right:0;
  bottom:calc(100% + 9px);
  z-index:2147483001;
  width:max-content;
  max-width:190px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:8px;
  background:#fff;
  color:var(--lec-control-tooltip-ink);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  font:800 10px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  opacity:0;
  visibility:hidden;
  transform:translateY(4px);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
  pointer-events:none;
  white-space:nowrap;
}
.lec-video-viewer-minimize.is-visible:not([hidden]):hover::after,.lec-video-viewer-minimize.is-visible:not([hidden]):focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}

/* Immersive academic/social action rail: neutral dark glass, semantic active fills. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action{
  border-color:rgba(255,255,255,.30)!important;
  background:rgba(5,9,18,.82)!important;
  color:#fff!important;
  box-shadow:0 5px 18px rgba(0,0,0,.30)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:focus-visible{
  border-color:#fff!important;
  background:#1c3778!important;
  color:#fff!important;
  outline:3px solid rgba(255,255,255,.94)!important;
  outline-offset:2px!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-completed{border-color:#a9c0ec!important;background:#1c3778!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-revised{border-color:#dca9c4!important;background:#7f1b50!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-wow{border-color:#f3b6c2!important;background:#b93f57!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-review{border-color:#cbbbec!important;background:#67479a!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-submitted{background:#1c3778!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-reviewing{background:#9a6819!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-approved{background:#2f7b4d!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-attention{background:#a43d52!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-postbook-action{border-color:#a9c0ec!important;background:#1c3778!important;color:#fff!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-action-count{border-color:#fff!important;background:#fff!important;color:#111827!important}

/* Immersive action hover text: white panel + dark text, never low-contrast dark-on-dark. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action[data-lec-tooltip]::after{
  border:1px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 8px 24px rgba(0,0,0,.30)!important;
  text-shadow:none!important;
}

/* Chapter milestone primary Ready state follows the same high-contrast language. */
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled){border-color:#1c3778!important;background:#fff!important;color:#1c3778!important}
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):hover,.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):focus-visible{border-color:#1c3778!important;background:#1c3778!important;color:#fff!important;outline:3px solid rgba(28,55,120,.18)!important;outline-offset:2px!important}
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action{border-color:#1c3778!important;background:#1c3778!important;color:#fff!important}

@media(prefers-reduced-motion:reduce){
  .lec-button,.lec-learning-action.is-symbol-action,.lec-video-viewer-minimize.is-visible:not([hidden])::after{transition:none!important}
}

/* v0.5.55 immersive hover labels for icon/compact playback controls. */
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button{position:relative!important;overflow:visible!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button[aria-label]::after,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-label]::after{
  content:attr(aria-label);
  position:absolute;
  z-index:100020;
  width:max-content;
  max-width:210px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:8px;
  background:#fff;
  color:#111827;
  box-shadow:0 8px 24px rgba(0,0,0,.30);
  font:800 10px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-label]::after{top:calc(100% + 8px);right:0;transform:translateY(-3px)}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button[aria-label]::after{right:calc(100% + 8px);top:50%;transform:translate(3px,-50%)}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-label]:hover::after,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-label]:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button[aria-label]:hover::after,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button[aria-label]:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button[aria-label]::after,
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-label]::after,
  .lec-video-viewer-minimize.is-visible:not([hidden])::after{display:none!important}
}


/* v0.5.57 — Unified White Primary & Blue Hover Visual System.
 * Primary state: white/light + strong ink/semantic icon + subtle LiDia border.
 * Hover/focus: one universal LiDia blue (#1C3778) + pure white.
 * Semantic colors communicate meaning without permanently filling the whole control. */
:root{
  --lec-v57-blue:#1c3778;
  --lec-v57-blue-hover:#244b94;
  --lec-v57-ink:#1b2b42;
  --lec-v57-border:#b9c9df;
  --lec-v57-lilac:#7f1b50;
  --lec-v57-wow:#b93f57;
  --lec-v57-review:#67479a;
  --lec-v57-green:#2f7b4d;
  --lec-v57-amber:#9a6819;
}

/* Normal Course buttons are calm white surfaces. */
.lec-button:not(:disabled),
.lec-learning-action.is-symbol-action:not(:disabled),
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled){
  background:#fff!important;
  color:var(--lec-v57-ink)!important;
  border-color:var(--lec-v57-border)!important;
  box-shadow:0 2px 9px rgba(20,40,76,.07),0 0 0 1px rgba(127,27,80,.035)!important;
}
.lec-button:not(:disabled):hover,
.lec-button:not(:disabled):focus-visible,
.lec-learning-action.is-symbol-action:not(:disabled):hover,
.lec-learning-action.is-symbol-action:not(:disabled):focus-visible,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible{
  background:var(--lec-v57-blue)!important;
  color:#fff!important;
  border-color:var(--lec-v57-blue)!important;
  box-shadow:0 7px 18px rgba(28,55,120,.22)!important;
  outline:3px solid rgba(28,55,120,.20)!important;
  outline-offset:2px!important;
}
.lec-button:not(:disabled):active,
.lec-learning-action.is-symbol-action:not(:disabled):active,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):active{
  background:var(--lec-v57-blue-hover)!important;
  color:#fff!important;
  transform:scale(.97)!important;
}

/* Semantic states stay WHITE in the primary state; icon/border/count carries meaning. */
.lec-learning-action.is-symbol-action.is-completed{
  background:#fff!important;color:var(--lec-v57-blue)!important;border-color:#7696c7!important;
}
.lec-learning-action.is-symbol-action.is-revised{
  background:#fff!important;color:var(--lec-v57-lilac)!important;border-color:#c88aa9!important;
}
.lec-learning-action.is-symbol-action.is-wow{
  background:#fff!important;color:var(--lec-v57-wow)!important;border-color:#df9aaa!important;
}
.lec-learning-action.is-symbol-action.is-review{
  background:#fff!important;color:var(--lec-v57-review)!important;border-color:#ad99d1!important;
}
.lec-learning-action.is-symbol-action.is-postbook-action{
  background:#fff!important;color:var(--lec-v57-blue)!important;border-color:#8ca7cf!important;
}
.lec-learning-action.is-symbol-action.is-completed:hover,
.lec-learning-action.is-symbol-action.is-completed:focus-visible,
.lec-learning-action.is-symbol-action.is-revised:hover,
.lec-learning-action.is-symbol-action.is-revised:focus-visible,
.lec-learning-action.is-symbol-action.is-wow:hover,
.lec-learning-action.is-symbol-action.is-wow:focus-visible,
.lec-learning-action.is-symbol-action.is-review:hover,
.lec-learning-action.is-symbol-action.is-review:focus-visible,
.lec-learning-action.is-symbol-action.is-postbook-action:hover,
.lec-learning-action.is-symbol-action.is-postbook-action:focus-visible{
  background:var(--lec-v57-blue)!important;color:#fff!important;border-color:var(--lec-v57-blue)!important;
}

/* Submission uses white primary surface too; status survives through border/icon/dot. */
.lec-learning-action.is-submit-action{background:#fff!important;color:var(--lec-v57-ink)!important;border-color:var(--lec-v57-border)!important}
.lec-learning-action.is-submit-action.is-submission-submitted{background:#fff!important;color:var(--lec-v57-blue)!important;border-color:#7696c7!important}
.lec-learning-action.is-submit-action.is-submission-reviewing{background:#fff!important;color:var(--lec-v57-amber)!important;border-color:#d1b16e!important}
.lec-learning-action.is-submit-action.is-submission-approved{background:#fff!important;color:var(--lec-v57-green)!important;border-color:#83b699!important}
.lec-learning-action.is-submit-action.is-submission-attention{background:#fff!important;color:#a43d52!important;border-color:#d89bab!important}
.lec-learning-action.is-submit-action:hover,.lec-learning-action.is-submit-action:focus-visible,
.lec-learning-action.is-submit-action.is-submission-submitted:hover,.lec-learning-action.is-submit-action.is-submission-submitted:focus-visible,
.lec-learning-action.is-submit-action.is-submission-reviewing:hover,.lec-learning-action.is-submit-action.is-submission-reviewing:focus-visible,
.lec-learning-action.is-submit-action.is-submission-approved:hover,.lec-learning-action.is-submit-action.is-submission-approved:focus-visible,
.lec-learning-action.is-submit-action.is-submission-attention:hover,.lec-learning-action.is-submit-action.is-submission-attention:focus-visible{
  background:var(--lec-v57-blue)!important;color:#fff!important;border-color:var(--lec-v57-blue)!important;
}

/* Chapter milestone: all primary surfaces stay white, including Ready and Completed. */
.lec-chapter-confirmation{background:#fff!important;border-color:#d7e0eb!important;box-shadow:0 2px 9px rgba(20,40,76,.045)!important}
.lec-chapter-confirmation.is-ready{background:#fff!important;border-color:#9fb5d5!important}
.lec-chapter-confirmation.is-completed{background:#fff!important;border-color:#7696c7!important}
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong{color:var(--lec-v57-blue)!important}
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy small{color:#5e7088!important}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action{
  background:#fff!important;color:var(--lec-v57-blue)!important;border-color:var(--lec-v57-blue)!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:focus-visible,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:hover,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:focus-visible{
  background:var(--lec-v57-blue)!important;color:#fff!important;border-color:var(--lec-v57-blue)!important;
}

/* Fullscreen remains Postbook-black, but PRIMARY controls are white for maximum visibility. */
.lec-video-viewer.is-lec-fullscreen,
.lec-video-viewer.is-lec-fullscreen .lec-video-slide,
.lec-video-viewer.is-lec-fullscreen .lec-video-stage,
.lec-video-viewer.is-lec-fullscreen .lec-video-media-layer,
.lec-video-viewer.is-lec-fullscreen .lec-video-immersive-player{background:#000!important}
.lec-video-viewer.is-lec-fullscreen::backdrop{background:#000!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-position,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-idle-mark,
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action,
.lec-video-viewer-minimize.is-visible:not([hidden]){
  background:#fff!important;
  color:var(--lec-v57-ink)!important;
  border-color:#9fb2cd!important;
  box-shadow:0 7px 22px rgba(0,0,0,.32),0 0 0 1px rgba(127,27,80,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-shadow:none!important;
}

/* Semantic fullscreen reaction primary state is still white. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-completed{background:#fff!important;color:var(--lec-v57-blue)!important;border-color:#7696c7!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-revised{background:#fff!important;color:var(--lec-v57-lilac)!important;border-color:#c88aa9!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-wow{background:#fff!important;color:var(--lec-v57-wow)!important;border-color:#df9aaa!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-review{background:#fff!important;color:var(--lec-v57-review)!important;border-color:#ad99d1!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-postbook-action{background:#fff!important;color:var(--lec-v57-blue)!important;border-color:#8ca7cf!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-submitted{background:#fff!important;color:var(--lec-v57-blue)!important;border-color:#7696c7!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-reviewing{background:#fff!important;color:var(--lec-v57-amber)!important;border-color:#d1b16e!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-approved{background:#fff!important;color:var(--lec-v57-green)!important;border-color:#83b699!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-attention{background:#fff!important;color:#a43d52!important;border-color:#d89bab!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-action-count{background:#fff!important;color:#111827!important;border-color:#d9e1ec!important}

/* One universal fullscreen hover/focus treatment. */
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-sound-prompt:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:focus-visible,
.lec-video-viewer-minimize.is-visible:not([hidden]):hover,
.lec-video-viewer-minimize.is-visible:not([hidden]):focus-visible{
  background:var(--lec-v57-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid rgba(255,255,255,.96)!important;
  outline-offset:2px!important;
  box-shadow:0 9px 28px rgba(0,0,0,.44),0 0 0 3px rgba(28,55,120,.26)!important;
}

/* Hover labels remain maximum-contrast white on black. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action[data-lec-tooltip]::after,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button[aria-label]::after,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-label]::after,
.lec-video-viewer-minimize.is-visible:not([hidden])::after{
  background:#fff!important;color:#111827!important;border-color:#fff!important;
  box-shadow:0 8px 26px rgba(0,0,0,.40)!important;
}

@media(prefers-reduced-motion:reduce){
  .lec-button,.lec-learning-action.is-symbol-action,.lec-chapter-confirmation .lec-learning-action.is-chapter-action{transition:none!important}
}

/* v0.5.58 — Fullscreen Chapter/Wow/left-navigation focus polish.
 * Visual-only correction: fullscreen contextual Chapter/Open controls use white text/icons,
 * Wow uses a deterministic SVG burst, and the left Previous/Next controls are deliberately
 * stronger on the Postbook-black canvas. */

/* Fullscreen contextual Unit/Chapter controls: dark-glass primary + pure white content. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]{
  background:rgba(5,9,18,.88)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.46)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.38)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] svg{
  color:#fff!important;
  stroke:currentColor!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid rgba(255,255,255,.96)!important;
  outline-offset:2px!important;
}

/* Wow is a real SVG burst now; fullscreen keeps it white like the other viewer actions. */
.lec-learning-action.is-wow-action svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action.is-wow{
  background:rgba(5,9,18,.88)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.46)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action.is-wow:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action.is-wow:focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid rgba(255,255,255,.96)!important;
  outline-offset:2px!important;
}

/* Left-side Previous/Next: make the navigation visually intentional on black. */
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls{
  left:16px!important;
  gap:9px!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border:2px solid rgba(255,255,255,.78)!important;
  background:rgba(5,9,18,.88)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
  box-shadow:0 8px 24px rgba(0,0,0,.42),0 0 0 2px rgba(28,55,120,.26)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:3px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.48),0 0 0 5px rgba(28,55,120,.42)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:disabled{
  background:rgba(5,9,18,.60)!important;
  color:rgba(255,255,255,.56)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-step-controls{left:max(10px,env(safe-area-inset-left))!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
}

/* v0.5.59 — Refined fullscreen sound utility control.
 * Sound is a secondary utility in immersive mode: compact ash-glass surface,
 * deterministic white glyph, subtle ash hover, and blue only as the focus ring.
 */
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  gap:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound] > span{
  display:none!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9v6h4l5 4V5L8 9H4zm11.5 3a3.5 3.5 0 0 0-1.5-2.87v5.74A3.5 3.5 0 0 0 15.5 12zm0-7.2v2.06A6.51 6.51 0 0 1 18 12a6.51 6.51 0 0 1-2.5 5.14v2.06A8.49 8.49 0 0 0 20 12a8.49 8.49 0 0 0-4.5-7.2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9v6h4l5 4V5L8 9H4zm11.5 3a3.5 3.5 0 0 0-1.5-2.87v5.74A3.5 3.5 0 0 0 15.5 12zm0-7.2v2.06A6.51 6.51 0 0 1 18 12a6.51 6.51 0 0 1-2.5 5.14v2.06A8.49 8.49 0 0 0 20 12a8.49 8.49 0 0 0-4.5-7.2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9v6h4l5 4V5L8 9H4zm12.59 3L19 9.59 20.41 11 18 13.41 20.41 15 19 16.41 16.59 14 14.18 16.41 12.77 15 15.18 12.59 12.77 10.18 14.18 8.77 16.59 11.18 19 8.77 20.41 10.18 18 12.59 20.41 15 19 16.41z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9v6h4l5 4V5L8 9H4zm12.59 3L19 9.59 20.41 11 18 13.41 20.41 15 19 16.41 16.59 14 14.18 16.41 12.77 15 15.18 12.59 12.77 10.18 14.18 8.77 16.59 11.18 19 8.77 20.41 10.18 18 12.59 20.41 15 19 16.41z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="true"]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]:hover{
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.62)!important;
  outline:0!important;
  box-shadow:0 7px 20px rgba(0,0,0,.34)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="true"]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]:focus-visible{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid rgba(28,55,120,.98)!important;
  outline-offset:3px!important;
  box-shadow:0 7px 20px rgba(0,0,0,.34)!important;
}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]{
    width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:11px!important;
  }
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]::before{width:17px;height:17px}
}

/* v0.5.60 — Unified eye-comfort action grammar.
 * One primary visual family across Learn and immersive Video:
 * white surface + dark content + subtle LiDia border;
 * hover/focus = LiDia blue + white content + clear white roundline.
 * Sound remains the approved compact ash utility exception from v0.5.59.
 */
:root{
  --lec-v60-blue:#1c3778;
  --lec-v60-ink:#111827;
  --lec-v60-border:#b8c8dc;
}

/* All academic/social actions share the same calm primary surface, including active states. */
.lec-learning-action.is-symbol-action,
.lec-learning-action.is-symbol-action.is-completed,
.lec-learning-action.is-symbol-action.is-revised,
.lec-learning-action.is-symbol-action.is-wow,
.lec-learning-action.is-symbol-action.is-review,
.lec-learning-action.is-symbol-action.is-postbook-action,
.lec-learning-action.is-submit-action,
.lec-learning-action.is-submit-action.is-submission-submitted,
.lec-learning-action.is-submit-action.is-submission-reviewing,
.lec-learning-action.is-submit-action.is-submission-approved,
.lec-learning-action.is-submit-action.is-submission-attention,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action{
  background:#fff!important;
  color:var(--lec-v60-ink)!important;
  border-color:var(--lec-v60-border)!important;
  box-shadow:0 2px 9px rgba(20,40,76,.065)!important;
}
.lec-learning-action.is-symbol-action svg,
.lec-learning-action.is-submit-action svg,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action svg{
  color:currentColor!important;
  stroke:currentColor!important;
}

/* State counts/dots may retain meaning, but the main control never changes family. */
.lec-learning-action .lec-action-count{
  background:#f3f6fa!important;
  color:#24354d!important;
  border-color:#d5deea!important;
}

/* One universal Course hover/focus grammar. */
.lec-learning-action.is-symbol-action:not(:disabled):hover,
.lec-learning-action.is-symbol-action:not(:disabled):focus-visible,
.lec-learning-action.is-submit-action:not(:disabled):hover,
.lec-learning-action.is-submit-action:not(:disabled):focus-visible,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible{
  background:var(--lec-v60-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid rgba(255,255,255,.98)!important;
  outline-offset:2px!important;
  box-shadow:0 8px 22px rgba(28,55,120,.28),0 0 0 3px rgba(28,55,120,.20)!important;
}
.lec-learning-action.is-symbol-action:not(:disabled):hover .lec-action-count,
.lec-learning-action.is-symbol-action:not(:disabled):focus-visible .lec-action-count,
.lec-learning-action.is-submit-action:not(:disabled):hover .lec-action-count,
.lec-learning-action.is-submit-action:not(:disabled):focus-visible .lec-action-count{
  background:#fff!important;
  color:var(--lec-v60-blue)!important;
  border-color:#fff!important;
}

/* Chapter milestone copy is neutral in primary state so it does not visually compete with actions. */
.lec-chapter-confirmation,
.lec-chapter-confirmation.is-ready,
.lec-chapter-confirmation.is-completed{
  background:#fff!important;
  border-color:#d7e0eb!important;
}
.lec-chapter-confirmation .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong{
  color:var(--lec-v60-ink)!important;
}

/* Immersive Video: every primary action/navigation control follows the same white/dark family. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit],
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-completed,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-revised,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-wow,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-review,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-postbook-action,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-submitted,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-reviewing,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-approved,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-submit-action.is-submission-attention,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button,
.lec-video-viewer-minimize.is-visible:not([hidden]){
  background:#fff!important;
  color:var(--lec-v60-ink)!important;
  border-color:var(--lec-v60-border)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-shadow:none!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button svg,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button,
.lec-video-viewer-minimize.is-visible:not([hidden]){
  color:var(--lec-v60-ink)!important;
  stroke:currentColor!important;
}

/* Fullscreen Wow is intentionally identical to Chapter/other primary controls. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-wow-action.is-wow{
  background:#fff!important;
  color:var(--lec-v60-ink)!important;
  border-color:var(--lec-v60-border)!important;
}

/* Fullscreen hover/focus is one predictable blue/white state, with a white roundline. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:not(:disabled):focus-visible,
.lec-video-viewer-minimize.is-visible:not([hidden]):hover,
.lec-video-viewer-minimize.is-visible:not([hidden]):focus-visible{
  background:var(--lec-v60-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:3px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.46),0 0 0 5px rgba(28,55,120,.38)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:not(:disabled):hover span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:not(:disabled):hover svg,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:not(:disabled):focus-visible span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button:not(:disabled):focus-visible svg{
  color:#fff!important;
  stroke:currentColor!important;
}

/* Disabled navigation remains recognizably unavailable without introducing another color family. */
.lec-video-viewer.is-lec-fullscreen .lec-video-step-controls button:disabled{
  background:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.52)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:none!important;
}

/* Sound stays the deliberate compact ash/white utility exception from v0.5.59. */
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound],
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:focus-visible{
  color:#fff!important;
}
/* v0.5.61 — Chapter primary text correction.
 * Normal Chapter milestone = white surface + explicit black content.
 * Hover/focus = LiDia blue surface + pure white content.
 */
.lec-chapter-confirmation,
.lec-chapter-confirmation.is-ready,
.lec-chapter-confirmation.is-completed{
  background:#fff!important;
}
.lec-chapter-confirmation .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy small{
  color:#111827!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action{
  background:#fff!important;
  color:#111827!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:focus-visible,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:hover,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
}



/* v0.5.62 — Clean Course Video viewer & deterministic scrolling.
 * Remove redundant Video heading/caption shade and duplicate chapter/title labels.
 * The right action rail remains the single contextual Course/Chapter return surface.
 * Viewer stage is solid black with no LiDia-generated gradient over or behind video.
 */
[data-lec-panel="video"] > .lec-panel-heading{display:none!important}
[data-lec-panel="video"] .lec-video-filters{margin-top:4px;margin-bottom:8px}
.lec-video-caption{display:none!important}
.lec-video-stage,
.lec-video-media-layer,
.lec-video-immersive-player,
.lec-video-immersive-player video,
.lec-video-immersive-player iframe{
  background:#000!important;
}
.lec-video-stage{background-image:none!important}
.lec-video-position{gap:5px!important}
.lec-video-position [data-lec-video-position-code]{
  display:inline-flex;
  max-width:210px;
  margin-left:4px;
  padding-left:7px;
  border-left:1px solid rgba(255,255,255,.32);
  color:#fff;
  font:800 8px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lec-video-position [data-lec-video-position-code][hidden]{display:none!important}
.lec-video-viewer{
  overscroll-behavior:contain!important;
  scroll-snap-type:y mandatory!important;
  scroll-behavior:smooth;
}
.lec-video-slide{scroll-snap-align:start!important;scroll-snap-stop:always!important}
@media(max-width:820px){
  .lec-video-position [data-lec-video-position-code]{max-width:150px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){.lec-video-viewer{scroll-behavior:auto!important}}


/* v0.5.63 — Unified top Video controls + Chapter interaction grammar.
 * Visible top controls are icon-only. Sound no longer uses a separate ash family.
 * Primary = white surface + black/dark symbol/text.
 * Hover/focus = LiDia Blue + white symbol/text + clear white roundline.
 */
:root{
  --lec-v63-blue:#1c3778;
  --lec-v63-ink:#111827;
  --lec-v63-border:#b8c8dc;
}

/* Top Video controls: symbol-only, same visual family in normal and immersive Video. */
.lec-video-top-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound],
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen]{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  gap:0!important;
  border:1px solid var(--lec-v63-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--lec-v63-ink)!important;
  box-shadow:0 4px 14px rgba(16,28,52,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-shadow:none!important;
}
.lec-video-top-controls button:not(:disabled):hover,
.lec-video-top-controls button:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen]:focus-visible{
  background:var(--lec-v63-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
  box-shadow:0 8px 22px rgba(28,55,120,.30)!important;
}
.lec-video-top-controls button[aria-pressed="true"],
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-pressed="true"]{
  background:#fff!important;
  color:var(--lec-v63-ink)!important;
  border-color:var(--lec-v63-border)!important;
}
.lec-video-top-controls button[aria-pressed="true"]:hover,
.lec-video-top-controls button[aria-pressed="true"]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-pressed="true"]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button[aria-pressed="true"]:focus-visible{
  background:var(--lec-v63-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
}
.lec-video-top-controls .lec-video-control-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:21px!important;
  height:21px!important;
  color:currentColor!important;
  line-height:1!important;
}
.lec-video-top-controls .is-fullscreen-icon{
  font:900 22px/1 Arial,sans-serif!important;
}
/* Deterministic monochrome speaker. The JS may update the underlying emoji text;
 * font-size:0 keeps the visual icon consistently black/white via currentColor. */
.lec-video-top-controls .is-sound-icon{
  position:relative!important;
  font-size:0!important;
}
.lec-video-top-controls .is-sound-icon::before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 10v4h4l5 4V6L8 10H4Zm12.5-.5a4 4 0 0 1 0 5m2-7.5a7 7 0 0 1 0 10'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 10v4h4l5 4V6L8 10H4Zm12.5-.5a4 4 0 0 1 0 5m2-7.5a7 7 0 0 1 0 10'/%3E%3C/svg%3E") center/contain no-repeat;
}
.lec-video-top-controls [data-lec-video-sound][aria-pressed="false"] .is-sound-icon::after{
  content:"";
  position:absolute;
  width:2px;
  height:22px;
  left:10px;
  top:-1px;
  border-radius:999px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:center;
}

/* Chapter milestone/action follows the exact same primary and hover/focus grammar. */
.lec-chapter-confirmation,
.lec-chapter-confirmation.is-ready,
.lec-chapter-confirmation.is-completed{
  background:#fff!important;
  color:var(--lec-v63-ink)!important;
  border-color:#d7e0eb!important;
}
.lec-chapter-confirmation .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy small{
  color:var(--lec-v63-ink)!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action{
  background:#fff!important;
  color:var(--lec-v63-ink)!important;
  border-color:var(--lec-v63-border)!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:focus-visible,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:hover,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:focus-visible{
  background:var(--lec-v63-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
  box-shadow:0 8px 22px rgba(28,55,120,.28)!important;
}
@media(max-width:820px){
  .lec-video-top-controls button,
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls button,
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound],
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen]{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:11px!important;
  }
}
/* v0.5.63 compatibility override for the older v0.5.59 sound pseudo-icon.
 * Reuse its provider-safe button pseudo glyph but inherit currentColor so it is
 * black on white primary and white on blue hover/focus.
 */
.lec-video-top-controls [data-lec-video-sound]::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]::before{
  background:currentColor!important;
  width:20px!important;
  height:20px!important;
}
.lec-video-top-controls [data-lec-video-sound] > .lec-video-control-icon.is-sound-icon{
  display:none!important;
}


/* v0.5.64 — explicit Sound black symbol + fully consistent Chapter color states.
 * Primary everywhere = white surface + black content + neutral LiDia border.
 * Hover/focus = LiDia Blue + white content + clear white outline.
 */
:root{--lec-v64-blue:#1c3778;--lec-v64-ink:#111827;--lec-v64-border:#b8c8dc}

/* Sound: do not depend on inherited currentColor from earlier fullscreen generations. */
.lec-video-top-controls [data-lec-video-sound],
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound],
.lec-video-top-controls [data-lec-video-sound][aria-pressed="true"],
.lec-video-top-controls [data-lec-video-sound][aria-pressed="false"],
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="true"],
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]{
  background:#fff!important;
  color:var(--lec-v64-ink)!important;
  border-color:var(--lec-v64-border)!important;
}
.lec-video-top-controls [data-lec-video-sound]::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]::before{
  background:#111827!important;
}
.lec-video-top-controls [data-lec-video-sound]:not(:disabled):hover,
.lec-video-top-controls [data-lec-video-sound]:not(:disabled):focus-visible,
.lec-video-top-controls [data-lec-video-sound][aria-pressed="true"]:hover,
.lec-video-top-controls [data-lec-video-sound][aria-pressed="true"]:focus-visible,
.lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]:hover,
.lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="true"]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="true"]:focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]:focus-visible{
  background:var(--lec-v64-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
}
.lec-video-top-controls [data-lec-video-sound]:not(:disabled):hover::before,
.lec-video-top-controls [data-lec-video-sound]:not(:disabled):focus-visible::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:hover::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:focus-visible::before{
  background:#fff!important;
}

/* Chapter milestone: Locked / Ready / Completed use one primary color family. */
.lec-chapter-confirmation,
.lec-chapter-confirmation.is-locked,
.lec-chapter-confirmation.is-ready,
.lec-chapter-confirmation.is-completed{
  background:#fff!important;
  color:var(--lec-v64-ink)!important;
  border-color:#d7e0eb!important;
  box-shadow:0 2px 9px rgba(20,40,76,.045)!important;
}
.lec-chapter-confirmation .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-locked .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-locked .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy small{
  color:var(--lec-v64-ink)!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation.is-locked .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed{
  background:#fff!important;
  color:var(--lec-v64-ink)!important;
  border-color:var(--lec-v64-border)!important;
  box-shadow:0 2px 9px rgba(20,40,76,.065)!important;
}
.lec-chapter-confirmation.is-locked .lec-learning-action.is-chapter-action:disabled{
  background:#fff!important;
  color:var(--lec-v64-ink)!important;
  border-color:var(--lec-v64-border)!important;
  opacity:.42!important;
  box-shadow:none!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:hover,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:focus-visible,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:focus-visible{
  background:var(--lec-v64-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
  box-shadow:0 8px 22px rgba(28,55,120,.28)!important;
}


/* v0.5.65 — deterministic black Sound icon correction.
 * Previous compatibility CSS could reuse a pseudo-element without carrying the
 * actual speaker mask in every context. Define the glyph explicitly for normal
 * and immersive top controls so the primary icon is always a clean black speaker
 * on white, and becomes white only on the shared LiDia-blue hover/focus state.
 */
.lec-video-top-controls [data-lec-video-sound]::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]::before{
  content:""!important;
  display:block!important;
  width:19px!important;
  height:19px!important;
  background:#111827!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.25v5.5h4.2L12.5 19V5L7.2 9.25H3Zm12.25.2a3.5 3.5 0 0 1 0 5.1l1.4 1.43a5.5 5.5 0 0 0 0-7.96l-1.4 1.43Zm2.8-2.8a7.45 7.45 0 0 1 0 10.7l1.4 1.42a9.45 9.45 0 0 0 0-13.54l-1.4 1.42Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.25v5.5h4.2L12.5 19V5L7.2 9.25H3Zm12.25.2a3.5 3.5 0 0 1 0 5.1l1.4 1.43a5.5 5.5 0 0 0 0-7.96l-1.4 1.43Zm2.8-2.8a7.45 7.45 0 0 1 0 10.7l1.4 1.42a9.45 9.45 0 0 0 0-13.54l-1.4 1.42Z'/%3E%3C/svg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
}
.lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound][aria-pressed="false"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.25v5.5h4.2L12.5 19V5L7.2 9.25H3Zm12.7 1.04-1.41 1.42L16.58 14l-2.29 2.29 1.41 1.42L18 15.42l2.29 2.29 1.42-1.42L19.42 14l2.29-2.29-1.42-1.42L18 12.58l-2.3-2.29Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.25v5.5h4.2L12.5 19V5L7.2 9.25H3Zm12.7 1.04-1.41 1.42L16.58 14l-2.29 2.29 1.41 1.42L18 15.42l2.29 2.29 1.42-1.42L19.42 14l2.29-2.29-1.42-1.42L18 12.58l-2.3-2.29Z'/%3E%3C/svg%3E")!important;
}
.lec-video-top-controls [data-lec-video-sound]:not(:disabled):hover::before,
.lec-video-top-controls [data-lec-video-sound]:not(:disabled):focus-visible::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:not(:disabled):hover::before,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-sound]:not(:disabled):focus-visible::before{
  background:#fff!important;
}

/* v0.5.66 — canonical Chapter white/black -> blue/white interaction system.
 * Final visual authority for Chapter milestone surfaces in Learn and contextual
 * Chapter/Open controls in immersive Video. Locked/Ready/Completed share one
 * primary color family; only enabled hover/focus changes the interaction color.
 */
:root{--lec-v66-blue:#1c3778;--lec-v66-ink:#111827;--lec-v66-border:#b8c8dc}

/* Learn-page Chapter milestone: white surface + black copy/action in every state. */
.lec-chapter-confirmation,
.lec-chapter-confirmation.is-locked,
.lec-chapter-confirmation.is-ready,
.lec-chapter-confirmation.is-completed{
  background:#fff!important;
  color:var(--lec-v66-ink)!important;
  border-color:var(--lec-v66-border)!important;
}
.lec-chapter-confirmation .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-locked .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-locked .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-ready .lec-chapter-milestone-copy small,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy strong,
.lec-chapter-confirmation.is-completed .lec-chapter-milestone-copy small{
  color:var(--lec-v66-ink)!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation.is-locked .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed{
  background:#fff!important;
  color:var(--lec-v66-ink)!important;
  border-color:var(--lec-v66-border)!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action svg,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action span{
  color:var(--lec-v66-ink)!important;
  stroke:currentColor!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation.is-ready .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:not(:disabled):hover,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:not(:disabled):focus-visible,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:hover,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action.is-completed:focus-visible{
  background:var(--lec-v66-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
}
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover svg,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):hover span,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible svg,
.lec-chapter-confirmation .lec-learning-action.is-chapter-action:not(:disabled):focus-visible span,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:not(:disabled):hover svg,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:not(:disabled):hover span,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:not(:disabled):focus-visible svg,
.lec-chapter-confirmation.is-completed .lec-learning-action.is-chapter-action:not(:disabled):focus-visible span{
  color:#fff!important;
  stroke:currentColor!important;
}

/* Immersive Video Chapter/context controls use the identical primary/hover grammar. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]{
  background:#fff!important;
  color:var(--lec-v66-ink)!important;
  border-color:var(--lec-v66-border)!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] svg{
  color:var(--lec-v66-ink)!important;
  stroke:currentColor!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible{
  background:var(--lec-v66-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover svg,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible svg{
  color:#fff!important;
  stroke:currentColor!important;
}


/* v0.5.67 — canonical Video-section Chapter/context typography + color.
 * v0.5.66 covered Learn and immersive Chapter states, but normal Video rail
 * controls could still inherit the older dark rail + white text rule. This final
 * authority applies the same calm primary and focused hover grammar everywhere.
 */
:root{--lec-v67-blue:#1c3778;--lec-v67-ink:#111827;--lec-v67-border:#b8c8dc}

.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit],
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]{
  background:#fff!important;
  color:var(--lec-v67-ink)!important;
  border-color:var(--lec-v67-border)!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit] span,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit] strong,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit] small,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit] svg,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] strong,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] small,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] svg{
  color:var(--lec-v67-ink)!important;
  stroke:currentColor!important;
  text-shadow:none!important;
}
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit] span,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit] span{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  line-height:1.08!important;
}
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible{
  background:var(--lec-v67-blue)!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
  box-shadow:0 8px 22px rgba(28,55,120,.28)!important;
}
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover span,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover strong,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover small,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):hover svg,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible span,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible strong,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible small,
.lec-video-viewer .lec-video-action-rail button[data-lec-open-unit]:not(:disabled):focus-visible svg{
  color:#fff!important;
  stroke:currentColor!important;
}


/* LiDia Edu Course v0.5.68 — simplified academic Learning Actions. */
.lec-learning-action.is-complete{order:1}
.lec-learning-action.is-revision-action{order:2}
.lec-learning-action.is-submit-action{order:3}
/* Defensive compatibility: obsolete learner-facing actions stay hidden if stale/cached markup survives deployment. */
.lec-learning-action.is-wow-action,.lec-learning-action.is-review-action,.lec-learning-action.is-postbook-action,.lec-learning-rail-review,.lec-drawer-review{display:none!important}

/* v0.5.69 — Always-visible three academic Learning Actions. */
.lec-learning-reactions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.lec-learning-reactions > .lec-learning-action,
.lec-video-action-rail > .lec-learning-action{
  flex:0 0 auto;
}
/* Unavailable academic actions remain visibly present so the three-action model is stable. */
.lec-learning-action.is-unavailable,
.lec-learning-action:disabled.is-unavailable,
.lec-video-viewer .lec-video-action-rail .lec-learning-action.is-unavailable,
.lec-video-viewer .lec-video-action-rail .lec-learning-action:disabled.is-unavailable{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:.62!important;
  background:#fff!important;
  color:#111827!important;
  border-color:#d7e0eb!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}
.lec-learning-action.is-unavailable svg,
.lec-learning-action.is-unavailable span,
.lec-learning-action:disabled.is-unavailable svg,
.lec-learning-action:disabled.is-unavailable span{
  color:#111827!important;
  stroke:currentColor!important;
}
/* The academic order is visual as well as DOM order: Complete, Revision, Submission. */
.lec-learning-reactions .is-complete,
.lec-video-action-rail .is-complete{order:1!important;}
.lec-learning-reactions .is-revision-action,
.lec-video-action-rail .is-revision-action{order:2!important;}
.lec-learning-reactions .is-submit-action,
.lec-video-action-rail .is-submit-action{order:3!important;}

/* v0.5.70 — Working Complete & Submission action states. */
/* Active academic actions retain the unified white/black -> blue/white grammar. */
.lec-learning-action.is-symbol-action:not(.is-unavailable):not(:disabled),
.lec-video-action-rail .lec-learning-action.is-symbol-action:not(.is-unavailable):not(:disabled){
  opacity:1!important;
  cursor:pointer!important;
}
/* A genuinely unavailable action remains visible but must not resemble a broken active control. */
.lec-learning-action.is-symbol-action.is-unavailable,
.lec-learning-action.is-symbol-action:disabled.is-unavailable,
.lec-video-action-rail .lec-learning-action.is-symbol-action.is-unavailable,
.lec-video-action-rail .lec-learning-action.is-symbol-action:disabled.is-unavailable{
  opacity:.42!important;
  border-style:dashed!important;
  cursor:not-allowed!important;
  filter:saturate(.45)!important;
}
/* Chapter Complete in the Learning Actions row mirrors the existing Chapter milestone state. */
.lec-learning-action[data-lec-complete-chapter].is-completed{
  background:#fff!important;
  color:#111827!important;
  border-color:#c9d5e4!important;
}
.lec-learning-action[data-lec-complete-chapter]:not(:disabled):hover,
.lec-learning-action[data-lec-complete-chapter]:not(:disabled):focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#1c3778!important;
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}


/* LiDia Edu Course v0.5.71 — Completion Activation Reliability. */
.lec-learning-action.is-complete.is-context-complete,
.lec-learning-action.is-complete.is-awaiting-requirements{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  cursor:pointer!important;
  background:#fff!important;
  color:#111827!important;
  border-style:solid!important;
  border-color:#c9d5e4!important;
  filter:none!important;
}
.lec-learning-action.is-complete.is-context-complete:hover,
.lec-learning-action.is-complete.is-context-complete:focus-visible,
.lec-learning-action.is-complete.is-awaiting-requirements:hover,
.lec-learning-action.is-complete.is-awaiting-requirements:focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#1c3778!important;
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}

/* LiDia Edu Course v0.5.72 — authoritative Completion scope + visible completed state. */
.lec-learning-action.is-complete.is-completed,
.lec-learning-action[data-lec-complete-scope].is-completed,
.lec-video-action-rail .lec-learning-action.is-complete.is-completed,
.lec-video-action-rail .lec-learning-action[data-lec-complete-scope].is-completed{
  background:#fff!important;
  color:#1c3778!important;
  border-color:#1c3778!important;
  box-shadow:inset 0 0 0 1px rgba(28,55,120,.08)!important;
}
.lec-learning-action.is-complete.is-completed .lec-action-symbol,
.lec-learning-action[data-lec-complete-scope].is-completed .lec-action-symbol{
  color:#1c3778!important;
  font-weight:950!important;
}
.lec-learning-action.is-complete.is-completed:hover,
.lec-learning-action.is-complete.is-completed:focus-visible,
.lec-learning-action[data-lec-complete-scope].is-completed:hover,
.lec-learning-action[data-lec-complete-scope].is-completed:focus-visible,
.lec-video-action-rail .lec-learning-action.is-complete.is-completed:hover,
.lec-video-action-rail .lec-learning-action.is-complete.is-completed:focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#1c3778!important;
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}
.lec-learning-action.is-complete.is-completed:hover .lec-action-symbol,
.lec-learning-action.is-complete.is-completed:focus-visible .lec-action-symbol,
.lec-learning-action[data-lec-complete-scope].is-completed:hover .lec-action-symbol,
.lec-learning-action[data-lec-complete-scope].is-completed:focus-visible .lec-action-symbol{
  color:#fff!important;
}


/* LiDia Edu Course v0.5.74 — right-lower Chapter context + Minimize alignment.
 * Preserve the stabilized Video design: academic actions first, one Chapter/context
 * control as the final rail item, and the external Minimize control in the absolute
 * lower-right safe area below the rail. */
.lec-video-action-rail{
  right:12px!important;
  bottom:18px!important;
  display:grid!important;
  align-content:end!important;
  gap:8px!important;
}
.lec-video-action-rail .lec-video-chapter-context{
  order:4!important;
  display:flex!important;
  width:84px!important;
  min-width:84px!important;
  min-height:46px!important;
  padding:7px 6px!important;
  border:1px solid #b8c8dc!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.lec-video-action-rail .lec-video-chapter-context svg{
  width:18px!important;
  height:18px!important;
  color:#111827!important;
  stroke:currentColor!important;
}
.lec-video-action-rail .lec-video-chapter-context span{
  display:block!important;
  max-width:74px!important;
  overflow:hidden!important;
  color:#111827!important;
  font:800 8.5px/1.08 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
}
.lec-video-action-rail .lec-video-chapter-context:hover,
.lec-video-action-rail .lec-video-chapter-context:focus-visible{
  background:#1c3778!important;
  color:#fff!important;
  border-color:#fff!important;
  outline:3px solid #fff!important;
  outline-offset:2px!important;
  box-shadow:0 9px 24px rgba(28,55,120,.32)!important;
}
.lec-video-action-rail .lec-video-chapter-context:hover svg,
.lec-video-action-rail .lec-video-chapter-context:hover span,
.lec-video-action-rail .lec-video-chapter-context:focus-visible svg,
.lec-video-action-rail .lec-video-chapter-context:focus-visible span{
  color:#fff!important;
  stroke:currentColor!important;
}
/* In immersive mode Minimize owns the bottom-right corner; the rail sits above it. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail{
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(82px,calc(env(safe-area-inset-bottom) + 82px))!important;
}
.lec-video-viewer-minimize.is-visible:not([hidden]){
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  margin:0!important;
}
@media(max-width:820px){
  .lec-video-action-rail{right:7px!important;bottom:12px!important;width:72px!important;gap:7px!important}
  .lec-video-action-rail .lec-video-chapter-context{width:68px!important;min-width:68px!important;min-height:44px!important;padding:6px 4px!important;border-radius:12px!important}
  .lec-video-action-rail .lec-video-chapter-context span{max-width:60px!important;font-size:8px!important}
  .lec-video-viewer.is-lec-fullscreen .lec-video-action-rail{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(72px,calc(env(safe-area-inset-bottom) + 72px))!important;
  }
  .lec-video-viewer-minimize.is-visible:not([hidden]){
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}


/* v0.5.75 — Unified top utility controls.
 * Normal Video: Sound + Full Video.
 * Immersive Video: Sound + Minimize in the exact same top row.
 * The historical lower-right minimize element is retired. */
.lec-video-viewer-minimize{display:none!important}
.lec-video-viewer.is-lec-fullscreen [data-lec-video-fullscreen],
.lec-video-viewer:fullscreen [data-lec-video-fullscreen],
.lec-video-viewer:-webkit-full-screen [data-lec-video-fullscreen]{
  display:inline-flex!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls,
.lec-video-viewer:fullscreen .lec-video-top-controls,
.lec-video-viewer:-webkit-full-screen .lec-video-top-controls{
  top:max(14px,env(safe-area-inset-top))!important;
  right:max(14px,env(safe-area-inset-right))!important;
  align-items:center!important;
  gap:7px!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen],
.lec-video-viewer:fullscreen .lec-video-top-controls [data-lec-video-fullscreen],
.lec-video-viewer:-webkit-full-screen .lec-video-top-controls [data-lec-video-fullscreen]{
  width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
  padding:0!important;border-radius:12px!important;background:#fff!important;color:#111827!important;
  border:1px solid #b8c8dc!important;box-shadow:0 4px 14px rgba(16,28,52,.12)!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen]:hover,
.lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen]:focus-visible,
.lec-video-viewer:fullscreen .lec-video-top-controls [data-lec-video-fullscreen]:hover,
.lec-video-viewer:fullscreen .lec-video-top-controls [data-lec-video-fullscreen]:focus-visible,
.lec-video-viewer:-webkit-full-screen .lec-video-top-controls [data-lec-video-fullscreen]:hover,
.lec-video-viewer:-webkit-full-screen .lec-video-top-controls [data-lec-video-fullscreen]:focus-visible{
  background:#1c3778!important;color:#fff!important;border-color:#fff!important;
  outline:3px solid #fff!important;outline-offset:2px!important;box-shadow:0 8px 22px rgba(28,55,120,.30)!important;
}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls,
  .lec-video-viewer:fullscreen .lec-video-top-controls,
  .lec-video-viewer:-webkit-full-screen .lec-video-top-controls{
    top:max(10px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important;gap:6px!important;
  }
  .lec-video-viewer.is-lec-fullscreen .lec-video-top-controls [data-lec-video-fullscreen],
  .lec-video-viewer:fullscreen .lec-video-top-controls [data-lec-video-fullscreen],
  .lec-video-viewer:-webkit-full-screen .lec-video-top-controls [data-lec-video-fullscreen]{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:11px!important;
  }
}
/* v0.5.75: with Minimize returned to the top utility row, the right learning rail no longer reserves lower-right space. */
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail,
.lec-video-viewer:fullscreen .lec-video-action-rail,
.lec-video-viewer:-webkit-full-screen .lec-video-action-rail{
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
}
@media(max-width:820px){
  .lec-video-viewer.is-lec-fullscreen .lec-video-action-rail,
  .lec-video-viewer:fullscreen .lec-video-action-rail,
  .lec-video-viewer:-webkit-full-screen .lec-video-action-rail{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}


/* v0.6.1 — native scoped LiDia Edu academic submission composer */
.lec-submission-layer[hidden]{display:none!important}.lec-submission-layer{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:end center}.lec-submission-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,20,39,.58);backdrop-filter:blur(3px);cursor:default}.lec-submission-sheet{position:relative;width:min(760px,calc(100vw - 28px));max-height:min(88dvh,920px);overflow:auto;background:#fff;border:1px solid #dfe5ef;border-radius:24px 24px 0 0;box-shadow:0 -24px 60px rgba(15,31,65,.22);padding:22px;outline:0}.lec-submission-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #e7ebf2}.lec-submission-sheet>header small{display:block;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lec-submission-sheet>header h2{margin:4px 0 2px;font-size:22px;line-height:1.2;color:#16213b}.lec-submission-sheet>header p{margin:0;color:#667085}.lec-submission-sheet>header button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #dfe5ef;border-radius:12px;background:#f8fafc;color:#24334f}.lec-submission-sheet>header button svg{width:18px;height:18px}.lec-submission-state{margin:16px 0 10px;padding:10px 12px;border-radius:12px;background:#f5f7fb;color:#3d4a63;font-size:13px;font-weight:750}.lec-submission-feedback{margin:0 0 12px;padding:12px;border-left:3px solid #8b5cf6;border-radius:8px;background:#faf7ff;color:#43365f;white-space:pre-wrap}.lec-submission-sheet form{display:grid;gap:14px}.lec-submission-sheet label{display:grid;gap:7px}.lec-submission-sheet label>span{font-size:12px;font-weight:800;color:#344054}.lec-submission-sheet textarea,.lec-submission-sheet input[type=url]{width:100%;box-sizing:border-box;border:1px solid #ccd5e3;border-radius:12px;background:#fff;color:#17213b;padding:11px 12px;font:inherit;outline:0}.lec-submission-sheet textarea:focus,.lec-submission-sheet input[type=url]:focus{border-color:#3157a3;box-shadow:0 0 0 3px rgba(49,87,163,.12)}.lec-submission-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lec-submission-file{padding:12px;border:1px dashed #cbd5e1;border-radius:14px;background:#fafbfc}.lec-submission-file input{max-width:100%}.lec-submission-file small{color:#667085;line-height:1.4}.lec-submission-existing-files{display:flex;flex-wrap:wrap;gap:7px}.lec-submission-existing-files span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#eef3fa;color:#344054;font-size:12px}.lec-submission-message{margin:0;padding:10px 12px;border-radius:10px;background:#fff6e8;color:#7a4a00}.lec-submission-message.is-success{background:#ecfdf3;color:#166534}.lec-submission-sheet footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.lec-submission-sheet button[disabled]{opacity:.55;cursor:not-allowed}.lec-learning-action.is-submit-action[type=button]{font:inherit}.lec-app-nav button[data-lec-submission-open],.lec-mobile-bottom-nav button[data-lec-submission-open]{appearance:none}
@media(min-width:821px){.lec-submission-layer{place-items:center}.lec-submission-sheet{border-radius:24px;max-height:min(84vh,900px)}}
@media(max-width:600px){.lec-submission-sheet{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;padding:18px 16px}.lec-submission-fields{grid-template-columns:1fr}.lec-submission-sheet footer{position:sticky;bottom:-18px;margin:0 -16px -18px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e7ebf2}}

/* v0.6.2 academic requirement state: subtle ring only; progress geometry is unchanged. */
.lec-learning-action.is-academic-required{box-shadow:inset 0 0 0 2px currentColor}
.lec-learning-action.is-academic-required .lec-action-count{font-weight:800}

/* v0.6.4.2 — Student Action Connection & Diagnostics. */
.lec-action-health-panel{display:grid;gap:4px;margin:10px auto 0;width:min(1180px,calc(100% - 24px));padding:10px 12px;border:1px solid #efc9c9;border-radius:12px;background:#fff7f7;color:#7c3030;box-sizing:border-box}
.lec-action-health-panel[hidden]{display:none!important}.lec-action-health-panel strong{font-size:12px;line-height:1.3}.lec-action-health-panel span{font-size:11px;line-height:1.45;color:#8a4c4c}
.lec-course-app .is-action-unavailable,.lec-course-app [data-lec-health-blocked]{opacity:.48!important;filter:saturate(.55);cursor:not-allowed!important}
.lec-course-app .is-action-unavailable:hover,.lec-course-app .is-action-unavailable:focus-visible,.lec-course-app [data-lec-health-blocked]:hover,.lec-course-app [data-lec-health-blocked]:focus-visible{transform:none!important;box-shadow:none!important}
@media(max-width:760px){.lec-action-health-panel{width:calc(100% - 18px);margin-top:8px;padding:9px 10px}.lec-action-health-panel span{font-size:10.5px}}


/* v0.6.5.0 — Chapter status is derived; there is no second student Complete button. */
.lec-chapter-derived-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d4dde8;border-radius:13px;background:#fff;color:#8a98aa;font-weight:900;box-shadow:0 2px 7px rgba(18,34,56,.05)}
.lec-chapter-derived-mark[hidden]{display:none!important}
.lec-chapter-confirmation.is-completed .lec-chapter-derived-mark{display:grid;border-color:#1c3778;background:#1c3778;color:#fff;box-shadow:0 5px 14px rgba(28,55,120,.18)}
@media(max-width:640px){.lec-chapter-derived-mark{width:46px;height:46px}}


/* LiDia Edu Course v0.6.5.2 — Completion Delight Polish.
 * Persistent semantics remain neutral circle -> completed check. The heart is a
 * short success celebration only after the authoritative exact-part write returns. */
.lec-learning-action.is-complete{
  position:relative!important;
  overflow:visible!important;
}
.lec-learning-action.is-complete .lec-action-symbol{
  min-width:1em;
  text-align:center;
  font-size:17px;
  line-height:1;
  transition:transform .16s ease,color .16s ease;
}
.lec-learning-action.is-complete:not(.is-completed) .lec-action-symbol{
  font-weight:700!important;
}
.lec-learning-action.is-complete.is-completed .lec-action-symbol{
  transform:scale(1.04);
}
.lec-completion-heart{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  pointer-events:none;
  opacity:0;
  font-size:17px;
  line-height:1;
  color:#e55050;
  transform:translate(-50%,-50%) scale(.45);
}
.lec-learning-action.is-completion-celebrating .lec-completion-heart{
  animation:lecCompletionHeartPulse .72s cubic-bezier(.18,.72,.24,1) both;
}
@keyframes lecCompletionHeartPulse{
  0%{opacity:0;transform:translate(-50%,-42%) scale(.42)}
  22%{opacity:1;transform:translate(-50%,-82%) scale(1.12)}
  62%{opacity:.96;transform:translate(-50%,-128%) scale(.96)}
  100%{opacity:0;transform:translate(-50%,-172%) scale(.72)}
}
@media(prefers-reduced-motion:reduce){
  .lec-learning-action.is-completion-celebrating .lec-completion-heart{animation:none!important;opacity:0!important}
  .lec-learning-action.is-complete .lec-action-symbol{transition:none!important}
}

/* v0.6.6.0 — Love Completion state.
 * Incomplete = outlined heart. Authoritatively completed = filled heart on a
 * distinct warm LiDia surface so success is obvious without relying on text. */
.lec-learning-action.is-complete .lec-action-symbol{font-size:18px!important}
.lec-learning-action.is-complete:not(.is-completed){background:#fff!important;color:#6b7280!important;border-color:#cbd5e1!important}
.lec-learning-action.is-complete.is-completed{
  background:#e55050!important;
  color:#fff!important;
  border-color:#e55050!important;
  box-shadow:0 6px 16px rgba(229,80,80,.22)!important;
}
.lec-learning-action.is-complete.is-completed:hover,
.lec-learning-action.is-complete.is-completed:focus-visible{
  background:#cc4444!important;
  color:#fff!important;
  border-color:#cc4444!important;
  outline:3px solid rgba(229,80,80,.20)!important;
}
.lec-unit.is-completed [data-lec-unit-status]{color:#e55050!important;font-weight:900!important}
.lec-chapter-confirmation.is-completed .lec-chapter-derived-mark{
  background:#e55050!important;
  border-color:#e55050!important;
  color:#fff!important;
}
.lec-notice-open-learning{
  display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:9px!important;
  padding:7px 10px!important;border:1px solid #b8c8dc!important;border-radius:999px!important;
  background:#fff!important;color:#1c3778!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;
}
.lec-notice-open-learning:hover,.lec-notice-open-learning:focus-visible{background:#1c3778!important;color:#fff!important;border-color:#1c3778!important;outline:none!important}
.lec-notice-open-learning svg{width:14px!important;height:14px!important;stroke:currentColor!important}


/* v0.6.6.2 — Revision confirmed state.
 * Revision is cumulative evidence, not a toggle: once the Centre confirms at least
 * one revision for the exact Unit UID, the control remains green and the count badge
 * persists from authoritative revision_counts after refresh. */
.lec-learning-action.is-symbol-action.is-revision-action.is-revised{
  background:#2f7b4d!important;
  color:#fff!important;
  border-color:#2f7b4d!important;
  box-shadow:0 6px 16px rgba(47,123,77,.22)!important;
}
.lec-learning-action.is-symbol-action.is-revision-action.is-revised:hover,
.lec-learning-action.is-symbol-action.is-revision-action.is-revised:focus-visible{
  background:#25663f!important;
  color:#fff!important;
  border-color:#25663f!important;
  outline:3px solid rgba(47,123,77,.20)!important;
}
.lec-learning-action.is-symbol-action.is-revision-action.is-revised .lec-action-count{
  background:#fff!important;
  color:#2f7b4d!important;
  border-color:#fff!important;
}
.lec-video-viewer.is-lec-fullscreen .lec-video-action-rail .lec-learning-action.is-symbol-action.is-revision-action.is-revised{
  background:#2f7b4d!important;
  color:#fff!important;
  border-color:#2f7b4d!important;
  box-shadow:0 7px 20px rgba(0,0,0,.28)!important;
}

/* v0.6.7.0 — Unified Academic Submission Workspace */
.lec-submission-student{display:flex;align-items:center;gap:11px;margin:14px 0 10px;padding:11px 12px;border:1px solid #e1e7f0;border-radius:14px;background:#fbfcff}.lec-submission-student>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eef3fb;color:#3157a3}.lec-submission-student svg{width:18px;height:18px}.lec-submission-student div{display:grid;gap:1px}.lec-submission-student small{color:#667085;font-size:11px;font-weight:700}.lec-submission-student strong{color:#17213b;font-size:13px}.lec-submission-student code{font-size:11px;color:#667085;background:transparent;padding:0}.lec-submission-written textarea{min-height:150px}.lec-submission-media-grid{display:grid;grid-template-columns:1.15fr .85fr .95fr;gap:12px}.lec-submission-media-card{display:grid;align-content:start;gap:10px;padding:13px;border:1px solid #dfe5ef;border-radius:16px;background:#fbfcff}.lec-submission-media-heading{display:flex;align-items:flex-start;gap:9px}.lec-submission-media-heading>span{font-size:19px;line-height:1}.lec-submission-media-heading div{display:grid;gap:2px}.lec-submission-media-heading strong{font-size:13px;color:#1c2942}.lec-submission-media-heading small{font-size:11px;color:#667085;line-height:1.35}.lec-submission-recorder-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.lec-submission-recorder-actions>span{margin-left:auto;min-width:44px;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#475467}.lec-mini-button{appearance:none;border:1px solid #cfd8e6;border-radius:9px;background:#fff;color:#23324d;padding:7px 9px;font-size:12px;font-weight:750;cursor:pointer}.lec-mini-button.is-light{background:#f6f8fb}.lec-submission-media-card.is-audio.is-recording{border-color:#dc6670;box-shadow:0 0 0 3px rgba(220,102,112,.09)}.lec-submission-media-card audio{width:100%;height:34px}.lec-submission-pick{display:grid;gap:6px;padding:8px 9px;border:1px dashed #cbd5e1;border-radius:11px;background:#fff}.lec-submission-pick>span{font-size:11px!important}.lec-submission-pick input{max-width:100%;font-size:11px}.lec-submission-media-card>small{color:#667085;font-size:10px;line-height:1.4}.lec-submission-evidence{padding:10px 12px;border:1px solid #e3e8f0;border-radius:13px;background:#fafbfc}.lec-submission-evidence summary{cursor:pointer;color:#344054;font-size:12px;font-weight:800}.lec-submission-evidence[open] summary{margin-bottom:10px}.lec-submission-selected{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border-radius:12px;background:#f6f9fd}.lec-submission-selected span{padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #dfe6f0;color:#344054;font-size:11px}.lec-submission-existing-files span{border:1px solid #dbe4ef}.lec-submission-existing-files span b{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#3157a3}.lec-submission-existing-files span em{font-style:normal}.lec-submission-history{margin-top:18px;padding-top:16px;border-top:1px solid #e5eaf1}.lec-submission-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}.lec-submission-history-heading strong{color:#17213b;font-size:14px}.lec-submission-history-heading small{color:#667085;font-size:11px}.lec-submission-history-card{display:grid;gap:8px;margin-top:9px;padding:12px;border:1px solid #e1e7f0;border-radius:14px;background:#fbfcff}.lec-submission-history-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lec-submission-history-card-head strong{font-size:12px;color:#25324b}.lec-submission-history-card-head small{font-size:10px;color:#667085}.lec-submission-history-answer{margin:0;color:#344054;font-size:12px;line-height:1.5}.lec-submission-history-evidence{display:flex;flex-wrap:wrap;gap:6px}.lec-submission-history-evidence a,.lec-submission-history-evidence span{display:inline-flex;align-items:center;padding:5px 7px;border-radius:8px;background:#eef3fb;color:#3157a3;font-size:10px;text-decoration:none}.lec-submission-history-review{display:grid;gap:4px;padding:9px 10px;border-left:3px solid #2f9e62;border-radius:9px;background:#f0fbf5}.lec-submission-history-review strong{font-size:11px;color:#17613b}.lec-submission-history-review p{margin:0;color:#344054;font-size:11px;white-space:pre-wrap}.lec-submission-history-review small{font-size:10px;color:#667085}
@media(max-width:820px){.lec-submission-media-grid{grid-template-columns:1fr}.lec-submission-history-heading{align-items:flex-start;flex-direction:column;gap:3px}}


/* v0.6.7.1 — Unified Academic Action Bar + smart LiDia Edu Submission Box */
.lec-academic-action-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}
.lec-academic-action-summary>span,.lec-academic-action-summary>button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #dfe5ef;border-radius:999px;background:#fff;font:800 12px/1.1 inherit;box-shadow:0 3px 12px rgba(17,31,59,.05)}
.lec-academic-action-summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.lec-academic-action-summary .is-completion{color:#d6334c;border-color:#f0c6ce;background:#fff7f8}.lec-academic-action-summary .is-completion>b{font-size:16px;line-height:1}
.lec-academic-action-summary .is-revision{color:#218653;border-color:#bee4ce;background:#f3fbf6}
.lec-academic-action-summary .is-submission{appearance:none;color:#5b3fbf;border-color:#d4c9f4;background:#f7f4ff;cursor:pointer}.lec-academic-action-summary .is-submission:hover,.lec-academic-action-summary .is-submission:focus-visible{background:#5b3fbf;color:#fff;border-color:#5b3fbf;outline:none}
.lec-app-nav button[data-lec-submission-open],.lec-mobile-course-nav button[data-lec-submission-open],.lec-button.is-submission-primary{color:#5b3fbf!important}.lec-button.is-submission-primary{border-color:#5b3fbf!important;background:#5b3fbf!important;color:#fff!important}.lec-button.is-submission-primary svg{stroke:currentColor!important}
.lec-learning-action.is-submit-action{border-color:#d4c9f4!important;background:#f7f4ff!important;color:#5b3fbf!important}.lec-learning-action.is-submit-action:hover,.lec-learning-action.is-submit-action:focus-visible{border-color:#5b3fbf!important;background:#5b3fbf!important;color:#fff!important}.lec-learning-action.is-submit-action.is-submission-submitted,.lec-learning-action.is-submit-action.is-submission-reviewing,.lec-learning-action.is-submit-action.is-submission-approved{background:#5b3fbf!important;border-color:#5b3fbf!important;color:#fff!important}
.lec-submission-header-actions{display:flex;align-items:center;gap:8px}.lec-submission-header-actions>button:last-child{display:grid;place-items:center}
.lec-submission-auto-context{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:9px;margin:14px 0 11px}.lec-submission-auto-context>div{min-width:0;padding:10px 11px;border:1px solid #e0e6ef;border-radius:13px;background:#fbfcff}.lec-submission-auto-context small{display:block;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.lec-submission-auto-context strong{display:block;margin-top:2px;color:#17213b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lec-submission-auto-context code{display:block;margin-top:2px;padding:0;background:transparent;color:#667085;font-size:10px}.lec-submission-auto-context .lec-submission-student{margin:0;display:flex;padding:10px 11px}.lec-submission-number-context strong{color:#5b3fbf}
.lec-submission-chatbox{overflow:hidden;border:1px solid #d8e0eb;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(19,35,67,.05)}.lec-submission-chatbox .lec-submission-written textarea{min-height:142px;border:0!important;border-radius:0!important;box-shadow:none!important;resize:vertical;padding:15px 16px}.lec-submission-toolrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 10px;border-top:1px solid #edf0f5;background:#fafbfc}.lec-submission-tool{appearance:none;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #d8e0eb;border-radius:999px;background:#fff;color:#344054;font-size:11px;font-weight:800;cursor:pointer}.lec-submission-tool.is-active,.lec-submission-tool:hover,.lec-submission-tool:focus-visible{background:#f2edff;border-color:#b8a7eb;color:#5b3fbf;outline:none}.lec-submission-media-grid{grid-template-columns:1fr!important}.lec-submission-media-card[hidden],.lec-submission-evidence[hidden]{display:none!important}.lec-submission-media-card{border-color:#e0dcf5;background:#fcfbff}.lec-submission-evidence{margin-top:0}
.lec-submissions-page .lec-panel-heading{align-items:center}.lec-submission-brand-icon{color:#5b3fbf}.lec-submission-brand-icon svg{width:22px;height:22px}.lec-submission-page-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:14px 0}.lec-submission-page-card{display:grid;gap:8px;padding:14px;border:1px solid #e0e6ef;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(18,31,55,.05)}.lec-submission-page-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.lec-submission-page-card-head strong{color:#5b3fbf;font-size:12px}.lec-submission-page-card-head span{padding:5px 7px;border-radius:999px;background:#f4f1ff;color:#5b3fbf;font-size:10px;font-weight:850}.lec-submission-page-card-head span.is-approved,.lec-submission-page-card-head span.is-completed{background:#effaf3;color:#218653}.lec-submission-page-card-head span.is-revision_required,.lec-submission-page-card-head span.is-rejected{background:#fff5e8;color:#9a5a00}.lec-submission-page-card h3{margin:0;color:#17213b;font-size:14px}.lec-submission-page-card p{margin:0;color:#667085;font-size:11px;line-height:1.45}.lec-submission-page-score{color:#17213b;font-size:11px}.lec-submission-page-feedback{padding:8px 9px;border-left:3px solid #5b3fbf;border-radius:8px;background:#faf8ff!important;color:#493d67!important}
@media(max-width:720px){.lec-submission-auto-context{grid-template-columns:1fr}.lec-academic-action-summary{gap:5px}.lec-academic-action-summary>span,.lec-academic-action-summary>button{min-height:28px;padding:4px 8px}.lec-submission-header-actions .lec-mini-button{display:none}.lec-submission-page-list{grid-template-columns:1fr}}

/* v0.6.7.2 — Smart Media & Attempt Experience */
.lec-submission-attempt-note{margin:-3px 0 12px;padding:10px 12px;border:1px solid #e4def7;border-radius:12px;background:#faf8ff;color:#4a3d6b;font-size:12px;font-weight:750;line-height:1.45}
.lec-submission-attempt-note.is-revision_required,.lec-submission-attempt-note.is-rejected{border-color:#c8dcbf;background:#f4fbf2;color:#2c633c}
.lec-submission-attempt-note.is-submitted,.lec-submission-attempt-note.is-under_review{border-color:#d5def0;background:#f5f8ff;color:#31517f}
.lec-submission-attempt-note.is-approved,.lec-submission-attempt-note.is-completed{border-color:#bfe0cc;background:#f1fbf5;color:#237347}
.lec-submission-selected{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;padding:10px}
.lec-submission-selected-card{min-width:0;overflow:hidden;border:1px solid #e0e5ee;border-radius:13px;background:#fff}
.lec-submission-selected-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 9px 7px}
.lec-submission-selected-card-head>span{display:grid;min-width:0;padding:0!important;border:0!important;background:transparent!important}
.lec-submission-selected-card-head b{color:#5b3fbf;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.lec-submission-selected-card-head em{overflow:hidden;color:#475467;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.lec-submission-selected-remove{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #e0e5ee;border-radius:50%;background:#f8fafc;color:#6b7280;font:800 16px/1 sans-serif;cursor:pointer}
.lec-submission-selected-remove:hover,.lec-submission-selected-remove:focus-visible{border-color:#b99fea;background:#f5f1ff;color:#5b3fbf;outline:none}
.lec-submission-selected-card img,.lec-submission-selected-card video{display:block;width:100%;max-height:180px;object-fit:cover;background:#101828}
.lec-submission-selected-card audio{display:block;width:calc(100% - 16px);height:34px;margin:0 8px 9px}
.lec-submission-thread{display:grid;gap:8px;margin-top:12px}
.lec-submission-message-bubble{display:grid;gap:7px;max-width:92%;padding:11px 12px;border-radius:15px;border:1px solid #e2e7ef}
.lec-submission-message-bubble.is-student{justify-self:end;border-bottom-right-radius:5px;background:#f6f3ff;border-color:#dfd4f7}
.lec-submission-message-bubble.is-teacher{justify-self:start;border-bottom-left-radius:5px;background:#f1fbf5;border-color:#cae7d4}
.lec-submission-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lec-submission-message-head strong{font-size:11px;color:#25324b}.lec-submission-message-head small{font-size:9px;color:#7a8495}
.lec-submission-message-bubble>p{margin:0;color:#344054;font-size:11px;line-height:1.5;white-space:pre-wrap}
.lec-submission-review-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#e9f7ee;color:#267247;font-size:9px;font-weight:850}
.lec-submission-review-status.is-revision_required,.lec-submission-review-status.is-rejected{background:#fff3df;color:#985a04}
.lec-submission-review-status.is-under_review,.lec-submission-review-status.is-submitted{background:#eef3ff;color:#3157a3}
.lec-submission-history-evidence{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px!important}
.lec-submission-history-evidence>a{width:max-content;max-width:100%}
.lec-submission-history-media{overflow:hidden;border:1px solid #dde4ef;border-radius:11px;background:#fff}
.lec-submission-history-media-title{display:grid;gap:1px;padding:7px 8px}.lec-submission-history-media-title strong{overflow:hidden;color:#344054;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.lec-submission-history-media-title small{color:#7a8495;font-size:8px}
.lec-submission-history-media img,.lec-submission-history-media video{display:block;width:100%;max-height:150px;object-fit:cover;background:#101828}.lec-submission-history-media audio{display:block;width:calc(100% - 12px);height:32px;margin:0 6px 6px}
.lec-submission-media-download{display:block!important;width:auto!important;margin:6px;padding:6px 7px!important;text-align:center;background:#f4f1ff!important;color:#5b3fbf!important;font-weight:800}
.lec-submission-existing-files a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dbe4ef;border-radius:999px;background:#eef3fa;color:#344054;font-size:12px;text-decoration:none}
@media(max-width:600px){.lec-submission-message-bubble{max-width:96%}.lec-submission-selected{grid-template-columns:1fr}.lec-submission-history-evidence{grid-template-columns:1fr}}


/* v0.6.7.4 — private Submission notifications + exact conversation deep link */
.lec-notice-open-submission{display:inline-flex;align-items:center;gap:7px;margin-top:10px;border:0;border-radius:999px;padding:8px 12px;background:#4b2a7b;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(75,42,123,.16)}
.lec-notice-open-submission svg{width:17px;height:17px;fill:currentColor}
.lec-notice-open-submission:hover,.lec-notice-open-submission:focus-visible{transform:translateY(-1px);box-shadow:0 9px 20px rgba(75,42,123,.22)}

/* v0.6.7.5 — authoritative academic counter continuity. */
.lec-academic-action-summary.is-static{margin-top:10px}.lec-academic-action-summary.is-static>span.is-submission{cursor:default}.lec-member-course-card .lec-academic-action-summary.is-static{margin:0 0 10px}.lec-member-course-card .lec-academic-action-summary.is-static>span{min-height:28px;padding:4px 8px}

/* v0.6.7.7 — Submission Navigation Visibility & Theme Continuity */
.lec-app-nav .lec-submission-nav-button,
.lec-learning-rail-tabs .lec-submission-nav-button,
.lec-mobile-course-nav .lec-submission-nav-button,
.lec-drawer-current-actions .is-submission{
  color:#5b3fbf!important;
}
.lec-app-nav .lec-submission-nav-button svg,
.lec-learning-rail-tabs .lec-submission-nav-button svg,
.lec-mobile-course-nav .lec-submission-nav-button svg,
.lec-drawer-current-actions .is-submission svg{stroke:currentColor!important}
.lec-app-nav .lec-submission-nav-button.is-active{
  background:#5b3fbf!important;
  color:#fff!important;
  box-shadow:0 5px 15px rgba(91,63,191,.22)!important;
}
.lec-learning-rail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.lec-learning-rail-tabs .lec-submission-nav-button.is-active{
  border-color:#5b3fbf!important;
  background:#5b3fbf!important;
  color:#fff!important;
}
.lec-learning-rail-tabs .lec-submission-nav-button b{
  background:#eee9ff!important;
  color:#5b3fbf!important;
}
.lec-learning-rail-tabs .lec-submission-nav-button.is-active b{
  background:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
.lec-mobile-course-nav .lec-submission-nav-button.is-active{
  background:#f0ebff!important;
  color:#5b3fbf!important;
}
.lec-mobile-course-nav .lec-submission-nav-button .lec-mobile-icon-wrap{position:relative}
.lec-mobile-course-nav .lec-submission-nav-button [data-lec-summary-submissions]{
  position:absolute;
  top:-5px;
  right:-8px;
  display:grid;
  place-items:center;
  min-width:15px;
  height:15px;
  padding:0 3px;
  border-radius:999px;
  background:#5b3fbf;
  color:#fff;
  font-size:8px;
  line-height:1;
}
.lec-drawer-current-actions button.is-submission{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  border:1px solid #d4c9f4;
  border-radius:11px;
  background:#f7f4ff;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.lec-drawer-current-actions button.is-submission:hover,
.lec-drawer-current-actions button.is-submission:focus-visible{
  border-color:#5b3fbf;
  background:#5b3fbf;
  color:#fff!important;
  outline:none;
}
.lec-drawer-current-actions button.is-submission svg{width:15px;height:15px}
.lec-app-nav .lec-submission-nav-button [data-lec-summary-submissions]{background:#5b3fbf!important;color:#fff!important}
.lec-drawer-current-actions>:only-child{grid-column:1/-1}

/* v0.6.8.0 — Canonical LiDia Edu Submission application. */
.lec-learning-rail-tabs>a{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:6px 7px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:var(--lec-muted)!important;text-decoration:none!important;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.lec-learning-rail-tabs>a svg{width:14px;height:14px}.lec-learning-rail-tabs>a b{display:grid;min-width:15px;height:15px;place-items:center;padding:0 3px;border-radius:999px;background:#e8edf5;color:var(--lec-d);font-size:7px}
.lec-drawer-current-actions a.is-submission{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #d4c9f4;border-radius:11px;background:#f7f4ff;color:#5b3fbf!important;text-decoration:none!important;font:inherit;font-size:10px;font-weight:850}.lec-drawer-current-actions a.is-submission:hover,.lec-drawer-current-actions a.is-submission:focus-visible{border-color:#5b3fbf;background:#5b3fbf;color:#fff!important;outline:none}.lec-drawer-current-actions a.is-submission svg{width:15px;height:15px}
.lec-learning-action.is-submit-action[href]{text-decoration:none!important}
.lec-notice-open-submission[href]{text-decoration:none!important}
body.lec-native-submission-page{margin:0!important;background:#f4f6fa!important;color:#17213b!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body.lec-native-submission-page #wpadminbar{z-index:2147483000}.lec-native-submission-root{min-height:100dvh}
.lec-submission-hub{--hub-purple:#5b3fbf;--hub-purple-soft:#f2efff;--hub-line:#dde3ed;--hub-ink:#17213b;--hub-muted:#667085;min-height:100dvh;background:#f4f6fa;color:var(--hub-ink);padding-bottom:74px}.lec-submission-hub *{box-sizing:border-box}.lec-submission-hub svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lec-submission-hub button,.lec-submission-hub input,.lec-submission-hub textarea,.lec-submission-hub select{font:inherit}
.lec-hub-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:10px clamp(16px,3vw,34px);border-bottom:1px solid rgba(218,224,234,.96);background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}.lec-hub-topbar nav{display:flex;align-items:center;gap:6px}.lec-hub-topbar nav>a{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border-radius:12px;color:#55627a!important;text-decoration:none!important;font-size:11px;font-weight:850}.lec-hub-topbar nav>a svg{width:18px;height:18px}.lec-hub-topbar nav>a:hover,.lec-hub-topbar nav>a:focus-visible{background:#eef2f8;color:#1c3778!important;outline:none}.lec-hub-topbar nav>a.is-submission.is-active{background:var(--hub-purple);color:#fff!important;box-shadow:0 6px 16px rgba(91,63,191,.2)}
.lec-hub-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:22px;width:min(1240px,calc(100% - 32px));margin:22px auto}.lec-hub-sidebar{position:sticky;top:86px;align-self:start;display:grid;gap:12px;max-height:calc(100dvh - 108px);overflow:auto;padding:15px;border:1px solid var(--hub-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(21,35,64,.06)}.lec-hub-student{display:grid;gap:4px;padding:10px 8px 14px;border-bottom:1px solid #edf0f5}.lec-hub-student strong{font-size:14px}.lec-hub-student code{color:var(--hub-muted);font-size:10px}.lec-hub-sidebar>.is-primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:13px;background:var(--hub-purple);color:#fff;font-weight:850;cursor:pointer}.lec-hub-sidebar>.is-primary svg{width:18px;height:18px}.lec-hub-course-list{display:grid;gap:6px}.lec-hub-course-list button{display:grid;gap:2px;width:100%;padding:10px 11px;border:1px solid transparent;border-radius:12px;background:transparent;color:#344054;text-align:left;cursor:pointer}.lec-hub-course-list button strong{font-size:11px}.lec-hub-course-list button small{overflow:hidden;color:var(--hub-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.lec-hub-course-list button:hover,.lec-hub-course-list button:focus-visible{background:#f6f7fa;outline:none}.lec-hub-course-list button.is-active{border-color:#d7cef7;background:var(--hub-purple-soft);color:var(--hub-purple)}
.lec-hub-main{min-width:0;display:grid;align-content:start;gap:16px}.lec-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px}.lec-hub-head small{color:var(--hub-purple);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lec-hub-head h1{margin:3px 0 4px;font-size:clamp(25px,3vw,34px);line-height:1.1}.lec-hub-head p{margin:0;color:var(--hub-muted);font-size:13px}.lec-button.is-submission-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--hub-purple)!important;border-radius:12px;background:var(--hub-purple)!important;color:#fff!important;text-decoration:none!important;font-weight:850;cursor:pointer}.lec-button.is-submission-primary svg{width:17px;height:17px}.lec-button.is-light{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid #d9e0ea;border-radius:11px;background:#fff;color:#344054!important;text-decoration:none!important;font-weight:800;cursor:pointer}
.lec-hub-composer{overflow:hidden;border:1px solid #dcd3f7;border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(40,31,79,.09)}.lec-hub-composer[hidden]{display:none!important}.lec-hub-composer>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #eeeaf9;background:linear-gradient(135deg,#fff,#faf8ff)}.lec-hub-composer>header>div{display:grid;gap:2px}.lec-hub-composer>header small{color:var(--hub-muted);font-size:9px;font-weight:850;text-transform:uppercase}.lec-hub-composer>header strong{font-size:13px}.lec-hub-composer>header code{color:var(--hub-muted);font-size:9px}.lec-hub-composer>header>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e0e5ed;border-radius:11px;background:#fff;color:#344054;font-size:20px;cursor:pointer}.lec-hub-context{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:10px;padding:14px 18px;background:#fbfaff}.lec-hub-context label,.lec-hub-context>div{display:grid;gap:5px;min-width:0}.lec-hub-context span{color:var(--hub-muted);font-size:9px;font-weight:850;text-transform:uppercase}.lec-hub-context strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.lec-hub-context select{width:100%;min-height:36px;border:1px solid #dce2eb;border-radius:10px;background:#fff;color:#27344d;padding:0 9px;font-size:11px}.lec-hub-composer form{display:grid;gap:12px;padding:18px}.lec-hub-composer textarea{width:100%;min-height:150px;resize:vertical;border:0;outline:0;background:transparent;color:#17213b;padding:4px 2px;font-size:14px;line-height:1.65}.lec-hub-composer textarea::placeholder{color:#98a2b3}.lec-submission-toolrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #edf0f5}.lec-submission-tool{display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dde3ed;border-radius:999px;background:#fff;color:#475467;cursor:pointer;font-size:10px!important;font-weight:850}.lec-submission-tool:hover{border-color:#c8bdf0;background:#faf8ff;color:var(--hub-purple)}.lec-submission-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lec-submission-fields label{display:grid;gap:5px}.lec-submission-fields label>span{color:#475467;font-size:10px;font-weight:800}.lec-submission-fields input{width:100%;min-height:38px;border:1px solid #dce2eb;border-radius:10px;background:#fff;padding:0 10px;outline:0}.lec-submission-fields input:focus{border-color:#8f7bd4;box-shadow:0 0 0 3px rgba(91,63,191,.09)}.lec-hub-selected-files{display:flex;flex-wrap:wrap;gap:6px}.lec-hub-selected-files span{padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9px}.lec-hub-composer form>p[data-lec-hub-message]{margin:0;padding:10px 12px;border-radius:10px;background:#fff1f0;color:#a1322b;font-size:11px;font-weight:750}.lec-hub-composer form>p[data-lec-hub-message].is-good{background:#ecfdf3;color:#167044}.lec-hub-composer form>footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.lec-hub-thread{display:grid;gap:10px;padding:0 18px 18px}.lec-hub-thread>h3{margin:2px 0 0;font-size:13px}.lec-hub-thread-item{display:grid;gap:6px;max-width:82%;padding:12px 13px;border-radius:16px;font-size:11px}.lec-hub-thread-item.is-student{justify-self:end;background:#f0ecff;border-bottom-right-radius:5px}.lec-hub-thread-item.is-teacher{justify-self:start;background:#f4f6f8;border-bottom-left-radius:5px}.lec-hub-thread-item small,.lec-hub-thread-item time{color:#667085;font-size:8px}.lec-hub-thread-item p{margin:0;white-space:pre-wrap;line-height:1.55}.lec-hub-thread-item>a{color:var(--hub-purple);font-weight:750}.lec-hub-thread-media{display:flex;gap:7px;flex-wrap:wrap}.lec-hub-evidence{display:grid;gap:5px;max-width:240px}.lec-hub-evidence img,.lec-hub-evidence video{max-width:220px;max-height:170px;border-radius:10px;background:#111}.lec-hub-evidence audio{max-width:230px;height:34px}.lec-hub-evidence>a{font-size:9px;color:#5b3fbf;font-weight:750}
.lec-hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lec-hub-submission-card,.lec-hub-list>.lec-empty-card{display:grid;align-content:start;gap:8px;min-width:0;padding:16px;border:1px solid var(--hub-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,33,59,.05)}.lec-hub-list>.lec-empty-card{grid-column:1/-1;text-align:center;padding:38px 20px}.lec-hub-list>.lec-empty-card h2{margin:0;font-size:16px}.lec-hub-list>.lec-empty-card p{margin:5px 0 0;color:var(--hub-muted);font-size:11px}.lec-hub-submission-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lec-hub-submission-card-top>strong{color:var(--hub-purple);font-size:12px}.lec-hub-submission-card-top>span{padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:850;text-transform:capitalize}.lec-hub-submission-card-top>span.is-approved,.lec-hub-submission-card-top>span.is-completed{background:#eaf8ef;color:#167044}.lec-hub-submission-card-top>span.is-revision_required{background:#fff4e5;color:#a15c00}.lec-hub-submission-card small{color:var(--hub-muted);font-size:9px}.lec-hub-submission-card h2{margin:0;font-size:14px;line-height:1.35}.lec-hub-submission-card p{margin:0;color:var(--hub-muted);font-size:10px}.lec-hub-score{font-size:10px}.lec-hub-submission-card .lec-button{justify-self:start;margin-top:2px}
.lec-hub-mobile-nav{display:none}
@media(max-width:820px){.lec-submission-hub{padding-bottom:76px}.lec-hub-topbar{min-height:58px;padding:8px 12px}.lec-hub-topbar nav>a:not(.is-submission){display:none}.lec-hub-topbar nav>a{width:40px;min-width:40px;padding:0}.lec-hub-topbar nav>a span{display:none}.lec-hub-layout{display:block;width:100%;margin:0}.lec-hub-sidebar{display:none}.lec-hub-main{padding:14px 12px 20px}.lec-hub-head{align-items:center}.lec-hub-head h1{font-size:25px}.lec-hub-head p{font-size:11px}.lec-hub-head>.lec-button{width:42px;min-width:42px;padding:0}.lec-hub-head>.lec-button svg{width:19px;height:19px}.lec-hub-head>.lec-button{font-size:0}.lec-hub-context{grid-template-columns:1fr}.lec-hub-context strong{white-space:normal}.lec-submission-fields{grid-template-columns:1fr}.lec-hub-list{grid-template-columns:1fr}.lec-hub-thread-item{max-width:92%}.lec-hub-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-columns:repeat(3,1fr);height:calc(64px + env(safe-area-inset-bottom,0px));padding:4px 3px calc(4px + env(safe-area-inset-bottom,0px));border-top:1px solid #d9dfe8;background:rgba(255,255,255,.985);box-shadow:0 -8px 24px rgba(20,35,62,.08);backdrop-filter:blur(13px)}.lec-hub-mobile-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;color:#667085!important;text-decoration:none!important}.lec-hub-mobile-nav>a svg{width:19px;height:19px}.lec-hub-mobile-nav>a small{font-size:8px;font-weight:850}.lec-hub-mobile-nav>a.is-active{background:#f0ebff;color:var(--hub-purple)!important}}
@media(max-width:480px){.lec-hub-main{padding-right:9px;padding-left:9px}.lec-hub-composer form,.lec-hub-thread{padding-right:13px;padding-left:13px}.lec-hub-context{padding-right:13px;padding-left:13px}.lec-hub-head p{max-width:240px}.lec-hub-submission-card{padding:14px}}
@media(prefers-reduced-motion:reduce){.lec-submission-hub *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.lec-submission-tool.is-record{border:1px solid #dde3ed;border-radius:999px;background:#fff;color:#475467;padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer}.lec-submission-tool.is-record>span{color:#e55050}.lec-hub-recorder{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;border:1px solid #eadff8;border-radius:12px;background:#faf8ff}.lec-hub-recorder>span{color:#5b3fbf;font-size:10px;font-weight:800}.lec-hub-recorder button{border:1px solid #d8cff4;border-radius:9px;background:#fff;color:#5b3fbf;padding:6px 9px;font-size:9px;font-weight:850;cursor:pointer}.lec-hub-recorder audio{height:32px;max-width:260px}


/* v0.6.8.1 — exact learning-part Submission context + return bridge. */
.lec-hub-learning-path{grid-column:1/-1;min-width:0}
.lec-hub-learning-path strong{display:block;line-height:1.45;overflow-wrap:anywhere;color:#37286f}
.lec-hub-return-row{display:flex;align-items:center;justify-content:flex-start;margin:-2px 0 14px}
.lec-hub-return{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none}
.lec-hub-return[hidden]{display:none!important}
.lec-hub-return svg{width:17px;height:17px}
@media (max-width:720px){.lec-hub-return-row{margin:0 0 12px}.lec-hub-return{width:100%;justify-content:center}}


/* LiDia Edu Course v0.6.8.4 — Video scrolling stability parity.
 * Touch/swipe uses one controlled gesture path like Postbook; wheel/trackpad remain native.
 * No Course video UI, learning action, sizing, color, or academic-control redesign.
 */

/* v0.6.8.5 — visual navigation: icon-only desktop rail + unread-only badges. */
.lec-learning-rail-tabs button,
.lec-learning-rail-tabs>a{
  min-height:40px;
  padding:0;
  gap:0;
  font-size:0;
}
.lec-learning-rail-tabs button svg,
.lec-learning-rail-tabs>a svg{
  width:19px;
  height:19px;
}
.lec-app-nav [data-lec-notice-badge][hidden],
.lec-mobile-icon-wrap [data-lec-notice-badge][hidden]{display:none!important}


/* LiDia Edu Course v0.6.9.1 — Premium compact Course cards. */
.lec-your-courses .lec-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:stretch}
.lec-your-courses .lec-member-course-card{gap:10px;padding:14px;border-radius:15px;box-shadow:0 6px 18px rgba(25,39,64,.035)}
.lec-your-courses .lec-member-course-top{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}
.lec-your-courses .lec-card-icon{width:40px;height:40px;border-radius:12px}
.lec-your-courses .lec-card-main h2{margin:0 0 3px;font-size:15px;line-height:1.28}
.lec-your-courses .lec-card-main small{display:block;color:#748093;font-size:9px;line-height:1.35}
.lec-your-courses .lec-card-status{padding:5px 7px;font-size:9px}
.lec-your-courses .lec-member-course-progress{padding:8px 9px;border-radius:11px;background:#f8f9fc}
.lec-your-courses .lec-member-course-progress small{display:none}
.lec-your-courses .lec-member-course-progress>div>span{height:6px}
.lec-your-courses .lec-member-course-actions .lec-button{min-height:34px;padding:8px 10px;font-size:10px}
.lec-top-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1050px){.lec-your-courses .lec-course-grid,.lec-top-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lec-your-courses .lec-course-grid,.lec-top-courses-grid{grid-template-columns:1fr}.lec-your-courses .lec-member-course-card{padding:13px}.lec-your-courses .lec-member-course-top{grid-template-columns:38px minmax(0,1fr)}.lec-your-courses .lec-card-status{grid-column:2;justify-self:start}.lec-top-course-card{max-width:none}}

/* LiDia Edu Course v0.6.9.7 — single-cover Top Course identity. */
.lec-top-course-profile-badge,.lec-top-course-profile-badge>img,.lec-top-course-profile-default{border-radius:999px!important}
.lec-top-course-profile-badge{overflow:hidden}
.lec-top-course-profile-default{background:#fff}


/* LiDia Edu Course v0.6.10.0 — direct Smart Support + desktop rail access. */
.lec-learning-rail-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.lec-learning-rail-tabs .lec-support-nav-button{color:var(--lec-muted)!important}
.lec-learning-rail-tabs .lec-support-nav-button:hover,.lec-learning-rail-tabs .lec-support-nav-button:focus-visible{border-color:#c7d4e6;background:#eef3fa;color:var(--lec-d)!important;outline:none}
.lec-learning-rail-tabs .lec-support-nav-button svg{stroke:currentColor!important}


/* LiDia Edu Course v0.6.10.1 — shared LiDia Edu PWA install access. */
.lec-learning-rail-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.lec-learning-rail-tabs .lec-install-nav-button{color:var(--lec-muted)!important}.lec-learning-rail-tabs .lec-install-nav-button:hover,.lec-learning-rail-tabs .lec-install-nav-button:focus-visible{border-color:#c7d4e6;background:#eef3fa;color:var(--lec-d)!important;outline:none}.lec-learning-rail-tabs .lec-install-nav-button svg{stroke:currentColor!important}
[data-lec-pwa-install][hidden]{display:none!important}

/* LiDia Edu Course v0.6.11.0 — explicit offline learning package controls. */
.lec-drawer-current-actions button.lec-drawer-offline{appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #dde4ee;border-radius:11px;background:#fff;color:var(--lec-d)!important;padding:0 8px;font:850 10px Arial,Helvetica,sans-serif;cursor:pointer}.lec-drawer-current-actions button.lec-drawer-offline:hover,.lec-drawer-current-actions button.lec-drawer-offline:focus-visible{background:#f4f7fb;outline:none}.lec-drawer-current-actions button.lec-drawer-offline svg{width:15px;height:15px}
.lec-offline-nav-button{appearance:none;cursor:pointer;color:var(--lec-muted)!important}.lec-offline-nav-button:hover,.lec-offline-nav-button:focus-visible{border-color:#c7d4e6!important;background:#eef3fa!important;color:var(--lec-d)!important;outline:none}
.lec-offline-nav-button:disabled,.lec-drawer-offline:disabled{opacity:.6;cursor:progress}
.lec-offline-status{position:fixed;right:18px;bottom:18px;z-index:99970;display:flex;align-items:center;gap:9px;max-width:min(520px,calc(100vw - 36px));padding:10px 12px;border:1px solid #d7e0eb;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(18,40,76,.12);color:#3e4b60;font-size:11px;font-weight:750;line-height:1.35}
.lec-offline-status button{flex:0 0 auto;border:1px solid #cad5e3;border-radius:9px;background:#f7f9fc;color:#1c3778;padding:6px 9px;font:800 10px Arial,Helvetica,sans-serif;cursor:pointer}
@media(max-width:820px){.lec-offline-status{right:10px;bottom:78px;left:10px;max-width:none;justify-content:space-between}}

/* v0.6.12.0 — unified LiDia ecosystem connection-state continuity. */
.lec-pwa-network-state{position:fixed;z-index:2147482400;right:14px;bottom:18px;max-width:min(360px,calc(100vw - 28px));padding:8px 12px;border:1px solid #d9e1ec;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 8px 26px rgba(22,37,61,.12);color:#4b586a;font:800 10px/1.25 Arial,Helvetica,sans-serif;backdrop-filter:blur(10px)}
.lec-pwa-network-state.is-online{color:#17683b;border-color:#c7e4d2}.lec-pwa-network-state[hidden]{display:none!important}
@media(max-width:820px){.lec-pwa-network-state{right:8px;bottom:calc(72px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 16px);font-size:9px}}

/* LiDia Edu Course v0.6.15.4 — Responsive Academic HTML normalizer.
 * Scoped to authored Course content only. Desktop inline presentation remains authoritative;
 * tablet/mobile rules prevent fixed inline grids, widths and justified text from degrading narrow screens. */
.lec-unit-content .lec-content-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lec-unit-content .lec-content-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lec-unit-content .lec-content-flex-wrap{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1024px) and (min-width:761px){
 .lec-unit-content,.lec-unit-content *{box-sizing:border-box}
 .lec-unit-content img,.lec-unit-content video,.lec-unit-content iframe,.lec-unit-content svg{max-width:100%}
 .lec-unit-content [style*="grid-template-columns"][style*="repeat(3"],
 .lec-unit-content [style*="grid-template-columns"][style*="repeat(4"],
 .lec-unit-content [style*="grid-template-columns"][style*="repeat(5"],
 .lec-unit-content [style*="grid-template-columns"][style*="repeat(6"],
 .lec-unit-content .lec-content-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .lec-unit-content,.lec-unit-content *{box-sizing:border-box}
 .lec-unit-content{padding:12px!important;line-height:1.72}
 .lec-unit-content img,.lec-unit-content video,.lec-unit-content iframe,.lec-unit-content svg{max-width:100%}
 .lec-unit-content img,.lec-unit-content video{height:auto}
 .lec-unit-content > section{width:100%;max-width:100%}
 .lec-unit-content > section[style*="padding"]{padding:16px 12px!important;border-radius:12px!important}
 .lec-unit-content [style*="grid-template-columns"],
 .lec-unit-content .lec-content-grid-3,
 .lec-unit-content .lec-content-grid-2{grid-template-columns:minmax(0,1fr)!important}
 .lec-unit-content [style*="min-width"]{min-width:0!important}
 .lec-unit-content [style*="justify-content: flex-end"],
 .lec-unit-content [style*="justify-content:flex-end"]{justify-content:flex-start!important}
 .lec-unit-content p[style*="text-align: justify"],
 .lec-unit-content p[style*="text-align:justify"],
 .lec-unit-content li[style*="text-align: justify"],
 .lec-unit-content li[style*="text-align:justify"]{text-align:left!important}
 .lec-unit-content h1,.lec-unit-content h2,.lec-unit-content h3,.lec-unit-content h4,
 .lec-unit-content p,.lec-unit-content li,.lec-unit-content a,.lec-unit-content span{overflow-wrap:anywhere;word-break:normal}
 .lec-unit-content table{width:100%;max-width:100%;-webkit-overflow-scrolling:touch}
}
@media(max-width:430px){
 .lec-unit-content{padding:10px!important}
 .lec-unit-content > section[style*="padding"]{padding:14px 10px!important;border-radius:11px!important}
 .lec-unit-content [style*="padding: 22px 20px"],
 .lec-unit-content [style*="padding:22px 20px"],
 .lec-unit-content [style*="padding: 18px 18px"],
 .lec-unit-content [style*="padding:18px 18px"]{padding:14px 12px!important}
}

/* v0.6.17.0 — final paired Course L-AI entry accessibility polish; grounding/security remain in the bridge. */
.lec-lai-support{clear:both;display:flex;justify-content:flex-end;margin:8px 0 1px;padding-top:7px;border-top:1px solid #eef1f5}
.lec-lai-support-link{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:5px 11px 5px 6px!important;border:1px solid #dce3ed!important;border-radius:999px!important;background:#fff!important;color:#243755!important;text-decoration:none!important;box-shadow:none!important;font-size:12px!important;font-weight:600!important;line-height:1.15!important;transition:border-color .15s ease,background .15s ease,color .15s ease!important}
.lec-lai-support-link:hover{border-color:#a9bad3!important;background:#f7f9fc!important;color:#0b2f78!important}.lec-lai-support-link:focus-visible{border-color:#1C3778!important;background:#f7f9fc!important;color:#0b2f78!important;outline:2px solid #1C3778!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(28,55,120,.12)!important}.lec-lai-support-link.is-opening{pointer-events:none!important;opacity:.72!important}
.lec-lai-support-label{font:inherit!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.lec-lai-support-symbol{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:linear-gradient(145deg,#1C3778,#7F1B50);color:#fff}.lec-lai-support-symbol svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lec-lai-support-link.is-opening .lec-lai-support-symbol{animation:lec-lai-pulse 1s ease-in-out infinite}@keyframes lec-lai-pulse{0%,100%{opacity:1}50%{opacity:.48}}
@media(prefers-reduced-motion:reduce){.lec-lai-support-link,.lec-lai-support-symbol{transition:none!important;animation:none!important}}
@media(max-width:760px){.lec-lai-support{margin-top:7px;padding-top:6px}.lec-lai-support-link{min-height:44px!important;padding:6px 12px 6px 6px!important;font-size:13px!important}.lec-lai-support-symbol{width:32px;height:32px;flex-basis:32px}.lec-lai-support-symbol svg{width:17px;height:17px}}