/* Textual comparison/reference tables only: do not reshape cipher matrices or round traces. */
.cl-comparison-scroll { max-width: 100%; min-width: 0; overflow: auto; padding: 0 0 8px; position: relative; isolation: isolate; overscroll-behavior-inline: contain; }
.cl-comparison-scroll:focus-visible { outline: 3px solid var(--accent,#2952cc); outline-offset: 3px; }
.cl-table-scroll > .cl-comparison-table,
.cl-table-wrap > .cl-comparison-table {
  width: 100%; min-width: 36rem; table-layout: fixed; border-collapse: separate; border-spacing: 0; overflow: visible;
}
.cl-table-scroll > .cl-comparison-table,
.cl-table-wrap > .cl-comparison-table { min-width: 48rem; }
.cl-material-table-wrap > .cl-comparison-table { min-width: 36rem; }
.cl-material-table-wrap > .cl-comparison-table:has(tr:first-child > :nth-child(5)) { min-width: 48rem; }
.cl-material-table-wrap > .cl-comparison-table:has(tr:first-child > :nth-child(7)) { min-width: 58rem; }
.cl-comparison-table :is(th,td) {
  white-space: normal; overflow-wrap: anywhere; word-break: normal; vertical-align: top; line-height: 1.55;
}
.cl-comparison-table :is(th,td):first-child {
  position: sticky; left: 0; z-index: 2; width: 9rem;
  background: var(--bg-panel,#fff); border-right: 1px solid var(--border,#d8e2f1);
  box-shadow: 3px 0 5px rgb(20 33 61 / 8%);
}
.cl-comparison-table thead th:first-child {
  z-index: 4; background: var(--table-head-bg,#eaf1ff); color: var(--table-head-text,#14213d);
}
.cl-main .cl-comparison-table thead th { background: #edf2f9 !important; color: #17213b !important; }
.cl-comparison-table tbody tr:nth-child(even) > :first-child { background: var(--bg-panel-2,#f8fbff); }
@media (max-width:600px) {
  .cl-comparison-table :is(th,td):first-child { width: 7rem; padding-left: 10px; padding-right: 10px; }
}