/* Larger section controls. Real labels are supplied by JS, never pseudo text. */
html body header [data-sub-nav="lessons"].ll-current-lesson,html body #ll-unified-header [data-sub-nav="lessons"].ll-current-lesson { background:#24685b!important;color:#fff!important;box-shadow:none!important;font-weight:700!important;border-radius:4px!important; }
html body #ll-return-bar { position:fixed;bottom:0;left:0;right:0;z-index:9990;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:2px solid #24685b;box-shadow:0 -2px 8px #0002;text-align:center; }
html body #ll-return-bar a { display:inline-block;max-width:100%;box-sizing:border-box;padding:10px 18px;background:#174c43;color:#fff;font:700 16px/1.4 system-ui,sans-serif;border-radius:6px;text-decoration:none;overflow-wrap:anywhere; }
html body #ll-return-bar a:focus-visible { outline:3px solid #087f8c;outline-offset:3px; }
html body.ll-has-return { padding-bottom:110px!important; }
html body .weekly-workspace .lv-pager { gap:16px!important; margin-top:24px!important; padding-block:16px!important; }
html body .weekly-workspace .lv-pager .lv-btn { min-height:64px!important; padding:14px 20px!important; font-size:18px!important; line-height:1.4!important; white-space:normal!important; }
html body .weekly-workspace .lv-pager .lv-btn small { display:block!important; font-size:18px!important; line-height:1.4!important; font-weight:700!important; opacity:1!important; }
html body .weekly-workspace .lv-pager .lv-btn:focus-visible { outline:3px solid currentColor!important; outline-offset:3px!important; }
html body .weekly-workspace .ll-writing-location { font-weight:700; margin:12px 0 6px; }
html body .weekly-workspace details.weekly-digital>summary { font-size:16px!important; }
html body .weekly-workspace details.weekly-digital>summary::after { content:none!important; }
@media(max-width:600px) { html body .weekly-workspace .lv-pager { display:flex!important; flex-wrap:wrap!important; } html body .weekly-workspace .lv-pager .lv-btn { flex:1 1 220px!important; width:auto!important; } }

