body {
  font-family: "Inter", sans-serif;
  background-color: #f5f5f4; /* stone-100 */
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #e7e5e4; /* stone-200 */
}
::-webkit-scrollbar-thumb {
  background: #a8a29e; /* stone-400 */
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #78716c; /* stone-500 */
}
.chart-container {
  position: relative;
  width: 100%;
  max-width: 200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.task-list {
  list-style-type: decimal;
  padding-left: 20px;
}
pre.success-criteria {
  background-color: #f3f4f6; /* gray-100 */
  padding: 1rem;
  border-radius: 0.5rem;
  font-family: "Courier New", Courier, monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #3f3f46; /* zinc-700 */
  font-size: 0.9em;
  border: 1px solid #e5e7eb; /* gray-200 */
}
.prose code,
.task-list code {
  background-color: #f3f4f6; /* gray-100 */
  color: #ea580c; /* orange-600 */
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 0.85em;
  border-radius: 0.25rem;
  font-weight: 500;
}
pre.success-criteria code {
  background-color: transparent;
  color: inherit;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
}
.extra-links li a {
  text-decoration: underline;
  color: #0284c7; /* sky-600 */
}