/* Review tables (GoHighLevel review). Linked only from article/gohighlevel-review.html.
   Brand: Obsidian #0D0D0D, Bone #F2EDE4, Slate #2A2E33, Stone #8C877E, Champagne Gold #C5A059.
   Text and background use the site's theme variables, so light and dark mode both work. */
.prose .tbl-wrap {
  width: 0; min-width: 100%;            /* keeps a wide table from widening the article column */
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  margin: 1.4em 0 1.6em;
  border: 1px solid var(--rule, rgba(140,135,126,.35));
  border-top: 3px solid #C5A059;
  border-radius: var(--r, 10px);
  background: var(--card, #fff);
}
.prose .tbl {
  width: 100%; border-collapse: collapse;
  font-size: 15.5px; line-height: 1.45; color: var(--ink2, #2A2E33);
  font-variant-numeric: tabular-nums;
}
.prose .tbl th, .prose .tbl td { padding: 12px 16px; text-align: left; vertical-align: top; }
.prose .tbl thead th {
  background: #0D0D0D; color: #F2EDE4;
  font: 600 12px/1.3 var(--mono, ui-monospace, monospace);
  letter-spacing: .06em; text-transform: uppercase;
}
.prose .tbl tbody tr + tr td { border-top: 1px solid var(--rule, rgba(140,135,126,.3)); }
.prose .tbl tbody tr:nth-child(even) td { background: rgba(197,160,89,.07); }
.prose .tbl td:first-child { color: var(--ink, #0D0D0D); font-weight: 650; }
[data-theme="dark"] .prose .tbl thead th { background: #2A2E33; color: #F2EDE4; }
[data-theme="dark"] .prose .tbl td:first-child { color: var(--ink, #F2EDE4); }
@media (max-width: 760px) {
  .prose .tbl { font-size: 14.5px; min-width: 560px; }   /* scrolls inside the box instead of crushing columns */
  .prose .tbl th, .prose .tbl td { padding: 10px 12px; }
}