/* Keep the lesson's styles isolated, with one scrolling learning pane. */
body.edu-page {
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.edu-page > nav { flex: 0 0 auto; max-height: 70dvh; overflow-y: auto; }
.edu-toolbar {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  padding: .5rem 1rem;
  border-bottom: 1px solid var(--tn-border);
  font-size: .875rem;
}
.edu-toolbar h1 { margin: 0; font-size: inherit; line-height: inherit; }
.edu-page > main { flex: 1; min-height: 0; }
.edu-page iframe { display: block; width: 100%; height: 100%; border: 0; }