/* Planet STEAM accent on top of the default Bootstrap theme. One violet accent, no gradients. */
:root {
  --ps-accent: #6D28D9;
  --ps-ink: #1A1530;
  --ps-ink-2: #5E5873;
  --ps-line: #EFEBF7;
}

body {
  color: var(--ps-ink);
}

a,
a:visited {
  color: var(--ps-accent);
}

h1, h2, h3 {
  color: var(--ps-ink);
  letter-spacing: -0.02em;
}

.lesson-meta {
  color: var(--ps-ink-2);
  font-size: 0.95rem;
}

pre.sourceCode,
div.sourceCode {
  border: 1px solid var(--ps-line);
  border-radius: 8px;
}

.callout {
  border-radius: 8px;
}

/* Narrow screens (the course is shown in an iframe that can be 335 px wide).
   matplotlib writes fixed width/height attributes on each chart, so without this the
   chart is wider than the frame and the whole page scrolls sideways. */
img,
figure img,
.cell-output-display img {
  max-width: 100%;
  height: auto;
}

/* Long code lines scroll inside their own block, never the page. */
div.sourceCode,
pre,
.cell-output {
  max-width: 100%;
  overflow-x: auto;
}

/* Long words or URLs in the text must not widen the page. */
main,
.content {
  overflow-wrap: break-word;
}