/* All courses: one reading surface beside the anatomy, including original pages. */
.workspace.guided-learning,
.workspace.guided-learning.dissector-open {
  max-width: 1600px;
  grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  height: calc(100dvh - var(--header-height, 80px) - var(--route-height, 58px));
  min-height: 480px;
}
.guided-learning #study-panel,
.guided-learning.dissector-open #study-panel {
  grid-column: 1;
  grid-row: 1;
  min-height: 0;
  max-height: none;
  border-left: 0;
  border-right: 1px solid var(--surface-border);
}
.guided-learning .viewer-panel,
.guided-learning.dissector-open .viewer-panel {
  grid-column: 2;
  grid-row: 1;
  min-height: 0;
  height: auto;
}
.guided-learning #lesson-reading,
.guided-learning.dissector-open #lesson-reading {
  display: block;
  padding: 1.1rem 1.6rem;
}
.guided-learning #lesson-title { font-size: 1.55rem; line-height: 1.25; margin-bottom: .65rem; }
.guided-learning .lesson-progress { margin-bottom: .45rem; }
.guided-learning .walk-meter { height: 3px; margin-bottom: .8rem; }
.guided-learning .lesson-purpose { font-size: .9375rem; line-height: 1.6; color: var(--text-secondary); margin: 0 0 .7rem; }
.guided-learning .lesson-cue { margin: .8rem 0 .9rem; max-width: none; }
.guided-learning .lesson-cue p { font-size: .9375rem; line-height: 1.6; }
.guided-learning #lesson-essentials { max-width: none; gap: .9rem; }
.guided-learning #lesson-essentials li { line-height: 1.6; }
.guided-learning .lesson-section-label { font-size: .75rem; letter-spacing: .035em; }
.guided-learning .lesson-term {
  display: inline; min-height: 0; padding: .05em 0; border: 0; border-radius: 2px;
  background: transparent; color: #abe8d8; font: inherit; line-height: inherit;
  text-align: inherit; white-space: normal; vertical-align: baseline;
  text-decoration: underline; text-decoration-color: #669a8c; text-underline-offset: 3px;
}
.guided-learning .lesson-term[aria-pressed="true"] { color: #e2fff5; text-decoration-thickness: 2px; }
.guided-learning .lesson-term:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; background: #28463f; }
.guided-learning .lesson-source-link {
  min-height: 44px; display: block; padding: .5rem 0; margin: .5rem 0 .7rem;
  background: transparent; border: 0; border-radius: 0; color: #a9d7c9;
  font-size: .875rem; text-align: left; line-height: 1.5;
}
.guided-learning .lesson-advance {
  display: flex; flex-direction: row; align-items: center; gap: .5rem;
  padding: .65rem 1.3rem; position: static; margin: 0;
}
.guided-learning .lesson-advance > .primary { order: 3; flex: 1; width: auto; }
.guided-learning .lesson-advance .walk-navigation { display: contents; }
.guided-learning .lesson-advance #walk-previous { order: 1; padding: .3rem .35rem; }
.guided-learning .lesson-advance #walk-check { order: 2; border: 0; padding: .3rem .5rem; font-size: .8125rem; }
.guided-learning .lesson-advance .meta { display: none; }
.guided-learning .lesson-cue .eyebrow, .guided-learning .lesson-section-label { letter-spacing: 0; font-weight: 600; font-size: .8125rem; text-transform: none; }
.guided-learning .lesson-cue { border-left-width: 1px; }
.guided-learning .stage-heading .eyebrow { display: none; }
.guided-learning.lab-overview-active .lesson-advance { display: block; }
.guided-learning.lab-overview-active .lesson-advance > .primary { width: 100%; }
.guided-learning.lab-overview-active .lesson-advance .meta { display: block; margin-top: .4rem; }
.guided-learning .dissector-panel { border: 0; }
#lesson-reader-slot { display: flex; flex: 1; min-height: 0; overflow: hidden; }
.guided-learning #lesson-reader-slot .dissector-panel {
  display: flex; width: 100%; height: 100%; min-height: 0; flex: 1; grid-area: auto;
}
.guided-learning .dissector-heading { padding: .75rem 1rem .4rem; align-items: center; }
.guided-learning .dissector-heading .eyebrow { display: none; }
.guided-learning .dissector-heading h2 { font-size: 1rem; margin-bottom: .2rem; }
.guided-learning .dissector-heading-actions { align-items: center; }
.guided-learning #close-dissector { min-height: 44px; font-size: .8125rem; white-space: nowrap; padding: .4rem .65rem; }
.guided-learning #follow-dissector { min-height: 44px; font-size: .75rem; }
.guided-learning .dissector-toolbar { padding: .3rem 1rem .7rem; }
.guided-learning .dissector-text-page { padding: 1.2rem 1.1rem 2rem; }
.guided-learning .dissector-foot { font-size: .75rem; padding: .6rem 1rem; }
.guided-learning .dissector-jump { font-size: .8125rem; min-height: 44px; }
.guided-learning .dissector-block [data-source-passage] { cursor: text; }
.guided-learning .stage-heading { padding: 1rem 1.2rem .5rem; }
.guided-learning .stage-heading h2 { font-size: 1.1rem; }
.guided-learning .camera-bar { gap: .35rem .6rem; padding: .35rem .75rem .5rem; }
.guided-learning .camera-bar button { font-size: .8125rem; min-height: 44px; padding: .4rem .55rem; }
.guided-learning .viewer-tools { position: relative; inset: auto; margin: .2rem .75rem; }
.guided-learning .guide { top: 0; }
@media (hover: hover) and (pointer: fine) {
  .guided-learning .lesson-term:hover { background: #28463f; color: #e2fff5; }
  .guided-learning .lesson-source-link:hover { color: #e2fff5; text-decoration: underline; text-underline-offset: 4px; }
}
@media (min-width: 741px) and (max-width: 1100px) {
  .workspace.guided-learning, .workspace.guided-learning.dissector-open { grid-template-columns: minmax(350px, 46%) minmax(0, 1fr); }
  .guided-learning #lesson-reading { padding: 1.2rem; }
  .guided-learning .lesson-advance { padding: .6rem 1rem; }
}
@media (max-width: 740px) {
  .workspace.guided-learning, .workspace.guided-learning.dissector-open { display: flex; height: auto; min-height: 0; }
  .guided-learning #study-panel, .guided-learning.dissector-open #study-panel { order: 2; min-height: 0; border-right: 0; }
  .guided-learning #lesson-reading { padding: 1.3rem 1.15rem; }
  .guided-learning .viewer-panel, .guided-learning.dissector-open .viewer-panel { order: 1; }
  .workspace.guided-learning.dissector-open.source-reading #study-panel { display: flex; height: max(540px, calc(100dvh - var(--header-height, 130px) - var(--route-height, 130px))); overflow: hidden; }
  .workspace.guided-learning.dissector-open.source-anatomy #lesson-reader-slot { display: none; }
  .workspace.guided-learning.dissector-open.source-anatomy #lesson-reading { display: block !important; }
  .guided-learning.dissector-open #lesson-reader-slot .dissector-panel { height: 100%; }
  .guided-learning .lesson-advance { padding: .8rem 1.15rem max(.8rem, env(safe-area-inset-bottom)); flex-shrink: 0; }
  .guided-learning .lesson-advance { padding-inline: .75rem; gap: .25rem; }
  .guided-learning .lesson-advance > .primary { font-size: .8125rem; white-space: nowrap; padding-inline: .5rem; }
  .guided-learning .lesson-advance #walk-previous { font-size: .8125rem; }
  .guided-learning.lab-overview-active #study-panel { order: 0; }
  .guided-learning .dissector-heading { gap: .4rem; padding-inline: .8rem; }
  .guided-learning .dissector-heading-actions { gap: .25rem; }
  .guided-learning .dissector-position { font-size: .75rem; }
}
