.page-break[data-v-dae10d64] {
  page-break-before: always;
  break-before: always;
  /* border-bottom: 2px solid blue; */
}

.chapter-title[data-v-ed0ccb00] {
  margin-bottom: 0.25rem;
}
.lesson-block[data-v-ed0ccb00] {
  margin-top: 1rem;
}
.lesson-title[data-v-ed0ccb00] {
  margin-bottom: 0.5rem;
}
.segment-block[data-v-ed0ccb00] {
  margin-top: 1rem;
}
.segment-title[data-v-ed0ccb00] {
  margin-bottom: 0.25rem;
}
.content-items[data-v-ed0ccb00] {
  margin-left: 0.25rem;
}
.chapter-preview-wrapper[data-v-ed0ccb00] {
  margin: 0 auto;
}
.chapter-preview[data-v-ed0ccb00] {
  max-width: 680px;
  margin: 0 auto;
}
.summary-items[data-v-ed0ccb00] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.summary-item[data-v-ed0ccb00] {
  display: flex;
  align-items: center;
}
/* Answer lines */
.answer-line[data-v-ed0ccb00] {
  border-bottom: 1px solid #afafaf;
  margin-top: 7mm;
  margin-bottom: 7mm;
}
@page {
  size: A4;
  margin: 15mm 15mm 20mm 15mm;
}
.front-page[data-v-ed0ccb00] {
  padding: 10mm;
}
.front-page-img[data-v-ed0ccb00] {
  border-radius: 4px;
  width: 50%;
}
.content-item-number-holder[data-v-ed0ccb00] {
  display: inline-block;
  width: 50px;
  margin-left: -62px;
}
@media print {
.front-page[data-v-ed0ccb00] {
    /* Full printable height: A4 height minus top & bottom margins */
    min-height: calc(297mm - 15mm - 20mm);
    break-after: page;
    page-break-after: always; /* legacy fallback */
}
  /* Allow cover to span full width on print */
.chapter-preview[data-v-ed0ccb00] {
    max-width: none;
    margin-left: 62px;
}
  /* Adjust margin when numbers are not shown */
.chapter-preview.no-numbers[data-v-ed0ccb00] {
    margin-left: 0;
}
}

.lessons-container[data-v-6395b69a] {
  max-height: 500px;
  overflow-y: auto;
}
.lesson-section[data-v-6395b69a] {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px;
  background-color: #fafafa;
}
.lesson-header[data-v-6395b69a] {
  font-weight: 600;
}
.segments-container[data-v-6395b69a] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.segment-item[data-v-6395b69a] {
  display: flex;
  align-items: center;
}

.preview-settings-bar[data-v-a4d57603] {
  padding: 0.2rem 1rem;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
}
/* .preview-settings-bar .setting {
  display: flex;
  align-items: center;
} */
.preview-settings-bar .actions[data-v-a4d57603] {
  display: flex;
  flex-wrap: wrap; /* phone: the actions ran past the viewport */
  align-items: center;
}
.actions .action[data-v-a4d57603] {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.preview-settings-bar .setting-item[data-v-a4d57603] {
  display: flex;
  align-items: center;
}
.preview-settings-bar .setting.export-mode-tabs[data-v-a4d57603] {
  width: 100%;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
}
.preview-settings-bar .input-label[data-v-a4d57603] {
  font-size: 1rem;
  /* font-weight: 600; */
  white-space: nowrap;
}
.text-truncate[data-v-a4d57603] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
@media print {
.preview-settings-bar[data-v-a4d57603] {
    display: none !important;
}
}

.controls[data-v-45cdcf5f] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mode-group[data-v-45cdcf5f],
.size-group[data-v-45cdcf5f],
.video-group[data-v-45cdcf5f] {
  margin-right: 16px;
}
.size-selected[data-v-45cdcf5f] {
  background-color: rgb(var(--v-theme-secondary)) !important;
  color: white !important;
}
.mode-selected[data-v-45cdcf5f] {
  background-color: rgb(var(--v-theme-primary)) !important;
  color: white !important;
}
.lesson-objective[data-v-45cdcf5f] {
  display: inline-block;
  padding-right: 4px;
  padding-bottom: 4px;
  text-align: center;
}
.inset-border[data-v-45cdcf5f] {
  outline: 1px solid black;
  outline-offset: -1px;
}
.inset-border[data-v-45cdcf5f]:hover {
  /* add shadow */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.objectives-grid[data-v-45cdcf5f] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.objectives-grid .lesson-objective[data-v-45cdcf5f] {
  padding: 0;
}

.loading-container[data-v-b8f32b9c] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}