/* Deliberately scoped to enhanced lessons; no header, brand or global tokens. */
body[data-lesson-ux] .lx-context,
body[data-lesson-ux] .lx-tool-shortcuts {
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;
  padding:12px max(22px,4vw);margin:0;
  background:var(--tm-panel,#111419);border-bottom:1px solid #ffffff30;
  font:400 14px/1.5 'Noto Sans TC',sans-serif;
}
body[data-lesson-ux] .lx-context a,
body[data-lesson-ux] .lx-tool-shortcuts a {
  display:inline-flex;align-items:center;min-height:44px;max-width:100%;
  color:var(--tm-light,#ffa779);text-underline-offset:4px;overflow-wrap:anywhere;
}
body[data-lesson-ux] .lx-tool-shortcuts span {color:var(--tm-white,#f4f1e9);font-size:13px;width:100%;}
body[data-lesson-ux] .lx-tool-shortcuts a {padding:8px 12px;border:1px solid #ffa77980;text-decoration:none;}
body[data-lesson-ux] .lx-chapters {
  position:sticky;top:var(--lx-header-height,80px);z-index:100;
  margin:0;padding:0 max(22px,4vw);width:100%;max-width:none;
  background:var(--tm-panel,#111419);color:var(--tm-white,#f4f1e9);border-bottom:1px solid #ffffff40;
  font:400 15px/1.5 'Noto Sans TC',sans-serif;
}
body[data-lesson-ux] .lx-chapters>summary {
  min-height:52px;display:flex;align-items:center;gap:16px;cursor:pointer;padding:10px 0;
  color:var(--tm-white,#f4f1e9);list-style:none;
}
body[data-lesson-ux] .lx-chapters>summary::-webkit-details-marker {display:none;}
body[data-lesson-ux] .lx-chapters>summary::after {content:'＋';margin-left:auto;flex-shrink:0;}
body[data-lesson-ux] .lx-chapters[open]>summary::after {content:'－';}
body[data-lesson-ux] [data-lx-current] {font-size:13px;color:var(--tm-light,#ffa779);min-width:0;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body[data-lesson-ux] .lx-chapter-links {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  padding:0 0 16px;max-height:calc(100dvh - var(--lx-header-height,80px) - 100px);overflow:auto;
}
body[data-lesson-ux] .lx-chapter-links a {
  display:flex;align-items:center;min-width:0;min-height:44px;padding:10px 12px;
  width:auto;height:auto;border:1px solid #ffffff30;border-radius:4px;
  color:var(--tm-white,#f4f1e9);background:#1c2129;text-decoration:none;font-size:15px;line-height:1.5;
  overflow-wrap:anywhere;
}
body[data-lesson-ux] .lx-chapter-links a[aria-current] {border-color:var(--tm-orange,#ff713d);color:var(--tm-light,#ffa779);}
body[data-lesson-ux] :is(.lx-context,.lx-chapters,.lx-tool-shortcuts,.lx-disclosure) :is(a,summary):focus-visible {outline:3px solid var(--tm-orange,#ff713d);outline-offset:3px;}
body[data-lesson-ux] [data-lx-superseded-nav] {display:none!important;}
body[data-lesson-ux] :is(section[id],h2[id],.lx-preserved-anchor,[id^="practice-"]) {scroll-margin-top:var(--lx-anchor-offset,152px);}
body[data-lesson-ux] .lx-preserved-anchor {display:block;height:0;}
body[data-lesson-ux] .lx-disclosure {margin:16px 0;border:1px solid #ffffff40;border-radius:8px;background:#151b23;color:#f4f1e9;min-width:0;max-width:100%;}
body[data-lesson-ux] .lx-disclosure>summary {cursor:pointer;min-height:44px;padding:12px 14px;color:#ffa779;font-size:15px;line-height:1.5;font-weight:600;}
body[data-lesson-ux] .lx-disclosure[open]>*:not(summary) {margin:0;padding:12px 14px;border-top:1px solid #ffffff30;}
body[data-lesson-ux] .lx-disclosure .resources {display:flex;flex-wrap:wrap;gap:12px;}
body[data-lesson-ux] .lx-disclosure a {min-height:44px;display:inline-flex;align-items:center;white-space:normal;overflow-wrap:anywhere;}
body[data-lesson-ux] .lx-header-downloads {margin:0;font-weight:400;letter-spacing:normal;text-align:left;}
body[data-lesson-ux] .lx-header-downloads>div {display:flex;flex-wrap:wrap;gap:8px;}

/* Only the legacy Luodong light-gradient panel needs this background repair.
   Illustrations keep their original palette; no blanket SVG/text recoloring. */
body[data-lesson-ux="luodong"] .lesson-panel {
  background:#111419!important;background-image:none!important;color:#f4f1e9;
  height:auto!important;min-height:calc(100svh - var(--lx-header-height,80px));overflow:visible!important;
}
body[data-lesson-ux="luodong"] .lesson-panel :is(.panel-title,.panel-title .subtitle,.copy-stack p,.copy-stack li,.lead) {color:#f4f1e9!important;}
body[data-lesson-ux="luodong"] .lesson-panel :is(.prompt-box,.note,.round-card,.classroom-flow li) {background:#1c2129!important;color:#f4f1e9!important;border-color:#ffffff40!important;}
body[data-lesson-ux="luodong"] .lesson-panel :is(.prompt-box,.round-card,.classroom-flow) :is(p,li,h3,strong) {color:#f4f1e9!important;}
body[data-lesson-ux="luodong"] .lesson-panel :is(.wordmark,.top-links a:not(.header-download)),
body[data-lesson-ux="luodong"] .lesson-panel .prompt-box::before {color:#ffa779!important;}
body[data-lesson-ux="luodong"] .lesson-panel .classroom-flow {margin-block:20px;}
body[data-lesson-ux="luodong"] .lesson-panel .step-number {min-width:2ch;white-space:nowrap;word-break:normal;}
body[data-lesson-ux="luodong"] .lesson-panel .panel-top {align-items:start;}

@media(max-width:600px) {
  body[data-lesson-ux] .lx-context {gap:0 16px;padding-block:8px;}
  body[data-lesson-ux] .lx-context [data-parent-course] {flex-basis:100%;}
  body[data-lesson-ux] .lx-chapters>summary {gap:10px;font-size:14px;}
  body[data-lesson-ux] .lx-chapter-links {grid-template-columns:1fr;}
  body[data-lesson-ux] .lx-tool-shortcuts {gap:8px;padding-block:12px;}
  body[data-lesson-ux] .lx-tool-shortcuts a {font-size:14px;}
  body[data-lesson-ux="luodong"] .lesson-panel .top-links {min-width:0;gap:10px;}
  body[data-lesson-ux="luodong"] .lesson-panel .classroom-flow {grid-template-columns:1fr;}
}
@media print {
  body[data-lesson-ux] :is(.lx-context,.lx-chapters,.lx-tool-shortcuts) {display:none!important;}
  body[data-lesson-ux] .lx-disclosure>*:not(summary) {display:block!important;}
}

/* Use one anchor offset; scroll-padding plus scroll-margin previously doubled it. */
html:has(body[data-lesson-ux]){scroll-padding-top:0}body[data-lesson-ux] :is(section[id],h2[id]){scroll-margin-top:var(--lx-anchor-offset,152px)}

body[data-lesson-ux] .lx-context a{background:transparent!important;border-color:#ffffff40!important}body.tmars-native-lesson .lx-context a{border-color:#d6d7ce!important}