/* Source choices stay in the reading flow and use native keyboard disclosure. */
.lo-study-note .lo-note-sources {
  clear: both;
  max-width: 100%;
  margin: 2px 0 12px;
  font-size: 12px;
  line-height: 1.5;
}
.lo-study-note .lo-note-sources > summary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  width: fit-content;
  min-height: 32px;
  margin-left: auto;
  padding: 2px 5px;
  border-radius: 4px;
  color: var(--live-book-muted,var(--muted,#727971));
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: color 160ms ease, background-color 160ms ease;
}
.lo-study-note .lo-note-sources > summary::-webkit-details-marker { display: none; }
.lo-study-note .lo-note-sources > summary::after {
  content: "";
  width: 5px;
  height: 5px;
  margin: -3px 2px 0;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform 160ms ease;
}
.lo-study-note .lo-note-sources[open] > summary::after {
  margin-top: 2px;
  transform: rotate(225deg);
}
.lo-study-note .lo-note-sources > summary:hover,
.lo-study-note .lo-note-sources[open] > summary {
  color: var(--lo-signal,var(--accent,#416858));
}
.lo-study-note .lo-note-sources-list {
  display: grid;
  gap: 0;
  max-height: 20rem;
  margin: 3px 0 0;
  padding: 3px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--live-book-line,var(--line,#dce2dc));
  border-radius: 7px;
  background: var(--live-book-paper,var(--paper,#f7f8f4));
  list-style: none;
}
.lo-study-note .lo-note-sources-list > li { min-width: 0; margin: 0; padding: 0; }
.lo-study-note .lo-note-source-option {
  display: grid;
  gap: 4px;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 10px 11px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: var(--live-book-ink,var(--ink,#24352b));
  font: inherit;
  text-align: left;
  white-space: normal;
  cursor: pointer;
  transition: background-color 160ms ease;
}
.lo-study-note .lo-note-source-option:hover {
  background: var(--hover,#edf1e9);
}
.lo-study-note .lo-note-source-page {
  color: var(--lo-signal,var(--accent,#416858));
  font-size: 12px;
  font-weight: 600;
}
.lo-study-note .lo-note-source-excerpt {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 13px;
  line-height: 1.65;
}
.lo-study-note .lo-note-sources > summary:focus-visible,
.lo-study-note .lo-note-source-option:focus-visible {
  outline: 2px solid var(--lo-signal,var(--accent,#416858));
  outline-offset: -2px;
}
@media (max-width: 800px), (pointer: coarse) {
  .lo-study-note .lo-note-sources > summary { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .lo-study-note .lo-note-sources > summary,
  .lo-study-note .lo-note-sources > summary::after,
  .lo-study-note .lo-note-source-option { transition: none; }
}

.lo-study-note .lo-note-source-option[aria-current="true"] { background: color-mix(in srgb,var(--lo-signal,var(--accent,#416858)) 9%,transparent); }
.lo-study-note .lo-note-source-excerpt .katex-display { margin: .2em 0; text-align: left; overflow-x: auto; }