diff --git a/styles/flow/mod.css b/styles/flow/mod.css
index f5ca957..59d615b 100644
--- a/styles/flow/mod.css
+++ b/styles/flow/mod.css
@@ -14,8 +14,9 @@ pre {
   padding: 1rem;
   border-radius: var(--bd-radius);
   background: var(--bg-muted);
-  font-size: .85rem;
-  line-height: 1.45;
+  font-size: 0.9rem;
+  line-height: 1.6;
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 pre > code {
@@ -28,17 +29,21 @@ pre > code {
 
 /* Quotation block */
 blockquote {
-  padding: .25rem 1rem;
-  border-left: .25rem solid var(--bd-muted);
-  margin: 0 0 1rem;
+  padding: 0.5rem 1.5rem;
+  border-left: 0.25rem solid var(--primary-color);
+  margin: 0 0 1.5rem;
   color: var(--muted);
+  background: var(--bg-light);
+  border-radius: var(--bd-radius);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 blockquote > cite:last-child {
   display: block;
   padding-left: 2rem;
-  margin-top: .25rem;
+  margin-top: 0.5rem;
   text-decoration: none;
+  font-style: italic;
 }
 
 blockquote > cite:last-child::before {
@@ -49,7 +54,13 @@ blockquote > cite:last-child::before {
 figure {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-around;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto 1.5rem;
+  padding: 1rem;
+  border-radius: var(--bd-radius);
+  background: var(--bg-muted);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 figcaption {
@@ -58,4 +69,5 @@ figcaption {
   margin: 1rem 0;
   color: var(--muted);
   text-align: center;
+  font-style: italic;
 }
diff --git a/styles/tables/mod.css b/styles/tables/mod.css
index 0665955..26ba75a 100644
--- a/styles/tables/mod.css
+++ b/styles/tables/mod.css
@@ -1,27 +1,26 @@
+/* Modernized table styles */
+
 table {
-  display: block;
+  width: 100%;
   max-width: 100%;
   margin: 0 auto 1rem;
   border-collapse: collapse;
-  border-spacing: 0;
-  inline-size: fit-content;
   overflow-x: auto;
+  border-radius: 0.5rem;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 
 .table-responsive {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  display: block;
+  width: 100%;
   overflow-x: auto;
 }
 
-.table-responsive table {
-  display: table;
-}
-
 caption {
-  margin-top: .5rem;
+  margin-top: 0.5rem;
   caption-side: bottom;
   color: var(--muted);
+  font-size: 0.875rem;
 }
 
 tbody > tr:nth-child(2n) {
@@ -29,16 +28,32 @@ tbody > tr:nth-child(2n) {
 }
 
 th, td {
-  padding: 0.375rem 0.8125rem;
+  padding: 0.75rem 1rem;
   border: 1px solid var(--bd-muted);
+  text-align: left;
 }
 
 th {
-  border-color: var(--bg-contrast);
   background: var(--bg-subtle);
-  font-weight: bold;
+  font-weight: 600;
+  color: var(--primary-color);
+  text-transform: uppercase;
+  letter-spacing: 0.1rem;
+}
+
+td {
+  color: var(--text-color);
 }
 
-table.center td, th {
+table.center th, table.center td {
   text-align: center;
-}
\ No newline at end of file
+}
+
+/* Hover effects for better interactivity */
+tbody tr:hover {
+  background: var(--bg-hover);
+}
+
+th, td {
+  transition: background-color 0.3s ease, color 0.3s ease;
+}