/* Isolated bilingual preview: leave the source application's Chinese layout intact. */
html[lang="en"] .side-tab strong,
html[lang="en"] .side-tab small {
  overflow-wrap: anywhere;
  line-height: 1.4;
}

html[lang="en"] .record-sort-actions .compact-btn {
  white-space: normal;
  overflow-wrap: anywhere;
  height: auto;
  line-height: 1.4;
}

html[lang="en"] .knowledge-workbench-grid {
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1.8fr) minmax(240px, 1fr);
}

@media (min-width: 901px) {
  html[lang="en"] .system-root {
    grid-template-columns: 220px minmax(0, 1fr);
  }
}

@media (max-width: 1400px) {
  html[lang="en"] .knowledge-workbench-grid {
    grid-template-columns: minmax(180px, .7fr) minmax(0, 1.8fr);
  }
  html[lang="en"] .knowledge-qa-sidepanel {
    grid-column: 1 / -1;
    height: 560px;
  }
}

@media (max-width: 900px) {
  html[lang="en"] .knowledge-workbench-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .table-wrap::before {
    content: "左右滑动查看完整表格 →";
    display: block;
    position: sticky;
    left: 0;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    color: #345941;
    font: 600 13px/1.5 system-ui;
  }
  html[lang="en"] .table-wrap::before {
    content: "Swipe horizontally to see all columns →";
  }
}