/* ==========================================================================
   article-tables.css — styling for tables inside article bodies (.article-text)
   Added 2026-08-11 (Claude Code session).
   Separate file, linked after redesign.css in theme/inner.new.php so it
   out-cascades without editing redesign.css (concurrent-edit safe). Scoped
   under .article-text. Uses theme tokens → adapts to the site's theme.
   ========================================================================== */

.article-text table{
  width:100%;
  border-collapse:collapse;
  margin:18px 0;
  font-size:14.5px;
  line-height:1.55;
  background:var(--surf);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  overflow:hidden;
}
.article-text table td,
.article-text table th{
  padding:11px 14px;
  text-align:left;
  vertical-align:top;
  color:var(--ink-2);
  border-bottom:1px solid var(--line);
}
/* Header: any <th>, or the first row of a header-less generated table. */
.article-text table th,
.article-text table:not(:has(thead)) tr:first-child td{
  color:var(--ink);
  font-weight:600;
  background:var(--surf-2);
  border-bottom:1px solid var(--line-2);
}
.article-text table tr:last-child td{ border-bottom:0; }
.article-text table tbody tr:hover,
.article-text table:not(:has(thead)) tr:hover{ background:var(--surf-2); }

@media (max-width:600px){
  .article-text table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}