* { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'Georgia', serif;
      line-height: 1.7;
      color: #333;
      background: #fafafa;
    }
    .container { max-width: 1000px; margin: 0 auto; padding: 40px 20px; }
    .breadcrumb { font-size: 0.9rem; color: #666; margin-bottom: 30px; }
    .breadcrumb a { color: #0066cc; text-decoration: none; }
    h1 { font-size: 2.5rem; margin: 30px 0 40px 0; color: #000; }
    .stats { display: flex; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }
    .stat { display: flex; flex-direction: column; }
    .stat-number { font-size: 2rem; font-weight: bold; color: #0066cc; }
    .stat-label { font-size: 0.95rem; color: #666; }
    .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; }
    .card {
      background: white;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 20px;
      text-decoration: none;
      color: #333;
      transition: all 0.3s;
    }
    .card:hover {
      background: #f9f9f9;
      border-color: #0066cc;
      box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);
    }
    .card-week { font-size: 0.85rem; color: #999; font-weight: bold; }
    .card-title { font-size: 1.1rem; font-weight: bold; margin: 10px 0; color: #000; line-height: 1.4; }
    .card-author { font-size: 0.85rem; color: #666; }
    .card-type { display: inline-block; margin-top: 10px; padding: 3px 8px; background: #f0f0f0; border-radius: 3px; font-size: 0.75rem; color: #555; }
    .back-link { margin: 40px 0; text-align: center; }
    .back-link a { color: #0066cc; text-decoration: none; }