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

    .carbon_content-wrapper {
        --primary-color: #2c3e50;
        --accent-color: #3498db;
        --bg-color: #f8f9fa;
        --card-bg: #ffffff;
        --text-color: #333333;

        margin: 0;
        font-family: 'Morion', 'Georgia', serif;
        font-size: 1.125rem;
        line-height: 1.5;
        color: var(--text-color);
        background-color: var(--bg-color);

        width: 100vw;
        margin-top: 50px;
        margin-left: calc(-20px);
        margin-right: calc(-20px);
        margin-bottom: 50px;
    }

    /* --- Embeddable Scrollytelling Component --- */
    .carbon_content-wrapper .scrolly-container {
      display: flex;
      max-width: 1200px;
      margin: 2rem auto;
      position: relative;
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
      z-index: 1;
    }

    /* Narrative Scrolling Column (Left side on desktop) */
    .carbon_content-wrapper .scroller {
      flex: 1;
      padding: 4rem 2rem;
      position: relative;
      z-index: 2;
    }

    .carbon_content-wrapper .step {
      margin: 0 auto 75vh auto;
      padding: 2rem;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(8px);
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      border-radius: 8px;
      border-left: 4px solid transparent;
      opacity: 0.3;
      transform: translateY(20px);
      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
      max-width: 420px;
    }

    .carbon_content-wrapper .step:last-child {
      margin-bottom: 30vh;
    }

    .carbon_content-wrapper .step h2 {
      margin-top: 0;
      color: var(--primary-color);
      font-size: 1.4rem;
    }

    /* Active State Triggered by JS */
    .carbon_content-wrapper .step.is-active {
      opacity: 1;
      transform: translateY(0);
      border-left: 4px solid var(--accent-color);
    }

    /* Sticky Data Frame Container (Right side on desktop) */
    .carbon_content-wrapper .sticky-stage {
      flex: 1.4;
      position: sticky;
      top: 0;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      padding: 2rem;
      box-sizing: border-box;
    }

    /* Shuffling Cards Configuration */
    .carbon_content-wrapper .data-overlay {
      position: absolute;
      width: 90%;
      max-width: 580px;
      background: var(--card-bg);
      padding: 2.2rem;
      border-radius: 8px;
      box-shadow: 0 15px 40px rgba(0,0,0,0.08);
      box-sizing: border-box;
      opacity: 0;
      visibility: hidden;
      transform: translate(-50%, -45%) scale(0.95);
      top: 50%;
      left: 50%;
      transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s;
    }

    .carbon_content-wrapper .data-overlay.is-active {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, -50%) scale(1);
    }

    .carbon_content-wrapper .data-overlay h3 {
      margin-top: 0;
      color: var(--primary-color);
      border-bottom: 2px solid var(--accent-color);
      padding-bottom: 0.5rem;
      font-size: 1.25rem;
    }

    .carbon_content-wrapper .data-overlay p {
      font-size: 0.95rem;
      color: #666;
      margin: 0.5rem 0 1.5rem 0;
    }

    /* Responsive Data Tables Fixed & Wrapped System */
    .carbon_content-wrapper .table-responsive {
      width: 100%;
      border: 1px solid #eaeaea;
      border-radius: 6px;
      background: var(--card-bg);
    }

    .carbon_content-wrapper table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.9rem;
      line-height: 1.5;
      table-layout: fixed; 
    }

    .carbon_content-wrapper th, td {
      border-bottom: 1px solid #eaeaea;
      padding: 10px 14px;
      text-align: left;
    }

    .carbon_content-wrapper th {
      background-color: #f4f6f8;
      font-weight: 700;
      color: var(--primary-color);
    }

    .carbon_content-wrapper tr:last-child td {
      border-bottom: none;
    }

    /* Specific Multi-column sizing weights to prevent text collision squishing */
    .carbon_content-wrapper .col-25 { width: 25%; }
    .carbon_content-wrapper .col-30 { width: 30%; }
    .carbon_content-wrapper .col-35 { width: 35%; }
    .carbon_content-wrapper .col-40 { width: 40%; }
    .carbon_content-wrapper .col-45 { width: 45%; }
    .carbon_content-wrapper .col-50 { width: 50%; }
    .carbon_content-wrapper .col-60 { width: 60%; }

    /* --- Sophisticated Mobile Breakdown (≤ 850px) --- */
    @media (max-width: 850px) {
      .carbon_content-wrapper .scrolly-container {
        flex-direction: column;
        line-height: 1.5;
      }
      
      /* Force data window to remain locked at the top window frame with explicit height bounds */
      .carbon_content-wrapper .sticky-stage {
        order: -1; 
        position: sticky;
        top: 0;
        height: 46vh; 
        /* min-height: 340px; */
        min-height: 45vh;
        width: 100%;
        background: var(--bg-color);
        padding: 1rem;
        border-bottom: 1px solid #e0e0e0;
        box-shadow: 0 8px 20px rgba(0,0,0,0.05);
        z-index: 5;
        box-sizing: border-box;
      }

      .carbon_content-wrapper .data-overlay {
        width: 94%;
        padding: 1rem;
        max-height: 95%;
        overflow-y: auto;
      }

      .carbon_content-wrapper .data-overlay h3 {
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
      }

      .carbon_content-wrapper .data-overlay p {
        margin-bottom: 0.6rem;
        font-size: 0.85rem;
      }

      .carbon_content-wrapper table {
        font-size: 0.78rem;
        line-height: 1.45;
      }

      .carbon_content-wrapper th, td {
        padding: 8px 10px;
      }

      /* Scrollable narrative blocks slide underneath the active top window frame */
      .carbon_content-wrapper .scroller {
        order: 2;
        width: 100%;
        padding: 2rem 1rem;
        box-sizing: border-box;
      }

      .carbon_content-wrapper .step {
        margin: 4vh auto 65vh auto;
        max-width: 92%;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        background: #ffffff;
      }
      
      .carbon_content-wrapper .step:last-child {
        margin-bottom: 20vh;
      }
    }