/* Everflow interaction v3 — final cascade layer for reliable splitters, selection
 * and outline navigation. Uses the existing editor/preview physical DOM unchanged. */
body.editor-page .texpage-workbench{
  grid-template-columns:var(--navigator-w,260px) 10px minmax(280px,var(--editor-w,440px)) 10px minmax(350px,1fr)!important;
}
body.editor-page .pane-resizer{
  width:10px!important;min-width:10px!important;border:0!important;z-index:46!important;
  display:flex;justify-content:center;align-items:center;
  background:#e7eee9!important;cursor:col-resize!important;touch-action:none;
  transition:background .12s ease
}
body.editor-page .pane-resizer::before{
  content:"";pointer-events:none;width:3px;height:46px;border-radius:8px;background:#afc2b4;opacity:.85
}
body.editor-page .pane-resizer:hover,body.editor-page .pane-resizer.is-dragging,
body.editor-page .pane-resizer:focus-visible{background:#d2e8d9!important;outline:0!important}
body.editor-page .pane-resizer:hover::before,body.editor-page .pane-resizer.is-dragging::before{background:#417958}
body.editor-page .pane-resizer::after{inset:0 -4px!important;z-index:-1}
body.editor-page.navigator-collapsed .texpage-workbench{
  grid-template-columns:minmax(310px,var(--editor-w,440px)) 10px minmax(350px,1fr)!important;
}
body.editor-page.navigator-collapsed #navigatorPanel,
body.editor-page.navigator-collapsed #navigatorResizer{display:none!important}
body.editor-page.navigator-collapsed #editPane{grid-column:1!important}
body.editor-page.navigator-collapsed #previewResizer{grid-column:2!important}
body.editor-page.navigator-collapsed #previewPane{grid-column:3!important}
/* A single download button in the desktop and tablet preview. On phones,
 * the compact topbar PDF button replaces it rather than duplicating it. */
@media(min-width:768px){
  body.editor-page .mobile-pdf-btn,
  body.editor-page #mobileDownloadButton{display:none!important}
}
body.editor-page .preview-toolbar #printButton{white-space:nowrap!important}
/* Give the splitters a discoverable affordance without covering the content. */
body.editor-page .pane-resizer:focus-visible{box-shadow:0 0 0 2px #4b956c!important}
body.editor-page .navigator-tabs{min-height:41px;align-items:center}
body.editor-page #outlinePanel .order-list{
  padding:7px 7px 14px!important;scrollbar-width:thin;overscroll-behavior:contain
}
body.editor-page .texpage-navigator .order-item{
  display:grid!important;grid-template-columns:20px 14px 22px minmax(0,1fr) auto!important;
  gap:5px!important;align-items:center!important;min-height:64px!important;
  padding:8px 7px!important;border:1px solid transparent!important;
  border-radius:11px!important;margin-bottom:4px!important;background:#fff!important;
  box-shadow:none!important;outline:0!important;cursor:pointer
}
body.editor-page .texpage-navigator .order-item:hover{
  border-color:#d5e7dc!important;background:#f5faf6!important
}
body.editor-page .texpage-navigator .order-item.is-selected{
  border-color:#afd3bc!important;background:#e9f5ed!important;
  box-shadow:0 1px 8px #315c3810!important
}
body.editor-page .texpage-navigator .order-item.is-multi-selected{
  border-color:#a9bfdf!important;background:#eef3fb!important;
  box-shadow:0 1px 8px #32425c10!important
}
body.editor-page .texpage-navigator .order-item.is-multi-selected.is-selected{
  border-color:#8db1b0!important;background:#e6f3f1!important
}
body.editor-page .texpage-navigator .order-item .order-check{
  width:16px!important;height:16px!important;align-self:center;accent-color:#3e8a60;
  cursor:pointer;pointer-events:auto;position:relative;z-index:2;margin:0!important
}
body.editor-page .texpage-navigator .drag-handle{
  width:14px;min-width:14px;opacity:.85!important;color:#9fb8a7!important;cursor:grab;
  padding:6px 0!important;text-align:center;font-size:13px
}
body.editor-page .texpage-navigator .drag-handle:active{cursor:grabbing}
body.editor-page .texpage-navigator .order-num{
  min-width:0!important;text-align:center;color:#668375!important;font-weight:800!important;font-size:10px!important
}
body.editor-page .texpage-navigator .order-copy{
  overflow:hidden!important;min-width:0!important;max-width:none!important;
  padding:1px 0!important;display:flex!important;flex-direction:column;justify-content:center;
  outline-offset:3px!important;cursor:pointer
}
body.editor-page .texpage-navigator .order-copy b{
  font-size:11px!important;line-height:1.5!important;font-weight:620!important;
  color:#263a2d!important;white-space:normal!important;
  -webkit-line-clamp:2!important;display:-webkit-box!important;
  -webkit-box-orient:vertical;overflow:hidden!important
}
body.editor-page .texpage-navigator .order-copy small{
  display:block!important;margin-top:3px!important;
  font-size:9px!important;color:#889c8b!important;text-overflow:ellipsis;white-space:nowrap
}
body.editor-page .texpage-navigator .order-controls{
  display:flex!important;opacity:0!important;pointer-events:none;gap:2px!important;
  align-items:center;flex:0 0 auto
}
body.editor-page .texpage-navigator .order-item:hover .order-controls,
body.editor-page .texpage-navigator .order-item:focus-within .order-controls,
body.editor-page .texpage-navigator .order-item.is-selected .order-controls{
  opacity:1!important;pointer-events:auto
}
body.editor-page .texpage-navigator .order-controls button{
  width:25px!important;min-width:25px!important;height:27px!important;min-height:27px!important;
  border-radius:7px!important;border:1px solid #d7e6dc!important;cursor:pointer
}
body.editor-page .outline-selectbar{
  display:flex;align-items:center;gap:5px;min-height:37px;
  padding:5px 8px;background:#f8fbf8;border-bottom:1px solid #e7efe8;
  overflow:hidden;flex:0 0 auto
}
body.editor-page .outline-selectbar button{
  border:1px solid #d5e6d9;border-radius:7px;padding:6px 8px;background:#fff;
  color:#416f51;font:650 10px/1.2 inherit;white-space:nowrap;cursor:pointer
}
body.editor-page .outline-selectbar button:hover{background:#e8f3ea;border-color:#a9cbb6}
body.editor-page .outline-selectbar span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
  margin-left:auto;color:#8a9e8f;font-size:9px
}
body.editor-page .editor-tabbar{position:relative;overflow:visible!important}
body.editor-page .editor-question-nav{position:relative;display:flex!important;align-items:center;gap:5px;min-width:0}
body.editor-page .question-nav-arrow,body.editor-page .question-nav-picker{
  display:inline-flex;align-items:center;justify-content:center;
  height:28px;min-width:28px;padding:0 8px;
  background:#f1f7f2;color:#315f43;border:1px solid #d4e4d8;border-radius:8px;
  font-size:14px;cursor:pointer;white-space:nowrap
}
body.editor-page .question-nav-arrow:hover:not(:disabled),body.editor-page .question-nav-picker:hover{background:#e0f1e5}
body.editor-page .question-nav-arrow:disabled{opacity:.34;cursor:not-allowed}
body.editor-page .question-nav-picker{gap:8px;font-size:11px;font-weight:740;min-width:78px}
body.editor-page .question-nav-picker span:last-child{font-size:10px;color:#839e89}
body.editor-page .question-nav-popover{
  display:flex;flex-direction:column;position:absolute;top:35px;right:0;
  z-index:70;width:min(340px,calc(100vw - 36px));max-height:min(470px,65dvh);
  overflow:hidden;background:#fff;border-radius:13px;border:1px solid #d8e7dc;
  box-shadow:0 18px 55px #172c1d29
}
body.editor-page .question-nav-popover[hidden],body.editor-page .editor-guide-backdrop[hidden]{display:none!important}
body.editor-page .question-nav-popover-header{flex:0 0 auto;padding:12px 14px;color:#365e43;border-bottom:1px solid #e5ede6;font-size:12px;font-weight:800}
body.editor-page .question-nav-menu{flex:1;min-height:0;overflow:auto;padding:8px 10px;scrollbar-width:thin}
body.editor-page .question-nav-group{font-size:10px;letter-spacing:.03em;font-weight:750;
 color:#73917a;padding:10px 8px 5px;border-bottom:1px solid #edf2ed}
body.editor-page .question-nav-option{
  display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;
  background:#fff;color:#415f49;font-size:11px;line-height:1.6;
  padding:9px 10px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
body.editor-page .question-nav-option:hover{background:#f4faf6}
body.editor-page .question-nav-option.is-active{background:#e6f4ea;color:#285f3d;border-color:#c0dec8;font-weight:750}
body.editor-page .editor-help-trigger{
  display:inline-flex;align-items:center;gap:5px;padding:7px 9px;
  min-height:31px!important;min-width:0!important;border:1px solid #d2e6d7;
  background:#f5faf6;color:#3d7752;border-radius:9px;
  white-space:nowrap;font-size:11px;font-weight:720;cursor:pointer;flex:0 0 auto
}
body.editor-page .editor-help-trigger:hover{background:#e6f4ea;border-color:#a8ceb4}
body.editor-page .editor-help-trigger svg{width:16px;height:16px;flex:0 0 16px}
body.editor-page .editor-guide-backdrop{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:#101e17aa;backdrop-filter:blur(5px);padding:18px;overflow:auto
}
body.editor-page .editor-guide-card{
  box-sizing:border-box;width:min(830px,100%);max-height:min(92dvh,850px);overflow:auto;
  border-radius:21px;border:1px solid #dbe8df;background:#fff;
  box-shadow:0 35px 95px #101c1645
}
body.editor-page .editor-guide-head{
  display:flex;align-items:start;justify-content:space-between;gap:14px;
  padding:25px 28px 20px;background:linear-gradient(115deg,#eef8f1,#fcfdfa);
  border-bottom:1px solid #e3eee6
}
body.editor-page .editor-guide-head span{display:block;font:800 10px ui-monospace,monospace;color:#71967e;letter-spacing:.15em}
body.editor-page .editor-guide-head h2{margin:9px 0 6px;color:#233d2c;font-size:25px;line-height:1.35}
body.editor-page .editor-guide-head p{margin:0;color:#66816e;font-size:12px;line-height:1.8}
body.editor-page #closeEditorGuideButton{
  border:1px solid #d7e5da;border-radius:8px;width:34px;height:34px;
  font-size:22px;color:#61846c;background:#fff;cursor:pointer;flex:0 0 34px
}
body.editor-page .editor-guide-body{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:19px 23px
}
body.editor-page .editor-guide-body article{
  border-radius:14px;border:1px solid #e2ece4;padding:17px;background:#fcfefc;
  display:grid;grid-template-columns:48px 1fr;align-items:start;column-gap:12px
}
body.editor-page .guide-illustration{
  width:48px;height:48px;border-radius:12px;background:#e6f3e9;color:#457d56;
  display:grid;place-items:center;grid-row:span 2
}
body.editor-page .guide-illustration svg{width:34px;height:29px}
body.editor-page .editor-guide-body strong{font-size:13px;color:#294534}
body.editor-page .editor-guide-body p{grid-column:2;margin:5px 0 0;line-height:1.75;font-size:11px;color:#718676}
body.editor-page .editor-guide-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 23px 20px}
body.editor-page .editor-guide-card footer label{font-size:11px;color:#6b8272}
body.editor-page .editor-guide-card footer input{accent-color:#4a8660}
body.editor-page #finishEditorGuideButton{
  display:inline-flex;gap:12px;align-items:center;border-radius:9px;padding:11px 19px;
  border:1px solid #3a7652;background:#3a7652;color:white;font-size:12px;font-weight:720;cursor:pointer
}
body.editor-page .editor-guide-card footer button:hover{filter:brightness(1.06)}
@media(min-width:768px) and (max-width:1179px){
  body.editor-page .texpage-workbench{
    grid-template-columns:minmax(320px,var(--editor-w,43vw)) 10px minmax(360px,1fr)!important
  }
  body.editor-page .navigator-resizer{display:none!important}
  body.editor-page .preview-resizer{display:flex!important}
  body.editor-page .editor-help-trigger{padding:7px!important}
  body.editor-page .editor-help-trigger span{display:none!important}
}
@media(max-width:767px){
  body.editor-page .texpage-workbench{display:block!important}
  body.editor-page .pane-resizer{display:none!important}
  body.editor-page .editor-top-actions .editor-help-trigger{position:absolute!important;top:9px!important;right:11px!important;z-index:5!important;grid-column:auto!important;width:29px!important;min-width:29px!important;height:29px!important;padding:5px!important;justify-content:center}
  body.editor-page .editor-help-trigger span{display:none!important}
  body.editor-page .question-nav-picker{min-width:68px!important;padding:0 6px!important}
  body.editor-page .question-nav-arrow{min-width:28px!important;padding:0 4px!important}
  body.editor-page .editor-question-nav .local-state{display:none!important}
  body.editor-page .editor-guide-body{grid-template-columns:1fr!important;padding:14px!important}
  body.editor-page .editor-guide-head{padding:17px}
  body.editor-page .editor-guide-head h2{font-size:20px!important}
  body.editor-page .editor-guide-card footer{padding:12px 14px}
  body.editor-page .outline-selectbar span{display:none}
  body.editor-page .outline-selectbar button{flex:1;min-height:34px}
  body.editor-page #printButton{display:none!important}
  body.editor-page #mobileDownloadButton{display:inline-flex!important}
}
@media(prefers-reduced-motion:reduce){
 body.editor-page .pane-resizer,body.editor-page .editor-help-trigger{transition:none!important}
}