body {
      font-family: Arial, sans-serif;
      background-color: #f5f7fa;
      color: #333;
      margin: 0;
      padding: 0;
    }
    header {
      background-color: #6b46c1;
      color: white;
      padding: 1rem;
      text-align: center;
    }
    section {
      max-width: 900px;
      margin: 2rem auto;
      background: white;
      padding: 1.5rem;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      border-left: 6px solid #6b46c1;
    }
    h2 {
      color: #6b46c1;
      margin-top: 0;
    }
    .stories {
      list-style: none;
      padding: 0;
      margin-top: 0.5rem;
    }
    .stories li {
      margin: 0.5rem 0;
    }
    .stories a {
      text-decoration: none;
      color: #2b6cb0;
      font-weight: bold;
      transition: color 0.2s ease;
    }
    .stories a:hover {
      color: #553c9a;
      text-decoration: underline;
    }
    .stories li::before {
      content: "📌";
      margin-right: 8px;
    }
    .status {
      font-weight: bold;
      padding: 0.3rem 0.6rem;
      border-radius: 5px;
      display: inline-block;
      margin-bottom: 0.5rem;
    }
    .done { background-color: #48bb78; color: white; }
    .in-progress { background-color: #ed8936; color: white; }
    .upcoming { background-color: #a0aec0; color: white; }