/* Scoped to the optional new note; historical notes and other screens keep their styles. */
.card.study-help-card { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.card.study-help-card .card-body { flex-shrink: 0; }
.study-help-actions { position: relative; flex-shrink: 0; width: 100%; margin-top: 12px; }
.study-help-actions > .report-link {
  position: absolute; isolation: isolate; top: 0; right: 0;
  min-height: 44px; margin: 0; padding: 6px 10px; border-radius: 999px;
  font-family: inherit; font-size: 12px; line-height: 1.4; font-weight: 600;
  color: #6f6878; opacity: 1; white-space: nowrap; text-decoration: none;
}
.study-help-actions > .report-link::before {
  content: ''; position: absolute; inset: 5px 0; z-index: -1;
  border: 1px solid #e1dfe5; border-radius: 999px; background: #f8f7f9;
}
.study-help-actions > .report-link:hover::before { background: #f0eef3; }
.study-help-actions > .report-link:hover { color: #514a59; }
.study-help-actions > .report-link:focus-visible { outline: none; }
.study-help-actions > .report-link:focus-visible::before { outline: 2px solid #8b8297; outline-offset: 2px; }
.card-note.study-help {
  width: 100%; max-width: 100%; margin: 0; color: #343044; text-align: left;
  border: 0; background: transparent; box-sizing: border-box;
}
.card-note.study-help > summary {
  position: relative; isolation: isolate;
  display: flex; width: fit-content; max-width: 100%; height: auto; min-height: 44px; gap: 6px;
  justify-content: flex-start; padding: 6px 10px; border: 0; border-radius: 999px;
  background: transparent; color: #54258d; box-sizing: border-box; list-style: none;
  font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.study-help-actions > .study-help > summary { max-width: calc(100% - var(--study-help-report-space, 130px)); }
/* The pill looks smaller while its full 44px row remains easy to tap. */
.card-note.study-help > summary::before {
  content: ''; position: absolute; inset: 5px 0; z-index: -1;
  border: 1px solid #e4ddec; border-radius: 999px; background: #fcfaff;
}
.card-note.study-help > summary:hover::before { background: #f4eefb; }
.card-note.study-help > summary:focus-visible { outline: none; }
.card-note.study-help > summary:focus-visible::before { outline: 2px solid #9968d2; outline-offset: 2px; }
.study-help-icon {
  width: 20px; height: 20px; border: 1px solid #d8c5ed; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px;
  background: #f0e7fa; font: italic 700 13px Georgia, serif;
}
.study-help-label { font-size: 12px; line-height: 1.4; font-weight: 600; }
.study-help-audio-icon { width: 18px; height: 18px; flex: 0 0 18px; color: #54258d; }
.study-help-chevron { width: 14px; height: 14px; margin-left: auto; transition: transform 160ms ease; flex-shrink: 0; }
.study-help[open] .study-help-chevron { transform: rotate(180deg); }
.study-help-content {
  margin-top: 6px; padding: 16px; border: 1px solid #e4ddec; border-radius: 16px; background: #fcfaff;
}
.study-help-content h3 { font-size: 17px; line-height: 1.35; margin: 2px 0 9px; color: #302238; font-weight: 750; }
.card-note.study-help .study-help-content p {
  font-size: 14px; line-height: 1.65; margin: 0; padding: 0; background: none;
  border: 0; border-radius: 0; color: #514a59; overflow-wrap: anywhere;
}
.card-note.study-help .study-help-content .study-help-tip {
  border-top: 1px solid #e8e0f0; padding-top: 12px; margin-top: 14px;
  font-size: 13px; color: #655a70;
}
.study-help-tip > span { display: block; color: #554263; font-weight: 750; margin-bottom: 3px; }
.study-help-example { margin-top: 14px; padding: 12px 14px; background: #fff; border: 1px solid #e8e1ef; border-radius: 12px; }
.study-help-eyebrow { display: block; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #887296; margin-bottom: 5px; }
.card-note.study-help .study-help-example p:first-of-type { font-size: 16px; color: #54258d; font-weight: 700; line-height: 1.5; }
.card-note.study-help .study-help-example .study-help-meaning { margin-top: 4px; font-size: 13px; color: #766d7c; }
@media (prefers-reduced-motion: reduce) { .study-help-chevron { transition: none; } }
@media (max-width: 380px) {
  .study-help-actions > .report-link { padding-inline: 8px; }
  .study-help-actions > .study-help > summary { max-width: calc(100% - var(--study-help-report-space, 126px)); padding-inline: 8px; gap: 3px; }
  .study-help-icon { width: 18px; height: 18px; flex-basis: 18px; }
  .study-help-chevron { width: 12px; height: 12px; }
  .study-help-content { padding: 13px; }
}

/* Reporting remains consistent on cards that need no additional explanation. */
.study-help-actions--report-only { display: flex; justify-content: flex-end; }
.study-help-actions--report-only > .report-link { position: relative; top: auto; right: auto; }