body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  color: #333;
  background-color: #f4f4f4;
  margin: 0;
}
.container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px 16px;
}
h1 {
  color: #2c3e50;
  margin: 0;
  font-size: 1.6em;
}
h2 {
  color: #2c3e50;
  margin: 0 0 4px;
  font-size: 1.2em;
}
.subtitle,
.notes {
  color: #555;
}
.subtitle {
  margin: 0.2em 0 1em;
}
.notes {
  font-size: 0.9em;
}
.card {
  background-color: #fff;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}