:root {
  --accent:    #1a4a7a;
  --accent2:   #c0392b;
}

/* Header */

h2 {
  font-size:      2rem;
  font-weight:    600;
  color:          var(--accent);
  letter-spacing: -.01em;
  line-height:    1.25;
}

h3 {
  font-size:     1.25rem;
  font-weight:   600;
  color:         var(--accent);
  border-left:   3px solid var(--accent);
  padding-left:  .75rem;
  margin-bottom: .9rem;
  margin-top:    2rem;
}

h4 {
  font-size:     1rem;
  font-weight:   600;
  color:         var(--accent2);
  margin:        1rem 0 .4rem;
}

/* Reaction label */
.rxn-label {
  font-family: 'JetBrains Mono', monospace;
  font-size:   .8rem;
  color:       var(--text-mute);
  margin-bottom: .25rem;
}

/* Note box */
.note {
  background:    #fff8e1;
  border-left:   4px solid #f9a825;
  border-radius: 0 4px 4px 0;
  padding:       .75rem 1rem;
  margin:        1rem 0;
  font-size:     .95rem;
  color:         #5d4037;
}

/* Equation blocks */

.equation {
  background: #f0f4f8;
  border-left: 4px solid #1a4a7a;
  border-radius: 0 4px 4px 0;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  overflow-x: auto;
}

.equation .katex-display {
  margin: .5rem 0;
}