/* Approved 2026-09-09 content-first layout. Scoped to grown-up reading workspaces. */
@media screen {
 body:has(:is(#screen-teacher,#screen-recordkeeping).active.qb-parent-appearance) #wl-tabbar {display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;height:64px!important;min-height:64px!important;padding:3px 6px!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box;}
 body:has(:is(#screen-teacher,#screen-recordkeeping).active.qb-parent-appearance) #wl-tabbar :is(.wl-tab,.wl-navgroup) {flex:0 0 64px!important;min-width:64px!important;width:64px!important;max-width:64px!important;min-height:54px!important;margin:0!important;}

 .app:has(> #screen-teacher.active.qb-parent-appearance) > .topbar,
 .app:has(> #screen-recordkeeping.active.qb-parent-appearance) > .topbar {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app,
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-wrap {height:calc(100dvh - 76px)!important;min-height:0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-one>.wt-card>.wt-card-h,
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-one>.wt-card>.wt-auto {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-teaching-guide>summary {font:400 13px/1.5 system-ui!important;padding:6px 0;color:var(--qba-muted);cursor:pointer;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-ix-main>strong {font:400 14px/1.45 system-ui!important;white-space:normal!important;overflow:visible!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-ix-main {display:block!important;min-width:0;}

 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance {padding:8px!important;margin:0!important;min-height:0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app,
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-wrap {border:1px solid var(--qba-line)!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden;max-width:none!important;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-top {display:flex!important;align-items:center;gap:12px;padding:6px 12px;border-bottom:1px solid var(--qba-line);background:var(--qba-ground)!important;color:var(--qba-ground-ink);width:100%;box-sizing:border-box;min-width:0;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-brand {font:500 15px/1.5 system-ui;white-space:nowrap;margin-right:8px;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-modes {display:flex;gap:3px;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-learner {display:flex!important;align-items:center;gap:7px;margin:0 0 0 auto!important;font:400 12px/1.5 system-ui;min-width:0;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-learner select {width:auto!important;max-width:220px;min-width:0;min-height:36px!important;font:400 13px/1.5 system-ui!important;padding:5px 8px!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app button,
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root button {border-radius:6px!important;box-shadow:none!important;min-height:36px;padding:5px 10px;font-size:13px;line-height:1.4;white-space:normal;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-modes button {font:400 13px/1.5 system-ui!important;min-height:36px!important;border:1px solid transparent!important;white-space:nowrap;}
 :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-modes button[aria-pressed=true] {background:var(--qba-soft)!important;color:var(--qba-accent)!important;}
 /* One top bar; the report list receives the remaining height. */
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app {display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-rail {display:block!important;grid-column:1/-1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-height:none!important;padding:0!important;border:0!important;overflow:visible!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index {display:flex!important;flex-direction:column;grid-column:1!important;grid-row:2!important;width:205px!important;min-width:0!important;padding:8px!important;border-right:1px solid var(--qba-line)!important;overflow:auto!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-main {display:flex!important;grid-column:2!important;grid-row:2!important;min-width:0!important;padding:0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-main-inner {padding:0 12px 12px!important;max-width:none!important;margin:0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-pane-scroll {min-height:0;max-width:100%;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row {display:block!important;min-height:0!important;padding:9px 8px!important;margin:0 0 4px!important;border:1px solid transparent!important;border-radius:6px!important;white-space:normal!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row .tr-index-t {font:400 14px/1.45 system-ui!important;white-space:normal!important;display:block!important;overflow-wrap:anywhere;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row :is(small,.tr-index-meta) {font:400 12px/1.4 system-ui!important;white-space:normal!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row .tr-index-date {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-hd {position:static!important;display:flex!important;flex-wrap:wrap;gap:8px;padding:10px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--qba-line)!important;border-radius:0!important;background:var(--qba-paper)!important;box-shadow:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-t {flex:1;min-width:150px;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-t strong {font:500 24px/1.25 Georgia,serif!important;display:block;white-space:normal!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-t small {font:400 12px/1.5 system-ui!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-back {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-nav-index {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-reading-width {display:inline-flex!important;position:static!important;margin:0!important;width:auto!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app.tr-reading-wide {grid-template-columns:minmax(0,1fr)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app.tr-reading-wide .tr-index {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app.tr-reading-wide .tr-main {grid-column:1!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-card,.wt-qrow,.wt-qd,.wt-workfold,.wt-learning-attempt) {border:0!important;border-bottom:1px solid var(--qba-line)!important;border-radius:0!important;box-shadow:none!important;background:var(--qba-paper)!important;padding-left:0!important;padding-right:0!important;margin:0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-one>.wt-card>.wt-h,
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-one>.wt-card>.wt-meta {display:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-q-ans {background:var(--qba-ground)!important;border-left:3px solid var(--qba-accent)!important;border-radius:0!important;line-height:1.65!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-q-h {font-size:calc(var(--qba-size) - 1px)!important;font-weight:400!important;margin:5px 0 10px!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-q-h :is(.wt-q-n,.wt-q-i) {font-size:12px!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-report-menu {position:relative;margin-bottom:8px;font:400 13px/1.5 system-ui;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-report-menu>summary {padding:6px 9px;cursor:pointer;border:1px solid var(--qba-line);border-radius:6px;min-height:36px;box-sizing:border-box;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-report-menu .wt-viewtabs {display:flex!important;flex-direction:column!important;gap:3px;padding:6px 0!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-report-menu .wt-viewtab {display:flex!important;justify-content:flex-start;align-items:center;gap:6px;width:100%;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-report-menu .tr-lbl {display:inline!important;white-space:normal!important;font:400 13px/1.4 system-ui!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-markbar {position:static!important;padding:8px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--qba-paper)!important;box-shadow:none!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .on :is(small,.tr-index-meta) {color:var(--qba-ink)!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row time>b {display:block;font:500 22px/1.1 system-ui;color:var(--qba-accent);}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row time>span {display:block;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-wrap[data-pane=history] .wrk-card>.wrk-card-head {display:none!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-journal-pagehead h3 {display:none!important;}
 /* Records: 138px rail, broad document, capture continues in its existing dialog. */
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-shell {display:grid!important;grid-template-columns:138px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;min-height:0;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-rail {display:contents!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-journal-header {display:block!important;grid-column:1/-1!important;grid-row:1!important;padding:0!important;min-height:0!important;border:0!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-navrow {display:none!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-rail-nav {display:flex!important;flex-direction:column!important;grid-column:1!important;grid-row:2/4!important;width:138px!important;box-sizing:border-box;padding:8px!important;gap:3px!important;border-right:1px solid var(--qba-line)!important;overflow:visible!important;background:var(--qba-ground)!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-rail-nav button {text-align:left;justify-content:flex-start;width:100%;margin:0!important;border:1px solid transparent!important;background:transparent!important;font:400 13px/1.5 system-ui!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-rail-nav button.on {background:var(--qba-soft)!important;color:var(--qba-accent)!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-more {position:relative;font:400 13px/1.5 system-ui;margin:4px 0;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-more summary {padding:6px 10px;min-height:32px;cursor:pointer;box-sizing:border-box;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-mid {grid-column:2!important;grid-row:2!important;padding:0 12px 12px!important;min-height:0;overflow:auto!important;background:var(--qba-paper)!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-side {grid-column:2!important;grid-row:3!important;padding:0 12px!important;border:0!important;background:var(--qba-paper)!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-wrap:not([data-pane=plan]) .wrk-plan-side.quiet {display:none!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-journal-about-host {grid-column:1!important;grid-row:3!important;align-self:end;max-width:138px;padding:8px!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-toolbar {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--qba-line);}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-toolbar h2 {font:500 24px/1.25 Georgia,serif!important;margin:0!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-toolbar button {background:var(--qba-accent)!important;color:var(--qba-on-accent)!important;border:1px solid var(--qba-accent)!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-opener {min-height:44px!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root :is(.wrk-card,.wrk-periodblock,.wrk-empty) {border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row {grid-template-columns:49px minmax(0,1fr) auto auto!important;gap:8px 10px!important;padding:var(--qba-gap) 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--qba-line)!important;align-items:start!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row time {grid-column:1!important;grid-row:1/4!important;font:400 12px/1.5 system-ui!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row :is(.wrk-row-main,.wrk-row-mainplain) {grid-column:2!important;grid-row:1/3!important;min-width:0!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row .wrk-area {grid-column:2!important;grid-row:3!important;justify-self:start;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row .wrk-fav {grid-column:3!important;grid-row:1!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row .wrk-row-more {grid-column:4!important;grid-row:1!important;}
 #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row strong {font-weight:500!important;}
 @media(max-width:650px) {
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance {padding:4px!important;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-top {gap:4px;padding:5px 7px;flex-wrap:wrap;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance :is(.qb-records-brand,.qb-records-learner>span) {display:none!important;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-modes {flex:1;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-modes button {font-size:12px!important;padding:4px 7px!important;min-height:40px!important;flex:1;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-learner {margin-left:0!important;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-learner select {max-width:90px;font-size:12px!important;min-height:40px!important;}
  :is(#screen-teacher,#screen-recordkeeping).qb-parent-appearance .qb-records-top .qba-trigger {width:32px!important;min-width:32px!important;min-height:40px!important;margin:0!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app {grid-template-columns:minmax(0,1fr)!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index {width:auto!important;grid-column:1!important;border-right:0!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-main {display:none!important;grid-column:1!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app[data-pane=detail] .tr-main {display:flex!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app[data-pane=detail] .tr-index {display:none!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-nav-index {display:inline-flex!important;width:fit-content;min-height:40px;margin:0 10px!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-main-inner {padding:0 10px 10px!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-item-t strong {font-size:21px!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-reading-width {display:none!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app.tr-reading-wide:not([data-pane=detail]) .tr-index {display:flex!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app.tr-reading-wide:not([data-pane=detail]) .tr-main {display:none!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-shell {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-rail-nav {grid-row:2!important;grid-column:1!important;display:flex!important;flex-direction:row!important;width:auto!important;padding:0 6px!important;border-right:0!important;border-bottom:1px solid var(--qba-line)!important;gap:0!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-rail-nav>button {flex:1;min-width:0;width:auto;justify-content:center;text-align:center;font-size:12px!important;padding:5px 3px!important;min-height:42px!important;border-radius:0!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-more {flex:1;margin:0;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-more summary {font-size:12px;text-align:center;padding:10px 4px;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-more>div {position:absolute;right:0;top:42px;z-index:20;min-width:150px;padding:6px;background:var(--qba-paper);border:1px solid var(--qba-line);border-radius:6px;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-mid {grid-column:1!important;grid-row:3!important;padding:0 10px 10px!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-plan-side {grid-column:1!important;grid-row:4!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-journal-about-host {grid-column:1!important;grid-row:4!important;max-width:none;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .qb-records-toolbar h2 {font-size:21px!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row {grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row :is(.wrk-row-main,.wrk-row-mainplain) {grid-column:2/-1!important;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row .wrk-fav {grid-column:2!important;grid-row:4!important;justify-self:start;}
  #screen-recordkeeping.qb-parent-appearance #recordkeeping-root .wrk-row .wrk-row-more {grid-column:3!important;grid-row:4!important;}
 }
}
@media print { .qb-records-top,.qb-report-menu-host,.qb-records-toolbar,.qb-records-more {display:none!important;} }

/* Approved journal extension: scoped to Records and its capture sheet. */
.qb-journal-toolbar,.qb-journal-toolbar>div,.qb-journal-filters>div {display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;}
.qb-journal-toolbar {justify-content:space-between;margin-bottom:10px;}
.qb-journal-toolbar h2 {font:400 24px/1.3 Georgia,serif!important;margin:0!important;}
.qb-journal-toolbar label {font:400 12px/1.4 system-ui;display:flex;align-items:center;gap:6px;}
.qb-journal button,.qb-journal select,.qb-journal input {min-height:36px;border:1px solid var(--qba-line,#dce4d9);border-radius:6px;background:var(--qba-paper,#fffefb);color:var(--qba-ink,#243c30);padding:6px 10px;font:inherit;max-width:100%;}
.qb-journal button[aria-pressed=true],.qb-curriculum button[aria-pressed=true] {background:var(--qba-soft,#e5efdf);border-color:var(--qba-green,#315f46);}
.qb-journal-read-status {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font:400 12px/1.5 system-ui;color:var(--qba-muted,#617065);border-block:1px solid var(--qba-line,#dce4d9);padding:8px 0;}
.qb-journal-filters {margin:12px 0;}
.qb-journal-filters summary {cursor:pointer;}
.qb-journal-filters>div {margin-top:8px;}
#screen-recordkeeping .qb-journal .qb-journal-text {white-space:pre-wrap;font:400 17px/1.6 system-ui;margin:8px 0;color:var(--qba-ink,#243c30);overflow-wrap:anywhere;}
.qb-journal h4 {font:600 13px/1.4 system-ui;margin:12px 0 0;}
.qb-journal-refs {font:400 12px/1.5 system-ui;overflow-wrap:anywhere;}
.qb-journal-calendar {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
.qb-journal-calendar>b {font:400 12px system-ui;text-align:center;padding:6px 0;}
.qb-journal-calendar>button {min-height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:8px;}
.qb-journal-calendar small {font:400 12px system-ui;}
.qb-journal-calendar>button:disabled {opacity:.35;}
.qb-curriculum {grid-column:1/-1;width:100%;min-width:0;margin:14px 0;font:400 14px/1.5 system-ui;color:var(--qba-ink,#243c30);}
.qb-curriculum summary,.aw-story-detail summary {cursor:pointer;padding:10px 0;font-weight:600;}
.qb-curriculum summary span {font-weight:400;}
.qb-curriculum-body p {font:400 13px/1.5 system-ui;}
.qb-curriculum-years {display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:6px;}
.qb-curriculum-subjects {display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin:12px 0;}
.qb-curriculum button {min-height:40px;border:1px solid var(--qba-line,#dce4d9);background:var(--qba-paper,#fffefb);color:inherit;border-radius:6px;padding:8px;font:inherit;cursor:pointer;white-space:normal;}
.qb-curriculum-selected {display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;}
.qb-curriculum-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;max-height:390px;overflow:auto;padding:2px;}
.qb-curriculum-grid>label {display:flex!important;align-items:flex-start;gap:9px;border:1px solid var(--qba-line,#dce4d9);border-radius:6px;padding:12px;cursor:pointer;background:var(--qba-paper,#fffefb);font:400 14px/1.5 system-ui!important;}
.qb-curriculum-grid>label:has(input:checked) {background:var(--qba-soft,#e5efdf);border-color:var(--qba-green,#315f46);}
.qb-curriculum-grid input {width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:3px 0!important;accent-color:#315f46;}
.qb-curriculum-grid strong,.qb-curriculum-grid small {display:block;}
.qb-curriculum-grid small {font-size:12px;margin:2px 0 6px;}
.aw-story-detail label {display:block;margin:8px 0;}
.aw-story-detail textarea {display:block;box-sizing:border-box;width:100%;font:400 16px/1.5 system-ui;}
.aw-story-preview iframe {width:100%;height:550px;border:1px solid #dce4d9;}
.aw-story-preview:empty {display:none;}
.aw-file-status {font:400 13px/1.5 system-ui;overflow-wrap:anywhere;margin:12px 0;}
.aw-file-status summary {cursor:pointer;}
.aw-saved-description {white-space:pre-wrap;}
@media(max-width:600px) {
 .qb-journal-toolbar {align-items:flex-start;}
 .qb-journal button,.qb-journal select,.qb-journal input {min-height:42px;}
 .qb-journal-calendar {gap:2px;}
 .qb-journal-calendar>button {padding:5px;min-height:65px;}
 .qb-calendar-count-label {display:none;}
 .qb-curriculum-subjects {grid-template-columns:repeat(2,minmax(0,1fr));}
 .qb-curriculum-grid {grid-template-columns:minmax(0,1fr);}
 .aw-story-preview iframe {height:420px;}
}
#screen-recordkeeping .wrk-wrap[data-pane=history] .wrk-periodblock {display:none!important;}
#screen-recordkeeping .qb-journal-toolbar {margin-top:10px;margin-bottom:8px;}
#screen-recordkeeping .qb-journal :is(button,select,input) {font:400 13px/1.4 system-ui!important;}
#screen-recordkeeping .qb-journal-toolbar>span,#screen-recordkeeping .qb-journal-toolbar label {font:400 12px/1.4 system-ui!important;}
#screen-recordkeeping .qb-journal-read-status {font:400 12px/1.5 system-ui!important;}
#screen-recordkeeping .qb-journal-filters>summary {font:400 13px/1.5 system-ui!important;}
.aw-sheet .qb-curriculum-grid>label {flex-direction:row!important;font-weight:400!important;}
.aw-sheet .qb-curriculum-grid input {padding:0!important;}
.aw-sheet .qb-curriculum-grid small {font-weight:400!important;}
.aw-sheet .qb-curriculum button {font:400 13px/1.4 system-ui!important;}
.qb-curriculum-subject-label {display:flex;flex-direction:column;gap:4px;margin:8px 0;}
.qb-curriculum-subject-label select {max-width:100%;min-height:42px;border:1px solid var(--qba-line,#dce4d9);border-radius:6px;background:var(--qba-paper,#fffefb);color:inherit;padding:8px;font:400 14px system-ui;}
.aw-local-copy-preview iframe {width:100%;height:420px;border:1px solid var(--qba-line,#dce4d9);}
.aw-local-copy-preview img {max-width:100%;max-height:420px;object-fit:contain;}
.aw-local-copy {margin-top:8px;}

/* 2026-09-28: owner-requested colour cues and breathing room, within the approved frame.
   Existing words/icons remain authoritative; colour never changes a recorded outcome.
   Mixing with the chosen paper preserves dark/custom reading appearances. */
@media screen {
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app {
  --qbr-answer:color-mix(in srgb,var(--qba-paper) 94%,#3583bd);
  --qbr-answer-line:color-mix(in srgb,#3583bd 70%,var(--qba-ink));
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-qrow,.wt-task) {
  padding-block:var(--qba-gap)!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-q-ans,.wt-sub:not(.none),.wt-learning-answer) {
  background:var(--qbr-answer)!important;
  border-left:3px solid var(--qbr-answer-line)!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-q-corr,.wt-q-model,.wt-sub.none) {
  background:var(--qba-paper)!important;
  border-left:3px solid var(--qba-line)!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-q-ans,.wt-q-corr,.wt-q-model,.wt-sub,.wt-learning-answer) {
  box-sizing:border-box;border-radius:0!important;
  padding:var(--qba-gap) 12px!important;margin-block:var(--qba-gap)!important;
  line-height:1.65!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-q-ans,.wt-q-corr,.wt-q-model,.wt-sub)>b:first-child {
  display:block!important;font-size:var(--qba-label-size)!important;
  line-height:1.5!important;margin-bottom:4px;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-deepmark {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;margin-block:var(--qba-gap)!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-dm-state,.tr-ix-st) {
  display:inline-flex!important;align-items:center;gap:5px;
  width:fit-content;max-width:100%;box-sizing:border-box;
  padding:4px 8px!important;border:1px solid currentColor!important;border-radius:6px!important;
  background:var(--qba-paper)!important;font-size:var(--qba-label-size)!important;line-height:1.5!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-ix-st {margin-top:7px;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-ix-st .tr-sr {
  position:static!important;width:auto!important;height:auto!important;margin:0!important;
  clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-dm-state.pend,.tr-st-need,.tr-st-waiting) {color:var(--qba-grow)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-dm-state.ok,.wt-qrow.ok .wt-dm-state:not(.bad):not(.pend),.wt-qrow.ok2 .wt-dm-state:not(.bad):not(.pend),.tr-st-signed,.tr-st-auto) {color:var(--qba-ok)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app :is(.wt-dm-state.bad,.tr-st-prac) {color:var(--qba-need)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row:has(.tr-st-need,.tr-st-waiting) {border-left:3px solid var(--qba-grow)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row:has(.tr-st-signed,.tr-st-auto) {border-left:3px solid var(--qba-ok)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row:has(.tr-st-prac) {border-left:3px solid var(--qba-need)!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .tr-index-row .tr-ix-main>small {display:block;margin-top:5px;line-height:1.5!important;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qb-teaching-guide>summary {padding-block:8px;}
 @media(max-width:650px) {
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app .wt-deepmark button {min-height:42px!important;}
 }
}

/* Resizable report columns: preferred desktop width survives responsive reflow. */
@media screen {
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app.qba-resizable {position:relative;}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-splitter {
  display:none;grid-column:2;grid-row:2;justify-self:center;align-self:stretch;
  position:relative;z-index:5;width:24px;min-height:24px;
  cursor:col-resize;touch-action:none;user-select:none;outline-offset:-3px;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-splitter::before {
  content:'';position:absolute;inset-block:0;left:calc(50% - 1px);
  width:var(--qba-divider-width,1px);background:var(--qba-divider-colour,var(--qba-line));
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-splitter::after {
  content:'';position:absolute;left:calc(50% - 2px);top:45%;width:4px;height:32px;
  border-radius:3px;background:var(--qba-accent);
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-splitter:is(:hover,:focus-visible,.dragging) {background:var(--qba-soft);}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-splitter:focus-visible {outline:2px solid var(--qba-accent);}
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-layout-status {
  position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
 }
 #screen-teacher.qb-parent-appearance #teacher-root #tr-app .qba-layout-status.qba-save-warning {
  z-index:6;right:12px;bottom:12px;width:auto;height:auto;max-width:calc(100% - 24px);
  clip-path:none;white-space:normal;padding:8px 12px;background:var(--qba-paper);color:var(--qba-ink);
  border:1px solid var(--qba-grow);border-radius:6px;font:400 14px/1.5 system-ui;
 }
 .qba-dialog .qba-report-layout {margin:16px 0;padding:8px 12px;border:1px solid var(--qba-line);border-radius:6px;min-width:0;}
 .qba-dialog .qba-report-layout legend {font-size:14px;}
 .qba-dialog .qba-report-layout p {font:400 12px/1.5 system-ui;}
 @media(min-width:651px) {
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app.qba-resizable:not(.tr-reading-wide) {
   grid-template-columns:clamp(180px,var(--qba-report-width,205px),min(440px,calc(100% - 384px))) 24px minmax(0,1fr)!important;
  }
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app.qba-resizable:not(.tr-reading-wide) .tr-main {grid-column:3!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app.qba-resizable .tr-index {width:auto!important;border-right:0!important;}
  #screen-teacher.qb-parent-appearance #teacher-root #tr-app.qba-resizable:not(.tr-reading-wide) .qba-splitter {display:block;}
 }
}
@media print { .qba-splitter,.qba-layout-status {display:none!important;} }