/* A neutral comparison surface with one readable, locally scrolling table. */
.post-table {
  margin-block: var(--block-gap);
  overflow: hidden;
  border-radius: var(--radius-2xl);
  background: var(--surface-raised);
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow-sm);
}
.post-table-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-5) var(--panel-padding);
}
.post-table-heading > * { margin: 0; }
.post-table-scroll {
  width: 100%; max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
}
.post-table-scroll:focus-visible { outline-offset: -3px; }
.post-table table { width: 100%; border-collapse: separate; border-spacing: 0; }
.post-table table:has(th:nth-child(4)) { min-width: 720px; }
.post-table th, .post-table td {
  padding: var(--space-5) var(--space-6);
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}
.post-table th:first-child, .post-table td:first-child { padding-left: var(--space-7); }
.post-table th:last-child, .post-table td:last-child { padding-right: var(--space-7); }
.post-table thead th {
  background: var(--table-header);
  border-bottom-color: var(--line-strong);
  white-space: normal;
}
.post-table thead .post-table-text { color: var(--text); }
.post-table tbody th { background: var(--surface-raised); }
.post-table tbody tr:nth-child(even) > * { background: var(--table-row); }
.post-table tr > * + * { border-left: 1px solid var(--line); }
.post-table tbody th .post-table-text { color: var(--text); }
.post-table tbody tr:last-child > * { border-bottom: 0; }
.post-table-text { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
.post-table-caption { max-width: none; margin-block: var(--space-4) var(--block-gap); padding-inline: var(--space-7); }
.post-table-scroll-hint { display: none; }
@media (max-width: 780px) {
  .post-table:has(th:nth-child(4)) .post-table-scroll-hint { display: block; }
}
@media (max-width: 720px) {
  .post-table { border-radius: var(--radius-xl); }
  .post-table-heading { padding: var(--space-5) var(--panel-padding); }
  .post-table th, .post-table td { padding: var(--space-4) var(--space-5); }
  .post-table th:first-child, .post-table td:first-child { padding-left: var(--space-6); }
  .post-table th:last-child, .post-table td:last-child { padding-right: var(--space-6); }
  .post-table-caption { padding-inline: var(--space-2); }
}
@media print {
  .post-table table:has(th:nth-child(4)) { min-width: 0; }
}

.post-table .post-table-heading > * { margin: 0; }