
      .features-flow {
        display: flex;
        flex-direction: column;
      }
      .features-flow > .accordion-item { order: 30; }
      .features-flow > .accordion-item:has(#features-html-intro) { order: 1; }
      .features-flow > .accordion-item:has(#features-quick-map) { order: 2; }
      .features-flow > .accordion-item:has(#features-html-hll) { order: 3; }
      .features-flow > .accordion-item:has(#features-html-garbage) { order: 4; }
      .features-flow > .accordion-item:has(#features-html-interpreter) { order: 5; }
      .features-flow > .accordion-item:has(#features-html-paradigm) { order: 6; }
      .features-flow > .accordion-item:has(#features-html-firstclass) { order: 7; }
      .features-flow > .accordion-item:has(#features-html-dynamic) { order: 8; }
      .features-flow > .accordion-item:has(#features-html-prototype) { order: 9; }
      .features-flow > .accordion-item:has(#features-html-singlethread) { order: 10; }
      .features-flow > .accordion-item:has(#features-html-eventloop) { order: 11; }
      .features-flow > .accordion-item:has(#features-html-independent) { order: 12; }
      .features-flow > .accordion-item:has(#features-together) { order: 13; }
      .features-flow > .accordion-item:has(#features-remember) { order: 14; }
      .features-flow > .accordion-item:has(#features-learning-path) { order: 15; }
      .features-flow > .accordion-item:has(#features-html-summary) { order: 16; }
      .features-flow > .accordion-item:has(#features-references) { order: 17; }
      .features-flow > .accordion-item:has(#features-html-interviewquestions) { order: 18; }
      .features-flow > .accordion-item:has(#features-html-videos) { order: 19; }
      .features-roadmap-table {
        table-layout: fixed;
        min-width: 980px;
      }
      .table-container .features-roadmap-table th:nth-child(1),
      .table-container .features-roadmap-table td:nth-child(1) { width: 18% !important; }
      .table-container .features-roadmap-table th:nth-child(2),
      .table-container .features-roadmap-table td:nth-child(2) { width: 27% !important; }
      .table-container .features-roadmap-table th:nth-child(3),
      .table-container .features-roadmap-table td:nth-child(3) { width: 20% !important; }
      .table-container .features-roadmap-table th:nth-child(4),
      .table-container .features-roadmap-table td:nth-child(4) { width: 35% !important; }
      .features-flow .table-container caption {
        padding: 10px 15px;
        color: var(--table-td);
        font-size: 16px;
        line-height: 1.4;
        font-weight: 400;
      }
    