/* Kairos editorial classroom: one restrained frame, with subject-specific content inside. */
:where(.approved-display[data-surface="lesson"],body.lr-con-reproductor .ug-scene){
  --editorial-paper:#f4f1eb;--editorial-ink:#282d35;--editorial-muted:#60666d;
  --editorial-line:#d5d1c9;--editorial-accent:#415c69;--editorial-brass:#886e43;
}
#displayShell.approved-display[data-surface="lesson"],body.lr-con-reproductor .ug-scene{background:var(--editorial-paper);color:var(--editorial-ink)}
#displayShell.approved-display[data-surface="lesson"] .d-head,body.lr-con-reproductor .ug-scene>.ug-header{background:#fbfaf7;color:var(--editorial-ink);border-bottom:1px solid var(--editorial-line);box-shadow:none}
#displayShell.approved-display[data-surface="lesson"] .d-brand>strong{color:var(--editorial-ink);letter-spacing:.11em;font-weight:650}
#displayShell.approved-display[data-surface="lesson"] .d-kairos-logo{background:#263c48;border:0;border-radius:7px}
#displayShell.approved-display[data-surface="lesson"] .d-hito{background:transparent;color:var(--editorial-brass);border:1px solid #b9aa8b;animation:none!important}
#displayShell.approved-display[data-surface="lesson"] .d-step>b{background:#edf0ed;color:#354f4a;border:1px solid #cfd8d0;box-shadow:none;font-weight:600}
#displayShell.approved-display[data-surface="lesson"] #displayLesson{color:var(--editorial-muted)}
#displayShell.approved-display[data-surface="lesson"] #screen>section{border:1px solid #d5d1c9;border-radius:12px!important;box-shadow:0 8px 24px #272d3510}
#displayShell.approved-display[data-surface="lesson"] .d-clock{color:var(--editorial-muted);background:transparent;border:0}
body:has(#displayShell[data-surface="lesson"]:not([hidden])) .display-menu>button{background:transparent;color:#41515d;border-color:#d5d1c9;border-radius:10px}
body:has(#displayShell[data-surface="lesson"]:not([hidden])) .smartboard-controls{background:#fbfaf8;border:1px solid #d5d1c9;border-radius:12px;box-shadow:0 4px 18px #242c3714}
body:has(#displayShell[data-surface="lesson"]:not([hidden])) .smartboard-controls button{border-radius:8px}
body:has(#displayShell[data-surface="lesson"]:not([hidden])) .smartboard-controls [data-board-control="next"]{background:#344f5d;border-color:#344f5d;box-shadow:none}
body:has(#displayShell[data-surface="lesson"]:not([hidden])) .smartboard-controls [data-board-control="readers"]{background:#edf0ed;color:#354f4a;border-color:#cfd8d0}
#displayShell.approved-display[data-surface="lesson"] .slide.authored.theme-workbook{background:#fbf9f4}
#displayShell.approved-display[data-surface="lesson"] .slide.authored.theme-workbook::before{opacity:.2}
#displayShell.approved-display[data-surface="lesson"] .slide.authored .a-card{border-radius:10px;box-shadow:none;background:#f4f2ec;border-color:#d5d1c9}
#displayShell.approved-display[data-surface="lesson"] .slide.authored .a-art{background:transparent;box-shadow:none}
#displayShell.approved-display[data-surface="lesson"] .slide.authored :is(h1,h2){font-weight:700;letter-spacing:-.025em}
body.lr-con-reproductor .ug-scene{--u-text:#282d35;--u-dim:#60666d;--u-line:#d5d1c9;--u-gold:#886e43;--u-mint:#436b60;--ug-p-bg:#fbfaf7;--ug-p-line:#d5d1c9;--ug-p-muted:#60666d;--ug-p-violet:#5a5570}
body.lr-con-reproductor .ug-scene .ug-course small{color:#60666d;letter-spacing:.12em}
body.lr-con-reproductor .ug-scene .ug-back{color:#34444f;background:transparent;border-color:#d5d1c9;border-radius:9px}
body.lr-con-reproductor .ug-scene .ug-wallet{background:transparent;color:#795f33;border-color:#c7b68d;border-radius:10px}
body.lr-con-reproductor .ug-scene>.ug-session{background:#edece7;border-bottom:1px solid #d5d1c9;color:#343e48}
body.lr-con-reproductor .ug-scene .ug-session-context{color:#60666d}
body.lr-con-reproductor .ug-scene .ux-timer{background:transparent;border-color:#cfc8b9;color:#795f33}
body.lr-con-reproductor .ug-scene>.ug-session :is(button,a){background:#f7f6f1;color:#415462;border:1px solid #d5d1c9;border-radius:8px}
body.lr-con-reproductor .ug-scene>.ug-playfield{background-image:none;background-color:#f4f1eb}
body.lr-con-reproductor .ug-scene>.ug-player{background:#f4f1eb;border:0}
body.lr-con-reproductor .ug-scene>.ug-player .ug-companion{background:#fbfaf7;border:1px solid #c7c4bb;color:#3f4e5b;border-radius:12px;box-shadow:none}
body.lr-con-reproductor .ug-scene .ug-companion-face{border-color:#9d9ba6;background:#eeeae4}
body.lr-con-reproductor .ug-scene .ug-companion-mark{color:#786384}
body.lr-en-vivo .ug-scene.is-live .ug-tutor{background:#fbfaf7;border-color:#b9c7be;border-radius:12px;box-shadow:0 5px 20px #282d351a}
body.lr-en-vivo .ug-scene.is-live[data-activity="lobby"] #kLiveBody{background:transparent}
body.lr-en-vivo #kLiveBody .lr-live-entry-room{background:#fbfaf7;border:1px solid #d5d1c9;border-radius:12px;box-shadow:0 6px 24px #282d3510;text-align:left;align-items:flex-start;padding:clamp(24px,4vw,54px)}
body.lr-en-vivo #kLiveBody .lr-entry-art{display:none}
body.lr-en-vivo #kLiveBody .lr-live-entry-room>.lr-live-kicker{background:transparent;border:0;padding:0;border-radius:0;color:#886e43;letter-spacing:.14em}
body.lr-en-vivo #kLiveBody .lr-live-entry-room>h2{color:#282d35}
body.lr-en-vivo #kLiveBody .lr-live-entry-room>p{text-align:left;color:#4a535d;text-wrap:pretty}
body.lr-en-vivo #kLiveBody .lr-live-entry-room .lr-live-entry{background:#f1f0e9;border:0;border-left:3px solid #9f8c67;border-radius:0;max-width:100%;width:100%}
body.lr-en-vivo #kLiveBody .lr-live-entry-room .lr-live-entry strong{color:#344b55}
body.lr-con-reproductor .ug-scene .ug-panel{background:#fbfaf7;color:#282d35}
body.lr-con-reproductor .ug-scene .ug-panel :is(.ug-panel-guide,.ug-panel-tabs,.ug-panel-foot){background:#eeeae3}
body.lr-con-reproductor .ug-scene .ug-panel :is(.ug-panel-hint,.ug-hub-ask){background:#f0eee6;border-color:#d5d1c9;color:#38434b}
body.lr-con-reproductor .ug-scene .ug-panel button.ug-hub-card{background:#fbfaf7;border-color:#d5d1c9;color:#38434b}
body.lr-con-reproductor .ug-scene .ug-panel-scope{color:#60666d;background:#fff8;border-color:#d5d1c9}
body.lr-con-reproductor .ug-scene .ug-panel :is(input,textarea){background:#fff;color:#282d35}
/* Reading keeps the canonical player and its input controls; only its frame is editorial. */
body.lr-con-reproductor .ug-scene #kLessonPlayer .viewport{background:#f4f1eb}
body.lr-con-reproductor .ug-scene #kLessonPlayer :is(.q-read-panel,.q-narrator,.activity-bridge){border-radius:12px;box-shadow:none}
@media(prefers-reduced-motion:reduce){body.lr-con-reproductor .ug-scene *{animation:none!important;transition:none!important}}
/* The canonical player is nested inside a second scene, with its own dark tokens. */
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer{background:#f4f1eb}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .viewport{--bg:#f4f1eb;--panel:#fbfaf7;--glass:#f4f1eb;--ink:#282d35;--muted:#60666d;--line:#d5d1c9;--subj:#415c69;--subj-soft:#e8ecec;color:#282d35;background:#f4f1eb!important}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer :is(.q-body,.q-foot){background:transparent;color:#282d35}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .q-foot .q-btn,body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .bridge-action{background:#344f5d;color:#fff;border-radius:8px;box-shadow:none}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .q-foot .q-prev{color:#344f5d;border-color:#c5c8c6;border-radius:8px}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .activity-bridge{width:min(820px,calc(100% - 32px));margin:auto;padding:20px 26px;max-height:100%;overflow:auto;border-top:2px solid #9f8c67;border-radius:12px;box-shadow:none}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .activity-bridge h2{font-size:clamp(24px,3vw,34px)}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .q-progress{background:#d9d9d1}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .q-progress>i{background:#647c80}
/* Type follows the presentation frame width, including compact role previews. */
#displayShell.approved-display[data-surface="lesson"] #screen{container-type:inline-size}
#displayShell.approved-display[data-surface="lesson"] .slide.authored{padding:clamp(18px,3cqw,48px);gap:clamp(8px,1.2cqw,18px)}
#displayShell.approved-display[data-surface="lesson"] .slide.authored h1{font-size:clamp(26px,5.5cqw,68px);line-height:1.04}
#displayShell.approved-display[data-surface="lesson"] .slide.authored h2{font-size:clamp(24px,4.5cqw,56px);line-height:1.1}
#displayShell.approved-display[data-surface="lesson"] .slide.authored .a-body{font-size:clamp(16px,2.5cqw,30px);color:#414b53}
#displayShell.approved-display[data-surface="lesson"] .slide.authored .a-phrase{font-size:clamp(24px,4.3cqw,52px);color:#3f626a;font-weight:650}
#displayShell.approved-display[data-surface="lesson"] .slide.authored :is(.a-note,.a-card-sub){font-size:clamp(15px,2cqw,24px);color:#5a686c;font-weight:500}
#displayShell.approved-display[data-surface="lesson"] .slide.authored :is(.a-item,.a-table td){font-size:clamp(17px,2.7cqw,32px);font-weight:600}
#displayShell.approved-display[data-surface="lesson"] .slide.authored .a-card-title{font-size:clamp(17px,2.7cqw,32px);font-weight:650}
#displayShell.approved-display[data-surface="lesson"] .slide.authored .a-art-img{width:min(100%,460px);max-height:38vh}
@media(max-width:720px){
 #displayShell.approved-display[data-surface="lesson"] .slide.authored :is(.a-copy,.a-cards){gap:10px}
 #displayShell.approved-display[data-surface="lesson"] .slide.authored .a-art-img{max-height:24vh}
 #displayShell.approved-display[data-surface="lesson"] .slide.authored .a-card{padding:14px 12px}
}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .tile{--choice:#526c77;background:#fbfaf7;color:#282d35;border:1px solid #c8cbc8;border-radius:10px;box-shadow:none;transform:none}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .tile.sel{background:#e7eded;border:2px solid #526c77;box-shadow:0 0 0 2px #526c7718}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .tile .shape{color:#526c77;background:#edf0ec;border-radius:7px}
body.lr-con-reproductor .ug-scene .lr-approved-shell #kLessonPlayer .tile.ok{outline:3px solid #436b60}

/* Generated covers also use the editorial surface. Otherwise lesson-stage's
   blue background inherits this shell's dark ink (Biology's fallback deck). */
#displayShell.approved-display[data-surface="lesson"] #screen > .slide.cover {
  background:#fbf9f4;color:#203950;
}
#displayShell.approved-display[data-surface="lesson"] #screen > .slide.cover h1 {
  color:#203950;text-wrap:balance;
}
#displayShell.approved-display[data-surface="lesson"] #screen > .slide.cover .kicker,
#displayShell.approved-display[data-surface="lesson"] #screen > .slide.cover .sub {
  color:#476575;
}