:root {
  --color-propellum-blue: #0077b6;
  --color-propellum-orange-deep: #f25c54;
  --color-propellum-orange-light: #ffb703;
}

.sidebar-link {
  padding: 0.6rem 1rem;
  border-radius: 0.75rem;
  color: rgb(71 85 105);
  font-weight: 700;
  font-size: 0.875rem;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  border: 1px solid transparent;
}

.sidebar-link:hover {
  background: rgb(248 250 252);
}

.sidebar-link.active {
  background: color-mix(in srgb, var(--color-propellum-blue) 10%, white);
  border-color: color-mix(in srgb, var(--color-propellum-blue) 25%, white);
  color: var(--color-propellum-blue);
}

.markdown-body h2 {
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  font-size: 1.875rem;
  font-weight: 900;
  color: rgb(15 23 42);
  letter-spacing: -0.02em;
}

.markdown-body h3 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  font-weight: 800;
  color: rgb(15 23 42);
}

.markdown-body p {
  color: rgb(71 85 105);
  line-height: 1.75;
}

.markdown-body table {
  width: 100%;
  border-collapse: collapse;
}

.markdown-body th,
.markdown-body td {
  text-align: left;
}

.codeblock pre {
  margin: 0;
}