Template:L1Compare/styles.css

// l1 comparison table

/* === L1 comparison table scroll container === */ .mw-parser-output .l1-compare-wrap {

 display: block;
 overflow-x: auto;
 overflow-y: visible;
 width: 100%;
 max-width: 100%;
 -webkit-overflow-scrolling: touch;
 background: #ffffff;

}

/* === CRITICAL OVERRIDE: defeat Vector/Minerva table width clamp === */ .mw-parser-output .l1-compare-wrap table.l1-compare {

 white-space: nowrap;
 width: max-content;
 min-width: 1400px;
 max-width: none !important;   /* ← THIS is the blocker you were hitting */
 border-collapse: separate;
 border-spacing: 0;

}

/* === Sticky header row === */ .mw-parser-output .l1-compare-wrap table.l1-compare th {

 position: sticky;
 top: 0;
 background: #f8f9fa;
 color: #202122;
 z-index: 10;

}

/* === Sticky first column === */ .mw-parser-output .l1-compare-wrap table.l1-compare th:first-child, .mw-parser-output .l1-compare-wrap table.l1-compare td:first-child {

 position: sticky;
 left: 0;
 background: #ffffff;
 z-index: 9;
 border-right: 1px solid #a2a9b1;

}

/* === Top-left corner cell (above both sticky layers) === */ .mw-parser-output .l1-compare-wrap table.l1-compare th:first-child {

 z-index: 11;
 background: #f8f9fa;

}