diff --git a/static/themes/base.css b/static/themes/base.css
index c9d5916..ae585f1 100644
--- a/static/themes/base.css
+++ b/static/themes/base.css
@@ -8,11 +8,38 @@ body.artifact {
   padding: 3rem 1.25rem;
 }
 
-img,
-table {
+img {
   max-width: 100%;
 }
 
 pre {
   overflow-x: auto;
 }
+
+/* Applies to any <table> in markdown (pipe-table syntax) or hand-written
+   html_fragment content. display:block + overflow-x lets wide tables scroll
+   horizontally instead of squeezing columns or breaking page layout, while
+   descendant tr/td/th keep their normal table layout internally. */
+table {
+  border-collapse: collapse;
+  display: block;
+  max-width: 100%;
+  overflow-x: auto;
+  width: max-content;
+}
+
+th,
+td {
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  padding: 0.45rem 0.75rem;
+  text-align: left;
+}
+
+thead th {
+  background: rgba(0, 0, 0, 0.05);
+  font-weight: 600;
+}
+
+tbody tr:nth-child(even) {
+  background: rgba(0, 0, 0, 0.025);
+}