/* 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;} }