html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

a.active {
  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
  font-weight: 700;
}

.prose-lite h1,
.prose-lite h2,
.prose-lite h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 800;
  line-height: 1.4;
}

.prose-lite p,
.prose-lite li {
  line-height: 1.9;
}

.prose-lite ul {
  margin-left: 1.5rem;
  list-style: disc;
}

.prose-lite code {
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--color-base-300) 60%, transparent);
  padding: 0.15rem 0.45rem;
  font-size: 0.9em;
}