body {
  padding: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;

  background-color: Canvas;
  color: CanvasText;
  color-scheme: light dark;
}

h1 {
  font-size: 36px;
  margin-top: 0;
}

p {
  color: rgb(107, 114, 128);
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.card {
  max-width: 620px;
  margin: 0 auto;
  padding: 16px;
  border: 1px solid lightgray;
  border-radius: 16px;
}

.card p:last-child {
  margin-bottom: 0;
}

#content {
  max-width: 1024px;
  margin: 0 auto;
}

#sunburst {
  margin-top: 2rem;
  max-width: 928px;
}

.sunburst-label {
  @media (prefers-color-scheme: dark) {
    fill: lightgray;
  }
}