/* The same geometry applies in read and edit mode. Only guides are toggled. */
.travel-canvas .travel-canvas__canvas-area { position: relative; flex: none; }
.travel-canvas .travel-canvas__surface { position: absolute; top: 0; left: 0; transform-origin: top left; }
.travel-canvas__surface .canvas-workspace-day h1 { font-size: 26px; }
.travel-canvas__surface > .canvas-workspace-day {
  position: absolute; left: var(--page-margin); top: var(--page-margin);
  width: var(--page-content-width); box-sizing: border-box;
}
.travel-canvas__surface > .travel-canvas__spot-section {
  left: var(--page-margin) !important; right: auto !important;
  width: var(--page-content-width);
}
.travel-canvas__surface .travel-canvas__spot-header { box-sizing: border-box; }
.travel-canvas__surface .travel-canvas__caption:empty {
  display: block !important; height: 24px; min-height: 24px; padding: 0;
}
.travel-canvas[data-mode="read"] .travel-canvas__caption:empty::before,
.travel-canvas[data-mode="read"] .travel-canvas__text:empty::before { visibility: hidden; }
.travel-canvas__surface [data-canvas-field][contenteditable="true"] { min-height: 0 !important; }
.travel-canvas__surface [data-canvas-field]:empty::before { position: absolute; }
.canvas-page-guides { position: absolute; inset: 0; pointer-events: none; z-index: 0; visibility: hidden; }
.travel-canvas[data-mode="edit"] .canvas-page-guides { visibility: visible; }
.canvas-page-guide { position: absolute; box-sizing: border-box; border-radius: 3px; background: transparent; outline: 1px dashed #0003; }
.canvas-page-guide > span { position: absolute; top: -25px; left: 0; color: #90959d; font: 10px/1.4 Arial, sans-serif; letter-spacing: .08em; }
.travel-canvas[data-mode="edit"] .travel-canvas__object.is-selected[data-page-warning]:not([data-page-warning=""])::after {
  content: attr(data-page-warning); position: absolute; top: calc(100% + 8px); left: 0;
  padding: 5px 8px; width: max-content; max-width: 280px; background: #fff6dd;
  border: 1px solid #d5c18d; color: #765720; font: 12px/1.4 Arial, sans-serif;
  pointer-events: none;
}
.canvas-publication-host { position: fixed; left: -30000px; top: 0; width: 1200px; pointer-events: none; }
.canvas-publication-host .travel-canvas { position: relative !important; inset: auto !important; width: 1200px !important; height: auto !important; overflow: visible !important; transform: none !important; }
.canvas-publication-host .travel-canvas__surface { transform: none !important; }
.canvas-publication-host .travel-canvas__panel { transform: none !important; }
.canvas-publication-host .travel-canvas__day-timeline { display: none !important; }
@media (min-width: 601px) and (max-width: 800px) {
  .canvas-workspace-chrome { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; grid-template-rows: 44px 44px; align-content: start; height: 106px; padding: 5px 8px; gap: 5px 4px; }
  .canvas-workspace-chrome .canvas-workspace-home { grid-column: 1; grid-row: 1; margin: 0 !important; padding: 0; border: 0; text-align: left; }
  .canvas-workspace-chrome .canvas-workspace-edit { grid-column: 2; grid-row: 1; }
  .canvas-workspace-chrome .canvas-workspace-add-spot { grid-column: 3; grid-row: 1; }
  .canvas-workspace-chrome .travel-canvas__read-book { grid-column: 4; grid-row: 1; padding: 0 8px; font-size: 11px; }
  .canvas-workspace-chrome .canvas-workspace-path { display: none; }
  .canvas-workspace-chrome .canvas-workspace-controls { grid-row: 2; grid-column: 1 / -1; min-width: 0; }
  .canvas-workspace-chrome .travel-canvas__editor-bar { flex-direction: row; align-items: center; justify-content: space-between; gap: 4px; }
  .canvas-workspace-chrome .travel-canvas__editor-actions { flex-wrap: nowrap; }
  .canvas-workspace-chrome .travel-canvas__editor-status { margin: 0; }
  .canvas-workspace-chrome .canvas-workspace-add { grid-row: 2; grid-column: 4; padding: 0; }
  .canvas-workspace-chrome[data-mode="read"] .canvas-workspace-controls { grid-column: 1 / -1; }
}