/* ==========================================================================
   article-tables.css — styling for tables inside article bodies (.dt-prose)
   Added 2026-08-11 (Claude Code session).
   Separate file, linked in theme/default.php right AFTER the bundled CSS so it
   out-cascades redesign.css without editing it (concurrent-edit safe). Scoped
   under .dt-prose. LIGHT TOKENS ONLY: this site's dark mode is a global
   filter-invert (default.php), so a separate dark ruleset would double-invert.
   ========================================================================== */

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

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