.carbon_content-wrapper {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: #121212;
      background-color: #ffffff;
      padding: 24px;
      box-sizing: border-box;
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      line-height: 1.4;
      position: relative;
    }

    .carbon_content-wrapper * {
      box-sizing: border-box;
    }

    /* Header Section */
    .carbon_content-wrapper .calendar-header {
      text-align: center;
      margin-bottom: 20px;
    }

    .carbon_content-wrapper .calendar-title {
      font-family: 'Georgia', serif;
      font-size: 2.2rem;
      font-weight: 700;
      margin: 0 0 8px 0;
      letter-spacing: -0.02em;
    }

    .carbon_content-wrapper .calendar-subtitle {
      font-size: 1.05rem;
      color: #444;
      margin-bottom: 12px;
    }

    .carbon_content-wrapper .calendar-meta {
      font-size: 0.85rem;
      color: #666;
      border-bottom: 1px solid #e2e2e2;
      padding-bottom: 16px;
      margin-bottom: 16px;
    }

    .carbon_content-wrapper .calendar-meta a {
      color: #121212;
      text-decoration: underline;
    }

    .carbon_content-wrapper .calendar-meta .updated-date {
      color: #c93b2b;
      font-weight: 600;
      margin-left: 6px;
    }

    /* Status Bar */
    .carbon_content-wrapper .status-bar {
      background-color: #fdf6e2;
      border: 1px solid #f3e5b9;
      padding: 10px 16px;
      font-size: 0.95rem;
      margin-bottom: 32px;
      border-radius: 4px;
    }

    .carbon_content-wrapper .status-bar strong {
      font-weight: 600;
    }

    /* Calendar Grid Layout (Months) */
    .carbon_content-wrapper .calendar-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px 24px;
    }

    @media (max-width: 768px) {
      .carbon_content-wrapper .calendar-grid {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    .carbon_content-wrapper .month-block {
      display: flex;
      flex-direction: column;
      padding: 16px;
      border-radius: 6px;
      transition: background-color 0.2s ease;
    }

    .carbon_content-wrapper .month-block.alt-bg-0 {
      background-color: #fafafa;
    }

    .carbon_content-wrapper .month-block.alt-bg-1 {
      background-color: #f4f6f8;
    }

    .carbon_content-wrapper .month-title {
      font-family: 'Georgia', serif;
      font-size: 1.15rem;
      font-weight: 700;
      border-bottom: 1px solid #e2e2e2;
      padding-bottom: 6px;
      margin-bottom: 12px;
    }

    .carbon_content-wrapper .no-events {
      font-size: 0.9rem;
      color: #777;
      font-style: italic;
      padding: 8px 0;
    }

    /* Continuum Rows */
    .carbon_content-wrapper .date-row {
      display: flex;
      align-items: flex-start;
      margin-bottom: 6px;
      min-height: 28px;
    }

    .carbon_content-wrapper .date-label {
      width: 32px;
      font-size: 0.85rem;
      color: #666;
      padding-top: 4px;
      flex-shrink: 0;
      text-align: right;
      padding-right: 4px;
      border-right: 1px solid #e2e2e2;
    }

    .carbon_content-wrapper .events-container {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      flex-grow: 1;
      padding-left: 4px;
    }

    /* Event Badges - Distinct Color Rework per Category Code */
    .carbon_content-wrapper .event-badge {
      font-size: 0.75rem;
      font-weight: 700;
      padding: 4px 8px;
      border-radius: 2px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      transition: opacity 0.15s ease, transform 0.1s ease;
      position: relative;
    }

    .carbon_content-wrapper .event-badge:hover {
      opacity: 0.85;
      transform: translateY(-1px);
    }

    /* Category Tag Distinct Colors */
    .carbon_content-wrapper .cat-ecf { background-color: #2b5c8f; color: #ffffff; } /* Election Campaign Financing */
    .carbon_content-wrapper .cat-nom { background-color: #8c619b; color: #ffffff; } /* Nominations */
    .carbon_content-wrapper .cat-ind { background-color: #c96b27; color: #ffffff; } /* Independent Candidates */
    .carbon_content-wrapper .cat-pre { background-color: #5c8a72; color: #ffffff; } /* Presidential Planning */
    .carbon_content-wrapper .cat-reg { background-color: #3b7a82; color: #ffffff; } /* Candidate Registration */
    .carbon_content-wrapper .cat-rov { background-color: #8c3f5d; color: #ffffff; } /* Register of Voters */
    .carbon_content-wrapper .cat-pl  { background-color: #827717; color: #ffffff; } /* Party Lists */
    .carbon_content-wrapper .cat-agt { background-color: #5d4037; color: #ffffff; } /* Agents */
    .carbon_content-wrapper .cat-ge  { background-color: #c29b38; color: #ffffff; } /* General Election */
    .carbon_content-wrapper .cat-trn { background-color: #455a64; color: #ffffff; } /* Training */
    .carbon_content-wrapper .cat-res { background-color: #2e7d32; color: #ffffff; } /* Results */
    .carbon_content-wrapper .cat-pet { background-color: #c93b2b; color: #ffffff; } /* Petitions */
    .carbon_content-wrapper .cat-ict { background-color: #00838f; color: #ffffff; } /* ICT */
    .carbon_content-wrapper .cat-rsk { background-color: #d84315; color: #ffffff; } /* RSK */
    .carbon_content-wrapper .cat-obs { background-color: #6a1b9a; color: #ffffff; } /* OBS */
    .carbon_content-wrapper .cat-part{ background-color: #1565c0; color: #ffffff; } /* PART */
    .carbon_content-wrapper .cat-ve  { background-color: #ad1457; color: #ffffff; } /* VE */
    .carbon_content-wrapper .cat-comm{ background-color: #00695c; color: #ffffff; } /* COMM */
    .carbon_content-wrapper .cat-log { background-color: #4e342e; color: #ffffff; } /* Logistics */

    /* Tooltip */
    .carbon_content-wrapper .carbon-tooltip {
      position: absolute;
      bottom: calc(100% + 6px);
      left: 50%;
      transform: translateX(-50%);
      background: #121212;
      color: #fff;
      padding: 6px 10px;
      font-size: 0.75rem;
      border-radius: 4px;
      white-space: nowrap;
      z-index: 100;
      pointer-events: none;
      box-shadow: 0 4px 6px rgba(0,0,0,0.15);
      display: none;
      text-transform: none;
      font-weight: 400;
    }

    .carbon_content-wrapper .event-badge:hover .carbon-tooltip {
      display: block;
    }

    .carbon_content-wrapper .carbon-tooltip.align-left {
      left: 0;
      transform: none;
    }
    .carbon_content-wrapper .carbon-tooltip.align-right {
      left: auto;
      right: 0;
      transform: none;
    }

    /* Legend Section */
    .carbon_content-wrapper .calendar-legend {
      margin-top: 40px;
      padding-top: 20px;
      border-top: 1px solid #e2e2e2;
    }

    .carbon_content-wrapper .legend-title {
      font-family: 'Georgia', serif;
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 12px;
    }

    .carbon_content-wrapper .legend-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px 16px;
    }

    @media (max-width: 768px) {
      .carbon_content-wrapper .legend-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .carbon_content-wrapper .legend-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.85rem;
      color: #333;
    }

    .carbon_content-wrapper .legend-badge {
      font-size: 0.75rem;
      font-weight: 700;
      width: 53px;
      padding: 3px 6px;
      border-radius: 2px;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      flex-shrink: 0;
    }

    /* Footer / Developed By Caption */
    .carbon_content-wrapper .calendar-footer {
      margin-top: 24px;
      text-align: center;
      font-size: 0.8rem;
      color: #777;
      border-top: 1px dashed #e2e2e2;
      padding-top: 16px;
    }

    /* Modal Styling */
    .carbon_content-wrapper .carbon-modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease;
    }

    .carbon_content-wrapper .carbon-modal-overlay.active {
      opacity: 1;
      pointer-events: auto;
    }

    .carbon_content-wrapper .carbon-modal {
      background: #fff;
      width: 90%;
      max-width: 500px;
      border-radius: 8px;
      padding: 24px;
      position: relative;
      box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }

    .carbon_content-wrapper .modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      background: none;
      border: none;
      font-size: 1.25rem;
      cursor: pointer;
      color: #666;
    }

    .carbon_content-wrapper .modal-category {
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      padding: 2px 6px;
      border-radius: 2px;
      display: inline-block;
      margin-bottom: 8px;
    }

    .carbon_content-wrapper .modal-title {
      font-family: 'Georgia', serif;
      font-size: 1.5rem;
      font-weight: 700;
      margin: 0 0 8px 0;
    }

    .carbon_content-wrapper .modal-date {
      font-size: 0.9rem;
      color: #666;
      margin-bottom: 16px;
    }

    .carbon_content-wrapper .modal-summary {
      font-size: 1.05rem;
      font-weight: 600;
      margin-bottom: 12px;
      color: #222;
    }

    .carbon_content-wrapper .modal-description {
      font-size: 0.95rem;
      color: #444;
      line-height: 1.5;
      margin-bottom: 24px;
    }

    .carbon_content-wrapper .modal-nav {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #eee;
      padding-top: 16px;
    }

    .carbon_content-wrapper .modal-nav-btn {
      background: #f4f4f4;
      border: 1px solid #ccc;
      padding: 6px 14px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 0.9rem;
      font-weight: 600;
      color: #333;
    }

    .carbon_content-wrapper .modal-nav-btn:hover {
      background: #e9e9e9;
    }