Pq234/robot-learning-tutorial

1.content-grid main table {2  border-collapse: collapse;3  table-layout: auto;4  margin: 0;5}6 7.content-grid main th,8.content-grid main td {9  border-bottom: 1px solid var(--border-color);10  padding: 6px 8px;11  font-size: 15px;12  white-space: nowrap;13  /* prevent squashing; allow horizontal scroll instead */14  word-break: auto-phrase;15  white-space: break-spaces;16  vertical-align: top;17}18 19.content-grid main thead th {20  border-bottom: 1px solid var(--border-color);21}22 23.content-grid main thead th {24  border-bottom: 1px solid var(--border-color);25}26 27.content-grid main thead th {28  background: var(--table-header-bg);29  padding-top: 10px;30  padding-bottom: 10px;31  font-weight: 600;32}33 34.content-grid main hr {35  border: none;36  border-bottom: 1px solid var(--border-color);37  margin: var(--spacing-5) 0;38}39 40/* Scroll wrapper: keeps table 100% width but enables horizontal scroll when needed */41.content-grid main .table-scroll {42  width: 100%;43  overflow-x: auto;44  -webkit-overflow-scrolling: touch;45  border: 1px solid var(--border-color);46  border-radius: var(--table-border-radius);47  background: var(--surface-bg);48  margin: 0 0 var(--block-spacing-y);49}50 51.content-grid main .table-scroll>table {52  width: fit-content;53  min-width: 100%;54  max-width: none;55}56 57/* Vertical dividers between columns (no outer right border) */58.content-grid main .table-scroll>table th,59.content-grid main .table-scroll>table td {60  border-right: 1px solid var(--border-color);61}62 63.content-grid main .table-scroll>table th:last-child,64.content-grid main .table-scroll>table td:last-child {65  border-right: none;66}67 68.content-grid main .table-scroll>table thead th:first-child {69  border-top-left-radius: var(--table-border-radius);70}71 72.content-grid main .table-scroll>table thead th:last-child {73  border-top-right-radius: var(--table-border-radius);74}75 76.content-grid main .table-scroll>table tbody tr:last-child td:first-child {77  border-bottom-left-radius: var(--table-border-radius);78}79 80.content-grid main .table-scroll>table tbody tr:last-child td:last-child {81  border-bottom-right-radius: var(--table-border-radius);82}83 84/* Zebra striping for odd rows */85.content-grid main .table-scroll>table tbody tr:nth-child(odd) td {86  background: var(--table-row-odd-bg);87}88 89/* Remove bottom border on last row */90.content-grid main .table-scroll>table tbody tr:last-child td {91  border-bottom: none;92}93 94/* Accordion context: remove outer borders/radius and fit content flush */95.accordion .accordion__content .table-scroll {96  border: none;97  border-radius: 0;98  margin: 0;99  margin-bottom: 0 !important;100}101 102/* Ensure no bottom margin even if table isn't wrapped (fallback) */103.accordion .accordion__content table {104  margin: 0 !important;105}106 107.accordion .accordion__content .table-scroll>table thead th:first-child,108.accordion .accordion__content .table-scroll>table thead th:last-child,109.accordion .accordion__content .table-scroll>table tbody tr:last-child td:first-child,110.accordion .accordion__content .table-scroll>table tbody tr:last-child td:last-child {111  border-radius: 0;112}113 114/* Fallback for browsers without fit-content support */115@supports not (width: fit-content) {116  .content-grid main .table-scroll>table {117    width: max-content;118    min-width: 100%;119  }120}