/* Table styles for posts. Moved from Ghost's site-wide code injection on 2026-10-23. */
/* 
  This is a 'hard reset' selector.
  The 'all: revert' rule resets all properties on the element to the browser's default style,
  effectively erasing any styles inherited from the Ghost theme.
*/
/* .gh-content table.ww-table {
  all: revert !important;
} */

/* 
  Now, with a clean slate, we re-apply your desired styles.
  We must use !important on every rule to ensure it sticks.
*/

.gh-content table.ww-table {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  box-sizing: border-box !important;
  border-left: 1px solid rgba(38, 50, 56, 0.16) !important;
  border-top: 1px solid rgba(38, 50, 56, 0.16) !important;
  background-color: #FCFCFD !important;
  font-size: 0.875em !important;
  line-height: 1.71429 !important;
  font-family: fkGroteskNeue, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Hiragino Sans", "PingFang SC", "Apple SD Gothic Neo", "Yu Gothic", "Microsoft YaHei", "Microsoft JhengHei", Meiryo !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #263238 !important;
  letter-spacing: 0.08px !important;
  display: table !important;
  max-width: none !important;
  overflow-x: visible !important;
  white-space: normal !important;
  background: #FCFCFD !important;
}

/* On phones a table scrolls sideways inside the column instead of widening the
   page. This must come after the rule above: both use !important, so the later
   one wins. */
@media (max-width: 768px) {
  .gh-content table.ww-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; /* some posts' own styles set a min-width */
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important; /* For smooth scrolling on iOS */
  }
}

.gh-content table.ww-table .ww-thead {
  all: revert !important;
  background-color: rgba(158, 169, 173, 0.1) !important;
}

.gh-content table.ww-table th {
  all: revert !important;
  border-right: 1px solid rgba(38, 50, 56, 0.16) !important;
  border-bottom: 1px solid rgba(38, 50, 56, 0.16) !important;
  padding: 8px 0.571429em !important;
  vertical-align: baseline !important;
  min-width: 5em !important;
}

.gh-content table.ww-table td {
  all: revert !important;
  border-right: 1px solid rgba(38, 50, 56, 0.16) !important;
  border-bottom: 1px solid rgba(38, 50, 56, 0.16) !important;
  padding: 8px 0.571429em !important;
  vertical-align: baseline !important;
}

.gh-content table.ww-table th {
  font-weight: 550 !important;
  text-align: left !important;
  vertical-align: top !important;
}

.gh-content table.ww-table td {
  vertical-align: baseline !important;
}