.sticky-header { position: sticky; top: 4rem; z-index: 40; }
      @media (min-width: 768px) {
        .sticky-header { top: 6.6rem; }
      }
      .sticky-col { position: sticky; left: 0; z-index: 30; background-color: #ffffff; }
      .feature-row:hover .sticky-col { background-color: #f8fafc; }
      .feature-row:hover td { background-color: #f8fafc; }
      .tabs-content > .tab-pane { display: none; }
      .tabs-content > .tab-pane.active { display: block; }

      @media screen and (max-width: 768px) {
        .tabs-content table thead {
          display: none;
        }
        .tabs-content table, 
        .tabs-content table tbody, 
        .tabs-content table tr, 
        .tabs-content table td {
          display: block;
          width: 100%;
        }
        .tabs-content table tr {
          margin-bottom: 1.5rem;
          border: 1px solid #e2e8f0;
          border-radius: 0.5rem;
          overflow: hidden;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        }
        .tabs-content table tr:last-child {
          margin-bottom: 0;
        }
        .tabs-content table td {
          display: flex;
          justify-content: space-between;
          align-items: center;
          text-align: right;
          padding: 0.75rem 1rem;
          border-bottom: 1px solid #f1f5f9;
        }
        .tabs-content table td:last-child {
          border-bottom: none;
        }
        .tabs-content table td::before {
          content: attr(data-label);
          text-align: left;
          font-weight: 600;
          color: #475569;
          flex-basis: 50%;
          padding-right: 1rem;
        }
        .tabs-content table td.sticky-col {
          position: static;
          background-color: #f1f5f9;
          text-align: left;
          padding: 0.75rem 1rem;
          font-weight: 700;
          font-size: 1rem;
          line-height: 1.5;
          color: #1e293b;
          display: block;
        }
        .tabs-content table td.sticky-col::before {
          display: none;
        }
        .tabs-content table .sub-feature-row td.sticky-col {
          padding-left: 2rem;
          background-color: #f8fafc;
          font-weight: 500;
        }
        .tabs-content table td > svg {
          display: inline-block;
          margin: 0;
          flex-shrink: 0;
        }

        /* Accordion styles */
        .accordion-header {
          cursor: pointer;
          position: relative;
        }
        .accordion-header::after {
          content: '+';
          position: absolute;
          right: 1rem;
          top: 50%;
          transform: translateY(-50%);
          font-size: 1.5rem;
          font-weight: 300;
          color: #94a3b8;
        }
        .accordion-header.expanded::after {
          content: '-';
        }
      }