/* Shared finish for the interactive course libraries. Content and controls remain guide-specific. */
body[data-sc-study-guide] {
  margin: 0;
  min-height: 100%;
  background: #fafaf8;
  color: #202124;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body[data-sc-study-guide] #root :is(h1, h2, h3, h4, .syne, .soul-font-display) {
  font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-synthesis: none;
}

body[data-sc-study-guide] #root h1 {
  letter-spacing: -0.045em !important;
}

body[data-sc-study-guide] #root :is(button, input, select, textarea) {
  font-family: inherit;
}

body[data-sc-study-guide] #root a:focus-visible,
body[data-sc-study-guide] #root button:focus-visible,
body[data-sc-study-guide] #root input:focus-visible,
body[data-sc-study-guide] #root select:focus-visible,
body[data-sc-study-guide] #root textarea:focus-visible {
  outline: 3px solid rgba(35, 131, 226, 0.3);
  outline-offset: 3px;
}

body[data-sc-study-guide] #root :is(p, li) {
  text-wrap: pretty;
}

@media (max-width: 767px) {
  body[data-sc-study-guide] #root h1 {
    letter-spacing: -0.035em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-sc-study-guide] #root *,
  body[data-sc-study-guide] #root *::before,
  body[data-sc-study-guide] #root *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}