#dc-lesson-open { min-height:44px; padding:10px 18px; border:1px solid #547b91; border-radius:22px; color:#204d67; background:#fff; }
[data-lesson="true"] .dc-guide-stage { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr); align-items:start; border:1px solid #bacbd6; border-radius:15px; overflow:hidden; }
[data-lesson="true"] .dc-viewer { height:min(780px,calc(100svh - 32px)); min-height:530px; border-radius:0; }
[data-lesson="true"] :is(#dc-scene-control,#dc-scene-pin,#dc-guide-details) { display:none!important; }
.dc-lesson { background:#132a3b; color:#eef6fc; min-width:0; height:min(780px,calc(100svh - 32px)); min-height:530px; display:flex; flex-direction:column; }
.dc-lesson[hidden],.dc-lesson-caption[hidden] { display:none; }
.dc-lesson-head { padding:22px 22px 12px; }
.dc-lesson-top { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.dc-lesson-top span { color:#a6d8f6; letter-spacing:1px; font-size:11px; }
.dc-lesson button,.dc-lesson select,.dc-lesson-caption button { min-height:44px; border:1px solid #66869a; border-radius:7px; padding:8px 12px; color:#edf7ff; background:#25475d; cursor:pointer; }
.dc-lesson button:disabled,.dc-lesson-caption button:disabled { opacity:.5; cursor:default; }
.dc-lesson :is(button,select,input):focus-visible,.dc-lesson-caption button:focus-visible,#dc-lesson-open:focus-visible { outline:3px solid #f4c56b; outline-offset:3px; }
.dc-lesson h2 { color:#fff; font-size:21px; line-height:1.5; margin:12px 0 8px; }
.dc-lesson p { color:#c8dce9; font-size:13px; line-height:1.8; margin:6px 0; }
.dc-lesson-tabs { display:flex; gap:7px; margin:12px 0; }
.dc-lesson-tabs button { flex:1; }
.dc-lesson button[aria-current="step"] { background:#cbeaff; color:#113448; border-color:#d7eeff; }
#dc-lesson-flow { border-left:2px solid #77c4ed; padding-left:10px; color:#d8efff; font-size:12px; }
.dc-lesson-audio { border-block:1px solid #49677b; padding:12px 22px; background:#193448; }
.dc-lesson-buttons,.dc-lesson-options { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#dc-lesson-play { color:#143247; background:#c7e8ff; font-weight:600; }
.dc-lesson-options { margin-top:8px; font-size:12px; gap:12px; }
.dc-lesson-options label { display:flex; align-items:center; gap:6px; min-height:36px; cursor:pointer; }
.dc-lesson-options input[type="checkbox"] { width:18px; height:18px; }
.dc-lesson-options select { min-height:36px; padding:4px; }
.dc-lesson-progress { display:flex; align-items:center; gap:10px; margin-top:8px; }
#dc-lesson-seek { min-width:0; width:100%; accent-color:#9ed5f4; height:26px; }
#dc-lesson-time { font:11px ui-monospace,monospace; white-space:nowrap; color:#d1e2ef; }
#dc-lesson-status { min-height:24px; font-size:12px; color:#d3e4f0; }
.dc-lesson-transcript { overflow:auto; overscroll-behavior:contain; padding:14px 22px; min-height:100px; flex:1; }
.dc-lesson-transcript section { border-left:2px solid #39576b; padding:0 0 8px 12px; margin:0 0 14px; }
.dc-lesson-transcript section.is-current { border-color:#9ed5f4; }
.dc-lesson-transcript button { background:transparent; border:0; padding:3px 8px; text-align:left; font-size:13px; }
.dc-lesson-transcript p { font-size:14px; }
.dc-lesson-foot { padding:10px 22px 16px; border-top:1px solid #49677b; }
.dc-lesson-foot small { color:#b3cddd; font-size:11px; }
.dc-lesson-foot details { margin-top:6px; font-size:12px; }
.dc-lesson-foot summary { cursor:pointer; padding:8px 0; }
.dc-lesson-caption { position:absolute; bottom:20px; left:20px; right:20px; background:#102d43ef; color:#f5faff; border:1px solid #7593a8; border-radius:12px; padding:14px 18px; z-index:4; }
.dc-lesson-caption>div { display:flex; justify-content:space-between; align-items:center; gap:10px; }
#dc-lesson-cue { font-size:12px; color:#abdafa; }
#dc-lesson-scene-play { color:#123448; background:#c7e8ff; border-color:#d9efff; flex-shrink:0; }
#dc-lesson-subtitle { color:#f1f7fc; margin:10px 0 0; font-size:14px; line-height:1.8; }
@media (max-width:1000px) {
  [data-lesson="true"] .dc-guide-stage { grid-template-columns:minmax(0,1fr); }
  [data-lesson="true"] .dc-viewer { height:480px; min-height:400px; }
  .dc-lesson { height:auto; max-height:none; min-height:0; }
  .dc-lesson-transcript { max-height:330px; }
}
@media (max-width:540px) {
  [data-lesson="true"] .dc-viewer { height:510px; min-height:400px; }
  .dc-lesson-caption { left:10px; right:10px; bottom:10px; padding:10px 12px; }
  #dc-lesson-subtitle { font-size:12px; }
  .dc-lesson-head,.dc-lesson-audio,.dc-lesson-transcript,.dc-lesson-foot { padding-left:16px; padding-right:16px; }
  .dc-lesson h2 { font-size:19px; }
}