/* Compact navigation, 2026-10-09: fill the actual popover instead of fixed child widths. */
html body #ll-unified-header .lab-labs-popover { min-width:0!important; width:max-content!important; max-width:calc(100vw - 24px)!important; padding:6px!important; }
html body #ll-unified-header .lab-labs-popover > a.toolbar-tab { display:flex!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; gap:9px!important; padding:10px 12px!important; border-radius:7px!important; justify-content:flex-start!important; white-space:normal!important; }
html body #ll-unified-header .lab-labs-popover > a.toolbar-tab:hover,
html body #ll-unified-header .lab-labs-popover > a.toolbar-tab:focus-visible,
html body #ll-unified-header [data-main-nav]:hover { background:#24685b!important; color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body #ll-unified-header .lab-labs-popover > a.toolbar-tab:hover span { color:inherit!important; }
html body #ll-unified-header [data-menu-group="bench"] .lab-labs-popover { display:none; }
html body #ll-unified-header [data-menu-group="bench"] .lab-labs-popover:popover-open { display:flex!important; flex-direction:column!important; }
html body #ll-unified-header [data-sub-nav="lessons"] { order:-3!important; }
html body #ll-unified-header [data-sub-nav="assessments"] { order:-2!important; }
html body #ll-unified-header .lab-topic-picker { order:9!important; max-width:220px!important; }
html body .llc-head { display:flex!important; flex-wrap:wrap!important; gap:8px!important; align-items:center!important; padding:10px 0!important; }
html body .llc-title { margin:0 8px 0 0!important; font-size:24px!important; }
html body .llc-field { flex:0 1 auto!important; min-width:0!important; }
html body .llc-field select { max-width: min(280px,85vw)!important; }
html body .llc-search { flex:1 1 160px!important; }
html body .llc-display { position:relative; }
html body .llc-display summary { cursor:pointer; padding:8px 12px; border:1px solid #cad6d0; border-radius:7px; }
html body .llc-display[open] .llc-views { position:absolute; z-index:10; top:100%; right:0; padding:8px; background:var(--paper,#fff); box-shadow:0 5px 18px #0002; border-radius:8px; }
html body .llc-row { border:1px solid #dce5df!important; border-radius:12px!important; margin-bottom:8px!important; overflow:hidden; }
html body .llc-row-top { padding:12px!important; gap:12px!important; }
html body .llc-letter { width:auto!important; min-width:6.5em!important; white-space:nowrap!important; font-size:12px!important; }
html body .llc-outcome { display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html body .llshu-warn { background:#f4f7f4!important; border:1px solid #cbdacf!important; color:inherit!important; padding:9px 12px!important; font-size:14px!important; }
html body .llshu-warn summary { cursor:pointer; font-weight:650; }
html body .llshu-warn span { display:block; padding-top:8px; }
@media(max-width:600px){html body .llc-head .llc-field,html body .llc-search{flex:1 1 140px!important}html body .llc-field select{width:100%!important}html body .llc-row-top{flex-wrap:wrap!important}html body .llc-lesson{flex-wrap:wrap!important}}

html body #ll-unified-header.ll-shell-header .lab-labs-popover:popover-open { grid-template-columns:minmax(0,1fr)!important; justify-items:stretch!important; }
html body #ll-unified-header.ll-shell-header [data-menu-group="bench"] .lab-labs-popover:popover-open { display:flex!important; flex-direction:column!important; align-items:stretch!important; }
html body .llc-head > .llc-field { width:auto!important; }
html body #ll-return-bar { left:auto!important; right:16px!important; bottom:12px!important; width:min(430px,calc(100vw - 32px))!important; padding:0!important; border:0!important; border-radius:10px!important; overflow:hidden!important; }
html body #ll-return-bar a { display:block!important; font-size:14px!important; padding:10px 14px!important; }
html body.ll-has-return { padding-bottom:64px!important; }

.ll-learning-head{display:flex;justify-content:space-between;gap:12px;font-weight:650}.ll-learning-total{margin:12px 0 3px!important;font-size:18px}.ll-learning-total strong{font-size:32px;color:#24685b}.ll-learning-next summary{cursor:pointer;font-weight:650}.ll-learning-next a{display:block;padding:8px 0;border-top:1px solid #dce5df}.ux-data .ux-trend svg{max-height:180px!important}.ux-data .chart-grid .panel{min-height:0!important}
html:has(.llc-root) .ux-dashboard-head{display:none!important}

/* Classroom navigation: one calm, distinct control pane. */
html body .llc-root .llc-head{display:grid!important;grid-template-columns:auto minmax(140px,.75fr) minmax(170px,1fr) minmax(170px,1fr) auto auto!important;align-items:center!important;gap:10px!important;margin:14px 0 22px!important;padding:16px!important;border:1px solid #c9d9e7!important;border-radius:14px!important;background:#edf3f9!important;box-shadow:none!important}
html body .llc-root .llc-head>*{min-width:0!important;margin:0!important;align-self:center!important}
html body .llc-root .llc-head .llc-title{font:750 21px/1.2 system-ui,sans-serif!important;color:#183b56!important}
html body .llc-root .llc-head select,html body .llc-root .llc-head input,html body .llc-root .llc-head summary{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:42px!important;min-height:42px!important;border:1px solid #bdcedb!important;border-radius:8px!important;background:#fff!important;color:#183b56!important;font:600 14px/1.3 system-ui,sans-serif!important;padding:10px 12px!important;box-shadow:none!important}
html body .llc-root .llc-head select{text-overflow:ellipsis!important}
html body .llc-root .llc-menu-pop .llcn-planner,html body .llc-root .llc-menu-pop .llcn-downloads{display:block!important;margin:4px 0!important;width:100%!important;box-sizing:border-box!important}
html body .lv-strip{background:#edf3f9!important;border:1px solid #c9d9e7!important;border-radius:12px!important;padding:10px!important;margin:14px 0!important}
html body .lv-strip ol,html body .lv-strip ul{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
html body .lv-strip li{min-width:0!important;list-style:none!important}
html body .lv-strip button{width:100%!important;min-height:46px!important;border-radius:8px!important;justify-content:center!important}
html body #ll-unified-header .lab-labs-popover>a.toolbar-tab:hover,html body #ll-unified-header .lab-labs-popover>a.toolbar-tab:focus-visible,html body #ll-unified-header .lab-labs-popover>a.toolbar-tab[aria-current=page]{background:#24685b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:8px!important;box-shadow:none!important}
html body #ll-unified-header .lab-labs-popover>a.toolbar-tab:hover *,html body #ll-unified-header .lab-labs-popover>a.toolbar-tab:focus-visible *,html body #ll-unified-header .lab-labs-popover>a.toolbar-tab[aria-current=page] *{background:transparent!important;background-image:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;box-shadow:none!important}
@media(max-width:1050px){html body .llc-root .llc-head{grid-template-columns:minmax(130px,1fr) minmax(160px,1.4fr) auto auto!important}html body .llc-root .llc-title{grid-column:1/-1!important}html body .llc-root .llc-search{grid-column:1/3!important}}
@media(max-width:600px){html body .llc-root .llc-head{grid-template-columns:1fr 1fr!important;padding:12px!important}html body .llc-root .llc-search{grid-column:1/-1!important}html body .lv-strip ol,html body .lv-strip ul{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
html body .llc-root .llc-head>.llc-teacher{grid-column:auto!important;grid-row:auto!important}
html body .llc-root .llc-head>.llc-display{grid-column:auto!important;grid-row:auto!important}

/* Shared lesson-flow contrast and compact progress disclosure. */
.weekly-tools .lls-profile-card{margin:0!important;padding:8px!important;min-width:min(340px,80vw);max-width:90vw}
.lls-progress-popout>summary{cursor:pointer;font-weight:700;padding:8px}
.lls-progress-popout .lls-pc-row{margin:10px 0;flex-wrap:wrap}
.lv-code{min-width:max-content!important;width:auto!important;white-space:nowrap!important}
.lv-stepsbox:has(.lv-todo-item):not(:has(.lv-todo-item:not([hidden]))){display:none}
html[data-ll-appearance="dark"] :is(.weekly-top,.weekly-menu,.llc-toolbar,.lv-strip,.ll-lesson-nav){background:#172b38!important;color:#e6eff6!important;border-color:#486474!important}
html[data-ll-appearance="dark"] :is(.weekly-top,.weekly-menu,.llc-toolbar,.lv-strip,.ll-lesson-nav) :is(button,select,summary,a){background:#203c4c!important;color:#edf5fb!important;border-color:#567384!important;-webkit-text-fill-color:#edf5fb!important}
html[data-ll-appearance="dark"] :is(.weekly-tools>div,.llc-menu-pop,.lls-profile-card,.llr-dialog){background:#172b38!important;color:#edf5fb!important;border-color:#567384!important}
html[data-ll-appearance="dark"] :is(.weekly-tools,.llc-menu-pop,.llr-dialog) :is(p,span,h2,h3,summary,label){color:inherit!important}
html[data-ll-appearance="dark"] #ll-unified-header{background:#101f29!important;border-color:#486474!important}
html[data-ll-appearance="dark"] #ll-unified-header :is(.toolbar-popover,.toolbar-dropdown,.toolbar-menu){background:#172b38!important;color:#edf5fb!important}
html[data-ll-appearance="dark"] :is(.weekly-top,.llc-toolbar,.lv-strip) :is(button,a,summary):hover,
html[data-ll-appearance="dark"] .lv-stepbtn.is-here{background:#24685b!important;color:white!important;-webkit-text-fill-color:white!important}
html[data-ll-appearance="dark"] .lls-pc-num{color:#edf5fb!important}

html[data-ll-appearance="dark"]{--shell-bg:#101f29;--shell-fg:#edf5fb}
.weekly-bottom [data-weekly-submit][hidden]{display:none!important}
html[data-ll-appearance="dark"] .weekly-menu{--lab-ink:#edf5fb;--ink:#edf5fb}
html[data-ll-appearance="dark"] #ll-unified-header{--shell-bg:#101f29!important;--shell-fg:#edf5fb!important}
html[data-ll-appearance="dark"] #ll2-app :is(.weekly-top,.weekly-menu,.llc-toolbar,.lv-strip,.ll-lesson-nav){background:#172b38!important;color:#edf5fb!important;border-color:#486474!important}
html[data-ll-appearance="dark"] #ll2-app :is(.weekly-top,.weekly-menu,.llc-toolbar,.lv-strip,.ll-lesson-nav) :is(button,select,summary,a){background:#203c4c!important;color:#edf5fb!important;-webkit-text-fill-color:#edf5fb!important;border-color:#567384!important}
html[data-ll-appearance="dark"] #ll2-app :is(.weekly-tools>div,.llc-menu-pop,.lls-profile-card){background:#172b38!important;color:#edf5fb!important}
html[data-ll-appearance="dark"] #ll2-app .lv-stepbtn.is-here{background:#24685b!important;color:white!important}
html[data-ll-appearance="dark"] #ll2-app .lls-progress-popout :is(.lls-pc-row,.lls-pc-num,strong){color:#edf5fb!important;-webkit-text-fill-color:#edf5fb!important}
html[data-ll-appearance="dark"] #ll2-app .lls-progress-popout .lls-level{color:#173535!important;-webkit-text-fill-color:#173535!important}
.weekly-top{scroll-margin-top:120px}


@layer ll-refinement {
/* One lesson control row and readable popovers in both appearances. */
html{--ll-nav-surface:#edf3f9;--ll-nav-control:#fff;--ll-nav-ink:#193c50;--ll-nav-line:#c4d5df;--ll-nav-hover:#e5f0eb;--ll-nav-green:#24685b}
html[data-ll-appearance="dark"]{--ll-nav-surface:#172b38;--ll-nav-control:#203744;--ll-nav-ink:#edf5fb;--ll-nav-line:#506c7b;--ll-nav-hover:#29493f;--ll-nav-green:#24685b}
html body #ll2-app .weekly-top{display:flex!important;align-items:center!important;gap:12px!important;background:var(--ll-nav-surface)!important;border:1px solid var(--ll-nav-line)!important;border-radius:12px!important;padding:10px!important;margin:12px 0 16px!important;color:var(--ll-nav-ink)!important}
html body #ll2-app .weekly-top>[data-weekly-back]{flex:0 0 auto!important;white-space:nowrap!important;padding:10px!important;border:0!important;background:transparent!important;color:var(--ll-nav-ink)!important;font-size:14px!important;text-decoration:none!important}
html body #ll2-app .weekly-menu{display:grid!important;grid-template-columns:minmax(170px,1.5fr) minmax(160px,1fr) auto!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important;background:transparent!important;margin:0!important;padding:0!important}
html body #ll2-app .weekly-menu>label{min-width:0!important;margin:0!important;display:block!important}
html body #ll2-app .weekly-menu>label>select,html body #ll2-app .weekly-tools>summary{width:100%!important;max-width:100%!important;box-sizing:border-box!important;height:42px!important;min-height:42px!important;padding:9px 12px!important;border:1px solid var(--ll-nav-line)!important;border-radius:8px!important;background:var(--ll-nav-control)!important;color:var(--ll-nav-ink)!important;-webkit-text-fill-color:var(--ll-nav-ink)!important;font:600 14px/1.4 system-ui,sans-serif!important}
html body #ll2-app .weekly-tools{margin:0!important;padding:0!important;min-width:0!important}
html body #ll2-app .weekly-tools>summary{cursor:pointer!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:10px!important}
html body #ll2-app .weekly-tools>summary::after{content:'⌄'!important;position:static!important;font:inherit!important}
html body #ll2-app .weekly-tools>summary::marker{content:''}
html body #ll2-app .weekly-tools>summary::-webkit-details-marker{display:none}
html body #ll2-app .weekly-tools>div{box-sizing:border-box!important;padding:8px!important;border:1px solid var(--ll-nav-line)!important;border-radius:10px!important;background:var(--ll-nav-control)!important;color:var(--ll-nav-ink)!important;box-shadow:0 10px 28px #0002!important;overflow:auto!important}
html body #ll2-app .weekly-tools>div:not(:popover-open){display:none!important}
html body #ll2-app .weekly-tools>div:popover-open{display:flex!important;flex-direction:column!important;gap:3px!important}
html body #ll2-app .weekly-tools .ll-lesson-options{display:contents!important}
html body #ll2-app .weekly-tools .ll-lesson-options[hidden]{display:none!important}
html body #ll2-app .weekly-tools [data-llc-res-lesson]{display:contents!important}
html body #ll2-app .weekly-tools>div :is(button,a),html body #ll2-app .weekly-tools>div>details>summary{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:38px!important;padding:9px 11px!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--ll-nav-ink)!important;-webkit-text-fill-color:var(--ll-nav-ink)!important;text-align:left!important;font:600 14px/1.4 system-ui,sans-serif!important;text-decoration:none!important;white-space:normal!important}
html body #ll2-app .weekly-tools>div :is(button,a):is(:hover,:focus-visible),html body #ll2-app .weekly-tools>div>details>summary:is(:hover,:focus-visible){background:var(--ll-nav-green)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #ll2-app .weekly-heading:has([data-weekly-status]:empty):not(:has(button)){display:none!important}
html body #ll2-app .weekly-heading [data-weekly-status]:empty{display:none!important}
html body #ll2-app details.lv-home-task{border:1px solid var(--ll-nav-line)!important;border-radius:9px!important;padding:0!important;background:var(--ll-nav-control)!important;color:var(--ll-nav-ink)!important;margin:14px 0!important}
html body #ll2-app details.lv-home-task>summary{cursor:pointer!important;padding:12px 14px!important;font-weight:700!important;color:inherit!important;background:transparent!important}
html body #ll2-app details.lv-home-task>.lv-todo{padding:0 12px 12px!important;margin:0!important}
html body #ll-unified-header.ll-shell-header .lab-primary .lab-main-menu[open]>summary{background-color:#24685b!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--ll-nav-green)!important;box-shadow:none!important}
html body #ll-unified-header.ll-shell-header .lab-main-menu .lab-labs-popover{background:var(--ll-nav-control)!important;color:var(--ll-nav-ink)!important;border-color:var(--ll-nav-line)!important}
html body #ll-unified-header.ll-shell-header .lab-main-menu .lab-labs-popover>a.toolbar-tab{background:transparent!important;color:var(--ll-nav-ink)!important;-webkit-text-fill-color:var(--ll-nav-ink)!important;border:0!important;box-shadow:none!important}
html body #ll-unified-header.ll-shell-header .lab-main-menu .lab-labs-popover>a.toolbar-tab :is(span,strong,b){background:transparent!important;background-image:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;box-shadow:none!important}
html body #ll-unified-header.ll-shell-header .lab-main-menu .lab-labs-popover>a.toolbar-tab:is(:hover,:focus-visible,[aria-current="page"]){background:var(--ll-nav-green)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-ll-appearance="dark"] body #ll2-app .llc-root .llc-head{background:var(--ll-nav-surface)!important;border-color:var(--ll-nav-line)!important;color:var(--ll-nav-ink)!important}
html[data-ll-appearance="dark"] body #ll2-app .llc-root .llc-head :is(select,input,summary){background:var(--ll-nav-control)!important;border-color:var(--ll-nav-line)!important;color:var(--ll-nav-ink)!important;-webkit-text-fill-color:var(--ll-nav-ink)!important}
html[data-ll-appearance="dark"] body #ll2-app .llc-root .llc-title{color:var(--ll-nav-ink)!important}
@media(max-width:700px){html body #ll2-app .weekly-top{align-items:stretch!important;flex-wrap:wrap!important;gap:6px!important}html body #ll2-app .weekly-top>[data-weekly-back]{padding:5px!important}html body #ll2-app .weekly-menu{flex-basis:100%!important;grid-template-columns:minmax(0,1fr) auto!important}html body #ll2-app .weekly-menu>label:first-child{grid-column:1/-1!important}}

html body #ll2-app .weekly-tools .lls-profile-card{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
html body #ll2-app .weekly-tools>div{overflow-x:hidden!important}

}

/* Writing actions stay next to the response they save. */
.lv-answer-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.lv-answer-save [role=status]{font-size:.9rem}.lv-answer-save .is-error{color:var(--error,#a82626)}