/* Page-level task views stay deliberately quiet: the editor remains the
   primary surface, while its markdown-derived views are one small switch away. */
.page-view-switcher {
  display: flex;
  gap: var(--space-1);
  align-items: center;
}

.page-view-tab {
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius);
  color: var(--text-muted);
  font-size: 0.8125rem;
  font-weight: 500;
}

.page-view-tab:hover {
  background: var(--bg-raised);
  color: var(--text);
}

.page-view-tab.active {
  background: var(--bg-raised);
  box-shadow: var(--shadow);
  color: var(--accent);
}

.task-view .page-view-switcher {
  margin-top: var(--space-2);
}

.section-import-form {
  position: relative;
}

.section-import-input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.section-import-form:focus-within .menu-item {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

/* ------------------------------------------------------- page board columns

   A Page board's columns are the page's own headings (Pages::BoardLayout), not
   the fixed todo/doing/done states, so the column header reuses the
   click-to-rename affordance (shared/_inline_rename) instead of a plain label.
   Everything else -- .board-column, .board-marker, .board-count, .board-card --
   is shared with the fixed board in application.css so the two look identical. */

.board-column h3 {
  min-width: 0;
}

.board-column h3 .title-edit {
  flex: 1;
  min-width: 0;
}

.board-column h3 .title-label {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: -0.01em;
}

.board-column h3 .title-edit input[type="text"] {
  font-family: var(--font-mono);
  font-size: 12.5px;
}