/* One page with reachable side controls, compact center and no trapped wheel. */
.testplay-start,.reader-location { display:none!important; }
.modal.hidden { display:none!important; pointer-events:none!important; }
.gm-guide-grid { align-items:start; }
body .reading-workspace .chapter-heading { padding:20px 24px!important; }
body .reading-workspace .chapter-heading h3 { font-size:clamp(1.5rem,2.5vw,2rem)!important; }
body .inline-reading .pair-scene-cover { min-height:140px; padding:24px; margin:0 0 20px; }
body .reading-workspace .reading-scene-visual { min-height:140px; height:160px; }
body #reader > .character-header { max-height:130px; overflow:hidden; }
body .reading-workspace .text-panel { max-width:46rem; padding:20px 24px; margin-inline:auto; }
body .post-vote-stages .flow-step { min-height:44px; padding:10px 12px; margin:4px 0; border-radius:7px; font-size:.95rem; }
.preplay-intro { margin:16px; padding:16px; background:#0b2035; border:1px solid #63758a; border-radius:10px; color:#edf3fa; }
.preplay-intro summary { cursor:pointer; }
@media(min-width:1100px){
 body .reading-workspace:not(.ho-workspace),body .reading-workspace.ho-workspace {grid-template-columns:minmax(200px,250px) minmax(0,960px) minmax(160px,220px)!important;justify-content:center;gap:24px!important;}
 body[data-view] :is(#commonReader,#reader) .reading-workspace > :is(.reading-tabs,.chapter-tabs,.reader-tools) {position:sticky!important;top:calc(var(--play-header-height) + 12px)!important;max-height:calc(100dvh - var(--play-header-height) - 24px)!important;overflow-y:auto!important;overscroll-behavior:auto!important;align-self:start;}
 body.gm-mode #gmHandouts .gm-reader-selectors,body.gm-mode #gmHandouts .gm-reader-actions {position:sticky!important;top:calc(var(--play-header-height) + 12px)!important;}
}

/* Final UX pass: reader tools are only in the top-right gear panel. */
body:not(.reader-tools-open)[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{display:none!important}
body.reader-tools-open[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{
 display:grid!important;position:fixed!important;z-index:90!important;right:clamp(12px,3vw,42px)!important;top:82px!important;
 grid-column:auto!important;grid-row:auto!important;width:min(320px,calc(100vw - 24px))!important;max-height:calc(100dvh - 104px)!important;
 margin:0!important;padding:16px!important;border:1px solid #56718a!important;border-radius:8px!important;background:#0a1728f2!important;
 box-shadow:0 22px 70px #0008!important;overflow:auto!important
}
body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools:before{display:none!important;content:none!important}
body[data-view] :is(#commonReader,#reader) .reader-tools .chapter-toc{display:none!important}

/* 100-point UX pass: top tabs, stable two-pane desk, concise action cards. */
@media (min-width:1100px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]){
  overflow:auto!important;height:auto!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) main{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,42vw)!important;gap:0!important;align-items:start!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#commonReader,#reader){
  position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;overflow:visible!important;display:block!important;flex-direction:initial!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader{grid-column:1!important;grid-row:1!important;border-left:0!important;border-right:1px solid #263b50!important}
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader{grid-column:2!important;grid-row:1!important;border-left:1px solid #263b50!important;border-right:0!important}
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader.hidden,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader.hidden{display:block!important}

 body.gm-mode.gm-live-desk main{
  display:grid!important;grid-template-columns:minmax(420px,40vw) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;align-items:start!important;
 }
 body.gm-mode.gm-live-desk #gmResources{grid-column:1!important;grid-row:1 / span 2!important;display:block!important;max-width:none!important;margin:0!important;min-height:calc(100dvh - 72px)!important}
 body.gm-mode.gm-live-desk #commonReader{grid-column:2!important;grid-row:1!important;position:static!important;inset:auto!important;width:100%!important;display:block!important;min-height:45dvh!important;border-left:1px solid #263b50!important;overflow:visible!important;background:#071221d9!important}
 body.gm-mode.gm-live-desk #reader{grid-column:2!important;grid-row:2!important;display:block!important;min-height:45dvh!important;margin:0!important;padding:24px!important;border-left:1px solid #263b50!important;background:#071221d9!important}
 body.gm-mode.gm-live-desk :is(#commonReader,#reader).hidden{display:block!important}
 body.gm-mode.gm-live-desk #reader>.character-header,
 body.gm-mode.gm-live-desk #reader>.chapter-progress{display:none!important}

 body[data-view] :is(#commonReader,#reader) .reading-workspace{
  display:block!important;max-width:min(1120px,100%)!important;margin-inline:auto!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reading-tabs,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-tabs{
  position:sticky!important;top:calc(var(--play-header-height,72px) + 8px)!important;z-index:20!important;
  display:flex!important;flex-direction:row!important;gap:8px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:8px!important;margin:0 0 14px!important;border:1px solid #38566f!important;border-radius:8px!important;background:#071625f4!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reading-tabs>*,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-tabs>*{
  flex:0 0 min(240px,42vw)!important;width:auto!important;min-width:180px!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>#readingPanel,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.workflow-panel,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-panel{
  width:100%!important;max-width:none!important;margin:0!important;
 }
 body[data-view="handout"] #reader>.character-header,
 body[data-view="handout"] #reader>.chapter-progress{
  width:100%!important;max-width:min(1120px,100%)!important;margin-inline:auto!important;
 }
}

.next-step button,#gmSceneReference button{display:none!important}
.next-step{border-radius:8px!important;background:#101d2d!important;border:1px solid #d9bb7280!important}
.quick-nav button,.quick-nav a,#gmEndingsNav,#gmResourcesButton,.primary,.flow-step,.workflow-open,.reading-workspace .reading-group-list button,.reading-workspace .chapter-tabs button,.reading-workspace .reading-tabs button,.gm-guide-tabs button,.gm-docs-top{
 border-radius:8px!important;border:1px solid #58758c!important;background:#102338!important;color:#eef5fb!important;box-shadow:none!important;
 min-height:52px!important;font-weight:700!important;letter-spacing:0!important;text-align:center!important;text-decoration:none!important;
}
.quick-nav button.active,.quick-nav a.active,#gmResourcesButton.active,.primary,.gm-guide-tabs button[aria-pressed="true"],.reading-workspace :is(.active,[aria-current="step"]){
 border-color:#d9bb72!important;background:#254058!important;color:#ffe7a5!important;
}
.quick-nav .reader-tool-toggle{font-size:0!important;min-width:52px!important;width:52px!important;padding:0!important}
.quick-nav .reader-tool-toggle::before{content:"⚙";font-size:22px;line-height:1}
.gm-docs .gm-prep-steps li,.gm-docs-content li{line-height:1.75;margin:.35em 0}
@media(min-width:1100px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader{grid-column:1!important;grid-row:1!important}
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader{grid-column:2!important;grid-row:1!important}
 body.gm-mode.gm-live-desk main{display:grid!important;grid-template-columns:minmax(420px,38vw) minmax(0,1fr)!important;gap:0!important;align-items:start!important}
 body.gm-mode.gm-live-desk #commonReader{grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-height:calc(100dvh - 72px)!important;margin:0!important;padding:24px!important;border-left:1px solid #263b50!important;background:#071221d9!important}
 body.gm-mode.gm-live-desk #gmResources{grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;min-height:calc(100dvh - 72px)!important;margin:0!important;padding:24px!important;border-right:1px solid #263b50!important}
}

/* Final UX pass: reader tools are only in the top-right gear panel. */
body:not(.reader-tools-open)[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{display:none!important}
body.reader-tools-open[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{
 display:grid!important;position:fixed!important;z-index:90!important;right:clamp(12px,3vw,42px)!important;top:82px!important;
 grid-column:auto!important;grid-row:auto!important;width:min(320px,calc(100vw - 24px))!important;max-height:calc(100dvh - 104px)!important;
 margin:0!important;padding:16px!important;border:1px solid #56718a!important;border-radius:8px!important;background:#0a1728f2!important;
 box-shadow:0 22px 70px #0008!important;overflow:auto!important
}
body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools:before{display:none!important;content:none!important}
body[data-view] :is(#commonReader,#reader) .reader-tools .chapter-toc{display:none!important}

/* Final UZU-style reading surface: left progress, right text, tools in a gear. */
@media (min-width:1100px){
 body[data-view="readings"],
 body[data-view="handout"]{overflow:hidden;height:100dvh}
 body[data-view="readings"] #commonReader,
 body[data-view="handout"] #reader{
  position:fixed!important;
  inset:72px 0 0!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:18px 24px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:#07111fcc!important;
 }
 body[data-view="readings"] #commonReader>.section-label,
 body[data-view="readings"] #commonReader>h2,
 body[data-view="readings"] #commonReader>.reader-notice,
 body[data-view="readings"] #commonReader>.reader-intro{display:none!important}
 body[data-view="handout"] #reader>.character-header,
 body[data-view="handout"] #reader>.chapter-progress{
  flex:0 0 auto!important;
  width:min(1120px,calc(100% - 340px))!important;
  margin:0 0 14px calc(50% - 390px)!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:280px minmax(0,1060px)!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:22px!important;
  overflow:hidden!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reading-tabs,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-tabs{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  top:0!important;
  max-height:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 4px 24px 0!important;
  overflow-y:auto!important;
  border-right:1px solid #30465d!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>#readingPanel,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.workflow-panel,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-panel{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  top:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:100%!important;
  margin:0!important;
  overflow-y:auto!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{
  position:fixed!important;
  top:82px!important;
  right:18px!important;
  left:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  z-index:60!important;
  width:48px!important;
  height:48px!important;
  max-height:48px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #66829c!important;
  border-radius:8px!important;
  background:#071827f5!important;
  box-shadow:0 12px 34px #0009!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools:before{
  content:"⚙";
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  color:#efd58d;
  font:700 1.35rem/1 sans-serif;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools:hover,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools:focus-within{
  width:300px!important;
  height:auto!important;
  max-height:calc(100dvh - 104px)!important;
  padding:10px!important;
  overflow-y:auto!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools>span{display:none!important}
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools :is(button,label,.sound-controls){
  width:100%!important;
  min-width:240px!important;
 }
 #readingTabs .reading-select-panel{display:none!important}
 #readingTabs .reading-group.select-collapsed{display:block!important}
 #readingTabs .reading-group>summary{display:flex!important}
 #readingTabs .session-nav-fold{display:none!important}
}
@media(max-width:650px){body .reading-workspace .text-panel{padding:16px;} .preplay-intro{margin:8px;padding:12px;}}

/* GM handouts share the player's visual hierarchy without changing access. */
#gmHandouts > h2{display:none}
#gmHandouts .gm-person-banner{grid-column:2;display:flex;align-items:center;gap:22px;min-width:0;margin:0 0 24px;padding:28px 32px;border-radius:12px;background:linear-gradient(110deg,#091522,var(--gm-person-color,#354456));}
#gmHandouts .gm-person-portrait{width:88px;height:88px;flex:none;object-fit:cover;border:2px solid #d6b76b;border-radius:50%;}
#gmHandouts .gm-person-banner small{color:#b7c4d0;letter-spacing:.12em;font-size:12px}
#gmHandouts .gm-person-banner h2{margin:10px 0 0;color:#f5f0e5;font-size:clamp(24px,2.4vw,36px)}
#gmHandouts .gm-chapter-heading{text-align:center;padding:30px 20px;border-bottom:1px solid #655b42}
#gmHandouts .gm-chapter-heading p{margin:0 0 16px;color:#d6b76b;font-size:14px;letter-spacing:.1em}
#gmHandouts .gm-chapter-heading h3{margin:0;padding:0;font-size:clamp(24px,2.8vw,38px);color:#f5f0e5}
#gmHandouts .gm-reader-article{padding:0;overflow-wrap:anywhere}
#gmHandouts .gm-reader-article > .text-panel{box-sizing:border-box;width:100%;max-width:48rem;margin:auto;padding:32px clamp(20px,4vw,48px)}
#gmHandouts .gm-chapter-buttons{display:grid;gap:10px;margin-top:16px}
#gmHandouts .gm-chapter-buttons button{text-align:left;width:100%;padding:14px 16px;line-height:1.5;border:1px solid #314d64;border-radius:8px;background:#102438;color:#e4ecf3}
#gmHandouts .gm-chapter-buttons button.active{background:#d6b76b;color:#102033;border-color:#d6b76b;font-weight:700}
@media(min-width:1100px){#gmHandouts .gm-reader-selectors > label:nth-child(2){display:none}}
@media(max-width:1099px){#gmHandouts .gm-person-banner{grid-column:1/-1;padding:20px}#gmHandouts .gm-chapter-buttons{display:none}}

.gm-feedback-guide{padding:6px 20px 20px;line-height:1.8;color:#eeeae1}
.gm-feedback-guide h3{font-size:1.05rem;color:#ddc27e;margin:24px 0 10px}
.gm-feedback-guide :is(ol,ul){padding-left:1.4em;margin:0}
.gm-feedback-guide li+li{margin-top:8px}
.feedback-note{margin-block:18px;font-size:1rem}
.feedback-note button{min-height:44px;padding:10px 18px;margin-top:14px;border:1px solid #d9bb73;border-radius:8px;color:#0a1725;background:#d9bb73;font-weight:700}
.conversation-example{overflow-wrap:anywhere;line-height:1.9}
@media(max-width:699px){.gm-feedback-guide{padding-inline:16px}.feedback-note{padding:16px;font-size:1rem}}
.gm-ending-library-link{display:none}
body.gm-mode .gm-ending-library-link{display:block;padding:12px 16px;margin:10px 0;border:1px solid #d9bb73;border-radius:8px;background:#203548;color:#f2dfac;font-weight:700;text-align:center;text-decoration:none;line-height:1.6;min-height:44px}
body.gm-mode .gm-ending-library-link:focus-visible{outline:3px solid #f2dfac;outline-offset:3px}

/* Keep desktop reading navigation inside the viewport, with independent overflow. */
@media(min-width:1100px){
 .reading-workspace{align-items:start;overflow:visible}
 .reading-workspace > :is(aside,nav,.reader-sidebar,.reader-tools,.reading-sidebar){position:sticky!important;top:calc(var(--play-header-height,72px) + 12px)!important;align-self:start;height:auto;max-height:calc(100dvh - var(--play-header-height,72px) - 24px);overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin}
 #gmHandouts .gm-reader-selectors,#gmHandouts .gm-reader-actions{position:sticky!important;top:calc(var(--play-header-height,72px) + 12px)!important;align-self:start;max-height:calc(100dvh - var(--play-header-height,72px) - 24px);overflow-y:auto}
}

/* Keep both reader rails attached to the viewport, not an overflow ancestor. */
@media (min-width:1100px){
 html:has(.reading-workspace),body:has(.reading-workspace){overflow-x:clip!important;overflow-y:visible!important}
 body :has(.reading-workspace),body .reading-workspace{overflow:visible!important;contain:none!important}
 body .reading-workspace{align-items:start!important}
 body .reading-workspace>.chapter-tabs,
 body .reading-workspace>.reading-tabs,
 body .reading-workspace>.reader-tools{
  position:sticky!important;
  top:var(--workspace-top,96px)!important;
  align-self:start!important;
  height:auto!important;
  max-height:calc(100vh - var(--workspace-top,96px) - 16px)!important;
  max-height:calc(100dvh - var(--workspace-top,96px) - 16px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
 }
}

#readingTabs .post-vote-fold{width:100%;min-width:0;border:1px solid #40596c;border-radius:8px;margin:8px 0;background:#0b1b2d}
#readingTabs .post-vote-fold>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;list-style:none;cursor:pointer;color:#dfbf71;font-weight:700}
#readingTabs .post-vote-fold>summary::-webkit-details-marker{display:none}
#readingTabs .post-vote-fold>summary::after{content:'\25B6';font-size:.85em}
#readingTabs .post-vote-fold[open]>summary::after{content:'\25BC'}
#readingTabs .post-vote-fold>summary:focus-visible{outline:2px solid #9acbff;outline-offset:2px}
#readingTabs .post-vote-fold>.post-vote-stages{padding:8px;box-sizing:border-box}

/* Desktop rails: fit the viewport and scroll only their excess contents. */
@media (min-width:1100px){
 body[data-view] :is(#commonReader,#reader) .reading-workspace{
  min-height:calc(100dvh - var(--play-header-height,72px) - 24px);
  align-items:start!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace > :is(.reading-tabs,.chapter-tabs,.reader-tools){
  position:sticky!important;
  top:calc(var(--play-header-height,72px) + 8px)!important;
  bottom:auto!important;
  align-self:start!important;
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--play-header-height,72px) - 16px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
  padding-bottom:8px!important;
  margin-block:0!important;
 }
 body[data-view] #commonReader #readingTabs{gap:4px!important;font-size:.875rem}
 body[data-view] #commonReader #readingTabs .reading-group{margin:0 0 4px!important}
 body[data-view] #commonReader #readingTabs .reading-group summary{padding:8px 4px!important}
 body[data-view] #commonReader #readingTabs .reading-group-list{gap:4px!important;padding:4px 0 8px!important}
 body[data-view] #commonReader #readingTabs :is(button,.flow-nav-button){min-height:36px!important;padding:7px 10px!important;margin-block:2px!important;line-height:1.45!important;font-size:.875rem!important}
 body[data-view] #commonReader #readingTabs :is(button b,.choice-label>span){font-size:.875rem!important;line-height:1.45!important}
 body[data-view] #commonReader #readingTabs .post-vote-fold{margin:4px 0!important}
 body[data-view] #commonReader #readingTabs .post-vote-fold>summary{min-height:36px!important;padding:7px 10px!important}
 body[data-view] #commonReader #readingTabs .post-vote-stages{gap:4px!important;margin:0!important;padding:4px!important}
 body[data-view] :is(#commonReader,#reader) .reader-tools{gap:8px!important}
 body[data-view] :is(#commonReader,#reader) .reader-tools :is(button,select){min-height:36px!important;padding:7px 9px!important}
 body[data-view] :is(#commonReader,#reader) .reader-tools .chapter-toc{gap:2px;margin-bottom:8px}
 body[data-view] :is(#commonReader,#reader) .reader-tools .chapter-toc a{padding-block:4px}
 body[data-view] :is(#commonReader,#reader) .reader-tools .sound-controls{margin-top:8px;flex-wrap:wrap}
}

/* Equal-size phase headers, with freely reopenable completed sections. */
#readingTabs .session-nav-fold{width:100%;box-sizing:border-box;margin:4px 0;border:1px solid #40596c;border-radius:8px;background:#0d2030;flex-shrink:0}
#readingTabs .session-nav-fold>summary,#readingTabs .post-vote-fold>summary,#readingTabs .reading-group>summary{box-sizing:border-box;min-height:44px!important;padding:10px 12px!important;font-size:.9rem!important;line-height:1.5!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;color:#e8d29a}
#readingTabs .session-nav-fold>summary::-webkit-details-marker{display:none}
#readingTabs .session-nav-fold>summary::after{content:'\25B6';font-size:.75rem;flex:none}
#readingTabs .session-nav-fold[open]>summary::after{content:'\25BC'}
#readingTabs .session-nav-fold-body{padding:4px 6px 8px;display:flex;flex-direction:column;gap:4px}
#readingTabs .session-nav-fold:not([open])>.session-nav-fold-body{display:none}
#readingTabs .session-nav-fold>summary:focus-visible{outline:2px solid #9acbff;outline-offset:2px}
#readingTabs .session-nav-fold-body>button{width:100%;box-sizing:border-box}

/* Nested phase buttons keep a full-width label, not an empty icon column. */
body[data-view] #commonReader #readingTabs .session-nav-fold-body>.flow-step{
 display:flex!important;align-items:center!important;grid-template-columns:none!important;
 width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;
 box-sizing:border-box!important;margin:0!important;padding:9px 10px!important;text-align:left!important;
}
body[data-view] #commonReader #readingTabs .session-nav-fold-body>.flow-step>.flow-step-copy{
 display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:none!important;
 grid-column:1/-1!important;writing-mode:horizontal-tb!important;
}
body[data-view] #commonReader #readingTabs .session-nav-fold-body .flow-step-copy b{
 display:block!important;width:100%!important;white-space:normal!important;word-break:normal!important;
 overflow-wrap:break-word!important;font-size:.9rem!important;line-height:1.5!important;
}
#gmResourcesButton{display:none}
body.gm-mode #gmResourcesButton{display:block}
#gmResources{display:none;max-width:1440px;margin:auto;padding:28px clamp(18px,4vw,52px) 64px;color:#eee9dd}
body.gm-mode[data-view="gm-resources"] #gmResources:not(.hidden){display:block}
body[data-view="gm-resources"] #top{display:none!important}
#gmResources>header{border-bottom:1px solid #6a5c3e;margin-bottom:22px;padding-bottom:18px}
#gmResources>header h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 8px}
#gmResources>header p{margin:0;color:#bacbd9}
body.gm-mode #gmResources #gmConsole{display:block!important;max-width:none;margin:0}
#gmResources .gm-console-head{display:none}
#gmResources .gm-guide-grid{align-items:start}
.testplay-gm-guide:not(:has(#gmConsole)){display:none!important}
@media(max-width:650px){body.gm-mode .quick-nav{gap:4px;padding-inline:8px}body.gm-mode .quick-nav button{font-size:.8rem;padding-inline:5px;min-width:0}#gmResources{padding-inline:16px}}

/* UZU-like two-pane reading: left controls, right content. */
@media (min-width:1100px){
 body[data-view] :is(#commonReader,#reader) .reading-workspace{
  display:grid!important;
  grid-template-columns:minmax(270px,340px) minmax(0,1120px)!important;
  justify-content:center!important;
  gap:28px!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reading-tabs,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-tabs{
  grid-column:1!important;
  grid-row:1!important;
  max-height:calc(58dvh - var(--play-header-height,72px))!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{
  grid-column:1!important;
  grid-row:1!important;
  margin-top:calc(58dvh - var(--play-header-height,72px) + 12px)!important;
  max-height:calc(42dvh - 28px)!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>#readingPanel,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.workflow-panel,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-panel{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
 }
 body[data-view="handout"] #reader>.character-header,
 body[data-view="handout"] #reader>.chapter-progress{
  width:min(1120px,calc(100% - 368px))!important;
  margin-left:calc((100% - min(1460px,100%))/2 + 368px)!important;
  margin-right:auto!important;
 }
}

/* Final UX pass: reader tools are only in the top-right gear panel. */
body:not(.reader-tools-open)[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{display:none!important}
body.reader-tools-open[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools{
 display:grid!important;position:fixed!important;z-index:90!important;right:clamp(12px,3vw,42px)!important;top:82px!important;
 grid-column:auto!important;grid-row:auto!important;width:min(320px,calc(100vw - 24px))!important;max-height:calc(100dvh - 104px)!important;
 margin:0!important;padding:16px!important;border:1px solid #56718a!important;border-radius:8px!important;background:#0a1728f2!important;
 box-shadow:0 22px 70px #0008!important;overflow:auto!important
}
body[data-view] :is(#commonReader,#reader) .reading-workspace>.reader-tools:before{display:none!important;content:none!important}
body[data-view] :is(#commonReader,#reader) .reader-tools .chapter-toc{display:none!important}

/* Final winning layout pass. Keep this block last. */
@media (min-width:1100px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) main{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,42vw)!important;gap:0!important;align-items:start!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader{grid-column:1!important;grid-row:1!important;border-left:0!important;border-right:1px solid #263b50!important}
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader{grid-column:2!important;grid-row:1!important;border-left:1px solid #263b50!important;border-right:0!important}
 body.gm-mode.gm-live-desk main{
  display:grid!important;grid-template-columns:minmax(420px,40vw) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;align-items:start!important;
 }
 body.gm-mode.gm-live-desk #gmResources{grid-column:1!important;grid-row:1 / span 2!important;display:block!important;max-width:none!important;margin:0!important;min-height:calc(100dvh - 72px)!important}
 body.gm-mode.gm-live-desk #commonReader{grid-column:2!important;grid-row:1!important;display:block!important;min-height:45dvh!important;border-left:1px solid #263b50!important}
 body.gm-mode.gm-live-desk #reader{grid-column:2!important;grid-row:2!important;display:block!important;min-height:45dvh!important;margin:0!important;padding:24px!important;border-left:1px solid #263b50!important;background:#071221d9!important}
 body[data-view] :is(#commonReader,#reader) .reading-workspace{
  display:block!important;max-width:min(1120px,100%)!important;margin-inline:auto!important;
 }
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.reading-tabs,
 body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-tabs{
  position:sticky!important;top:calc(var(--play-header-height,72px) + 8px)!important;z-index:20!important;
  display:flex!important;flex-direction:row!important;gap:8px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:8px!important;margin:0 0 14px!important;border:1px solid #38566f!important;border-radius:8px!important;background:#071625f4!important;
 }
body[data-view] :is(#commonReader,#reader) .reading-workspace>.reading-tabs>*,
body[data-view] :is(#commonReader,#reader) .reading-workspace>.chapter-tabs>*{
  flex:0 0 min(240px,42vw)!important;width:auto!important;min-width:180px!important;
 }
}

/* Emergency readability fix: resizable UZU-like split desk. */
:root{--reader-split-left:56%}
@media(min-width:1100px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]){
  height:auto!important;overflow:auto!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) main{
  display:grid!important;
  grid-template-columns:minmax(420px,var(--reader-split-left)) 12px minmax(420px,1fr)!important;
  gap:0!important;
  align-items:start!important;
  min-height:calc(100dvh - var(--play-header-height,72px))!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader{
  grid-column:1!important;grid-row:1!important;
  position:static!important;inset:auto!important;
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
  min-height:calc(100dvh - var(--play-header-height,72px))!important;height:auto!important;
  padding:28px clamp(22px,2.2vw,44px)!important;margin:0!important;
  overflow:visible!important;background:#071421e8!important;border:0!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader{
  grid-column:3!important;grid-row:1!important;
  position:static!important;inset:auto!important;
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
  min-height:calc(100dvh - var(--play-header-height,72px))!important;height:auto!important;
  padding:28px clamp(20px,2vw,38px)!important;margin:0!important;
  overflow:visible!important;background:#071421d6!important;border:0!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader>.section-label,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader>h2,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader>.reader-notice,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader>.reader-intro{
  display:none!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader>.character-header,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader>.chapter-progress{
  width:100%!important;max-width:960px!important;margin:0 auto 18px!important;
 }
 .reader-split-handle{
  grid-column:2!important;grid-row:1!important;display:block!important;
  align-self:stretch!important;min-height:calc(100dvh - var(--play-header-height,72px))!important;
  cursor:col-resize!important;position:sticky!important;top:var(--play-header-height,72px)!important;z-index:35!important;
  background:linear-gradient(90deg,transparent 0 4px,#56728c 4px 8px,transparent 8px 12px)!important;
  box-shadow:0 0 0 1px #13283a inset!important;
 }
 .reader-split-handle::before{
  content:"";position:sticky;top:50%;display:block;width:28px;height:84px;margin-left:-8px;border-radius:999px;
  background:#10263a;border:1px solid #6f8ba3;box-shadow:0 12px 34px #0009;
 }
 .reader-split-handle::after{
  content:"↔";position:sticky;top:calc(50% + 28px);display:block;width:28px;margin-left:-8px;margin-top:-56px;
  color:#e8cf87;text-align:center;font:700 16px/28px sans-serif;pointer-events:none;
 }
 body.reader-resizing{cursor:col-resize!important;user-select:none!important}

 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#commonReader,#reader) .reading-workspace{
  display:grid!important;
  grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;
  gap:18px!important;align-items:start!important;max-width:1120px!important;margin:0 auto!important;
  min-height:0!important;height:auto!important;overflow:visible!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader .reading-workspace{
  grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;max-width:1180px!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#readingTabs,#chapterTabs){
  grid-column:1!important;grid-row:1!important;
  position:sticky!important;top:calc(var(--play-header-height,72px) + 16px)!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;
  height:auto!important;max-height:calc(100dvh - var(--play-header-height,72px) - 32px)!important;
  padding:10px!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  border:1px solid #3f5f78!important;border-radius:8px!important;background:#0a1b2bcc!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader :is(#readingPanel,.workflow-panel),
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader :is(.chapter-panel,.workflow-panel){
  grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;
  margin:0!important;overflow:visible!important;border-radius:8px!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingPanel,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader .chapter-panel{
  border:1px solid #38566f!important;background:#071321f2!important;box-shadow:0 20px 60px #0005!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingConfirm{
  min-height:260px!important;padding:40px 24px!important;border-radius:8px!important;background:#081727!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingConfirm h3{
  font-size:clamp(1.8rem,2.4vw,2.6rem)!important;margin-bottom:14px!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader .chapter-heading{
  padding:24px 22px!important;border-bottom:1px solid #6a5c3e!important;background:#071321!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader .chapter-heading h3{
  font-size:clamp(1.7rem,2.2vw,2.3rem)!important;line-height:1.35!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#readingTabs,#chapterTabs)>*{
  flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:none!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #chapterTabs button{
  border:1px solid #44647d!important;border-radius:8px!important;background:#10263a!important;overflow:hidden!important;margin:0!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group>summary,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #chapterTabs button{
  min-height:58px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  color:#f3f7fb!important;text-align:left!important;white-space:normal!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group[open]>summary,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #chapterTabs button.active{
  background:#274760!important;border-color:#d9bb72!important;color:#ffe7a5!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group-list{
  display:grid!important;gap:8px!important;padding:10px!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group-list button{
  min-height:48px!important;padding:10px 12px!important;text-align:left!important;border-radius:6px!important;background:#0d2033!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#readingText,#textPanel){
  max-width:52rem!important;padding:28px clamp(20px,3vw,46px)!important;margin:0 auto!important;font-size:clamp(1rem,1.05vw,1.12rem)!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) .reader-tools{display:none!important}

 body.gm-mode.gm-live-desk main{
  display:grid!important;grid-template-columns:minmax(420px,var(--reader-split-left)) 12px minmax(420px,1fr)!important;gap:0!important;align-items:start!important;
 }
 body.gm-mode.gm-live-desk #readerSplitHandle{display:block!important}
 body.gm-mode.gm-live-desk #gmResources{grid-column:1!important;grid-row:1 / span 2!important}
 body.gm-mode.gm-live-desk #commonReader,
 body.gm-mode.gm-live-desk #reader{grid-column:3!important}
}
@media(max-width:1099px){
 .reader-split-handle{display:none!important}
}

/* UZU reference correction: keep menus as bundled blocks above content, not side rails. */
@media(min-width:1100px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#commonReader,#reader) .reading-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:18px!important;
  max-width:1180px!important;
  margin:0 auto!important;
  align-items:start!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#readingTabs,#chapterTabs){
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:calc(var(--play-header-height,72px) + 10px)!important;
  z-index:32!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:10px!important;
  margin:0!important;
  border:1px solid #3f5f78!important;
  border-radius:8px!important;
  background:#071625f2!important;
  box-shadow:0 14px 40px #0008!important;
  scrollbar-width:thin!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs :is(.reading-group,.session-nav-fold,.post-vote-fold),
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #chapterTabs button{
  flex:0 0 clamp(180px,22vw,260px)!important;
  width:clamp(180px,22vw,260px)!important;
  min-width:180px!important;
  max-width:260px!important;
  margin:0!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group[open]{
  flex-basis:clamp(230px,28vw,330px)!important;
  width:clamp(230px,28vw,330px)!important;
  max-width:330px!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group-list,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .session-nav-fold-body,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .post-vote-stages{
  max-height:240px!important;
  overflow-y:auto!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader :is(#readingPanel,.workflow-panel),
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader :is(.chapter-panel,.workflow-panel){
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#readingText,#textPanel){
  max-width:58rem!important;
 }
}

@media(max-width:1099px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#commonReader,#reader) .reading-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) :is(#readingTabs,#chapterTabs){
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:calc(var(--play-header-height,64px) + 8px)!important;
  z-index:28!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px!important;
  margin:0!important;
  border:1px solid #3f5f78!important;
  border-radius:8px!important;
  background:#071625f4!important;
  box-sizing:border-box!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs :is(.reading-group,.session-nav-fold,.post-vote-fold),
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #chapterTabs button{
  flex:0 0 min(76vw,250px)!important;
  width:min(76vw,250px)!important;
  min-width:min(76vw,250px)!important;
  max-width:250px!important;
  margin:0!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group[open]{
  flex-basis:min(82vw,280px)!important;
  width:min(82vw,280px)!important;
  max-width:280px!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .reading-group-list,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .session-nav-fold-body,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #readingTabs .post-vote-stages{
  max-height:220px!important;
  overflow-y:auto!important;
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader :is(#readingPanel,.workflow-panel),
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader :is(.chapter-panel,.workflow-panel){
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  max-width:100%!important;
 }
}

/* Final direction: Midnight Archive two-pane reader.
   PC keeps one quiet control pane on the left and one reading pane on the right.
   Mobile remains a compact single-column tab flow. */
body:not(.gm-mode) #commonReader .reading-workspace>.pane-tabs{display:none!important}
body.gm-mode #reader>.pane-tabs{display:none!important}
.pane-tabs{
 display:flex!important;align-items:center!important;gap:18px!important;min-height:38px!important;
 margin:0 0 18px!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(126,151,174,.28)!important;
 background:transparent!important;box-shadow:none!important;overflow:visible!important
}
.pane-tabs button{
 flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:38px!important;
 padding:8px 2px 9px!important;border:0!important;border-radius:0!important;background:transparent!important;
 color:#899bae!important;box-shadow:none!important;font:700 .92rem/1.4 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif!important;
 letter-spacing:.02em!important
}
.pane-tabs button.active,.pane-tabs button[aria-selected="true"]{color:#d9bb72!important;box-shadow:inset 0 -2px 0 #d9bb72!important}
body[data-view="handout"] #reader .chapter-panel{
 background:linear-gradient(180deg,rgba(253,250,242,.98),rgba(243,237,224,.98))!important;
 color:#1d2430!important;border-color:rgba(60,72,88,.22)!important;box-shadow:0 22px 70px rgba(0,0,0,.24)!important
}
body[data-view="handout"] #reader .chapter-heading{
 background:transparent!important;border-bottom-color:rgba(94,75,45,.24)!important;color:#1d2430!important
}
body[data-view="handout"] #reader .chapter-heading h3{color:#1d2430!important}
body[data-view="handout"] #reader .chapter-heading p{color:#8b6f31!important}
body[data-view="handout"] #reader .text-panel{
 max-width:42rem!important;color:#1d2430!important;font-size:clamp(1rem,.96rem + .2vw,1.12rem)!important;
 line-height:2!important;letter-spacing:.02em!important
}
body[data-view="handout"] #reader .story-prose{max-width:34em!important;color:#1d2430!important}
body[data-view="handout"] #reader .story-marker:not(.scene-marker){
 background:linear-gradient(90deg,rgba(211,228,241,.72),rgba(243,237,224,.2))!important;
 border-left-color:#7aa9cf!important;color:#1d2430!important
}
body[data-view="handout"] #reader .story-marker:not(.scene-marker) h4{color:#24364a!important}
body[data-view="handout"] #reader .story-marker:not(.scene-marker) p{color:#566273!important}

@media(min-width:1100px){
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) main{
  display:grid!important;grid-template-columns:minmax(320px,34vw) minmax(0,1fr)!important;gap:0!important;align-items:start!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader{
  display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-height:calc(100dvh - 72px)!important;
  margin:0!important;padding:24px clamp(18px,2vw,34px) 56px!important;border-right:1px solid #263b50!important;
  border-left:0!important;background:#071221d9!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader{
  display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-height:calc(100dvh - 72px)!important;
  margin:0!important;padding:24px clamp(18px,2vw,34px) 56px!important;border-left:1px solid #263b50!important;
  border-right:0!important;background:#071221d9!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader.hidden,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader.hidden{display:block!important}
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader .reading-workspace,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader .reading-workspace{
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:16px!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader #readingTabs,
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs{
  grid-column:1!important;grid-row:1!important;position:static!important;display:flex!important;flex-direction:column!important;
  gap:8px!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs{
  flex-direction:row!important;align-items:center!important;gap:18px!important;
  min-height:38px!important;margin:0 0 18px!important;padding:0!important;
  border-bottom:1px solid rgba(126,151,174,.28)!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs button{
  flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:38px!important;
  display:flex!important;align-items:center!important;gap:8px!important;padding:8px 2px 9px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#899bae!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs button span{
  width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs button b{
  font-size:.92rem!important;color:inherit!important;white-space:nowrap!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs button small{display:none!important}
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader #chapterTabs button.active{
  color:#d9bb72!important;box-shadow:inset 0 -2px 0 #d9bb72!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader #readingTabs .reading-group{
  min-height:0!important;border:0!important;border-bottom:1px solid #31465b!important;border-radius:0!important;background:transparent!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader #readingTabs .reading-group summary{
  min-height:42px!important;padding:10px 2px!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader #readingTabs .reading-group-list button{
  min-height:42px!important;padding:9px 10px!important;border-radius:6px!important;text-align:left!important
 }
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #commonReader :is(#readingPanel,.workflow-panel),
 body:not(.gm-mode):is([data-view="handout"],[data-view="readings"]) #reader :is(.chapter-panel,.workflow-panel){
  grid-column:1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important
 }
 body:not(.gm-mode)[data-view="common"] main{
  display:grid!important;grid-template-columns:minmax(320px,34vw) minmax(0,1fr)!important;gap:0!important
 }
 body:not(.gm-mode)[data-view="common"] #commonReader{
  display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-height:calc(100dvh - 72px)!important;
  margin:0!important;padding:24px clamp(18px,2vw,34px) 56px!important;border-right:1px solid #263b50!important;background:#071221d9!important
 }
 body:not(.gm-mode)[data-view="common"] #commonInfoPage{
  grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;min-height:calc(100dvh - 72px)!important;
  margin:0!important;padding:24px clamp(28px,4vw,72px) 64px!important;border-left:1px solid #263b50!important
 }
 body.gm-mode.gm-live-desk main{
  display:grid!important;grid-template-columns:minmax(360px,34vw) minmax(0,1fr)!important;gap:0!important;align-items:start!important
 }
 body.gm-mode.gm-live-desk #gmResources{
  display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-height:calc(100dvh - 72px)!important;
  margin:0!important;padding:24px!important;border-right:1px solid #263b50!important
 }
 body.gm-mode.gm-live-desk #commonReader,
 body.gm-mode.gm-live-desk #reader,
 body.gm-mode.gm-live-desk #commonInfoPage{
  grid-column:2!important;grid-row:1!important;width:100%!important;min-height:calc(100dvh - 72px)!important;
  margin:0!important;padding:24px clamp(18px,2vw,34px) 56px!important;border-left:1px solid #263b50!important;background:#071221d9!important
 }
}