/* Expansion preserves the same draft, comment cards and editing controls in place. */
.review-options .demo-expand-toggle { min-height:44px; min-width:44px; font-size:17px; line-height:1.2; }
#review-workspace.demo-expanded {
  position:fixed!important;
  left:var(--demo-expand-left,0px)!important; top:var(--demo-expand-top,0px)!important;
  width:var(--demo-expand-width,100vw)!important; height:var(--demo-expand-height,100dvh)!important;
  max-width:none!important; max-height:none!important; min-height:0!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  display:flex; flex-direction:column; overflow:hidden; background:#fff; z-index:9990;
  box-sizing:border-box; isolation:isolate;
}
#review-workspace.demo-landscape .review-toolbar,
#review-workspace.demo-expanded .review-toolbar {
  flex:0 0 auto; flex-wrap:nowrap; gap:8px; padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));
  min-height:52px; background:#fff;
}
#review-workspace.demo-landscape .review-name,
#review-workspace.demo-expanded .review-name { font-size:20px; line-height:1.15; }
#review-workspace.demo-landscape .review-options,
#review-workspace.demo-expanded .review-options { flex-wrap:nowrap; gap:6px; }
#review-workspace.demo-landscape .review-options button,
#review-workspace.demo-expanded .review-options button { min-height:44px; padding:6px 10px; font-size:17px; line-height:1.2; }
#review-workspace.demo-expanded .review-panes {
  flex:1 1 0; min-height:0; width:100%; overflow:hidden;
  grid-template-columns:minmax(0,55fr) minmax(0,45fr);
  padding-bottom:env(safe-area-inset-bottom);
}
#review-workspace.demo-expanded :is(.draft-column,.comments-column) { min-height:0!important; height:100%; overflow:hidden; }
#review-workspace.demo-expanded :is(.demo-draft,.demo-comments) {
  height:100%!important; min-height:0!important; max-height:none!important; transform:none!important;
  overflow:auto; overscroll-behavior:contain; scroll-padding-block:12px; -webkit-overflow-scrolling:touch;
}
#review-workspace.demo-expanded .draft-paper { padding:12px 14px 0; font-size:17px; line-height:1.55; }
#review-workspace.demo-expanded .thread { font-size:17px; line-height:1.5; padding:14px; }
#review-workspace.demo-expanded .thread blockquote { font-size:17px; }
#review-workspace.demo-expanded :is(.reply-form textarea,.reply-form label,.thread-reply strong,.thread-kind,.feature-table) { font-size:17px; }
#review-workspace.demo-expanded .demo-facts dl { grid-template-columns:max-content minmax(0,1fr); }
@container studio-draft (max-width:439px) {
  #review-workspace.demo-expanded .demo-facts { float:none; width:100%; margin:0 0 14px; }
  #review-workspace.demo-expanded .demo-facts :is(img,svg.demo-wordmark) { width:180px; margin-bottom:8px; }
  #review-workspace.demo-expanded .demo-facts dl { grid-template-columns:82px minmax(0,1fr); }
}
#review-workspace.demo-expanded :is(.thread-tools button,.reply-form button,.mobile-views button,.discussion-nav button,.discussion-nav select) {
  min-height:44px; min-width:44px; font-size:17px;
}
#review-workspace.demo-expanded :is(.demo-status,.mobile-views) { flex:0 0 auto; }
#review-workspace.demo-expanded #demo-status:not([hidden]) { padding:4px 12px; font-size:17px; line-height:1.3; max-height:3em; overflow:auto; }
#review-workspace.demo-expanded #demo-rotation-cue { display:none!important; }
#review-workspace.demo-expanded.demo-expanded-landscape .review-panes :is(.draft-column,.comments-column) { display:block!important; }
#review-workspace.demo-expanded.demo-expanded-landscape .mobile-views { display:none!important; }
#review-workspace.demo-expanded:not(.demo-expanded-landscape) .review-panes { grid-template-columns:minmax(0,1fr); }
#review-workspace.demo-expanded:not(.demo-expanded-landscape) .mobile-views { display:flex; padding-inline:8px; gap:8px; }
#review-workspace.demo-expanded:not(.demo-expanded-landscape) .review-panes[data-view=draft] .comments-column,
#review-workspace.demo-expanded:not(.demo-expanded-landscape) .review-panes[data-view=comments] .draft-column { display:none!important; }
/* Body-mounted passage tools stay above the expanded workspace and outside inert branches. */
.demo-expanded-page :is(.wn-comment-toolbar,.wn-comment-composer,.wn-edit-actions,.demo-selection-menu) { z-index:10020; }
.demo-expanded-page :is(.wn-comment-toolbar button,.wn-comment-actions button,.wn-comment-body) { font-size:17px; min-height:44px; }
@media(max-width:480px) {
  #review-workspace.demo-expanded .review-name { font-size:17px; }
  #review-workspace.demo-expanded .review-options button { padding-inline:8px; }
}

/* A mobile workspace can use the whole screen in either orientation. */
.demo-pane-select { min-height:44px; min-width:112px; max-width:132px; padding:6px 8px;
  border:1px solid #92278f; border-radius:3px; background:#fff; color:#92278f; font:17px/1.2 "Times New Roman",Times,serif; }
.demo-facts-toggle { display:none; }
#review-workspace.demo-expanded.demo-focus-pane .review-panes { grid-template-columns:minmax(0,1fr); }
#review-workspace.demo-expanded.demo-focus-pane .review-panes[data-view=draft] .comments-column,
#review-workspace.demo-expanded.demo-focus-pane .review-panes[data-view=comments] .draft-column { display:none!important; }
#review-workspace.demo-expanded.demo-focus-pane .draft-paper { max-width:800px; margin-inline:auto; }
@media(max-width:1100px) { .demo-section.wrap { width:calc(100% - 24px); } }
#review-workspace.demo-mobile .review-options button { min-height:44px; font-size:17px; }
#review-workspace.demo-mobile .demo-facts { float:none; width:100%; margin:0 0 16px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }
#review-workspace.demo-mobile .demo-facts :is(img,svg.demo-wordmark) { width:180px; margin:0; }
#review-workspace.demo-mobile .demo-facts dl { grid-template-columns:82px minmax(0,1fr); grid-column:1 / -1; grid-row:2; }
#review-workspace.demo-mobile .demo-facts:not(.demo-facts-open) dl { display:none; }
#review-workspace.demo-mobile .demo-facts-toggle { display:block; grid-column:2; grid-row:1; min-height:44px; padding:6px 8px;
    border:1px solid var(--line,#e8e1e8); border-radius:3px; color:#92278f; background:#fff; font:16px/1.2 "Times New Roman",Times,serif; }
#review-workspace.demo-mobile .draft-paper { padding-inline:14px; }
@media(max-width:600px) {
  #review-workspace:not(.demo-expanded):not(.demo-landscape) .review-toolbar { flex-wrap:wrap; gap:10px; padding:12px; }
  #review-workspace:not(.demo-expanded):not(.demo-landscape) .review-name { flex-basis:100%; }
  #review-workspace:not(.demo-expanded):not(.demo-landscape) .review-options { width:100%; justify-content:space-between; }
  #review-workspace.demo-expanded .review-name { display:none; }
  #review-workspace.demo-expanded .review-options { width:100%; justify-content:space-between; }
  #review-workspace.demo-landscape:not(.demo-expanded) .review-name { display:none; }
  #review-workspace.demo-landscape:not(.demo-expanded) .review-options { width:100%; justify-content:space-between; }
}