/* Adaptive contents after adjusting Everflow left / editor / preview widths.
 * Size flags are set from real ResizeObserver pane widths, not viewport media.
 * Physical pages preserve fixed mm sizing; ONLY the visual zoom follows resize.
 */
body.editor-page #navigatorPanel,
body.editor-page #editPane,
body.editor-page #previewPane{min-width:0!important;box-sizing:border-box}
body.editor-page #editPane .editor-tabbar{min-width:0!important;gap:7px!important}
body.editor-page #editPane .editor-tab{flex:1 1 auto;min-width:0!important;max-width:unset!important}
body.editor-page #editPane #activeQuestionLabel{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%!important}
body.editor-page #editPane .editor-question-nav{flex:0 0 auto;max-width:100%!important}
body.editor-page #editPane .question-nav-popover{
  right:0!important;left:auto!important;width:min(290px,calc(100vw - 32px))!important;
  max-width:calc(100% + 20px)!important;max-height:min(335px,55dvh)!important
}
body.editor-page #editPane .question-nav-menu{overscroll-behavior:contain!important}
body.editor-page #editPane .question-nav-option{
  display:block!important;white-space:normal!important;line-height:1.5!important;
  overflow-wrap:anywhere!important;max-height:60px;overflow:hidden!important
}
body.editor-page #editPane[data-pane-size="compact"] .editor-commandbar,
body.editor-page #editPane[data-pane-size="narrow"] .editor-commandbar{gap:5px!important;padding:6px 9px!important}
body.editor-page #editPane[data-pane-size="compact"] .editor-commandbar strong,
body.editor-page #editPane[data-pane-size="narrow"] .editor-commandbar strong{font-size:11px!important}
body.editor-page #editPane[data-pane-size="narrow"] .editor-tabbar .local-state,
body.editor-page #editPane[data-pane-size="compact"] .editor-tabbar .local-state{display:none!important}
body.editor-page #editPane[data-pane-size="narrow"] .editor-question-nav{gap:3px!important}
body.editor-page #editPane[data-pane-size="narrow"] .question-nav-picker{min-width:56px!important;padding:0 5px!important;font-size:10px!important}
body.editor-page #editPane[data-pane-size="narrow"] .question-nav-arrow{min-width:25px!important;width:25px!important;padding:0!important}
body.editor-page #editPane[data-pane-size="narrow"] .editor-tab{font-size:10px!important}
body.editor-page #editPane[data-pane-size="narrow"] .texpage-question-editor{
  padding:12px 10px 40px!important
}
body.editor-page #editPane[data-pane-size="narrow"] .texpage-question-editor .question-editor-head{
  margin:0 -10px 12px!important;padding:11px 10px!important;top:-12px!important
}
body.editor-page #editPane[data-pane-size="compact"] .texpage-question-editor{
  padding:16px 13px 40px!important
}
body.editor-page #editPane[data-pane-size="compact"] .texpage-question-editor .question-editor-head{
  margin:0 -13px 13px!important;padding:10px 13px!important;top:-16px!important
}
body.editor-page #editPane .texpage-question-editor input,
body.editor-page #editPane .texpage-question-editor select,
body.editor-page #editPane .texpage-question-editor textarea{max-width:100%!important;box-sizing:border-box!important}
body.editor-page #editPane .question-editor-head{display:flex;flex-wrap:wrap!important;align-items:center;gap:7px!important}
body.editor-page #editPane .question-editor-head>div{display:flex;flex-wrap:wrap!important;gap:4px!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .workspace-heading .workspace-subtitle{display:none}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .workspace-project-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .workspace-project-toolbar button:last-of-type{grid-column:1 / -1}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .workspace-file-row{
  grid-template-columns:minmax(0,1fr)!important;border-bottom:1px solid #eff3ef!important;padding:3px 1px!important
}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .workspace-file-move{
  width:100%!important;max-width:none!important;font-size:10px!important;padding:6px!important
}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .workspace-folder-children{padding-left:6px!important;margin-left:5px!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .order-toolbar{
  flex-wrap:wrap!important;gap:5px!important;height:auto!important
}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .order-toolbar-actions{width:100%!important;justify-content:space-between!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .outline-selectbar{flex-wrap:wrap!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .outline-selectbar span{display:none!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .texpage-navigator .order-item{gap:3px!important;padding:7px 5px!important}
body.editor-page #navigatorPanel[data-pane-size="narrow"] .order-controls{
  display:none!important
}
body.editor-page #previewPane .typst-preview{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;height:auto!important;min-height:114px!important;
  flex:0 0 auto!important;gap:3px 8px!important;padding:6px 8px!important;align-content:center!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar-left,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar-left{
  grid-column:1!important;grid-row:1!important;overflow:hidden!important;max-width:100%!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar-left strong,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar-left strong{
  max-width:115px!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar-right,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar-right{
  grid-column:2!important;grid-row:1!important;gap:4px!important;min-width:0!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar #printButton,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar #printButton{
  padding:0 5px!important;min-width:0!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar #browserPrintButton,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar #browserPrintButton{
  padding:0 7px!important;min-width:0!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar-center,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar-center{
  grid-column:1 / -1!important;grid-row:2!important;justify-self:start!important;
  max-width:100%!important;gap:1px!important;overflow-x:auto!important;scrollbar-width:none!important
}
body.editor-page #previewPane[data-pane-size="compact"] .preview-toolbar-extra,
body.editor-page #previewPane[data-pane-size="narrow"] .preview-toolbar-extra{
  display:flex!important;grid-column:1 / -1!important;grid-row:3!important;
  gap:13px!important;justify-self:start!important;min-height:22px!important;
  white-space:nowrap!important;font-size:10px!important
}
/* Do not hide answers settings permanently; small preview panes use settings UI.
   On tablets the viewport is wider but right pane can still be narrow. */
body.editor-page #previewPane[data-pane-size="medium"] .preview-toolbar-left strong{max-width:135px!important}
body.editor-page #previewPane[data-pane-size="medium"] .preview-toolbar-center{gap:2px!important}
body.editor-page #previewPane[data-pane-size="medium"] .preview-toolbar-extra{gap:5px!important}
body.editor-page #previewPane[data-pane-size="medium"] .preview-toolbar #printButton{padding:0 7px!important}
body.editor-page #previewPane[data-pane-size="medium"] .preview-toolbar #browserPrintButton{padding:0 8px!important}
@media(max-width:767px){
  body.editor-page #previewPane .preview-toolbar #printButton{display:none!important}
  body.editor-page #previewPane .preview-toolbar-extra{display:flex!important}
  body.editor-page #previewPane .preview-toolbar{height:auto!important}
}