/* Book-only navigation stays above the canvas, within its bounded workspace. */
html[data-theme] body.book-workflow.book-navigation-ready .workspace {
  display:flex;
  flex-direction:column;
  height:var(--book-navigation-height,calc(100dvh - 88px));
  min-height:360px;
  max-height:none;
  overflow:auto;
  position:relative;
  padding:0 14px 12px;
  scrollbar-width:thin;
}
body.book-workflow.book-navigation-ready .workspace > * {flex-shrink:0;}
body.book-workflow.book-navigation-ready .book-navigation-bar {
  position:sticky;
  top:0;
  z-index:8;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  padding:10px 0;
  border-bottom:1px solid var(--ui-line,#d9dfe5);
  background:var(--ui-panel,#fff);
  color:var(--ui-text,#243441);
}
body.book-workflow.book-navigation-ready .book-navigation-focus,
body.book-workflow.book-navigation-ready .book-navigation-pan,
body.book-workflow.book-navigation-ready .book-navigation-bar .zoom-buttons {
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:nowrap;
}
body.book-workflow.book-navigation-ready .book-navigation-focus {flex:1 0 auto;}
body.book-workflow.book-navigation-ready .book-navigation-bar button {
  min-height:36px;
  min-width:36px;
  padding:6px 9px;
  font:inherit;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  color:var(--ui-text,#243441);
  background:var(--ui-input,#fff);
  border:1px solid var(--ui-line,#d9dfe5);
  border-radius:5px;
}
body.book-workflow.book-navigation-ready .book-navigation-bar button:hover {border-color:var(--ui-accent,#29634f);}
body.book-workflow.book-navigation-ready .book-navigation-bar button:focus-visible {outline:3px solid #729ce8;outline-offset:2px;}
body.book-workflow.book-navigation-ready .book-navigation-pan-mode[aria-pressed="true"] {
  border-color:var(--ui-accent,#29634f);
  color:var(--ui-panel,#fff);
  background:var(--ui-accent,#29634f);
}
body.book-workflow.book-navigation-ready .book-navigation-bar button:disabled {opacity:.35;}
body.book-workflow.book-navigation-ready .book-navigation-bar #zoom-label {font-size:12px;min-width:42px;font-variant-numeric:tabular-nums;}
body.book-workflow.book-navigation-ready .book-navigation-hint {font-size:11px;color:var(--ui-muted,#64717b);white-space:nowrap;}
body.book-workflow.book-navigation-ready .book-navigation-original-focus {margin:0;}
html[data-theme] body.book-workflow.book-navigation-ready .canvas-scroll {
  flex:1 0 300px;
  min-height:300px;
  height:auto;
  max-height:none;
  overflow:auto;
  overscroll-behavior:contain;
}
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-can-pan,
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-can-pan #cover-canvas,
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-can-pan #cover-canvas * {cursor:grab;}
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-panning,
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-panning #cover-canvas,
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-panning #cover-canvas * {cursor:grabbing;}
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-can-pan {touch-action:none;user-select:none;}
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-can-pan input,
body.book-workflow.book-navigation-ready .canvas-scroll.book-navigation-can-pan textarea {cursor:text;user-select:text;}
@media(max-width:1024px) {
  body.book-workflow.book-navigation-ready .book-navigation-hint {display:none;}
  body.book-workflow.book-navigation-ready .book-navigation-bar {gap:8px;}
  body.book-workflow.book-navigation-ready .book-navigation-pan {flex-wrap:wrap;}
}
@media(max-width:768px) {
  html[data-theme] body.book-workflow.book-navigation-ready .workspace {padding:0 10px 10px;min-height:440px;}
  body.book-workflow.book-navigation-ready .book-navigation-bar {padding:8px 0;}
  body.book-workflow.book-navigation-ready .book-navigation-focus {flex:1 0 100%;}
  body.book-workflow.book-navigation-ready .book-navigation-pan {flex:1 1 auto;}
  body.book-workflow.book-navigation-ready .book-navigation-bar button {min-height:40px;}
}
@media(prefers-reduced-motion:reduce) {
  body.book-workflow.book-navigation-ready .canvas-stage {transition:none;}
}