Fix table rendering issues within admonition blocks

assets/scss/_custom.scss

@@ -1469,4 +1469,15 @@ body.td-search #search {
 section.k8s-birthday-override:has(div.k8s-birthday-override.revert-to-previous input:not(:checked)) + section {
   display: none;
   visibility: hidden;
+}
+
+/* Apply site-wide table styles for tables in alert callouts (note, caution, warning) */
+.alert {
+  &.alert-info, &.alert-caution, &.alert-danger {
+    > table {
+    @extend .table-striped;
+    @extend .table-responsive;
+    @extend .table;
+    }
+  }
 }

content/en/docs/test.md

@@ -370,7 +370,12 @@ Notes catch the reader's attention without a sense of urgency.
 
 You can have multiple paragraphs and block-level elements inside an admonition.
 
-| Or | a | table |
+You can also add tables to organize and highlight key information.
+
+| Header 1 | Header 2 | Header 3 |
+| -------- | -------- | -------- |
+| Data 1   | Data A   | Info X   |
+| Data 2   | Data B   | Info Y   |
 {{< /note >}}
 
 {{< caution >}}