.notebook-content {
  font-size: 1rem;
}

.notebook-content h1 {
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
}

.notebook-content h1 + h2 {
  color: var(--minima-brand-color);
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.25rem;
}

.notebook-content h2,
.notebook-content h3,
.notebook-content h4,
.notebook-content h5,
.notebook-content h6 {
  font-weight: 600;
  letter-spacing: 0;
}

.notebook-content .paragraph {
  display: block;
  margin-bottom: 15px;
}

.notebook-content li > .paragraph:last-child {
  margin-bottom: 0;
}

.notebook-content details {
  margin-bottom: 15px;
}

.notebook-content summary {
  cursor: pointer;
  margin-bottom: 10px;
}

.notebook-content blockquote {
  font-size: 1rem;
  font-style: normal;
}

.notebook-content :not(pre) > code {
  color: rgb(125, 18, 186);
}

.notebook-content .codehilite {
  background: var(--minima-code-background-color);
  border-radius: 3px;
  margin-bottom: 15px;
}

.notebook-content .codehilite pre {
  margin-bottom: 0;
}

.notebook-content .codehilite pre code {
  background: transparent;
  border: 0;
  padding: 0;
}

.notebook-content .codehilite .c,
.notebook-content .codehilite .c1 {
  color: #6a737d;
  font-style: italic;
}

.notebook-content .codehilite .k,
.notebook-content .codehilite .kn,
.notebook-content .codehilite .o {
  font-weight: 600;
}

.notebook-content .codehilite .s,
.notebook-content .codehilite .s1,
.notebook-content .codehilite .s2 {
  color: #032f62;
}

.notebook-content .codehilite .nb,
.notebook-content .codehilite .nf,
.notebook-content .codehilite .nv {
  color: #005cc5;
}

.notebook-content .codehilite .m,
.notebook-content .codehilite .mi {
  color: #005cc5;
}

@media screen and (max-width: 600px) {
  .notebook-content h1 {
    font-size: 1.5rem;
  }
}