.segment[data-v-be83b759] {
  margin-bottom: 1.2rem;
  /* Keep the title visible below the fixed top app bar when scrolled to via anchor. */
  scroll-margin-top: 72px;
}
.segment-collapsed[data-v-be83b759] {
  cursor: pointer;
  scroll-margin-top: 72px;
}
/* Vuetify's v-card-title is nowrap + overflow hidden, which cut the action
   buttons off at the card edge on a phone. Let them wrap onto a second line. */
.segment-collapsed[data-v-be83b759] .v-card-title {
  flex-wrap: wrap;
  row-gap: 4px;
  white-space: normal;
}
.content-item-anchor[data-v-be83b759],
.card-holder[data-v-be83b759] {
  scroll-margin-top: 72px;
}
[data-v-be83b759] .content-card-component {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

/* On mobile, give the expanded content as much width as possible instead of
   spending it on the card's default horizontal padding/gutters. */
@media (max-width: 600px) {
.segment-body[data-v-be83b759] {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.segment-body[data-v-be83b759] .v-row {
    margin-left: 0;
    margin-right: 0;
}
.segment-body[data-v-be83b759] .v-col {
    padding-left: 0;
    padding-right: 0;
}
}

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