diff --git a/CITATION.html b/CITATION.html
index 7ad6ac32..1a1e0006 100644
--- a/CITATION.html
+++ b/CITATION.html
@@ -226,6 +226,12 @@
   <a href="./vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="./vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/LICENSE.html b/LICENSE.html
index 23b1e3f6..2d80d0e9 100644
--- a/LICENSE.html
+++ b/LICENSE.html
@@ -227,6 +227,12 @@
   <a href="./vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="./vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/NEWS.html b/NEWS.html
index b05d0bae..e140de85 100644
--- a/NEWS.html
+++ b/NEWS.html
@@ -256,6 +256,12 @@
   <a href="./vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="./vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/freeze.rds b/freeze.rds
index 4a04270a..05cdba4d 100644
Binary files a/freeze.rds and b/freeze.rds differ
diff --git a/index.html b/index.html
index 63248d82..45617031 100644
--- a/index.html
+++ b/index.html
@@ -259,6 +259,12 @@
   <a href="./vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="./vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -465,6 +471,7 @@ <h2 class="anchored" data-anchor-id="tutorial">Tutorial</h2>
 <li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/group.html">Group labels</a></li>
 <li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/plot.html">Plots and images</a></li>
 <li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/theme.html">Themes</a></li>
+<li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/notebooks.html">Notebooks (Quarto, Rmarkdown, Bookdown, etc.)</a></li>
 <li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/custom.html">Customization</a></li>
 <li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/faq.html">FAQ</a></li>
 <li><a href="https://vincentarelbundock.github.io/tinytable/vignettes/alternatives.html">Alternatives</a></li>
diff --git a/man/format_tt.html b/man/format_tt.html
index d3744bc0..2088bafb 100644
--- a/man/format_tt.html
+++ b/man/format_tt.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -728,8 +734,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_h8ypgddpozsakk4x5ul6(i, j, css_id) {
-          var table = document.getElementById("tinytable_h8ypgddpozsakk4x5ul6");
+      function styleCell_2stxjqkt8ripg25b4cdz(i, j, css_id) {
+          var table = document.getElementById("tinytable_2stxjqkt8ripg25b4cdz");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -739,7 +745,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_h8ypgddpozsakk4x5ul6');
+        var table = document.getElementById('tinytable_2stxjqkt8ripg25b4cdz');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -747,8 +753,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_h8ypgddpozsakk4x5ul6(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_h8ypgddpozsakk4x5ul6");
+      function spanCell_2stxjqkt8ripg25b4cdz(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_2stxjqkt8ripg25b4cdz");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -778,13 +784,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_ytsy5vzisq7kjaggnarb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_lmy85c0hq17s3j48y6s4',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_h8ypgddpozsakk4x5ul6(cell.i, cell.j, group.css_id);
+                  styleCell_2stxjqkt8ripg25b4cdz(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -792,10 +798,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ytsy5vzisq7kjaggnarb, .table th.tinytable_css_ytsy5vzisq7kjaggnarb { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_lmy85c0hq17s3j48y6s4, .table th.tinytable_css_lmy85c0hq17s3j48y6s4 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_h8ypgddpozsakk4x5ul6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_2stxjqkt8ripg25b4cdz" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -806,15 +812,15 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         
         <tbody>
                 <tr>
-                  <td>10 001</td>
-                  <td>9 999</td>
+                  <td>10 000</td>
+                  <td>10 000</td>
                 </tr>
                 <tr>
-                  <td>9 999</td>
-                  <td>10 000</td>
+                  <td>10 001</td>
+                  <td>10 001</td>
                 </tr>
                 <tr>
-                  <td>9 999</td>
+                  <td>10 000</td>
                   <td>10 000</td>
                 </tr>
         </tbody>
@@ -829,8 +835,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_t01nt6uc2lhe4abkb89z(i, j, css_id) {
-          var table = document.getElementById("tinytable_t01nt6uc2lhe4abkb89z");
+      function styleCell_l0vckdabrk8vbmo7uqz9(i, j, css_id) {
+          var table = document.getElementById("tinytable_l0vckdabrk8vbmo7uqz9");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -840,7 +846,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_t01nt6uc2lhe4abkb89z');
+        var table = document.getElementById('tinytable_l0vckdabrk8vbmo7uqz9');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -848,8 +854,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_t01nt6uc2lhe4abkb89z(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_t01nt6uc2lhe4abkb89z");
+      function spanCell_l0vckdabrk8vbmo7uqz9(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_l0vckdabrk8vbmo7uqz9");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -879,13 +885,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_scvs340o8h78h4rzqv6y',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_kpau0fu7rv1fcgvkxxwd',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_t01nt6uc2lhe4abkb89z(cell.i, cell.j, group.css_id);
+                  styleCell_l0vckdabrk8vbmo7uqz9(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -893,10 +899,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_scvs340o8h78h4rzqv6y, .table th.tinytable_css_scvs340o8h78h4rzqv6y { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_kpau0fu7rv1fcgvkxxwd, .table th.tinytable_css_kpau0fu7rv1fcgvkxxwd { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_t01nt6uc2lhe4abkb89z" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_l0vckdabrk8vbmo7uqz9" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -929,8 +935,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_1uud7gfdxkccq83jdlm6(i, j, css_id) {
-          var table = document.getElementById("tinytable_1uud7gfdxkccq83jdlm6");
+      function styleCell_cvz9ramqd3j8flauqk1b(i, j, css_id) {
+          var table = document.getElementById("tinytable_cvz9ramqd3j8flauqk1b");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -940,7 +946,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_1uud7gfdxkccq83jdlm6');
+        var table = document.getElementById('tinytable_cvz9ramqd3j8flauqk1b');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -948,8 +954,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_1uud7gfdxkccq83jdlm6(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_1uud7gfdxkccq83jdlm6");
+      function spanCell_cvz9ramqd3j8flauqk1b(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_cvz9ramqd3j8flauqk1b");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -979,13 +985,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_o7osds50426j5lpo2dne',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_i8f52xpa8g5ywnjxjl4q',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_1uud7gfdxkccq83jdlm6(cell.i, cell.j, group.css_id);
+                  styleCell_cvz9ramqd3j8flauqk1b(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -993,10 +999,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_o7osds50426j5lpo2dne, .table th.tinytable_css_o7osds50426j5lpo2dne { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_i8f52xpa8g5ywnjxjl4q, .table th.tinytable_css_i8f52xpa8g5ywnjxjl4q { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_1uud7gfdxkccq83jdlm6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_cvz9ramqd3j8flauqk1b" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1039,8 +1045,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_7ppt1zqqrsvq5z781fjh(i, j, css_id) {
-          var table = document.getElementById("tinytable_7ppt1zqqrsvq5z781fjh");
+      function styleCell_bj7nmk0q1q4b32epq3k1(i, j, css_id) {
+          var table = document.getElementById("tinytable_bj7nmk0q1q4b32epq3k1");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1050,7 +1056,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_7ppt1zqqrsvq5z781fjh');
+        var table = document.getElementById('tinytable_bj7nmk0q1q4b32epq3k1');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1058,8 +1064,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_7ppt1zqqrsvq5z781fjh(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_7ppt1zqqrsvq5z781fjh");
+      function spanCell_bj7nmk0q1q4b32epq3k1(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_bj7nmk0q1q4b32epq3k1");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1089,13 +1095,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_b6mv48q2m40o9upled4j',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_iixz96b9q8onrrp4rfl9',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_7ppt1zqqrsvq5z781fjh(cell.i, cell.j, group.css_id);
+                  styleCell_bj7nmk0q1q4b32epq3k1(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1103,10 +1109,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_b6mv48q2m40o9upled4j, .table th.tinytable_css_b6mv48q2m40o9upled4j { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_iixz96b9q8onrrp4rfl9, .table th.tinytable_css_iixz96b9q8onrrp4rfl9 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_7ppt1zqqrsvq5z781fjh" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_bj7nmk0q1q4b32epq3k1" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1133,8 +1139,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_g8mly9h2e8tx6labhc80(i, j, css_id) {
-          var table = document.getElementById("tinytable_g8mly9h2e8tx6labhc80");
+      function styleCell_5wl9armnus1n5wnaoj1a(i, j, css_id) {
+          var table = document.getElementById("tinytable_5wl9armnus1n5wnaoj1a");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1144,7 +1150,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_g8mly9h2e8tx6labhc80');
+        var table = document.getElementById('tinytable_5wl9armnus1n5wnaoj1a');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1152,8 +1158,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_g8mly9h2e8tx6labhc80(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_g8mly9h2e8tx6labhc80");
+      function spanCell_5wl9armnus1n5wnaoj1a(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_5wl9armnus1n5wnaoj1a");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1183,13 +1189,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_f1wa5c6v8vqvamnts76g',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_qpqydxg0mg4490zm6rvh',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_g8mly9h2e8tx6labhc80(cell.i, cell.j, group.css_id);
+                  styleCell_5wl9armnus1n5wnaoj1a(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1197,10 +1203,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_f1wa5c6v8vqvamnts76g, .table th.tinytable_css_f1wa5c6v8vqvamnts76g { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_qpqydxg0mg4490zm6rvh, .table th.tinytable_css_qpqydxg0mg4490zm6rvh { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_g8mly9h2e8tx6labhc80" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_5wl9armnus1n5wnaoj1a" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1227,8 +1233,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_2y4nvsj9qgxt44hdk42t(i, j, css_id) {
-          var table = document.getElementById("tinytable_2y4nvsj9qgxt44hdk42t");
+      function styleCell_vr5830pqnh5vvixndnub(i, j, css_id) {
+          var table = document.getElementById("tinytable_vr5830pqnh5vvixndnub");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1238,7 +1244,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_2y4nvsj9qgxt44hdk42t');
+        var table = document.getElementById('tinytable_vr5830pqnh5vvixndnub');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1246,8 +1252,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_2y4nvsj9qgxt44hdk42t(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_2y4nvsj9qgxt44hdk42t");
+      function spanCell_vr5830pqnh5vvixndnub(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_vr5830pqnh5vvixndnub");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1277,13 +1283,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_efwf6vp3jqshpaa990w1',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_0c3so73sw2xo3lp4qw69',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_2y4nvsj9qgxt44hdk42t(cell.i, cell.j, group.css_id);
+                  styleCell_vr5830pqnh5vvixndnub(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1291,10 +1297,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_efwf6vp3jqshpaa990w1, .table th.tinytable_css_efwf6vp3jqshpaa990w1 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_0c3so73sw2xo3lp4qw69, .table th.tinytable_css_0c3so73sw2xo3lp4qw69 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_2y4nvsj9qgxt44hdk42t" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_vr5830pqnh5vvixndnub" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1331,8 +1337,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_0coioz0poeuoj0fius32(i, j, css_id) {
-          var table = document.getElementById("tinytable_0coioz0poeuoj0fius32");
+      function styleCell_yvndvqvsrrgd29dp5r7j(i, j, css_id) {
+          var table = document.getElementById("tinytable_yvndvqvsrrgd29dp5r7j");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1342,7 +1348,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_0coioz0poeuoj0fius32');
+        var table = document.getElementById('tinytable_yvndvqvsrrgd29dp5r7j');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1350,8 +1356,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_0coioz0poeuoj0fius32(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_0coioz0poeuoj0fius32");
+      function spanCell_yvndvqvsrrgd29dp5r7j(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_yvndvqvsrrgd29dp5r7j");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1381,13 +1387,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_807brlzbgubl9z2s3843',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_fqfgdt5ufkdiyk30wkel',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_0coioz0poeuoj0fius32(cell.i, cell.j, group.css_id);
+                  styleCell_yvndvqvsrrgd29dp5r7j(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1395,10 +1401,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_807brlzbgubl9z2s3843, .table th.tinytable_css_807brlzbgubl9z2s3843 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_fqfgdt5ufkdiyk30wkel, .table th.tinytable_css_fqfgdt5ufkdiyk30wkel { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_0coioz0poeuoj0fius32" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_yvndvqvsrrgd29dp5r7j" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
diff --git a/man/group_tt.html b/man/group_tt.html
index c4e81920..075d31cf 100644
--- a/man/group_tt.html
+++ b/man/group_tt.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -485,8 +491,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_7g6eg8mksiq5nipdv5nm(i, j, css_id) {
-          var table = document.getElementById("tinytable_7g6eg8mksiq5nipdv5nm");
+      function styleCell_p05xx8kub5l8pkfqs3ut(i, j, css_id) {
+          var table = document.getElementById("tinytable_p05xx8kub5l8pkfqs3ut");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -495,8 +501,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_3xqtuqo1tevq7s714wd3(i, colspan, content) {
-        var table = document.getElementById('tinytable_7g6eg8mksiq5nipdv5nm');
+      function insertSpanRow_tp63674e3fm445tj7ztj(i, colspan, content) {
+        var table = document.getElementById('tinytable_p05xx8kub5l8pkfqs3ut');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -504,8 +510,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_7g6eg8mksiq5nipdv5nm(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_7g6eg8mksiq5nipdv5nm");
+      function spanCell_p05xx8kub5l8pkfqs3ut(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_p05xx8kub5l8pkfqs3ut");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -532,22 +538,22 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_3xqtuqo1tevq7s714wd3(7, 2, 'a') });
-window.addEventListener('load', function () { insertSpanRow_3xqtuqo1tevq7s714wd3(6, 2, 'c') });
-window.addEventListener('load', function () { insertSpanRow_3xqtuqo1tevq7s714wd3(4, 2, 'b') });
-window.addEventListener('load', function () { insertSpanRow_3xqtuqo1tevq7s714wd3(1, 2, 'a') });
+window.addEventListener('load', function () { insertSpanRow_tp63674e3fm445tj7ztj(7, 2, 'a') });
+window.addEventListener('load', function () { insertSpanRow_tp63674e3fm445tj7ztj(6, 2, 'c') });
+window.addEventListener('load', function () { insertSpanRow_tp63674e3fm445tj7ztj(4, 2, 'b') });
+window.addEventListener('load', function () { insertSpanRow_tp63674e3fm445tj7ztj(1, 2, 'a') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 12, j: 1 },  ], css_id: 'tinytable_css_u0xhosukts0jmvta4ki2',}, 
-          { positions: [ { i: 4, j: 0 }, { i: 6, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 11, j: 0 }, { i: 7, j: 0 }, { i: 9, j: 0 },  ], css_id: 'tinytable_css_jo75ebi5nm41ynifg8m6',}, 
-          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_3igmmomej9rn8sgyef4d',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 12, j: 1 },  ], css_id: 'tinytable_css_h3vb9kuq5b7tai601ftr',}, 
+          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_ci9jcntrtihlgkvvchpg',}, 
+          { positions: [ { i: 4, j: 0 }, { i: 6, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 11, j: 0 }, { i: 7, j: 0 }, { i: 9, j: 0 },  ], css_id: 'tinytable_css_2n4d2fcyus71mm29qogt',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_7g6eg8mksiq5nipdv5nm(cell.i, cell.j, group.css_id);
+                  styleCell_p05xx8kub5l8pkfqs3ut(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -555,12 +561,12 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_u0xhosukts0jmvta4ki2, .table th.tinytable_css_u0xhosukts0jmvta4ki2 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_jo75ebi5nm41ynifg8m6, .table th.tinytable_css_jo75ebi5nm41ynifg8m6 { padding-left: 1em; }
-      .table td.tinytable_css_3igmmomej9rn8sgyef4d, .table th.tinytable_css_3igmmomej9rn8sgyef4d { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_h3vb9kuq5b7tai601ftr, .table th.tinytable_css_h3vb9kuq5b7tai601ftr { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ci9jcntrtihlgkvvchpg, .table th.tinytable_css_ci9jcntrtihlgkvvchpg { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_2n4d2fcyus71mm29qogt, .table th.tinytable_css_2n4d2fcyus71mm29qogt { padding-left: 1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_7g6eg8mksiq5nipdv5nm" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_p05xx8kub5l8pkfqs3ut" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -571,36 +577,36 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         
         <tbody>
                 <tr>
-                  <td> 1.19251208</td>
-                  <td> 0.6658370</td>
+                  <td>-0.04705024</td>
+                  <td> 1.329466491</td>
                 </tr>
                 <tr>
-                  <td> 0.95846669</td>
-                  <td>-0.2839642</td>
+                  <td>-1.88511086</td>
+                  <td>-0.511625132</td>
                 </tr>
                 <tr>
-                  <td>-0.93051616</td>
-                  <td> 0.6835501</td>
+                  <td>-0.50086123</td>
+                  <td>-0.012387603</td>
                 </tr>
                 <tr>
-                  <td> 0.36487030</td>
-                  <td>-0.1755298</td>
+                  <td>-0.55703326</td>
+                  <td>-0.312424776</td>
                 </tr>
                 <tr>
-                  <td>-0.09434675</td>
-                  <td>-0.2568046</td>
+                  <td> 1.47448263</td>
+                  <td> 1.689405391</td>
                 </tr>
                 <tr>
-                  <td>-0.82925506</td>
-                  <td> 0.2302705</td>
+                  <td>-1.53505635</td>
+                  <td>-0.007395583</td>
                 </tr>
                 <tr>
-                  <td>-0.33438554</td>
-                  <td> 0.4463930</td>
+                  <td>-1.42346713</td>
+                  <td>-1.197415631</td>
                 </tr>
                 <tr>
-                  <td>-1.70771124</td>
-                  <td>-0.6945897</td>
+                  <td> 2.25111562</td>
+                  <td> 0.128479947</td>
                 </tr>
         </tbody>
       </table>
@@ -621,8 +627,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_5xqgh628084yyzgrky66(i, j, css_id) {
-          var table = document.getElementById("tinytable_5xqgh628084yyzgrky66");
+      function styleCell_097py1dx4jb23hnhcz6z(i, j, css_id) {
+          var table = document.getElementById("tinytable_097py1dx4jb23hnhcz6z");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -631,8 +637,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_ynd06che6sof3y5b9rdj(i, colspan, content) {
-        var table = document.getElementById('tinytable_5xqgh628084yyzgrky66');
+      function insertSpanRow_v4r93dxn21sp4s5g59jd(i, colspan, content) {
+        var table = document.getElementById('tinytable_097py1dx4jb23hnhcz6z');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -640,8 +646,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_5xqgh628084yyzgrky66(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_5xqgh628084yyzgrky66");
+      function spanCell_097py1dx4jb23hnhcz6z(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_097py1dx4jb23hnhcz6z");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -668,22 +674,22 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_ynd06che6sof3y5b9rdj(9, 5, 'World') });
-window.addEventListener('load', function () { insertSpanRow_ynd06che6sof3y5b9rdj(4, 5, 'Hello') });
+window.addEventListener('load', function () { insertSpanRow_v4r93dxn21sp4s5g59jd(9, 5, 'World') });
+window.addEventListener('load', function () { insertSpanRow_v4r93dxn21sp4s5g59jd(4, 5, 'Hello') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 4 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_xwlkbip93bl5nzyiza14',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 0, j: 1 },  ], css_id: 'tinytable_css_x218j26i7cgkktvar42f',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 13, j: 2 }, { i: 13, j: 1 }, { i: 1, j: 2 }, { i: 1, j: 1 }, { i: 1, j: 4 }, { i: 1, j: 3 }, { i: 13, j: 4 }, { i: 13, j: 3 },  ], css_id: 'tinytable_css_v8wa6hcylw6icwz804vh',}, 
-          { positions: [ { i: 13, j: 0 },  ], css_id: 'tinytable_css_7xypi198ik7ltq103fre',}, 
-          { positions: [ { i: 5, j: 0 }, { i: 6, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 9, j: 0 }, { i: 11, j: 0 }, { i: 7, j: 0 }, { i: 8, j: 0 }, { i: 12, j: 0 },  ], css_id: 'tinytable_css_0lyi8nplrrgufccu8ann',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 0, j: 1 },  ], css_id: 'tinytable_css_o4srjs1d0hhw0ch70pso',}, 
+          { positions: [ { i: 5, j: 0 }, { i: 6, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 9, j: 0 }, { i: 11, j: 0 }, { i: 7, j: 0 }, { i: 8, j: 0 }, { i: 12, j: 0 },  ], css_id: 'tinytable_css_jfqvh7lbmj2xy9v0ii5d',}, 
+          { positions: [ { i: 13, j: 0 },  ], css_id: 'tinytable_css_iw7rf2wrdr812t0eerlg',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 4 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_90q6fuv5yfok35dpeuym',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 13, j: 2 }, { i: 13, j: 1 }, { i: 1, j: 2 }, { i: 1, j: 1 }, { i: 1, j: 4 }, { i: 1, j: 3 }, { i: 13, j: 4 }, { i: 13, j: 3 },  ], css_id: 'tinytable_css_6pqe80zd315zzcd562v1',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_5xqgh628084yyzgrky66(cell.i, cell.j, group.css_id);
+                  styleCell_097py1dx4jb23hnhcz6z(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -691,14 +697,14 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xwlkbip93bl5nzyiza14, .table th.tinytable_css_xwlkbip93bl5nzyiza14 { text-align: center; text-align: center; }
-      .table td.tinytable_css_x218j26i7cgkktvar42f, .table th.tinytable_css_x218j26i7cgkktvar42f { text-align: center; border-bottom: solid #d3d8dc 0.05em; text-align: center; }
-      .table td.tinytable_css_v8wa6hcylw6icwz804vh, .table th.tinytable_css_v8wa6hcylw6icwz804vh { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_7xypi198ik7ltq103fre, .table th.tinytable_css_7xypi198ik7ltq103fre { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_0lyi8nplrrgufccu8ann, .table th.tinytable_css_0lyi8nplrrgufccu8ann { padding-left: 1em; }
+      .table td.tinytable_css_o4srjs1d0hhw0ch70pso, .table th.tinytable_css_o4srjs1d0hhw0ch70pso { text-align: center; border-bottom: solid #d3d8dc 0.05em; text-align: center; }
+      .table td.tinytable_css_jfqvh7lbmj2xy9v0ii5d, .table th.tinytable_css_jfqvh7lbmj2xy9v0ii5d { padding-left: 1em; }
+      .table td.tinytable_css_iw7rf2wrdr812t0eerlg, .table th.tinytable_css_iw7rf2wrdr812t0eerlg { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_90q6fuv5yfok35dpeuym, .table th.tinytable_css_90q6fuv5yfok35dpeuym { text-align: center; text-align: center; }
+      .table td.tinytable_css_6pqe80zd315zzcd562v1, .table th.tinytable_css_6pqe80zd315zzcd562v1 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_5xqgh628084yyzgrky66" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_097py1dx4jb23hnhcz6z" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
 <tr>
 <th scope="col" align="center" colspan="1"> </th>
@@ -802,8 +808,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_0cod0fr9zl1spp3vebwq(i, j, css_id) {
-          var table = document.getElementById("tinytable_0cod0fr9zl1spp3vebwq");
+      function styleCell_vnsc2mim4djvth8wz952(i, j, css_id) {
+          var table = document.getElementById("tinytable_vnsc2mim4djvth8wz952");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -812,8 +818,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_fgvoj1oqex4bzoh74704(i, colspan, content) {
-        var table = document.getElementById('tinytable_0cod0fr9zl1spp3vebwq');
+      function insertSpanRow_g7d4imhai572cxj4dgwl(i, colspan, content) {
+        var table = document.getElementById('tinytable_vnsc2mim4djvth8wz952');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -821,8 +827,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_0cod0fr9zl1spp3vebwq(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_0cod0fr9zl1spp3vebwq");
+      function spanCell_vnsc2mim4djvth8wz952(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_vnsc2mim4djvth8wz952");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -849,21 +855,21 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_fgvoj1oqex4bzoh74704(7, 8, 'They love tofu') });
-window.addEventListener('load', function () { insertSpanRow_fgvoj1oqex4bzoh74704(4, 8, 'She prefers halloumi') });
-window.addEventListener('load', function () { insertSpanRow_fgvoj1oqex4bzoh74704(3, 8, 'I like (fake) hamburgers') });
+window.addEventListener('load', function () { insertSpanRow_g7d4imhai572cxj4dgwl(7, 8, 'They love tofu') });
+window.addEventListener('load', function () { insertSpanRow_g7d4imhai572cxj4dgwl(4, 8, 'She prefers halloumi') });
+window.addEventListener('load', function () { insertSpanRow_g7d4imhai572cxj4dgwl(3, 8, 'I like (fake) hamburgers') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_q7c819652wcz81bjf9rd',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 12, j: 2 }, { i: 0, j: 1 }, { i: 12, j: 1 }, { i: 0, j: 2 }, { i: 12, j: 4 }, { i: 0, j: 3 }, { i: 12, j: 3 }, { i: 0, j: 4 }, { i: 12, j: 6 }, { i: 0, j: 5 }, { i: 12, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 7 }, { i: 12, j: 7 },  ], css_id: 'tinytable_css_l2valqwk5wenyjtgp9ie',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 0 }, { i: 11, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 },  ], css_id: 'tinytable_css_dyv7fb6n4lnzhus3dgtr',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 0 }, { i: 11, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 },  ], css_id: 'tinytable_css_ychfggvgoz9ivtpea3c7',}, 
+          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_izl0htyya05uu6vwx9ur',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 12, j: 2 }, { i: 0, j: 1 }, { i: 12, j: 1 }, { i: 0, j: 2 }, { i: 12, j: 4 }, { i: 0, j: 3 }, { i: 12, j: 3 }, { i: 0, j: 4 }, { i: 12, j: 6 }, { i: 0, j: 5 }, { i: 12, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 7 }, { i: 12, j: 7 },  ], css_id: 'tinytable_css_ak8zyx27rn1ff7nvz10y',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_0cod0fr9zl1spp3vebwq(cell.i, cell.j, group.css_id);
+                  styleCell_vnsc2mim4djvth8wz952(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -871,12 +877,12 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_q7c819652wcz81bjf9rd, .table th.tinytable_css_q7c819652wcz81bjf9rd { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_l2valqwk5wenyjtgp9ie, .table th.tinytable_css_l2valqwk5wenyjtgp9ie { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_dyv7fb6n4lnzhus3dgtr, .table th.tinytable_css_dyv7fb6n4lnzhus3dgtr { padding-left: 1em; }
+      .table td.tinytable_css_ychfggvgoz9ivtpea3c7, .table th.tinytable_css_ychfggvgoz9ivtpea3c7 { padding-left: 1em; }
+      .table td.tinytable_css_izl0htyya05uu6vwx9ur, .table th.tinytable_css_izl0htyya05uu6vwx9ur { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ak8zyx27rn1ff7nvz10y, .table th.tinytable_css_ak8zyx27rn1ff7nvz10y { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_0cod0fr9zl1spp3vebwq" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_vnsc2mim4djvth8wz952" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -998,8 +1004,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_ubny6b9ex50r4ustjdy9(i, j, css_id) {
-          var table = document.getElementById("tinytable_ubny6b9ex50r4ustjdy9");
+      function styleCell_5o918erf7e5zeqsoj8gn(i, j, css_id) {
+          var table = document.getElementById("tinytable_5o918erf7e5zeqsoj8gn");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1009,7 +1015,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ubny6b9ex50r4ustjdy9');
+        var table = document.getElementById('tinytable_5o918erf7e5zeqsoj8gn');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1017,8 +1023,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ubny6b9ex50r4ustjdy9(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ubny6b9ex50r4ustjdy9");
+      function spanCell_5o918erf7e5zeqsoj8gn(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_5o918erf7e5zeqsoj8gn");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1048,15 +1054,15 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 2 }, { i: 0, j: 5 }, { i: 0, j: 4 }, { i: 0, j: 7 }, { i: 0, j: 6 },  ], css_id: 'tinytable_css_t0k22si8nt1ghfmlcox0',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 10, j: 1 }, { i: 10, j: 0 }, { i: 1, j: 1 }, { i: 10, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 2 }, { i: 10, j: 3 }, { i: 1, j: 4 }, { i: 10, j: 5 }, { i: 10, j: 4 }, { i: 1, j: 5 }, { i: 10, j: 6 }, { i: 1, j: 7 }, { i: 1, j: 6 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_mv310g7u03ygjnc41hg0',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 0, j: 0 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_0r1dugwiezp7h1rju65j',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 0, j: 0 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_vpl8h6sht2gtnprmg73s',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 10, j: 1 }, { i: 10, j: 0 }, { i: 1, j: 1 }, { i: 10, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 2 }, { i: 10, j: 3 }, { i: 1, j: 4 }, { i: 10, j: 5 }, { i: 10, j: 4 }, { i: 1, j: 5 }, { i: 10, j: 6 }, { i: 1, j: 7 }, { i: 1, j: 6 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_ge93onc6squwasnsjslo',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 0, j: 5 }, { i: 0, j: 4 }, { i: 0, j: 7 }, { i: 0, j: 6 },  ], css_id: 'tinytable_css_9bltzeym02ydsnl4upz5',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ubny6b9ex50r4ustjdy9(cell.i, cell.j, group.css_id);
+                  styleCell_5o918erf7e5zeqsoj8gn(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1064,12 +1070,12 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_t0k22si8nt1ghfmlcox0, .table th.tinytable_css_t0k22si8nt1ghfmlcox0 { text-align: center; }
-      .table td.tinytable_css_mv310g7u03ygjnc41hg0, .table th.tinytable_css_mv310g7u03ygjnc41hg0 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_0r1dugwiezp7h1rju65j, .table th.tinytable_css_0r1dugwiezp7h1rju65j { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
+      .table td.tinytable_css_vpl8h6sht2gtnprmg73s, .table th.tinytable_css_vpl8h6sht2gtnprmg73s { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
+      .table td.tinytable_css_ge93onc6squwasnsjslo, .table th.tinytable_css_ge93onc6squwasnsjslo { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_9bltzeym02ydsnl4upz5, .table th.tinytable_css_9bltzeym02ydsnl4upz5 { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ubny6b9ex50r4ustjdy9" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_5o918erf7e5zeqsoj8gn" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
 <tr>
 <th scope="col" align="center" colspan="3">Hamburgers</th>
@@ -1196,8 +1202,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_ylygkriemn3e2gm63t62(i, j, css_id) {
-          var table = document.getElementById("tinytable_ylygkriemn3e2gm63t62");
+      function styleCell_ll2v4sumy8vwf3tt9nvk(i, j, css_id) {
+          var table = document.getElementById("tinytable_ll2v4sumy8vwf3tt9nvk");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1207,7 +1213,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ylygkriemn3e2gm63t62');
+        var table = document.getElementById('tinytable_ll2v4sumy8vwf3tt9nvk');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1215,8 +1221,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ylygkriemn3e2gm63t62(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ylygkriemn3e2gm63t62");
+      function spanCell_ll2v4sumy8vwf3tt9nvk(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_ll2v4sumy8vwf3tt9nvk");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1246,15 +1252,15 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 2, j: 0 }, { i: 7, j: 0 }, { i: 2, j: 1 }, { i: 7, j: 1 }, { i: 2, j: 2 }, { i: 7, j: 2 }, { i: 2, j: 3 }, { i: 7, j: 3 }, { i: 2, j: 4 }, { i: 7, j: 4 }, { i: 2, j: 5 }, { i: 7, j: 5 },  ], css_id: 'tinytable_css_vs1haqruxiuwdoecjvo2',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 0, j: 0 }, { i: 1, j: 1 }, { i: 0, j: 1 }, { i: 1, j: 2 },  ], css_id: 'tinytable_css_h2sjt1027ogl1nc1qgtt',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 1, j: 3 }, { i: 0, j: 3 }, { i: 1, j: 4 }, { i: 0, j: 4 }, { i: 1, j: 5 }, { i: 0, j: 5 },  ], css_id: 'tinytable_css_123jj33coz3qm1czd39q',}, 
+          { positions: [ { i: 2, j: 0 }, { i: 7, j: 0 }, { i: 2, j: 1 }, { i: 7, j: 1 }, { i: 2, j: 2 }, { i: 7, j: 2 }, { i: 2, j: 3 }, { i: 7, j: 3 }, { i: 2, j: 4 }, { i: 7, j: 4 }, { i: 2, j: 5 }, { i: 7, j: 5 },  ], css_id: 'tinytable_css_sst11igden7fhx4w087t',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 0, j: 0 }, { i: 1, j: 1 }, { i: 0, j: 1 }, { i: 1, j: 2 },  ], css_id: 'tinytable_css_k5u6qh2k7cig69setse2',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 1, j: 3 }, { i: 0, j: 3 }, { i: 1, j: 4 }, { i: 0, j: 4 }, { i: 1, j: 5 }, { i: 0, j: 5 },  ], css_id: 'tinytable_css_4j6goica1yeutzwoawsg',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ylygkriemn3e2gm63t62(cell.i, cell.j, group.css_id);
+                  styleCell_ll2v4sumy8vwf3tt9nvk(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1262,12 +1268,12 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_vs1haqruxiuwdoecjvo2, .table th.tinytable_css_vs1haqruxiuwdoecjvo2 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_h2sjt1027ogl1nc1qgtt, .table th.tinytable_css_h2sjt1027ogl1nc1qgtt { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
-      .table td.tinytable_css_123jj33coz3qm1czd39q, .table th.tinytable_css_123jj33coz3qm1czd39q { text-align: center; }
+      .table td.tinytable_css_sst11igden7fhx4w087t, .table th.tinytable_css_sst11igden7fhx4w087t { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_k5u6qh2k7cig69setse2, .table th.tinytable_css_k5u6qh2k7cig69setse2 { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
+      .table td.tinytable_css_4j6goica1yeutzwoawsg, .table th.tinytable_css_4j6goica1yeutzwoawsg { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ylygkriemn3e2gm63t62" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_ll2v4sumy8vwf3tt9nvk" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
 <tr>
 <th scope="col" align="center" colspan="3">Foo</th>
diff --git a/man/plot_tt.html b/man/plot_tt.html
index 00084ed7..216a625b 100644
--- a/man/plot_tt.html
+++ b/man/plot_tt.html
@@ -227,6 +227,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/man/print.tinytable.html b/man/print.tinytable.html
index 71c55c19..d79cc85c 100644
--- a/man/print.tinytable.html
+++ b/man/print.tinytable.html
@@ -227,6 +227,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/man/rbind2-tinytable-tinytable-method.html b/man/rbind2-tinytable-tinytable-method.html
index bfb2b837..98e6fd1a 100644
--- a/man/rbind2-tinytable-tinytable-method.html
+++ b/man/rbind2-tinytable-tinytable-method.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -492,8 +498,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_d48dnzhtlbexlbxx155i(i, j, css_id) {
-          var table = document.getElementById("tinytable_d48dnzhtlbexlbxx155i");
+      function styleCell_e0di6ig1yxdmbmt2jfxt(i, j, css_id) {
+          var table = document.getElementById("tinytable_e0di6ig1yxdmbmt2jfxt");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -503,7 +509,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_d48dnzhtlbexlbxx155i');
+        var table = document.getElementById('tinytable_e0di6ig1yxdmbmt2jfxt');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -511,8 +517,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_d48dnzhtlbexlbxx155i(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_d48dnzhtlbexlbxx155i");
+      function spanCell_e0di6ig1yxdmbmt2jfxt(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_e0di6ig1yxdmbmt2jfxt");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -542,13 +548,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_iv34idptbqt8m4nmoku1',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_qet6dehm1385ifpmwulp',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_d48dnzhtlbexlbxx155i(cell.i, cell.j, group.css_id);
+                  styleCell_e0di6ig1yxdmbmt2jfxt(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -556,10 +562,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_iv34idptbqt8m4nmoku1, .table th.tinytable_css_iv34idptbqt8m4nmoku1 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_qet6dehm1385ifpmwulp, .table th.tinytable_css_qet6dehm1385ifpmwulp { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_d48dnzhtlbexlbxx155i" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_e0di6ig1yxdmbmt2jfxt" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -625,8 +631,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_r048ovtrthoxv817r2he(i, j, css_id) {
-          var table = document.getElementById("tinytable_r048ovtrthoxv817r2he");
+      function styleCell_r36aj15nnaa4v7cuje4m(i, j, css_id) {
+          var table = document.getElementById("tinytable_r36aj15nnaa4v7cuje4m");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -636,7 +642,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_r048ovtrthoxv817r2he');
+        var table = document.getElementById('tinytable_r36aj15nnaa4v7cuje4m');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -644,8 +650,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_r048ovtrthoxv817r2he(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_r048ovtrthoxv817r2he");
+      function spanCell_r36aj15nnaa4v7cuje4m(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_r36aj15nnaa4v7cuje4m");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -675,13 +681,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_xxloitwotuh3r99u016l',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_vuae2ife3rmqaoqsmw12',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_r048ovtrthoxv817r2he(cell.i, cell.j, group.css_id);
+                  styleCell_r36aj15nnaa4v7cuje4m(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -689,10 +695,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xxloitwotuh3r99u016l, .table th.tinytable_css_xxloitwotuh3r99u016l { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_vuae2ife3rmqaoqsmw12, .table th.tinytable_css_vuae2ife3rmqaoqsmw12 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_r048ovtrthoxv817r2he" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_r36aj15nnaa4v7cuje4m" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -759,8 +765,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_3u2n7xg6a3eljoxdtfta(i, j, css_id) {
-          var table = document.getElementById("tinytable_3u2n7xg6a3eljoxdtfta");
+      function styleCell_eag03oeefwslkr9mno44(i, j, css_id) {
+          var table = document.getElementById("tinytable_eag03oeefwslkr9mno44");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -770,7 +776,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_3u2n7xg6a3eljoxdtfta');
+        var table = document.getElementById('tinytable_eag03oeefwslkr9mno44');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -778,8 +784,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_3u2n7xg6a3eljoxdtfta(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_3u2n7xg6a3eljoxdtfta");
+      function spanCell_eag03oeefwslkr9mno44(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_eag03oeefwslkr9mno44");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -809,13 +815,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 5, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 }, { i: 0, j: 2 }, { i: 5, j: 2 }, { i: 0, j: 3 }, { i: 5, j: 3 }, { i: 0, j: 4 }, { i: 5, j: 4 },  ], css_id: 'tinytable_css_5dzcgpmc2r2dlqj1atww',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 5, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 }, { i: 0, j: 2 }, { i: 5, j: 2 }, { i: 0, j: 3 }, { i: 5, j: 3 }, { i: 0, j: 4 }, { i: 5, j: 4 },  ], css_id: 'tinytable_css_tip3yd6w6pi0nysf9mux',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_3u2n7xg6a3eljoxdtfta(cell.i, cell.j, group.css_id);
+                  styleCell_eag03oeefwslkr9mno44(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -823,10 +829,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_5dzcgpmc2r2dlqj1atww, .table th.tinytable_css_5dzcgpmc2r2dlqj1atww { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_tip3yd6w6pi0nysf9mux, .table th.tinytable_css_tip3yd6w6pi0nysf9mux { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_3u2n7xg6a3eljoxdtfta" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_eag03oeefwslkr9mno44" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -886,8 +892,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_h6wvbnscglsxa5bqma59(i, j, css_id) {
-          var table = document.getElementById("tinytable_h6wvbnscglsxa5bqma59");
+      function styleCell_w8sz3858r3z79182wby3(i, j, css_id) {
+          var table = document.getElementById("tinytable_w8sz3858r3z79182wby3");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -897,7 +903,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_h6wvbnscglsxa5bqma59');
+        var table = document.getElementById('tinytable_w8sz3858r3z79182wby3');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -905,8 +911,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_h6wvbnscglsxa5bqma59(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_h6wvbnscglsxa5bqma59");
+      function spanCell_w8sz3858r3z79182wby3(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_w8sz3858r3z79182wby3");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -936,13 +942,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 },  ], css_id: 'tinytable_css_vm76t9rfoezcnmdktw7x',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 },  ], css_id: 'tinytable_css_05b431ffdy3pdjeddaaq',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_h6wvbnscglsxa5bqma59(cell.i, cell.j, group.css_id);
+                  styleCell_w8sz3858r3z79182wby3(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -950,10 +956,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_vm76t9rfoezcnmdktw7x, .table th.tinytable_css_vm76t9rfoezcnmdktw7x { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_05b431ffdy3pdjeddaaq, .table th.tinytable_css_05b431ffdy3pdjeddaaq { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_h6wvbnscglsxa5bqma59" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_w8sz3858r3z79182wby3" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
diff --git a/man/save_tt.html b/man/save_tt.html
index 3eaf12f3..b90e8403 100644
--- a/man/save_tt.html
+++ b/man/save_tt.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/man/style_tt.html b/man/style_tt.html
index cfb67154..475971ff 100644
--- a/man/style_tt.html
+++ b/man/style_tt.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/man/theme_tt.html b/man/theme_tt.html
index 871fa91c..31279dcc 100644
--- a/man/theme_tt.html
+++ b/man/theme_tt.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -580,8 +586,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_o7ijsw598pxe8hwc3zxu(i, j, css_id) {
-          var table = document.getElementById("tinytable_o7ijsw598pxe8hwc3zxu");
+      function styleCell_lesixu4oxl26pgfa4db6(i, j, css_id) {
+          var table = document.getElementById("tinytable_lesixu4oxl26pgfa4db6");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -591,7 +597,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_o7ijsw598pxe8hwc3zxu');
+        var table = document.getElementById('tinytable_lesixu4oxl26pgfa4db6');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -599,8 +605,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_o7ijsw598pxe8hwc3zxu(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_o7ijsw598pxe8hwc3zxu");
+      function spanCell_lesixu4oxl26pgfa4db6(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_lesixu4oxl26pgfa4db6");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -630,14 +636,14 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_dnyfmz9w9rwup240p7w9',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_cyllw2zj54hyrjk83kxp',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_ocm24lkqmqfd1u1i9hkm',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_cfn2io0a61g0ehmp13bl',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_o7ijsw598pxe8hwc3zxu(cell.i, cell.j, group.css_id);
+                  styleCell_lesixu4oxl26pgfa4db6(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -645,11 +651,11 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_dnyfmz9w9rwup240p7w9, .table th.tinytable_css_dnyfmz9w9rwup240p7w9 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_cyllw2zj54hyrjk83kxp, .table th.tinytable_css_cyllw2zj54hyrjk83kxp { background-color: #ededed; }
+      .table td.tinytable_css_ocm24lkqmqfd1u1i9hkm, .table th.tinytable_css_ocm24lkqmqfd1u1i9hkm { background-color: #ededed; }
+      .table td.tinytable_css_cfn2io0a61g0ehmp13bl, .table th.tinytable_css_cfn2io0a61g0ehmp13bl { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-striped" id="tinytable_o7ijsw598pxe8hwc3zxu" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-striped" id="tinytable_lesixu4oxl26pgfa4db6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -696,8 +702,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_n01qh5unqxvv1q46r5hh(i, j, css_id) {
-          var table = document.getElementById("tinytable_n01qh5unqxvv1q46r5hh");
+      function styleCell_bhxh2kbzezq4mzy1k3ug(i, j, css_id) {
+          var table = document.getElementById("tinytable_bhxh2kbzezq4mzy1k3ug");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -707,7 +713,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_n01qh5unqxvv1q46r5hh');
+        var table = document.getElementById('tinytable_bhxh2kbzezq4mzy1k3ug');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -715,8 +721,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_n01qh5unqxvv1q46r5hh(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_n01qh5unqxvv1q46r5hh");
+      function spanCell_bhxh2kbzezq4mzy1k3ug(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_bhxh2kbzezq4mzy1k3ug");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -746,14 +752,14 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_p5bhyb3np7rk26hsei2n',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_b2bec3zbhtjay3fodfbp',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_u8fi39pjlc1q1xlsqzvn',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_09rknzi5t0an7fccuvv1',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_n01qh5unqxvv1q46r5hh(cell.i, cell.j, group.css_id);
+                  styleCell_bhxh2kbzezq4mzy1k3ug(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -761,11 +767,11 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_p5bhyb3np7rk26hsei2n, .table th.tinytable_css_p5bhyb3np7rk26hsei2n { background-color: #ededed; }
-      .table td.tinytable_css_b2bec3zbhtjay3fodfbp, .table th.tinytable_css_b2bec3zbhtjay3fodfbp { border-bottom: solid #d3d8dc 0.1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_u8fi39pjlc1q1xlsqzvn, .table th.tinytable_css_u8fi39pjlc1q1xlsqzvn { background-color: #ededed; }
+      .table td.tinytable_css_09rknzi5t0an7fccuvv1, .table th.tinytable_css_09rknzi5t0an7fccuvv1 { border-bottom: solid #d3d8dc 0.1em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-striped" id="tinytable_n01qh5unqxvv1q46r5hh" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-striped" id="tinytable_bhxh2kbzezq4mzy1k3ug" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
diff --git a/man/tinytable-package.html b/man/tinytable-package.html
index 4d0f5966..e3adfb0e 100644
--- a/man/tinytable-package.html
+++ b/man/tinytable-package.html
@@ -225,6 +225,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/man/tt.html b/man/tt.html
index 1c788179..5a046aec 100644
--- a/man/tt.html
+++ b/man/tt.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -659,8 +665,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_pxa0l8cqcxhhrxpq7p1h(i, j, css_id) {
-          var table = document.getElementById("tinytable_pxa0l8cqcxhhrxpq7p1h");
+      function styleCell_t9l3zpl7txwee5erb68o(i, j, css_id) {
+          var table = document.getElementById("tinytable_t9l3zpl7txwee5erb68o");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -670,7 +676,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_pxa0l8cqcxhhrxpq7p1h');
+        var table = document.getElementById('tinytable_t9l3zpl7txwee5erb68o');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -678,8 +684,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_pxa0l8cqcxhhrxpq7p1h(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_pxa0l8cqcxhhrxpq7p1h");
+      function spanCell_t9l3zpl7txwee5erb68o(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_t9l3zpl7txwee5erb68o");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -709,13 +715,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_s43ylfw0htus9dgboqxg',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_zqtfzgt4cumedz8xorkv',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_pxa0l8cqcxhhrxpq7p1h(cell.i, cell.j, group.css_id);
+                  styleCell_t9l3zpl7txwee5erb68o(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -723,10 +729,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_s43ylfw0htus9dgboqxg, .table th.tinytable_css_s43ylfw0htus9dgboqxg { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_zqtfzgt4cumedz8xorkv, .table th.tinytable_css_zqtfzgt4cumedz8xorkv { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_pxa0l8cqcxhhrxpq7p1h" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_t9l3zpl7txwee5erb68o" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -781,8 +787,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_rb5id5f1trqrx306h6zp(i, j, css_id) {
-          var table = document.getElementById("tinytable_rb5id5f1trqrx306h6zp");
+      function styleCell_kzjgc6i030n1cwmrz19j(i, j, css_id) {
+          var table = document.getElementById("tinytable_kzjgc6i030n1cwmrz19j");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -792,7 +798,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_rb5id5f1trqrx306h6zp');
+        var table = document.getElementById('tinytable_kzjgc6i030n1cwmrz19j');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -800,8 +806,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_rb5id5f1trqrx306h6zp(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_rb5id5f1trqrx306h6zp");
+      function spanCell_kzjgc6i030n1cwmrz19j(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_kzjgc6i030n1cwmrz19j");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -831,14 +837,14 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_osdbv4h0j8krui0q290v',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_ofpqzaxesyoebz6yyck3',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_rooli557rso3an40qy8d',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_9tqk52ns13jfjxta2cei',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_rb5id5f1trqrx306h6zp(cell.i, cell.j, group.css_id);
+                  styleCell_kzjgc6i030n1cwmrz19j(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -846,11 +852,11 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_osdbv4h0j8krui0q290v, .table th.tinytable_css_osdbv4h0j8krui0q290v { background-color: #ededed; }
-      .table td.tinytable_css_ofpqzaxesyoebz6yyck3, .table th.tinytable_css_ofpqzaxesyoebz6yyck3 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_rooli557rso3an40qy8d, .table th.tinytable_css_rooli557rso3an40qy8d { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_9tqk52ns13jfjxta2cei, .table th.tinytable_css_9tqk52ns13jfjxta2cei { background-color: #ededed; }
     </style>
     <div class="container">
-      <table class="table table-striped" id="tinytable_rb5id5f1trqrx306h6zp" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-striped" id="tinytable_kzjgc6i030n1cwmrz19j" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Data about cars.</caption>
               <tbody><tr>
@@ -902,8 +908,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_7z04p974iofbulre5py1(i, j, css_id) {
-          var table = document.getElementById("tinytable_7z04p974iofbulre5py1");
+      function styleCell_3h4e3i6hf064r5paz1w7(i, j, css_id) {
+          var table = document.getElementById("tinytable_3h4e3i6hf064r5paz1w7");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -913,7 +919,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_7z04p974iofbulre5py1');
+        var table = document.getElementById('tinytable_3h4e3i6hf064r5paz1w7');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -921,8 +927,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_7z04p974iofbulre5py1(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_7z04p974iofbulre5py1");
+      function spanCell_3h4e3i6hf064r5paz1w7(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_3h4e3i6hf064r5paz1w7");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -952,13 +958,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_f2r2tgfm7ajcp5sd9leg',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_wj5yjph7x4a8ch45vyh0',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_7z04p974iofbulre5py1(cell.i, cell.j, group.css_id);
+                  styleCell_3h4e3i6hf064r5paz1w7(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -966,10 +972,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_f2r2tgfm7ajcp5sd9leg, .table th.tinytable_css_f2r2tgfm7ajcp5sd9leg { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_wj5yjph7x4a8ch45vyh0, .table th.tinytable_css_wj5yjph7x4a8ch45vyh0 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_7z04p974iofbulre5py1" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_3h4e3i6hf064r5paz1w7" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1045,8 +1051,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <script>
 
-      function styleCell_4g53t0i0ih9qz2yhjdnx(i, j, css_id) {
-          var table = document.getElementById("tinytable_4g53t0i0ih9qz2yhjdnx");
+      function styleCell_duflzkq939dpnzzlhcfy(i, j, css_id) {
+          var table = document.getElementById("tinytable_duflzkq939dpnzzlhcfy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1056,7 +1062,7 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_4g53t0i0ih9qz2yhjdnx');
+        var table = document.getElementById('tinytable_duflzkq939dpnzzlhcfy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1064,8 +1070,8 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_4g53t0i0ih9qz2yhjdnx(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_4g53t0i0ih9qz2yhjdnx");
+      function spanCell_duflzkq939dpnzzlhcfy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_duflzkq939dpnzzlhcfy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1095,13 +1101,13 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_scansioe5ck08d0rfmbf',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_ag6gs1f2b388gc31hdkr',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_4g53t0i0ih9qz2yhjdnx(cell.i, cell.j, group.css_id);
+                  styleCell_duflzkq939dpnzzlhcfy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1109,10 +1115,10 @@ <h3 class="anchored" data-anchor-id="examples">Examples</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_scansioe5ck08d0rfmbf, .table th.tinytable_css_scansioe5ck08d0rfmbf { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ag6gs1f2b388gc31hdkr, .table th.tinytable_css_ag6gs1f2b388gc31hdkr { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_4g53t0i0ih9qz2yhjdnx" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_duflzkq939dpnzzlhcfy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
diff --git a/quarto_website.yml b/quarto_website.yml
index be3b28fe..cf8a5bb9 100644
--- a/quarto_website.yml
+++ b/quarto_website.yml
@@ -49,6 +49,8 @@ website:
           file: vignettes/theme.qmd
         - text: Customization
           file: vignettes/custom.qmd
+        - text: Notebooks
+          file: vignettes/notebooks.qmd
         - text: FAQ
           file: vignettes/faq.qmd
         - text: Alternatives
diff --git a/search.json b/search.json
index 069f8659..c4649f96 100644
--- a/search.json
+++ b/search.json
@@ -620,7 +620,7 @@
     "href": "man/format_tt.html",
     "title": "tinytable",
     "section": "",
-    "text": "This function formats the columns of a data frame based on the column type (logical, date, numeric). It allows various formatting options like significant digits, decimal points, and scientific notation. It also includes custom formatting for date and boolean values. If this function is applied several times to the same cell, the last transformation is retained and the previous calls are ignored, except for the escape argument which can be applied to previously transformed data.\n\n\n\nformat_tt(\n  x,\n  i = NULL,\n  j = NULL,\n  digits = get_option(\"tinytable_format_digits\", default = NULL),\n  num_fmt = get_option(\"tinytable_format_num_fmt\", default = \"significant\"),\n  num_zero = get_option(\"tinytable_format_num_zero\", default = FALSE),\n  num_suffix = get_option(\"tinytable_format_num_suffix\", default = FALSE),\n  num_mark_big = get_option(\"tinytable_format_num_mark_big\", default = \"\"),\n  num_mark_dec = get_option(\"tinytable_format_num_mark_dec\", default =\n    getOption(\"OutDec\", default = \".\")),\n  date = get_option(\"tinytable_format_date\", default = \"%Y-%m-%d\"),\n  bool = get_option(\"tinytable_format_bool\", default = function(column)\n    tools::toTitleCase(tolower(column))),\n  math = get_option(\"tinytable_format_math\", default = FALSE),\n  other = get_option(\"tinytable_format_other\", default = as.character),\n  replace = get_option(\"tinytable_format_replace\", default = TRUE),\n  escape = get_option(\"tinytable_format_escape\", default = FALSE),\n  markdown = get_option(\"tinytable_format_markdown\", default = FALSE),\n  quarto = get_option(\"tinytable_format_quarto\", default = FALSE),\n  fn = get_option(\"tinytable_format_fn\", default = NULL),\n  sprintf = get_option(\"tinytable_format_sprintf\", default = NULL),\n  ...\n)\n\n\n\n\n\n\n\nx\n\n\nA data frame or a vector to be formatted.\n\n\n\n\ni\n\n\nRow indices where the formatting should be applied.\n\n\n\n\nj\n\n\nColumn indices where the styling should be applied. Can be:\n\n\nInteger vectors indicating column positions.\n\n\nCharacter vector indicating column names.\n\n\nA single string specifying a Perl-style regular expression used to match column names.\n\n\n\n\n\n\ndigits\n\n\nNumber of significant digits or decimal places.\n\n\n\n\nnum_fmt\n\n\nThe format for numeric values; one of ‘significant’, ‘significant_cell’, ‘decimal’, or ‘scientific’.\n\n\n\n\nnum_zero\n\n\nLogical; if TRUE, trailing zeros are kept in \"decimal\" format (but not in \"significant\" format).\n\n\n\n\nnum_suffix\n\n\nLogical; if TRUE display short numbers with digits significant digits and K (thousands), M (millions), B (billions), or T (trillions) suffixes.\n\n\n\n\nnum_mark_big\n\n\nCharacter to use as a thousands separator.\n\n\n\n\nnum_mark_dec\n\n\nDecimal mark character. Default is the global option ‘OutDec’.\n\n\n\n\ndate\n\n\nA string passed to the format() function, such as \"%Y-%m-%d\". See the \"Details\" section in ?strptime\n\n\n\n\nbool\n\n\nA function to format logical columns. Defaults to title case.\n\n\n\n\nmath\n\n\nLogical. If TRUE, wrap cell values in math mode $..$. This is useful for LaTeX output or with HTML MathJax options(tinytable_html_mathjax=TRUE).\n\n\n\n\nother\n\n\nA function to format columns of other types. Defaults to as.character().\n\n\n\n\nreplace\n\n\nLogical, String or Named list of vectors\n\n\nTRUE: Replace NA by an empty string.\n\n\nFALSE: Print NA as the string \"NA\".\n\n\nString: Replace NA entries by the user-supplied string.\n\n\nNamed list: Replace matching elements of the vectors in the list by theirs names. Example:\n\n\nlist(“-” = c(NA, NaN), “Tiny” = -Inf, “Massive” = Inf)\n\n\n\n\n\n\n\n\nescape\n\n\nLogical or \"latex\" or \"html\". If TRUE, escape special characters to display them as text in the format of the output of a tt() table.\n\n\nIf i and j are both NULL, escape all cells, column names, caption, notes, and spanning labels created by group_tt().\n\n\n\n\n\n\nmarkdown\n\n\nLogical; if TRUE, render markdown syntax in cells. Ex: italicized text is properly italicized in HTML and LaTeX.\n\n\n\n\nquarto\n\n\nLogical. Enable Quarto data processing and wrap cell content in a data-qmd span (HTML) or  macro (LaTeX). See warnings in the Global Options section below.\n\n\n\n\nfn\n\n\nFunction for custom formatting. Accepts a vector and returns a character vector of the same length.\n\n\n\n\nsprintf\n\n\nString passed to the ?sprintf function to format numbers or interpolate strings with a user-defined pattern (similar to the glue package, but using Base R).\n\n\n\n\n…\n\n\nAdditional arguments are ignored.\n\n\n\n\n\n\nA data frame with formatted columns.\n\n\n\nMany global options can be used to set the default argument values of tinytable functions. For a full list, see:\nhttps://vincentarelbundock.github.io/tinytable/vignettes/options.html\n\n\n\n\noptions(“tinytable_quarto_figure” = FALSE): Typst only. Normally, it is best to allow Quarto to define the figure environment, so the default behavior is to not include one.\n\n\n\nThe format_tt(quarto=TRUE) argument activates Quarto data processing for specific cells. This funcationality comes with a few warnings:\n\n\nCurrently, Quarto provides a  LaTeX macro, but it does not appear to do anything with it. References and markdown codes may not be processed as expected in LaTeX.\n\n\nQuarto data processing can enter in conflict with tinytable styling or formatting options. See below for how to disable it.\n\n\noptions(tinytable_quarto_disable_processing = TRUE)\nDisable Quarto processing of cell content. Setting this global option to FALSE may lead to conflicts with some tinytable features, but it also allows use of markdown and Quarto-specific code in table cells, such as cross-references.\n\nx &lt;- data.frame(Math = \"x^2^\", Citation = \"@Lovelace1842\")\nfn &lt;- function(z) sprintf(\"&lt;span data-qmd='%s'&gt;&lt;/span&gt;\", z)\ntt(x) |&gt; format_tt(i = 1, fn = fn)\n\n\nSee this link for more details: https://quarto.org/docs/authoring/tables.html#disabling-quarto-table-processing\n\n\n\noptions(tinytable_html_mathjax = TRUE)\n\n\ninsert MathJax scripts in the HTML document. Warning: This may conflict with other elements of the page if MathJax is otherwise loaded.\n\n\n\n\noptions(tinytable_html_portable = TRUE)\n\n\nplot_tt() inserts base 64 encoded images directly in the HTML file rather than use external links.\n\n\n\n\n\n\n\noptions(tinytable_pdf_clean = TRUE)\n\n\ndeletes temporary and log files.\n\n\n\n\noptions(tinytable_pdf_engine = “xelatex”)\n\n\n\"xelatex\", \"pdflatex\", \"lualatex\"\n\n\n\n\n\n\n\n\nlibrary(\"tinytable\")\n\ndat &lt;- data.frame(\n  a = rnorm(3, mean = 10000),\n  b = rnorm(3, 10000))\ntab &lt;- tt(dat)\nformat_tt(tab,\n digits = 2,\n num_mark_dec = \",\",\n num_mark_big = \" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  10 001\n                  9 999\n                \n                \n                  9 999\n                  10 000\n                \n                \n                  9 999\n                  10 000\n                \n        \n      \n    \n\n\nk &lt;- tt(data.frame(x = c(0.000123456789, 12.4356789)))\nformat_tt(k, digits = 2, num_fmt = \"significant_cell\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n   b = c(1.43202, 201.399, 0.146188, 0.0031),\n   c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n format_tt(j = 2, digits = 1, num_fmt = \"decimal\", num_zero = TRUE) |&gt;\n format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.4\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.4\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.1\n                  29M\n                \n                \n                  Food: Beans\n                  0.0\n                  94K\n                \n        \n      \n    \n\n\ny &lt;- tt(data.frame(x = c(123456789.678, 12435.6789)))\nformat_tt(y, digits=3, num_mark_big=\" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  123 456 790\n                \n                \n                  12 436\n                \n        \n      \n    \n\n\nx &lt;- tt(data.frame(Text = c(\"_italicized text_\", \"__bold text__\")))\nformat_tt(x, markdown=TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                Text\n              \n        \n        \n        \n                \n                  italicized text\n                \n                \n                  bold text\n                \n        \n      \n    \n\n\ntab &lt;- data.frame(a = c(NA, 1, 2), b = c(3, NA, 5))\ntt(tab) |&gt; format_tt(replace = \"-\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  -\n                   3\n                \n                \n                   1\n                  -\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   \"LaTeX\" = c(\"Dollars $\", \"Percent %\", \"Underscore _\"),\n   \"HTML\" = c(\"&lt;br&gt;\", \"&lt;sup&gt;4&lt;/sup&gt;\", \"&lt;emph&gt;blah&lt;/emph&gt;\")\n)\ntt(dat) |&gt; format_tt(escape = TRUE)   \n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                LaTeX\n                HTML\n              \n        \n        \n        \n                \n                  Dollars $\n                  &lt;br&gt;\n                \n                \n                  Percent %\n                  &lt;sup&gt;4&lt;/sup&gt;\n                \n                \n                  Underscore _\n                  &lt;emph&gt;blah&lt;/emph&gt;",
+    "text": "This function formats the columns of a data frame based on the column type (logical, date, numeric). It allows various formatting options like significant digits, decimal points, and scientific notation. It also includes custom formatting for date and boolean values. If this function is applied several times to the same cell, the last transformation is retained and the previous calls are ignored, except for the escape argument which can be applied to previously transformed data.\n\n\n\nformat_tt(\n  x,\n  i = NULL,\n  j = NULL,\n  digits = get_option(\"tinytable_format_digits\", default = NULL),\n  num_fmt = get_option(\"tinytable_format_num_fmt\", default = \"significant\"),\n  num_zero = get_option(\"tinytable_format_num_zero\", default = FALSE),\n  num_suffix = get_option(\"tinytable_format_num_suffix\", default = FALSE),\n  num_mark_big = get_option(\"tinytable_format_num_mark_big\", default = \"\"),\n  num_mark_dec = get_option(\"tinytable_format_num_mark_dec\", default =\n    getOption(\"OutDec\", default = \".\")),\n  date = get_option(\"tinytable_format_date\", default = \"%Y-%m-%d\"),\n  bool = get_option(\"tinytable_format_bool\", default = function(column)\n    tools::toTitleCase(tolower(column))),\n  math = get_option(\"tinytable_format_math\", default = FALSE),\n  other = get_option(\"tinytable_format_other\", default = as.character),\n  replace = get_option(\"tinytable_format_replace\", default = TRUE),\n  escape = get_option(\"tinytable_format_escape\", default = FALSE),\n  markdown = get_option(\"tinytable_format_markdown\", default = FALSE),\n  quarto = get_option(\"tinytable_format_quarto\", default = FALSE),\n  fn = get_option(\"tinytable_format_fn\", default = NULL),\n  sprintf = get_option(\"tinytable_format_sprintf\", default = NULL),\n  ...\n)\n\n\n\n\n\n\n\nx\n\n\nA data frame or a vector to be formatted.\n\n\n\n\ni\n\n\nRow indices where the formatting should be applied.\n\n\n\n\nj\n\n\nColumn indices where the styling should be applied. Can be:\n\n\nInteger vectors indicating column positions.\n\n\nCharacter vector indicating column names.\n\n\nA single string specifying a Perl-style regular expression used to match column names.\n\n\n\n\n\n\ndigits\n\n\nNumber of significant digits or decimal places.\n\n\n\n\nnum_fmt\n\n\nThe format for numeric values; one of ‘significant’, ‘significant_cell’, ‘decimal’, or ‘scientific’.\n\n\n\n\nnum_zero\n\n\nLogical; if TRUE, trailing zeros are kept in \"decimal\" format (but not in \"significant\" format).\n\n\n\n\nnum_suffix\n\n\nLogical; if TRUE display short numbers with digits significant digits and K (thousands), M (millions), B (billions), or T (trillions) suffixes.\n\n\n\n\nnum_mark_big\n\n\nCharacter to use as a thousands separator.\n\n\n\n\nnum_mark_dec\n\n\nDecimal mark character. Default is the global option ‘OutDec’.\n\n\n\n\ndate\n\n\nA string passed to the format() function, such as \"%Y-%m-%d\". See the \"Details\" section in ?strptime\n\n\n\n\nbool\n\n\nA function to format logical columns. Defaults to title case.\n\n\n\n\nmath\n\n\nLogical. If TRUE, wrap cell values in math mode $..$. This is useful for LaTeX output or with HTML MathJax options(tinytable_html_mathjax=TRUE).\n\n\n\n\nother\n\n\nA function to format columns of other types. Defaults to as.character().\n\n\n\n\nreplace\n\n\nLogical, String or Named list of vectors\n\n\nTRUE: Replace NA by an empty string.\n\n\nFALSE: Print NA as the string \"NA\".\n\n\nString: Replace NA entries by the user-supplied string.\n\n\nNamed list: Replace matching elements of the vectors in the list by theirs names. Example:\n\n\nlist(“-” = c(NA, NaN), “Tiny” = -Inf, “Massive” = Inf)\n\n\n\n\n\n\n\n\nescape\n\n\nLogical or \"latex\" or \"html\". If TRUE, escape special characters to display them as text in the format of the output of a tt() table.\n\n\nIf i and j are both NULL, escape all cells, column names, caption, notes, and spanning labels created by group_tt().\n\n\n\n\n\n\nmarkdown\n\n\nLogical; if TRUE, render markdown syntax in cells. Ex: italicized text is properly italicized in HTML and LaTeX.\n\n\n\n\nquarto\n\n\nLogical. Enable Quarto data processing and wrap cell content in a data-qmd span (HTML) or  macro (LaTeX). See warnings in the Global Options section below.\n\n\n\n\nfn\n\n\nFunction for custom formatting. Accepts a vector and returns a character vector of the same length.\n\n\n\n\nsprintf\n\n\nString passed to the ?sprintf function to format numbers or interpolate strings with a user-defined pattern (similar to the glue package, but using Base R).\n\n\n\n\n…\n\n\nAdditional arguments are ignored.\n\n\n\n\n\n\nA data frame with formatted columns.\n\n\n\nMany global options can be used to set the default argument values of tinytable functions. For a full list, see:\nhttps://vincentarelbundock.github.io/tinytable/vignettes/options.html\n\n\n\n\noptions(“tinytable_quarto_figure” = FALSE): Typst only. Normally, it is best to allow Quarto to define the figure environment, so the default behavior is to not include one.\n\n\n\nThe format_tt(quarto=TRUE) argument activates Quarto data processing for specific cells. This funcationality comes with a few warnings:\n\n\nCurrently, Quarto provides a  LaTeX macro, but it does not appear to do anything with it. References and markdown codes may not be processed as expected in LaTeX.\n\n\nQuarto data processing can enter in conflict with tinytable styling or formatting options. See below for how to disable it.\n\n\noptions(tinytable_quarto_disable_processing = TRUE)\nDisable Quarto processing of cell content. Setting this global option to FALSE may lead to conflicts with some tinytable features, but it also allows use of markdown and Quarto-specific code in table cells, such as cross-references.\n\nx &lt;- data.frame(Math = \"x^2^\", Citation = \"@Lovelace1842\")\nfn &lt;- function(z) sprintf(\"&lt;span data-qmd='%s'&gt;&lt;/span&gt;\", z)\ntt(x) |&gt; format_tt(i = 1, fn = fn)\n\n\nSee this link for more details: https://quarto.org/docs/authoring/tables.html#disabling-quarto-table-processing\n\n\n\noptions(tinytable_html_mathjax = TRUE)\n\n\ninsert MathJax scripts in the HTML document. Warning: This may conflict with other elements of the page if MathJax is otherwise loaded.\n\n\n\n\noptions(tinytable_html_portable = TRUE)\n\n\nplot_tt() inserts base 64 encoded images directly in the HTML file rather than use external links.\n\n\n\n\n\n\n\noptions(tinytable_pdf_clean = TRUE)\n\n\ndeletes temporary and log files.\n\n\n\n\noptions(tinytable_pdf_engine = “xelatex”)\n\n\n\"xelatex\", \"pdflatex\", \"lualatex\"\n\n\n\n\n\n\n\n\nlibrary(\"tinytable\")\n\ndat &lt;- data.frame(\n  a = rnorm(3, mean = 10000),\n  b = rnorm(3, 10000))\ntab &lt;- tt(dat)\nformat_tt(tab,\n digits = 2,\n num_mark_dec = \",\",\n num_mark_big = \" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  10 000\n                  10 000\n                \n                \n                  10 001\n                  10 001\n                \n                \n                  10 000\n                  10 000\n                \n        \n      \n    \n\n\nk &lt;- tt(data.frame(x = c(0.000123456789, 12.4356789)))\nformat_tt(k, digits = 2, num_fmt = \"significant_cell\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n   b = c(1.43202, 201.399, 0.146188, 0.0031),\n   c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n format_tt(j = 2, digits = 1, num_fmt = \"decimal\", num_zero = TRUE) |&gt;\n format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.4\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.4\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.1\n                  29M\n                \n                \n                  Food: Beans\n                  0.0\n                  94K\n                \n        \n      \n    \n\n\ny &lt;- tt(data.frame(x = c(123456789.678, 12435.6789)))\nformat_tt(y, digits=3, num_mark_big=\" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  123 456 790\n                \n                \n                  12 436\n                \n        \n      \n    \n\n\nx &lt;- tt(data.frame(Text = c(\"_italicized text_\", \"__bold text__\")))\nformat_tt(x, markdown=TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                Text\n              \n        \n        \n        \n                \n                  italicized text\n                \n                \n                  bold text\n                \n        \n      \n    \n\n\ntab &lt;- data.frame(a = c(NA, 1, 2), b = c(3, NA, 5))\ntt(tab) |&gt; format_tt(replace = \"-\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  -\n                   3\n                \n                \n                   1\n                  -\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   \"LaTeX\" = c(\"Dollars $\", \"Percent %\", \"Underscore _\"),\n   \"HTML\" = c(\"&lt;br&gt;\", \"&lt;sup&gt;4&lt;/sup&gt;\", \"&lt;emph&gt;blah&lt;/emph&gt;\")\n)\ntt(dat) |&gt; format_tt(escape = TRUE)   \n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                LaTeX\n                HTML\n              \n        \n        \n        \n                \n                  Dollars $\n                  &lt;br&gt;\n                \n                \n                  Percent %\n                  &lt;sup&gt;4&lt;/sup&gt;\n                \n                \n                  Underscore _\n                  &lt;emph&gt;blah&lt;/emph&gt;",
     "crumbs": [
       "Tutorial (PDF)",
       "Functions",
@@ -632,7 +632,7 @@
     "href": "man/format_tt.html#format-columns-of-a-data-frame",
     "title": "tinytable",
     "section": "",
-    "text": "This function formats the columns of a data frame based on the column type (logical, date, numeric). It allows various formatting options like significant digits, decimal points, and scientific notation. It also includes custom formatting for date and boolean values. If this function is applied several times to the same cell, the last transformation is retained and the previous calls are ignored, except for the escape argument which can be applied to previously transformed data.\n\n\n\nformat_tt(\n  x,\n  i = NULL,\n  j = NULL,\n  digits = get_option(\"tinytable_format_digits\", default = NULL),\n  num_fmt = get_option(\"tinytable_format_num_fmt\", default = \"significant\"),\n  num_zero = get_option(\"tinytable_format_num_zero\", default = FALSE),\n  num_suffix = get_option(\"tinytable_format_num_suffix\", default = FALSE),\n  num_mark_big = get_option(\"tinytable_format_num_mark_big\", default = \"\"),\n  num_mark_dec = get_option(\"tinytable_format_num_mark_dec\", default =\n    getOption(\"OutDec\", default = \".\")),\n  date = get_option(\"tinytable_format_date\", default = \"%Y-%m-%d\"),\n  bool = get_option(\"tinytable_format_bool\", default = function(column)\n    tools::toTitleCase(tolower(column))),\n  math = get_option(\"tinytable_format_math\", default = FALSE),\n  other = get_option(\"tinytable_format_other\", default = as.character),\n  replace = get_option(\"tinytable_format_replace\", default = TRUE),\n  escape = get_option(\"tinytable_format_escape\", default = FALSE),\n  markdown = get_option(\"tinytable_format_markdown\", default = FALSE),\n  quarto = get_option(\"tinytable_format_quarto\", default = FALSE),\n  fn = get_option(\"tinytable_format_fn\", default = NULL),\n  sprintf = get_option(\"tinytable_format_sprintf\", default = NULL),\n  ...\n)\n\n\n\n\n\n\n\nx\n\n\nA data frame or a vector to be formatted.\n\n\n\n\ni\n\n\nRow indices where the formatting should be applied.\n\n\n\n\nj\n\n\nColumn indices where the styling should be applied. Can be:\n\n\nInteger vectors indicating column positions.\n\n\nCharacter vector indicating column names.\n\n\nA single string specifying a Perl-style regular expression used to match column names.\n\n\n\n\n\n\ndigits\n\n\nNumber of significant digits or decimal places.\n\n\n\n\nnum_fmt\n\n\nThe format for numeric values; one of ‘significant’, ‘significant_cell’, ‘decimal’, or ‘scientific’.\n\n\n\n\nnum_zero\n\n\nLogical; if TRUE, trailing zeros are kept in \"decimal\" format (but not in \"significant\" format).\n\n\n\n\nnum_suffix\n\n\nLogical; if TRUE display short numbers with digits significant digits and K (thousands), M (millions), B (billions), or T (trillions) suffixes.\n\n\n\n\nnum_mark_big\n\n\nCharacter to use as a thousands separator.\n\n\n\n\nnum_mark_dec\n\n\nDecimal mark character. Default is the global option ‘OutDec’.\n\n\n\n\ndate\n\n\nA string passed to the format() function, such as \"%Y-%m-%d\". See the \"Details\" section in ?strptime\n\n\n\n\nbool\n\n\nA function to format logical columns. Defaults to title case.\n\n\n\n\nmath\n\n\nLogical. If TRUE, wrap cell values in math mode $..$. This is useful for LaTeX output or with HTML MathJax options(tinytable_html_mathjax=TRUE).\n\n\n\n\nother\n\n\nA function to format columns of other types. Defaults to as.character().\n\n\n\n\nreplace\n\n\nLogical, String or Named list of vectors\n\n\nTRUE: Replace NA by an empty string.\n\n\nFALSE: Print NA as the string \"NA\".\n\n\nString: Replace NA entries by the user-supplied string.\n\n\nNamed list: Replace matching elements of the vectors in the list by theirs names. Example:\n\n\nlist(“-” = c(NA, NaN), “Tiny” = -Inf, “Massive” = Inf)\n\n\n\n\n\n\n\n\nescape\n\n\nLogical or \"latex\" or \"html\". If TRUE, escape special characters to display them as text in the format of the output of a tt() table.\n\n\nIf i and j are both NULL, escape all cells, column names, caption, notes, and spanning labels created by group_tt().\n\n\n\n\n\n\nmarkdown\n\n\nLogical; if TRUE, render markdown syntax in cells. Ex: italicized text is properly italicized in HTML and LaTeX.\n\n\n\n\nquarto\n\n\nLogical. Enable Quarto data processing and wrap cell content in a data-qmd span (HTML) or  macro (LaTeX). See warnings in the Global Options section below.\n\n\n\n\nfn\n\n\nFunction for custom formatting. Accepts a vector and returns a character vector of the same length.\n\n\n\n\nsprintf\n\n\nString passed to the ?sprintf function to format numbers or interpolate strings with a user-defined pattern (similar to the glue package, but using Base R).\n\n\n\n\n…\n\n\nAdditional arguments are ignored.\n\n\n\n\n\n\nA data frame with formatted columns.\n\n\n\nMany global options can be used to set the default argument values of tinytable functions. For a full list, see:\nhttps://vincentarelbundock.github.io/tinytable/vignettes/options.html\n\n\n\n\noptions(“tinytable_quarto_figure” = FALSE): Typst only. Normally, it is best to allow Quarto to define the figure environment, so the default behavior is to not include one.\n\n\n\nThe format_tt(quarto=TRUE) argument activates Quarto data processing for specific cells. This funcationality comes with a few warnings:\n\n\nCurrently, Quarto provides a  LaTeX macro, but it does not appear to do anything with it. References and markdown codes may not be processed as expected in LaTeX.\n\n\nQuarto data processing can enter in conflict with tinytable styling or formatting options. See below for how to disable it.\n\n\noptions(tinytable_quarto_disable_processing = TRUE)\nDisable Quarto processing of cell content. Setting this global option to FALSE may lead to conflicts with some tinytable features, but it also allows use of markdown and Quarto-specific code in table cells, such as cross-references.\n\nx &lt;- data.frame(Math = \"x^2^\", Citation = \"@Lovelace1842\")\nfn &lt;- function(z) sprintf(\"&lt;span data-qmd='%s'&gt;&lt;/span&gt;\", z)\ntt(x) |&gt; format_tt(i = 1, fn = fn)\n\n\nSee this link for more details: https://quarto.org/docs/authoring/tables.html#disabling-quarto-table-processing\n\n\n\noptions(tinytable_html_mathjax = TRUE)\n\n\ninsert MathJax scripts in the HTML document. Warning: This may conflict with other elements of the page if MathJax is otherwise loaded.\n\n\n\n\noptions(tinytable_html_portable = TRUE)\n\n\nplot_tt() inserts base 64 encoded images directly in the HTML file rather than use external links.\n\n\n\n\n\n\n\noptions(tinytable_pdf_clean = TRUE)\n\n\ndeletes temporary and log files.\n\n\n\n\noptions(tinytable_pdf_engine = “xelatex”)\n\n\n\"xelatex\", \"pdflatex\", \"lualatex\"\n\n\n\n\n\n\n\n\nlibrary(\"tinytable\")\n\ndat &lt;- data.frame(\n  a = rnorm(3, mean = 10000),\n  b = rnorm(3, 10000))\ntab &lt;- tt(dat)\nformat_tt(tab,\n digits = 2,\n num_mark_dec = \",\",\n num_mark_big = \" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  10 001\n                  9 999\n                \n                \n                  9 999\n                  10 000\n                \n                \n                  9 999\n                  10 000\n                \n        \n      \n    \n\n\nk &lt;- tt(data.frame(x = c(0.000123456789, 12.4356789)))\nformat_tt(k, digits = 2, num_fmt = \"significant_cell\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n   b = c(1.43202, 201.399, 0.146188, 0.0031),\n   c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n format_tt(j = 2, digits = 1, num_fmt = \"decimal\", num_zero = TRUE) |&gt;\n format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.4\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.4\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.1\n                  29M\n                \n                \n                  Food: Beans\n                  0.0\n                  94K\n                \n        \n      \n    \n\n\ny &lt;- tt(data.frame(x = c(123456789.678, 12435.6789)))\nformat_tt(y, digits=3, num_mark_big=\" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  123 456 790\n                \n                \n                  12 436\n                \n        \n      \n    \n\n\nx &lt;- tt(data.frame(Text = c(\"_italicized text_\", \"__bold text__\")))\nformat_tt(x, markdown=TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                Text\n              \n        \n        \n        \n                \n                  italicized text\n                \n                \n                  bold text\n                \n        \n      \n    \n\n\ntab &lt;- data.frame(a = c(NA, 1, 2), b = c(3, NA, 5))\ntt(tab) |&gt; format_tt(replace = \"-\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  -\n                   3\n                \n                \n                   1\n                  -\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   \"LaTeX\" = c(\"Dollars $\", \"Percent %\", \"Underscore _\"),\n   \"HTML\" = c(\"&lt;br&gt;\", \"&lt;sup&gt;4&lt;/sup&gt;\", \"&lt;emph&gt;blah&lt;/emph&gt;\")\n)\ntt(dat) |&gt; format_tt(escape = TRUE)   \n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                LaTeX\n                HTML\n              \n        \n        \n        \n                \n                  Dollars $\n                  &lt;br&gt;\n                \n                \n                  Percent %\n                  &lt;sup&gt;4&lt;/sup&gt;\n                \n                \n                  Underscore _\n                  &lt;emph&gt;blah&lt;/emph&gt;",
+    "text": "This function formats the columns of a data frame based on the column type (logical, date, numeric). It allows various formatting options like significant digits, decimal points, and scientific notation. It also includes custom formatting for date and boolean values. If this function is applied several times to the same cell, the last transformation is retained and the previous calls are ignored, except for the escape argument which can be applied to previously transformed data.\n\n\n\nformat_tt(\n  x,\n  i = NULL,\n  j = NULL,\n  digits = get_option(\"tinytable_format_digits\", default = NULL),\n  num_fmt = get_option(\"tinytable_format_num_fmt\", default = \"significant\"),\n  num_zero = get_option(\"tinytable_format_num_zero\", default = FALSE),\n  num_suffix = get_option(\"tinytable_format_num_suffix\", default = FALSE),\n  num_mark_big = get_option(\"tinytable_format_num_mark_big\", default = \"\"),\n  num_mark_dec = get_option(\"tinytable_format_num_mark_dec\", default =\n    getOption(\"OutDec\", default = \".\")),\n  date = get_option(\"tinytable_format_date\", default = \"%Y-%m-%d\"),\n  bool = get_option(\"tinytable_format_bool\", default = function(column)\n    tools::toTitleCase(tolower(column))),\n  math = get_option(\"tinytable_format_math\", default = FALSE),\n  other = get_option(\"tinytable_format_other\", default = as.character),\n  replace = get_option(\"tinytable_format_replace\", default = TRUE),\n  escape = get_option(\"tinytable_format_escape\", default = FALSE),\n  markdown = get_option(\"tinytable_format_markdown\", default = FALSE),\n  quarto = get_option(\"tinytable_format_quarto\", default = FALSE),\n  fn = get_option(\"tinytable_format_fn\", default = NULL),\n  sprintf = get_option(\"tinytable_format_sprintf\", default = NULL),\n  ...\n)\n\n\n\n\n\n\n\nx\n\n\nA data frame or a vector to be formatted.\n\n\n\n\ni\n\n\nRow indices where the formatting should be applied.\n\n\n\n\nj\n\n\nColumn indices where the styling should be applied. Can be:\n\n\nInteger vectors indicating column positions.\n\n\nCharacter vector indicating column names.\n\n\nA single string specifying a Perl-style regular expression used to match column names.\n\n\n\n\n\n\ndigits\n\n\nNumber of significant digits or decimal places.\n\n\n\n\nnum_fmt\n\n\nThe format for numeric values; one of ‘significant’, ‘significant_cell’, ‘decimal’, or ‘scientific’.\n\n\n\n\nnum_zero\n\n\nLogical; if TRUE, trailing zeros are kept in \"decimal\" format (but not in \"significant\" format).\n\n\n\n\nnum_suffix\n\n\nLogical; if TRUE display short numbers with digits significant digits and K (thousands), M (millions), B (billions), or T (trillions) suffixes.\n\n\n\n\nnum_mark_big\n\n\nCharacter to use as a thousands separator.\n\n\n\n\nnum_mark_dec\n\n\nDecimal mark character. Default is the global option ‘OutDec’.\n\n\n\n\ndate\n\n\nA string passed to the format() function, such as \"%Y-%m-%d\". See the \"Details\" section in ?strptime\n\n\n\n\nbool\n\n\nA function to format logical columns. Defaults to title case.\n\n\n\n\nmath\n\n\nLogical. If TRUE, wrap cell values in math mode $..$. This is useful for LaTeX output or with HTML MathJax options(tinytable_html_mathjax=TRUE).\n\n\n\n\nother\n\n\nA function to format columns of other types. Defaults to as.character().\n\n\n\n\nreplace\n\n\nLogical, String or Named list of vectors\n\n\nTRUE: Replace NA by an empty string.\n\n\nFALSE: Print NA as the string \"NA\".\n\n\nString: Replace NA entries by the user-supplied string.\n\n\nNamed list: Replace matching elements of the vectors in the list by theirs names. Example:\n\n\nlist(“-” = c(NA, NaN), “Tiny” = -Inf, “Massive” = Inf)\n\n\n\n\n\n\n\n\nescape\n\n\nLogical or \"latex\" or \"html\". If TRUE, escape special characters to display them as text in the format of the output of a tt() table.\n\n\nIf i and j are both NULL, escape all cells, column names, caption, notes, and spanning labels created by group_tt().\n\n\n\n\n\n\nmarkdown\n\n\nLogical; if TRUE, render markdown syntax in cells. Ex: italicized text is properly italicized in HTML and LaTeX.\n\n\n\n\nquarto\n\n\nLogical. Enable Quarto data processing and wrap cell content in a data-qmd span (HTML) or  macro (LaTeX). See warnings in the Global Options section below.\n\n\n\n\nfn\n\n\nFunction for custom formatting. Accepts a vector and returns a character vector of the same length.\n\n\n\n\nsprintf\n\n\nString passed to the ?sprintf function to format numbers or interpolate strings with a user-defined pattern (similar to the glue package, but using Base R).\n\n\n\n\n…\n\n\nAdditional arguments are ignored.\n\n\n\n\n\n\nA data frame with formatted columns.\n\n\n\nMany global options can be used to set the default argument values of tinytable functions. For a full list, see:\nhttps://vincentarelbundock.github.io/tinytable/vignettes/options.html\n\n\n\n\noptions(“tinytable_quarto_figure” = FALSE): Typst only. Normally, it is best to allow Quarto to define the figure environment, so the default behavior is to not include one.\n\n\n\nThe format_tt(quarto=TRUE) argument activates Quarto data processing for specific cells. This funcationality comes with a few warnings:\n\n\nCurrently, Quarto provides a  LaTeX macro, but it does not appear to do anything with it. References and markdown codes may not be processed as expected in LaTeX.\n\n\nQuarto data processing can enter in conflict with tinytable styling or formatting options. See below for how to disable it.\n\n\noptions(tinytable_quarto_disable_processing = TRUE)\nDisable Quarto processing of cell content. Setting this global option to FALSE may lead to conflicts with some tinytable features, but it also allows use of markdown and Quarto-specific code in table cells, such as cross-references.\n\nx &lt;- data.frame(Math = \"x^2^\", Citation = \"@Lovelace1842\")\nfn &lt;- function(z) sprintf(\"&lt;span data-qmd='%s'&gt;&lt;/span&gt;\", z)\ntt(x) |&gt; format_tt(i = 1, fn = fn)\n\n\nSee this link for more details: https://quarto.org/docs/authoring/tables.html#disabling-quarto-table-processing\n\n\n\noptions(tinytable_html_mathjax = TRUE)\n\n\ninsert MathJax scripts in the HTML document. Warning: This may conflict with other elements of the page if MathJax is otherwise loaded.\n\n\n\n\noptions(tinytable_html_portable = TRUE)\n\n\nplot_tt() inserts base 64 encoded images directly in the HTML file rather than use external links.\n\n\n\n\n\n\n\noptions(tinytable_pdf_clean = TRUE)\n\n\ndeletes temporary and log files.\n\n\n\n\noptions(tinytable_pdf_engine = “xelatex”)\n\n\n\"xelatex\", \"pdflatex\", \"lualatex\"\n\n\n\n\n\n\n\n\nlibrary(\"tinytable\")\n\ndat &lt;- data.frame(\n  a = rnorm(3, mean = 10000),\n  b = rnorm(3, 10000))\ntab &lt;- tt(dat)\nformat_tt(tab,\n digits = 2,\n num_mark_dec = \",\",\n num_mark_big = \" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  10 000\n                  10 000\n                \n                \n                  10 001\n                  10 001\n                \n                \n                  10 000\n                  10 000\n                \n        \n      \n    \n\n\nk &lt;- tt(data.frame(x = c(0.000123456789, 12.4356789)))\nformat_tt(k, digits = 2, num_fmt = \"significant_cell\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n   b = c(1.43202, 201.399, 0.146188, 0.0031),\n   c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n format_tt(j = 2, digits = 1, num_fmt = \"decimal\", num_zero = TRUE) |&gt;\n format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.4\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.4\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.1\n                  29M\n                \n                \n                  Food: Beans\n                  0.0\n                  94K\n                \n        \n      \n    \n\n\ny &lt;- tt(data.frame(x = c(123456789.678, 12435.6789)))\nformat_tt(y, digits=3, num_mark_big=\" \")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  123 456 790\n                \n                \n                  12 436\n                \n        \n      \n    \n\n\nx &lt;- tt(data.frame(Text = c(\"_italicized text_\", \"__bold text__\")))\nformat_tt(x, markdown=TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                Text\n              \n        \n        \n        \n                \n                  italicized text\n                \n                \n                  bold text\n                \n        \n      \n    \n\n\ntab &lt;- data.frame(a = c(NA, 1, 2), b = c(3, NA, 5))\ntt(tab) |&gt; format_tt(replace = \"-\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  -\n                   3\n                \n                \n                   1\n                  -\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ndat &lt;- data.frame(\n   \"LaTeX\" = c(\"Dollars $\", \"Percent %\", \"Underscore _\"),\n   \"HTML\" = c(\"&lt;br&gt;\", \"&lt;sup&gt;4&lt;/sup&gt;\", \"&lt;emph&gt;blah&lt;/emph&gt;\")\n)\ntt(dat) |&gt; format_tt(escape = TRUE)   \n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                LaTeX\n                HTML\n              \n        \n        \n        \n                \n                  Dollars $\n                  &lt;br&gt;\n                \n                \n                  Percent %\n                  &lt;sup&gt;4&lt;/sup&gt;\n                \n                \n                  Underscore _\n                  &lt;emph&gt;blah&lt;/emph&gt;",
     "crumbs": [
       "Tutorial (PDF)",
       "Functions",
@@ -668,7 +668,7 @@
     "href": "man/group_tt.html",
     "title": "tinytable",
     "section": "",
-    "text": "Spanning labels to identify groups of rows or columns\n\n\n\ngroup_tt(x, i = NULL, j = NULL, indent = 1, ...)\n\n\n\n\n\n\n\nx\n\n\nA data frame or data table to be rendered as a table.\n\n\n\n\ni\n\n\nA vector of labels with length equal to the number of rows in x, or a named list of row indices to group. The names of the list will be used as labels. The indices represent the position where labels should be inserted in the original table. For example,\n\n\ni=list(“Hello”=5): insert the \"Hello\" label after the 4th row in the original table.\n\n\ni=list(“Hello”=2, “World”=2): insert the two labels consecutively after the 1st row in the original table.\n\n\ni=list(“Foo Bar”=0): insert the label in the first row after the header.\n\n\n\n\n\n\nj\n\n\nA named list of column indices to group. The names of the list will be used as labels. See examples below. Note: empty labels must be a space: \" \".\n\n\n\n\nindent\n\n\ninteger number of pt to use when indenting the non-labelled rows.\n\n\n\n\n…\n\n\nOther arguments are ignored.\n\n\n\n\n\n\nWarning: The style_tt() can normally be used to style the group headers, as expected, but that feature is not available for Markdown and Word tables.\n\n\n\nAn object of class tt representing the table.\n\n\n\n\nlibrary(\"tinytable\")\n\n\n# vector of row labels\ndat &lt;- data.frame(\n    label = c(\"a\", \"a\", \"a\", \"b\", \"b\", \"c\", \"a\", \"a\"),\n    x1 = rnorm(8),\n    x2 = rnorm(8))\ntt(dat[, 2:3]) |&gt; group_tt(i = dat$label)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x1\n                x2\n              \n        \n        \n        \n                \n                   1.19251208\n                   0.6658370\n                \n                \n                   0.95846669\n                  -0.2839642\n                \n                \n                  -0.93051616\n                   0.6835501\n                \n                \n                   0.36487030\n                  -0.1755298\n                \n                \n                  -0.09434675\n                  -0.2568046\n                \n                \n                  -0.82925506\n                   0.2302705\n                \n                \n                  -0.33438554\n                   0.4463930\n                \n                \n                  -1.70771124\n                  -0.6945897\n                \n        \n      \n    \n\n\n# named lists of labels\ntt(mtcars[1:10, 1:5]) |&gt;\n  group_tt(\n    i = list(\n      \"Hello\" = 3,\n      \"World\" = 8),\n    j = list(\n      \"Foo\" = 2:3,\n      \"Bar\" = 4:5))\n\n\n\n    \n\n    \n    \n      \n        \n\n \nFoo\nBar\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                \n                \n                  19.2\n                  6\n                  167.6\n                  123\n                  3.92\n                \n        \n      \n    \n\n\ndat &lt;- mtcars[1:9, 1:8]\ntt(dat) |&gt;\n  group_tt(i = list(\n    \"I like (fake) hamburgers\" = 3,\n    \"She prefers halloumi\" = 4,\n    \"They love tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\ntt(dat) |&gt;\n  group_tt(\n    j = list(\n      \"Hamburgers\" = 1:3,\n      \"Halloumi\" = 4:5,\n      \"Tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n\nHamburgers\nHalloumi\n \nTofu\n \n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\nx &lt;- mtcars[1:5, 1:6]\ntt(x) |&gt;\n  group_tt(j = list(\"Hello\" = 1:2, \"World\" = 3:4, \"Hello\" = 5:6)) |&gt;\n  group_tt(j = list(\"Foo\" = 1:3, \"Bar\" = 4:6))\n\n\n\n    \n\n    \n    \n      \n        \n\nFoo\nBar\n\n\nHello\nWorld\nHello\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.620\n                \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.875\n                \n                \n                  22.8\n                  4\n                  108\n                   93\n                  3.85\n                  2.320\n                \n                \n                  21.4\n                  6\n                  258\n                  110\n                  3.08\n                  3.215\n                \n                \n                  18.7\n                  8\n                  360\n                  175\n                  3.15\n                  3.440",
+    "text": "Spanning labels to identify groups of rows or columns\n\n\n\ngroup_tt(x, i = NULL, j = NULL, indent = 1, ...)\n\n\n\n\n\n\n\nx\n\n\nA data frame or data table to be rendered as a table.\n\n\n\n\ni\n\n\nA vector of labels with length equal to the number of rows in x, or a named list of row indices to group. The names of the list will be used as labels. The indices represent the position where labels should be inserted in the original table. For example,\n\n\ni=list(“Hello”=5): insert the \"Hello\" label after the 4th row in the original table.\n\n\ni=list(“Hello”=2, “World”=2): insert the two labels consecutively after the 1st row in the original table.\n\n\ni=list(“Foo Bar”=0): insert the label in the first row after the header.\n\n\n\n\n\n\nj\n\n\nA named list of column indices to group. The names of the list will be used as labels. See examples below. Note: empty labels must be a space: \" \".\n\n\n\n\nindent\n\n\ninteger number of pt to use when indenting the non-labelled rows.\n\n\n\n\n…\n\n\nOther arguments are ignored.\n\n\n\n\n\n\nWarning: The style_tt() can normally be used to style the group headers, as expected, but that feature is not available for Markdown and Word tables.\n\n\n\nAn object of class tt representing the table.\n\n\n\n\nlibrary(\"tinytable\")\n\n\n# vector of row labels\ndat &lt;- data.frame(\n    label = c(\"a\", \"a\", \"a\", \"b\", \"b\", \"c\", \"a\", \"a\"),\n    x1 = rnorm(8),\n    x2 = rnorm(8))\ntt(dat[, 2:3]) |&gt; group_tt(i = dat$label)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x1\n                x2\n              \n        \n        \n        \n                \n                  -0.04705024\n                   1.329466491\n                \n                \n                  -1.88511086\n                  -0.511625132\n                \n                \n                  -0.50086123\n                  -0.012387603\n                \n                \n                  -0.55703326\n                  -0.312424776\n                \n                \n                   1.47448263\n                   1.689405391\n                \n                \n                  -1.53505635\n                  -0.007395583\n                \n                \n                  -1.42346713\n                  -1.197415631\n                \n                \n                   2.25111562\n                   0.128479947\n                \n        \n      \n    \n\n\n# named lists of labels\ntt(mtcars[1:10, 1:5]) |&gt;\n  group_tt(\n    i = list(\n      \"Hello\" = 3,\n      \"World\" = 8),\n    j = list(\n      \"Foo\" = 2:3,\n      \"Bar\" = 4:5))\n\n\n\n    \n\n    \n    \n      \n        \n\n \nFoo\nBar\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                \n                \n                  19.2\n                  6\n                  167.6\n                  123\n                  3.92\n                \n        \n      \n    \n\n\ndat &lt;- mtcars[1:9, 1:8]\ntt(dat) |&gt;\n  group_tt(i = list(\n    \"I like (fake) hamburgers\" = 3,\n    \"She prefers halloumi\" = 4,\n    \"They love tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\ntt(dat) |&gt;\n  group_tt(\n    j = list(\n      \"Hamburgers\" = 1:3,\n      \"Halloumi\" = 4:5,\n      \"Tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n\nHamburgers\nHalloumi\n \nTofu\n \n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\nx &lt;- mtcars[1:5, 1:6]\ntt(x) |&gt;\n  group_tt(j = list(\"Hello\" = 1:2, \"World\" = 3:4, \"Hello\" = 5:6)) |&gt;\n  group_tt(j = list(\"Foo\" = 1:3, \"Bar\" = 4:6))\n\n\n\n    \n\n    \n    \n      \n        \n\nFoo\nBar\n\n\nHello\nWorld\nHello\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.620\n                \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.875\n                \n                \n                  22.8\n                  4\n                  108\n                   93\n                  3.85\n                  2.320\n                \n                \n                  21.4\n                  6\n                  258\n                  110\n                  3.08\n                  3.215\n                \n                \n                  18.7\n                  8\n                  360\n                  175\n                  3.15\n                  3.440",
     "crumbs": [
       "Tutorial (PDF)",
       "Functions",
@@ -680,7 +680,7 @@
     "href": "man/group_tt.html#spanning-labels-to-identify-groups-of-rows-or-columns",
     "title": "tinytable",
     "section": "",
-    "text": "Spanning labels to identify groups of rows or columns\n\n\n\ngroup_tt(x, i = NULL, j = NULL, indent = 1, ...)\n\n\n\n\n\n\n\nx\n\n\nA data frame or data table to be rendered as a table.\n\n\n\n\ni\n\n\nA vector of labels with length equal to the number of rows in x, or a named list of row indices to group. The names of the list will be used as labels. The indices represent the position where labels should be inserted in the original table. For example,\n\n\ni=list(“Hello”=5): insert the \"Hello\" label after the 4th row in the original table.\n\n\ni=list(“Hello”=2, “World”=2): insert the two labels consecutively after the 1st row in the original table.\n\n\ni=list(“Foo Bar”=0): insert the label in the first row after the header.\n\n\n\n\n\n\nj\n\n\nA named list of column indices to group. The names of the list will be used as labels. See examples below. Note: empty labels must be a space: \" \".\n\n\n\n\nindent\n\n\ninteger number of pt to use when indenting the non-labelled rows.\n\n\n\n\n…\n\n\nOther arguments are ignored.\n\n\n\n\n\n\nWarning: The style_tt() can normally be used to style the group headers, as expected, but that feature is not available for Markdown and Word tables.\n\n\n\nAn object of class tt representing the table.\n\n\n\n\nlibrary(\"tinytable\")\n\n\n# vector of row labels\ndat &lt;- data.frame(\n    label = c(\"a\", \"a\", \"a\", \"b\", \"b\", \"c\", \"a\", \"a\"),\n    x1 = rnorm(8),\n    x2 = rnorm(8))\ntt(dat[, 2:3]) |&gt; group_tt(i = dat$label)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x1\n                x2\n              \n        \n        \n        \n                \n                   1.19251208\n                   0.6658370\n                \n                \n                   0.95846669\n                  -0.2839642\n                \n                \n                  -0.93051616\n                   0.6835501\n                \n                \n                   0.36487030\n                  -0.1755298\n                \n                \n                  -0.09434675\n                  -0.2568046\n                \n                \n                  -0.82925506\n                   0.2302705\n                \n                \n                  -0.33438554\n                   0.4463930\n                \n                \n                  -1.70771124\n                  -0.6945897\n                \n        \n      \n    \n\n\n# named lists of labels\ntt(mtcars[1:10, 1:5]) |&gt;\n  group_tt(\n    i = list(\n      \"Hello\" = 3,\n      \"World\" = 8),\n    j = list(\n      \"Foo\" = 2:3,\n      \"Bar\" = 4:5))\n\n\n\n    \n\n    \n    \n      \n        \n\n \nFoo\nBar\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                \n                \n                  19.2\n                  6\n                  167.6\n                  123\n                  3.92\n                \n        \n      \n    \n\n\ndat &lt;- mtcars[1:9, 1:8]\ntt(dat) |&gt;\n  group_tt(i = list(\n    \"I like (fake) hamburgers\" = 3,\n    \"She prefers halloumi\" = 4,\n    \"They love tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\ntt(dat) |&gt;\n  group_tt(\n    j = list(\n      \"Hamburgers\" = 1:3,\n      \"Halloumi\" = 4:5,\n      \"Tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n\nHamburgers\nHalloumi\n \nTofu\n \n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\nx &lt;- mtcars[1:5, 1:6]\ntt(x) |&gt;\n  group_tt(j = list(\"Hello\" = 1:2, \"World\" = 3:4, \"Hello\" = 5:6)) |&gt;\n  group_tt(j = list(\"Foo\" = 1:3, \"Bar\" = 4:6))\n\n\n\n    \n\n    \n    \n      \n        \n\nFoo\nBar\n\n\nHello\nWorld\nHello\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.620\n                \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.875\n                \n                \n                  22.8\n                  4\n                  108\n                   93\n                  3.85\n                  2.320\n                \n                \n                  21.4\n                  6\n                  258\n                  110\n                  3.08\n                  3.215\n                \n                \n                  18.7\n                  8\n                  360\n                  175\n                  3.15\n                  3.440",
+    "text": "Spanning labels to identify groups of rows or columns\n\n\n\ngroup_tt(x, i = NULL, j = NULL, indent = 1, ...)\n\n\n\n\n\n\n\nx\n\n\nA data frame or data table to be rendered as a table.\n\n\n\n\ni\n\n\nA vector of labels with length equal to the number of rows in x, or a named list of row indices to group. The names of the list will be used as labels. The indices represent the position where labels should be inserted in the original table. For example,\n\n\ni=list(“Hello”=5): insert the \"Hello\" label after the 4th row in the original table.\n\n\ni=list(“Hello”=2, “World”=2): insert the two labels consecutively after the 1st row in the original table.\n\n\ni=list(“Foo Bar”=0): insert the label in the first row after the header.\n\n\n\n\n\n\nj\n\n\nA named list of column indices to group. The names of the list will be used as labels. See examples below. Note: empty labels must be a space: \" \".\n\n\n\n\nindent\n\n\ninteger number of pt to use when indenting the non-labelled rows.\n\n\n\n\n…\n\n\nOther arguments are ignored.\n\n\n\n\n\n\nWarning: The style_tt() can normally be used to style the group headers, as expected, but that feature is not available for Markdown and Word tables.\n\n\n\nAn object of class tt representing the table.\n\n\n\n\nlibrary(\"tinytable\")\n\n\n# vector of row labels\ndat &lt;- data.frame(\n    label = c(\"a\", \"a\", \"a\", \"b\", \"b\", \"c\", \"a\", \"a\"),\n    x1 = rnorm(8),\n    x2 = rnorm(8))\ntt(dat[, 2:3]) |&gt; group_tt(i = dat$label)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x1\n                x2\n              \n        \n        \n        \n                \n                  -0.04705024\n                   1.329466491\n                \n                \n                  -1.88511086\n                  -0.511625132\n                \n                \n                  -0.50086123\n                  -0.012387603\n                \n                \n                  -0.55703326\n                  -0.312424776\n                \n                \n                   1.47448263\n                   1.689405391\n                \n                \n                  -1.53505635\n                  -0.007395583\n                \n                \n                  -1.42346713\n                  -1.197415631\n                \n                \n                   2.25111562\n                   0.128479947\n                \n        \n      \n    \n\n\n# named lists of labels\ntt(mtcars[1:10, 1:5]) |&gt;\n  group_tt(\n    i = list(\n      \"Hello\" = 3,\n      \"World\" = 8),\n    j = list(\n      \"Foo\" = 2:3,\n      \"Bar\" = 4:5))\n\n\n\n    \n\n    \n    \n      \n        \n\n \nFoo\nBar\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                \n                \n                  19.2\n                  6\n                  167.6\n                  123\n                  3.92\n                \n        \n      \n    \n\n\ndat &lt;- mtcars[1:9, 1:8]\ntt(dat) |&gt;\n  group_tt(i = list(\n    \"I like (fake) hamburgers\" = 3,\n    \"She prefers halloumi\" = 4,\n    \"They love tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\ntt(dat) |&gt;\n  group_tt(\n    j = list(\n      \"Hamburgers\" = 1:3,\n      \"Halloumi\" = 4:5,\n      \"Tofu\" = 7))\n\n\n\n    \n\n    \n    \n      \n        \n\nHamburgers\nHalloumi\n \nTofu\n \n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n                qsec\n                vs\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.620\n                  16.46\n                  0\n                \n                \n                  21.0\n                  6\n                  160.0\n                  110\n                  3.90\n                  2.875\n                  17.02\n                  0\n                \n                \n                  22.8\n                  4\n                  108.0\n                   93\n                  3.85\n                  2.320\n                  18.61\n                  1\n                \n                \n                  21.4\n                  6\n                  258.0\n                  110\n                  3.08\n                  3.215\n                  19.44\n                  1\n                \n                \n                  18.7\n                  8\n                  360.0\n                  175\n                  3.15\n                  3.440\n                  17.02\n                  0\n                \n                \n                  18.1\n                  6\n                  225.0\n                  105\n                  2.76\n                  3.460\n                  20.22\n                  1\n                \n                \n                  14.3\n                  8\n                  360.0\n                  245\n                  3.21\n                  3.570\n                  15.84\n                  0\n                \n                \n                  24.4\n                  4\n                  146.7\n                   62\n                  3.69\n                  3.190\n                  20.00\n                  1\n                \n                \n                  22.8\n                  4\n                  140.8\n                   95\n                  3.92\n                  3.150\n                  22.90\n                  1\n                \n        \n      \n    \n\n\nx &lt;- mtcars[1:5, 1:6]\ntt(x) |&gt;\n  group_tt(j = list(\"Hello\" = 1:2, \"World\" = 3:4, \"Hello\" = 5:6)) |&gt;\n  group_tt(j = list(\"Foo\" = 1:3, \"Bar\" = 4:6))\n\n\n\n    \n\n    \n    \n      \n        \n\nFoo\nBar\n\n\nHello\nWorld\nHello\n\n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n                wt\n              \n        \n        \n        \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.620\n                \n                \n                  21.0\n                  6\n                  160\n                  110\n                  3.90\n                  2.875\n                \n                \n                  22.8\n                  4\n                  108\n                   93\n                  3.85\n                  2.320\n                \n                \n                  21.4\n                  6\n                  258\n                  110\n                  3.08\n                  3.215\n                \n                \n                  18.7\n                  8\n                  360\n                  175\n                  3.15\n                  3.440",
     "crumbs": [
       "Tutorial (PDF)",
       "Functions",
@@ -803,7 +803,7 @@
     "href": "index.html#tutorial",
     "title": "tinytable",
     "section": "Tutorial",
-    "text": "Tutorial\nThe tinytable 0.5.0.5 tutorial will take you much further. It is available in two formats:\n\nTutorial (PDF)\nTutorial (HTML):\n\nTiny tables\nFormat\nStyle\nGroup labels\nPlots and images\nThemes\nCustomization\nFAQ\nAlternatives\n\n\n[1] Other formats like Markdown and Typst are also available, but less flexible.\n[2] Some extra packages can be imported to access specific functionality, such as integration with Quarto, inserting ggplot2 objects as inline plots, and saving tables to PNG images or PDF documents."
+    "text": "Tutorial\nThe tinytable 0.5.0.5 tutorial will take you much further. It is available in two formats:\n\nTutorial (PDF)\nTutorial (HTML):\n\nTiny tables\nFormat\nStyle\nGroup labels\nPlots and images\nThemes\nNotebooks (Quarto, Rmarkdown, Bookdown, etc.)\nCustomization\nFAQ\nAlternatives\n\n\n[1] Other formats like Markdown and Typst are also available, but less flexible.\n[2] Some extra packages can be imported to access specific functionality, such as integration with Quarto, inserting ggplot2 objects as inline plots, and saving tables to PNG images or PDF documents."
   },
   {
     "objectID": "vignettes/custom.html",
@@ -954,21 +954,36 @@
     "href": "vignettes/notebooks.html",
     "title": "Notebooks (Quarto, Rmarkdown, Bookdown, etc.)",
     "section": "",
-    "text": "In Quarto, it is possible to create a custom crossref type for things like appendix tables. One challenge, is that LaTeX will not allow users to nest a tblr environment, inside a table environment, inside the new environment that Quarto creates for the crossref. Therefore, when rendering a table to LaTeX/PDF, it is important to drop the \\begin{table} environment. This can be done using the theme_tt() function.\nIn the example below, we call theme_tt() explicitly for a single table, but the themes vignette shows how to set a global theme using the tinytable_tt_theme option.\n---\ntitle: \"Crossref Example\"\nformat:\n  pdf: default\n  html: default\ncrossref:\n  custom:\n    - kind: float\n      key: apptbl\n      latex-env: apptbl\n      reference-prefix: Table A\n      space-before-numbering: false\n      latex-list-of-description: Appendix Table\napptbl-cap-location: top\n---\n\nSee @apptbl-testing\n\n::: {#apptbl-testing}\n\n```{r}\nlibrary(tinytable)\n\ntt(mtcars[1:5,]) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\nCaption goes here.\n\n:::\n\n\n\nWith version 0.4.0 of tinytable and versions above 1.6 of Quarto—only available as a pre-release build at the time of writing— users can specify sub-captions for tables. This is done by adding a tbl-subcap chunk option to the table chunk. We also need to use a tinytable theme to remove built-in table structure and let Quarto handle the table construction. Here is a simple example document:\n---\nformat: pdf\n---\n\nSee @tbl-example, @tbl-example-1, or @tbl-example-2.\n\n```{r}\n#| label: tbl-example\n#| tbl-cap: \"Example\"\n#| tbl-subcap: \n#|   - \"Cars\"\n#|   - \"Pressure\"\n#| layout-ncol: 2\n\nlibrary(tinytable)\ntt(head(cars)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\ntt(head(pressure)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\n\n\nIn some cases, the user wants to print a single table multiple times with different styles in a single HTML document. This will sometimes cause issues, because the style_tt() function inserts several javascript functions to modify the same table, thus creating conflicts. A simple solution is to change the unique ID of the table object manually.\nConsider this RevalJS slideshow in which we sequentially highlight different rows of the data frame:\n---\nformat: revealjs\n---\n\n## Page 1\n\n```{r}\nlibrary(tinytable)\n\ntab &lt;- tt(head(iris))\ntab\n```\n\n## Page 2\n\n```{r}\ntab@id &lt;- \"table_01\"\ntab |&gt; style_tt(i = 3, background = \"skyblue\")\n```\n\n## Page 3\n\n```{r}\ntab@id &lt;- \"table_02\"\ntab |&gt; style_tt(i = 5, background = \"orange\")\n```\n\n\n\n\n\n\nThe bookdown package uses a special syntax to handle cross-references, and it does not recognize tinytable objects as tables automatically. To include cross-references to tables, it is thus necessary to use the caption argument of tinytable::tt(), and to insert a bookdown label in that caption. Here is an example:\nTable \\@ref(tab:tinytableref)\n\n::: {.cell}\n\n```{.r .cell-code}\nlibrary(tinytable)\ntt(head(iris), caption = \"(#tab:tinytableref) Hello world!\") |&gt; style_tt(color = \"blue\")\n```\n\n::: {.cell-output-display}\n\n```{=html}\n&lt;!-- preamble start --&gt;\n\n    &lt;script&gt;\n\n      function styleCell_frpqc9ghwr94po5zsann(i, j, css_id) {\n          var table = document.getElementById(\"tinytable_frpqc9ghwr94po5zsann\");\n          var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors\n          if (cell) {\n              console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);\n              cell.classList.add(css_id);\n          } else {\n              console.warn(`Cell at (${i}, ${j}) not found.`);\n          }\n      }\n      function insertSpanRow(i, colspan, content) {\n        var table = document.getElementById('tinytable_frpqc9ghwr94po5zsann');\n        var newRow = table.insertRow(i);\n        var newCell = newRow.insertCell(0);\n        newCell.setAttribute(\"colspan\", colspan);\n        // newCell.innerText = content;\n        // this may be unsafe, but innerText does not interpret &lt;br&gt;\n        newCell.innerHTML = content;\n      }\n      function spanCell_frpqc9ghwr94po5zsann(i, j, rowspan, colspan) {\n        var table = document.getElementById(\"tinytable_frpqc9ghwr94po5zsann\");\n        const targetRow = table.rows[i];\n        const targetCell = targetRow.cells[j];\n        for (let r = 0; r &lt; rowspan; r++) {\n          // Only start deleting cells to the right for the first row (r == 0)\n          if (r === 0) {\n            // Delete cells to the right of the target cell in the first row\n            for (let c = colspan - 1; c &gt; 0; c--) {\n              if (table.rows[i + r].cells[j + c]) {\n                table.rows[i + r].deleteCell(j + c);\n              }\n            }\n          }\n          // For rows below the first, delete starting from the target column\n          if (r &gt; 0) {\n            for (let c = colspan - 1; c &gt;= 0; c--) {\n              if (table.rows[i + r] && table.rows[i + r].cells[j]) {\n                table.rows[i + r].deleteCell(j);\n              }\n            }\n          }\n        }\n        // Set rowspan and colspan of the target cell\n        targetCell.rowSpan = rowspan;\n        targetCell.colSpan = colspan;\n      }\n      // tinytable span after\n      window.addEventListener('load', function () {\n          var cellsToStyle = [\n            // tinytable style arrays after\n          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 5, j: 1 }, { i: 3, j: 2 }, { i: 4, j: 2 }, { i: 5, j: 2 }, { i: 2, j: 2 }, { i: 4, j: 3 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 5, j: 3 }, { i: 3, j: 4 }, { i: 4, j: 4 }, { i: 5, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_xqcl18io8ec76x2kix8x',}, \n          { positions: [ { i: 0, j: 0 }, { i: 6, j: 1 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_chziz26k3z98stuppmlz',}, \n          ];\n\n          // Loop over the arrays to style the cells\n          cellsToStyle.forEach(function (group) {\n              group.positions.forEach(function (cell) {\n                  styleCell_frpqc9ghwr94po5zsann(cell.i, cell.j, group.css_id);\n              });\n          });\n      });\n    &lt;/script&gt;\n\n    &lt;style&gt;\n      /* tinytable css entries after */\n      .table td.tinytable_css_xqcl18io8ec76x2kix8x, .table th.tinytable_css_xqcl18io8ec76x2kix8x { color: blue; }\n      .table td.tinytable_css_chziz26k3z98stuppmlz, .table th.tinytable_css_chziz26k3z98stuppmlz { color: blue; border-bottom: solid #d3d8dc 0.1em; }\n    &lt;/style&gt;\n    &lt;div class=\"container\"&gt;\n      &lt;table class=\"table table-borderless\" id=\"tinytable_frpqc9ghwr94po5zsann\" style=\"width: auto; margin-left: auto; margin-right: auto;\" data-quarto-disable-processing='true'&gt;\n        &lt;thead&gt;\n        &lt;caption&gt;(#tab:tinytableref) Hello world!&lt;/caption&gt;\n              &lt;tr&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Species&lt;/th&gt;\n              &lt;/tr&gt;\n        &lt;/thead&gt;\n        \n        &lt;tbody&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.1&lt;/td&gt;\n                  &lt;td&gt;3.5&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.9&lt;/td&gt;\n                  &lt;td&gt;3.0&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.7&lt;/td&gt;\n                  &lt;td&gt;3.2&lt;/td&gt;\n                  &lt;td&gt;1.3&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.6&lt;/td&gt;\n                  &lt;td&gt;3.1&lt;/td&gt;\n                  &lt;td&gt;1.5&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.0&lt;/td&gt;\n                  &lt;td&gt;3.6&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.4&lt;/td&gt;\n                  &lt;td&gt;3.9&lt;/td&gt;\n                  &lt;td&gt;1.7&lt;/td&gt;\n                  &lt;td&gt;0.4&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n        &lt;/tbody&gt;\n      &lt;/table&gt;\n    &lt;/div&gt;\n&lt;!-- hack to avoid NA insertion in last line --&gt;\n```\n\n:::\n:::"
+    "text": "In Quarto, it is possible to create a custom crossref type for things like appendix tables. One challenge, is that LaTeX will not allow users to nest a tblr environment, inside a table environment, inside the new environment that Quarto creates for the crossref. Therefore, when rendering a table to LaTeX/PDF, it is important to drop the \\begin{table} environment. This can be done using the theme_tt() function.\nIn the example below, we call theme_tt() explicitly for a single table, but the themes vignette shows how to set a global theme using the tinytable_tt_theme option.\n---\ntitle: \"Crossref Example\"\nformat:\n  pdf: default\n  html: default\ncrossref:\n  custom:\n    - kind: float\n      key: apptbl\n      latex-env: apptbl\n      reference-prefix: Table A\n      space-before-numbering: false\n      latex-list-of-description: Appendix Table\napptbl-cap-location: top\n---\n\nSee @apptbl-testing\n\n::: {#apptbl-testing}\n\n```{r}\nlibrary(tinytable)\n\ntt(mtcars[1:5,]) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\nCaption goes here.\n\n:::\n\n\n\nWith version 0.4.0 of tinytable and versions above 1.6 of Quarto—only available as a pre-release build at the time of writing— users can specify sub-captions for tables. This is done by adding a tbl-subcap chunk option to the table chunk. We also need to use a tinytable theme to remove built-in table structure and let Quarto handle the table construction. Here is a simple example document:\n---\nformat: pdf\n---\n\nSee @tbl-example, @tbl-example-1, or @tbl-example-2.\n\n```{r}\n#| label: tbl-example\n#| tbl-cap: \"Example\"\n#| tbl-subcap: \n#|   - \"Cars\"\n#|   - \"Pressure\"\n#| layout-ncol: 2\n\nlibrary(tinytable)\ntt(head(cars)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\ntt(head(pressure)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\n\n\nIn some cases, the user wants to print a single table multiple times with different styles in a single HTML document. This will sometimes cause issues, because the style_tt() function inserts several javascript functions to modify the same table, thus creating conflicts. A simple solution is to change the unique ID of the table object manually.\nConsider this RevalJS slideshow in which we sequentially highlight different rows of the data frame:\n---\nformat: revealjs\n---\n\n## Page 1\n\n```{r}\nlibrary(tinytable)\n\ntab &lt;- tt(head(iris))\ntab\n```\n\n## Page 2\n\n```{r}\ntab@id &lt;- \"table_01\"\ntab |&gt; style_tt(i = 3, background = \"skyblue\")\n```\n\n## Page 3\n\n```{r}\ntab@id &lt;- \"table_02\"\ntab |&gt; style_tt(i = 5, background = \"orange\")\n```\n\n\n\n\n\n\nThe bookdown package uses a special syntax to handle cross-references, and it does not recognize tinytable objects as tables automatically. To include cross-references to tables, it is thus necessary to use the caption argument of tinytable::tt(), and to insert a bookdown label in that caption. Here is an example:\nTable \\@ref(tab:tinytableref)\n\n::: {.cell}\n\n```{.r .cell-code}\nlibrary(tinytable)\ntt(head(iris), caption = \"(#tab:tinytableref) Hello world!\") |&gt; style_tt(color = \"blue\")\n```\n\n::: {.cell-output-display}\n\n```{=html}\n&lt;!-- preamble start --&gt;\n\n    &lt;script&gt;\n\n      function styleCell_8jd0a6nhx3wsc66ybr4d(i, j, css_id) {\n          var table = document.getElementById(\"tinytable_8jd0a6nhx3wsc66ybr4d\");\n          var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors\n          if (cell) {\n              console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);\n              cell.classList.add(css_id);\n          } else {\n              console.warn(`Cell at (${i}, ${j}) not found.`);\n          }\n      }\n      function insertSpanRow(i, colspan, content) {\n        var table = document.getElementById('tinytable_8jd0a6nhx3wsc66ybr4d');\n        var newRow = table.insertRow(i);\n        var newCell = newRow.insertCell(0);\n        newCell.setAttribute(\"colspan\", colspan);\n        // newCell.innerText = content;\n        // this may be unsafe, but innerText does not interpret &lt;br&gt;\n        newCell.innerHTML = content;\n      }\n      function spanCell_8jd0a6nhx3wsc66ybr4d(i, j, rowspan, colspan) {\n        var table = document.getElementById(\"tinytable_8jd0a6nhx3wsc66ybr4d\");\n        const targetRow = table.rows[i];\n        const targetCell = targetRow.cells[j];\n        for (let r = 0; r &lt; rowspan; r++) {\n          // Only start deleting cells to the right for the first row (r == 0)\n          if (r === 0) {\n            // Delete cells to the right of the target cell in the first row\n            for (let c = colspan - 1; c &gt; 0; c--) {\n              if (table.rows[i + r].cells[j + c]) {\n                table.rows[i + r].deleteCell(j + c);\n              }\n            }\n          }\n          // For rows below the first, delete starting from the target column\n          if (r &gt; 0) {\n            for (let c = colspan - 1; c &gt;= 0; c--) {\n              if (table.rows[i + r] && table.rows[i + r].cells[j]) {\n                table.rows[i + r].deleteCell(j);\n              }\n            }\n          }\n        }\n        // Set rowspan and colspan of the target cell\n        targetCell.rowSpan = rowspan;\n        targetCell.colSpan = colspan;\n      }\n      // tinytable span after\n      window.addEventListener('load', function () {\n          var cellsToStyle = [\n            // tinytable style arrays after\n          { positions: [ { i: 0, j: 0 }, { i: 6, j: 1 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_rrqwd4azx79l16r27fki',}, \n          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 5, j: 1 }, { i: 3, j: 2 }, { i: 4, j: 2 }, { i: 5, j: 2 }, { i: 2, j: 2 }, { i: 4, j: 3 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 5, j: 3 }, { i: 3, j: 4 }, { i: 4, j: 4 }, { i: 5, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_nmvw17bp4fyul3v5jnw3',}, \n          ];\n\n          // Loop over the arrays to style the cells\n          cellsToStyle.forEach(function (group) {\n              group.positions.forEach(function (cell) {\n                  styleCell_8jd0a6nhx3wsc66ybr4d(cell.i, cell.j, group.css_id);\n              });\n          });\n      });\n    &lt;/script&gt;\n\n    &lt;style&gt;\n      /* tinytable css entries after */\n      .table td.tinytable_css_rrqwd4azx79l16r27fki, .table th.tinytable_css_rrqwd4azx79l16r27fki { color: blue; border-bottom: solid #d3d8dc 0.1em; }\n      .table td.tinytable_css_nmvw17bp4fyul3v5jnw3, .table th.tinytable_css_nmvw17bp4fyul3v5jnw3 { color: blue; }\n    &lt;/style&gt;\n    &lt;div class=\"container\"&gt;\n      &lt;table class=\"table table-borderless\" id=\"tinytable_8jd0a6nhx3wsc66ybr4d\" style=\"width: auto; margin-left: auto; margin-right: auto;\" data-quarto-disable-processing='true'&gt;\n        &lt;thead&gt;\n        &lt;caption&gt;(#tab:tinytableref) Hello world!&lt;/caption&gt;\n              &lt;tr&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Species&lt;/th&gt;\n              &lt;/tr&gt;\n        &lt;/thead&gt;\n        \n        &lt;tbody&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.1&lt;/td&gt;\n                  &lt;td&gt;3.5&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.9&lt;/td&gt;\n                  &lt;td&gt;3.0&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.7&lt;/td&gt;\n                  &lt;td&gt;3.2&lt;/td&gt;\n                  &lt;td&gt;1.3&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.6&lt;/td&gt;\n                  &lt;td&gt;3.1&lt;/td&gt;\n                  &lt;td&gt;1.5&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.0&lt;/td&gt;\n                  &lt;td&gt;3.6&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.4&lt;/td&gt;\n                  &lt;td&gt;3.9&lt;/td&gt;\n                  &lt;td&gt;1.7&lt;/td&gt;\n                  &lt;td&gt;0.4&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n        &lt;/tbody&gt;\n      &lt;/table&gt;\n    &lt;/div&gt;\n&lt;!-- hack to avoid NA insertion in last line --&gt;\n```\n\n:::\n:::",
+    "crumbs": [
+      "Tutorial (PDF)",
+      "Tutorial",
+      "Notebooks"
+    ]
   },
   {
     "objectID": "vignettes/notebooks.html#quarto",
     "href": "vignettes/notebooks.html#quarto",
     "title": "Notebooks (Quarto, Rmarkdown, Bookdown, etc.)",
     "section": "",
-    "text": "In Quarto, it is possible to create a custom crossref type for things like appendix tables. One challenge, is that LaTeX will not allow users to nest a tblr environment, inside a table environment, inside the new environment that Quarto creates for the crossref. Therefore, when rendering a table to LaTeX/PDF, it is important to drop the \\begin{table} environment. This can be done using the theme_tt() function.\nIn the example below, we call theme_tt() explicitly for a single table, but the themes vignette shows how to set a global theme using the tinytable_tt_theme option.\n---\ntitle: \"Crossref Example\"\nformat:\n  pdf: default\n  html: default\ncrossref:\n  custom:\n    - kind: float\n      key: apptbl\n      latex-env: apptbl\n      reference-prefix: Table A\n      space-before-numbering: false\n      latex-list-of-description: Appendix Table\napptbl-cap-location: top\n---\n\nSee @apptbl-testing\n\n::: {#apptbl-testing}\n\n```{r}\nlibrary(tinytable)\n\ntt(mtcars[1:5,]) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\nCaption goes here.\n\n:::\n\n\n\nWith version 0.4.0 of tinytable and versions above 1.6 of Quarto—only available as a pre-release build at the time of writing— users can specify sub-captions for tables. This is done by adding a tbl-subcap chunk option to the table chunk. We also need to use a tinytable theme to remove built-in table structure and let Quarto handle the table construction. Here is a simple example document:\n---\nformat: pdf\n---\n\nSee @tbl-example, @tbl-example-1, or @tbl-example-2.\n\n```{r}\n#| label: tbl-example\n#| tbl-cap: \"Example\"\n#| tbl-subcap: \n#|   - \"Cars\"\n#|   - \"Pressure\"\n#| layout-ncol: 2\n\nlibrary(tinytable)\ntt(head(cars)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\ntt(head(pressure)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\n\n\nIn some cases, the user wants to print a single table multiple times with different styles in a single HTML document. This will sometimes cause issues, because the style_tt() function inserts several javascript functions to modify the same table, thus creating conflicts. A simple solution is to change the unique ID of the table object manually.\nConsider this RevalJS slideshow in which we sequentially highlight different rows of the data frame:\n---\nformat: revealjs\n---\n\n## Page 1\n\n```{r}\nlibrary(tinytable)\n\ntab &lt;- tt(head(iris))\ntab\n```\n\n## Page 2\n\n```{r}\ntab@id &lt;- \"table_01\"\ntab |&gt; style_tt(i = 3, background = \"skyblue\")\n```\n\n## Page 3\n\n```{r}\ntab@id &lt;- \"table_02\"\ntab |&gt; style_tt(i = 5, background = \"orange\")\n```"
+    "text": "In Quarto, it is possible to create a custom crossref type for things like appendix tables. One challenge, is that LaTeX will not allow users to nest a tblr environment, inside a table environment, inside the new environment that Quarto creates for the crossref. Therefore, when rendering a table to LaTeX/PDF, it is important to drop the \\begin{table} environment. This can be done using the theme_tt() function.\nIn the example below, we call theme_tt() explicitly for a single table, but the themes vignette shows how to set a global theme using the tinytable_tt_theme option.\n---\ntitle: \"Crossref Example\"\nformat:\n  pdf: default\n  html: default\ncrossref:\n  custom:\n    - kind: float\n      key: apptbl\n      latex-env: apptbl\n      reference-prefix: Table A\n      space-before-numbering: false\n      latex-list-of-description: Appendix Table\napptbl-cap-location: top\n---\n\nSee @apptbl-testing\n\n::: {#apptbl-testing}\n\n```{r}\nlibrary(tinytable)\n\ntt(mtcars[1:5,]) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\nCaption goes here.\n\n:::\n\n\n\nWith version 0.4.0 of tinytable and versions above 1.6 of Quarto—only available as a pre-release build at the time of writing— users can specify sub-captions for tables. This is done by adding a tbl-subcap chunk option to the table chunk. We also need to use a tinytable theme to remove built-in table structure and let Quarto handle the table construction. Here is a simple example document:\n---\nformat: pdf\n---\n\nSee @tbl-example, @tbl-example-1, or @tbl-example-2.\n\n```{r}\n#| label: tbl-example\n#| tbl-cap: \"Example\"\n#| tbl-subcap: \n#|   - \"Cars\"\n#|   - \"Pressure\"\n#| layout-ncol: 2\n\nlibrary(tinytable)\ntt(head(cars)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\ntt(head(pressure)) |&gt; theme_tt(\"tabular\", style = \"tabularray\")\n```\n\n\n\nIn some cases, the user wants to print a single table multiple times with different styles in a single HTML document. This will sometimes cause issues, because the style_tt() function inserts several javascript functions to modify the same table, thus creating conflicts. A simple solution is to change the unique ID of the table object manually.\nConsider this RevalJS slideshow in which we sequentially highlight different rows of the data frame:\n---\nformat: revealjs\n---\n\n## Page 1\n\n```{r}\nlibrary(tinytable)\n\ntab &lt;- tt(head(iris))\ntab\n```\n\n## Page 2\n\n```{r}\ntab@id &lt;- \"table_01\"\ntab |&gt; style_tt(i = 3, background = \"skyblue\")\n```\n\n## Page 3\n\n```{r}\ntab@id &lt;- \"table_02\"\ntab |&gt; style_tt(i = 5, background = \"orange\")\n```",
+    "crumbs": [
+      "Tutorial (PDF)",
+      "Tutorial",
+      "Notebooks"
+    ]
   },
   {
     "objectID": "vignettes/notebooks.html#bookdown",
     "href": "vignettes/notebooks.html#bookdown",
     "title": "Notebooks (Quarto, Rmarkdown, Bookdown, etc.)",
     "section": "",
-    "text": "The bookdown package uses a special syntax to handle cross-references, and it does not recognize tinytable objects as tables automatically. To include cross-references to tables, it is thus necessary to use the caption argument of tinytable::tt(), and to insert a bookdown label in that caption. Here is an example:\nTable \\@ref(tab:tinytableref)\n\n::: {.cell}\n\n```{.r .cell-code}\nlibrary(tinytable)\ntt(head(iris), caption = \"(#tab:tinytableref) Hello world!\") |&gt; style_tt(color = \"blue\")\n```\n\n::: {.cell-output-display}\n\n```{=html}\n&lt;!-- preamble start --&gt;\n\n    &lt;script&gt;\n\n      function styleCell_frpqc9ghwr94po5zsann(i, j, css_id) {\n          var table = document.getElementById(\"tinytable_frpqc9ghwr94po5zsann\");\n          var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors\n          if (cell) {\n              console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);\n              cell.classList.add(css_id);\n          } else {\n              console.warn(`Cell at (${i}, ${j}) not found.`);\n          }\n      }\n      function insertSpanRow(i, colspan, content) {\n        var table = document.getElementById('tinytable_frpqc9ghwr94po5zsann');\n        var newRow = table.insertRow(i);\n        var newCell = newRow.insertCell(0);\n        newCell.setAttribute(\"colspan\", colspan);\n        // newCell.innerText = content;\n        // this may be unsafe, but innerText does not interpret &lt;br&gt;\n        newCell.innerHTML = content;\n      }\n      function spanCell_frpqc9ghwr94po5zsann(i, j, rowspan, colspan) {\n        var table = document.getElementById(\"tinytable_frpqc9ghwr94po5zsann\");\n        const targetRow = table.rows[i];\n        const targetCell = targetRow.cells[j];\n        for (let r = 0; r &lt; rowspan; r++) {\n          // Only start deleting cells to the right for the first row (r == 0)\n          if (r === 0) {\n            // Delete cells to the right of the target cell in the first row\n            for (let c = colspan - 1; c &gt; 0; c--) {\n              if (table.rows[i + r].cells[j + c]) {\n                table.rows[i + r].deleteCell(j + c);\n              }\n            }\n          }\n          // For rows below the first, delete starting from the target column\n          if (r &gt; 0) {\n            for (let c = colspan - 1; c &gt;= 0; c--) {\n              if (table.rows[i + r] && table.rows[i + r].cells[j]) {\n                table.rows[i + r].deleteCell(j);\n              }\n            }\n          }\n        }\n        // Set rowspan and colspan of the target cell\n        targetCell.rowSpan = rowspan;\n        targetCell.colSpan = colspan;\n      }\n      // tinytable span after\n      window.addEventListener('load', function () {\n          var cellsToStyle = [\n            // tinytable style arrays after\n          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 5, j: 1 }, { i: 3, j: 2 }, { i: 4, j: 2 }, { i: 5, j: 2 }, { i: 2, j: 2 }, { i: 4, j: 3 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 5, j: 3 }, { i: 3, j: 4 }, { i: 4, j: 4 }, { i: 5, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_xqcl18io8ec76x2kix8x',}, \n          { positions: [ { i: 0, j: 0 }, { i: 6, j: 1 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_chziz26k3z98stuppmlz',}, \n          ];\n\n          // Loop over the arrays to style the cells\n          cellsToStyle.forEach(function (group) {\n              group.positions.forEach(function (cell) {\n                  styleCell_frpqc9ghwr94po5zsann(cell.i, cell.j, group.css_id);\n              });\n          });\n      });\n    &lt;/script&gt;\n\n    &lt;style&gt;\n      /* tinytable css entries after */\n      .table td.tinytable_css_xqcl18io8ec76x2kix8x, .table th.tinytable_css_xqcl18io8ec76x2kix8x { color: blue; }\n      .table td.tinytable_css_chziz26k3z98stuppmlz, .table th.tinytable_css_chziz26k3z98stuppmlz { color: blue; border-bottom: solid #d3d8dc 0.1em; }\n    &lt;/style&gt;\n    &lt;div class=\"container\"&gt;\n      &lt;table class=\"table table-borderless\" id=\"tinytable_frpqc9ghwr94po5zsann\" style=\"width: auto; margin-left: auto; margin-right: auto;\" data-quarto-disable-processing='true'&gt;\n        &lt;thead&gt;\n        &lt;caption&gt;(#tab:tinytableref) Hello world!&lt;/caption&gt;\n              &lt;tr&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Species&lt;/th&gt;\n              &lt;/tr&gt;\n        &lt;/thead&gt;\n        \n        &lt;tbody&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.1&lt;/td&gt;\n                  &lt;td&gt;3.5&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.9&lt;/td&gt;\n                  &lt;td&gt;3.0&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.7&lt;/td&gt;\n                  &lt;td&gt;3.2&lt;/td&gt;\n                  &lt;td&gt;1.3&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.6&lt;/td&gt;\n                  &lt;td&gt;3.1&lt;/td&gt;\n                  &lt;td&gt;1.5&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.0&lt;/td&gt;\n                  &lt;td&gt;3.6&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.4&lt;/td&gt;\n                  &lt;td&gt;3.9&lt;/td&gt;\n                  &lt;td&gt;1.7&lt;/td&gt;\n                  &lt;td&gt;0.4&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n        &lt;/tbody&gt;\n      &lt;/table&gt;\n    &lt;/div&gt;\n&lt;!-- hack to avoid NA insertion in last line --&gt;\n```\n\n:::\n:::"
+    "text": "The bookdown package uses a special syntax to handle cross-references, and it does not recognize tinytable objects as tables automatically. To include cross-references to tables, it is thus necessary to use the caption argument of tinytable::tt(), and to insert a bookdown label in that caption. Here is an example:\nTable \\@ref(tab:tinytableref)\n\n::: {.cell}\n\n```{.r .cell-code}\nlibrary(tinytable)\ntt(head(iris), caption = \"(#tab:tinytableref) Hello world!\") |&gt; style_tt(color = \"blue\")\n```\n\n::: {.cell-output-display}\n\n```{=html}\n&lt;!-- preamble start --&gt;\n\n    &lt;script&gt;\n\n      function styleCell_8jd0a6nhx3wsc66ybr4d(i, j, css_id) {\n          var table = document.getElementById(\"tinytable_8jd0a6nhx3wsc66ybr4d\");\n          var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors\n          if (cell) {\n              console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);\n              cell.classList.add(css_id);\n          } else {\n              console.warn(`Cell at (${i}, ${j}) not found.`);\n          }\n      }\n      function insertSpanRow(i, colspan, content) {\n        var table = document.getElementById('tinytable_8jd0a6nhx3wsc66ybr4d');\n        var newRow = table.insertRow(i);\n        var newCell = newRow.insertCell(0);\n        newCell.setAttribute(\"colspan\", colspan);\n        // newCell.innerText = content;\n        // this may be unsafe, but innerText does not interpret &lt;br&gt;\n        newCell.innerHTML = content;\n      }\n      function spanCell_8jd0a6nhx3wsc66ybr4d(i, j, rowspan, colspan) {\n        var table = document.getElementById(\"tinytable_8jd0a6nhx3wsc66ybr4d\");\n        const targetRow = table.rows[i];\n        const targetCell = targetRow.cells[j];\n        for (let r = 0; r &lt; rowspan; r++) {\n          // Only start deleting cells to the right for the first row (r == 0)\n          if (r === 0) {\n            // Delete cells to the right of the target cell in the first row\n            for (let c = colspan - 1; c &gt; 0; c--) {\n              if (table.rows[i + r].cells[j + c]) {\n                table.rows[i + r].deleteCell(j + c);\n              }\n            }\n          }\n          // For rows below the first, delete starting from the target column\n          if (r &gt; 0) {\n            for (let c = colspan - 1; c &gt;= 0; c--) {\n              if (table.rows[i + r] && table.rows[i + r].cells[j]) {\n                table.rows[i + r].deleteCell(j);\n              }\n            }\n          }\n        }\n        // Set rowspan and colspan of the target cell\n        targetCell.rowSpan = rowspan;\n        targetCell.colSpan = colspan;\n      }\n      // tinytable span after\n      window.addEventListener('load', function () {\n          var cellsToStyle = [\n            // tinytable style arrays after\n          { positions: [ { i: 0, j: 0 }, { i: 6, j: 1 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_rrqwd4azx79l16r27fki',}, \n          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 5, j: 1 }, { i: 3, j: 2 }, { i: 4, j: 2 }, { i: 5, j: 2 }, { i: 2, j: 2 }, { i: 4, j: 3 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 5, j: 3 }, { i: 3, j: 4 }, { i: 4, j: 4 }, { i: 5, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_nmvw17bp4fyul3v5jnw3',}, \n          ];\n\n          // Loop over the arrays to style the cells\n          cellsToStyle.forEach(function (group) {\n              group.positions.forEach(function (cell) {\n                  styleCell_8jd0a6nhx3wsc66ybr4d(cell.i, cell.j, group.css_id);\n              });\n          });\n      });\n    &lt;/script&gt;\n\n    &lt;style&gt;\n      /* tinytable css entries after */\n      .table td.tinytable_css_rrqwd4azx79l16r27fki, .table th.tinytable_css_rrqwd4azx79l16r27fki { color: blue; border-bottom: solid #d3d8dc 0.1em; }\n      .table td.tinytable_css_nmvw17bp4fyul3v5jnw3, .table th.tinytable_css_nmvw17bp4fyul3v5jnw3 { color: blue; }\n    &lt;/style&gt;\n    &lt;div class=\"container\"&gt;\n      &lt;table class=\"table table-borderless\" id=\"tinytable_8jd0a6nhx3wsc66ybr4d\" style=\"width: auto; margin-left: auto; margin-right: auto;\" data-quarto-disable-processing='true'&gt;\n        &lt;thead&gt;\n        &lt;caption&gt;(#tab:tinytableref) Hello world!&lt;/caption&gt;\n              &lt;tr&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Sepal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Length&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Petal.Width&lt;/th&gt;\n                &lt;th scope=\"col\"&gt;Species&lt;/th&gt;\n              &lt;/tr&gt;\n        &lt;/thead&gt;\n        \n        &lt;tbody&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.1&lt;/td&gt;\n                  &lt;td&gt;3.5&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.9&lt;/td&gt;\n                  &lt;td&gt;3.0&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.7&lt;/td&gt;\n                  &lt;td&gt;3.2&lt;/td&gt;\n                  &lt;td&gt;1.3&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;4.6&lt;/td&gt;\n                  &lt;td&gt;3.1&lt;/td&gt;\n                  &lt;td&gt;1.5&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.0&lt;/td&gt;\n                  &lt;td&gt;3.6&lt;/td&gt;\n                  &lt;td&gt;1.4&lt;/td&gt;\n                  &lt;td&gt;0.2&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n                &lt;tr&gt;\n                  &lt;td&gt;5.4&lt;/td&gt;\n                  &lt;td&gt;3.9&lt;/td&gt;\n                  &lt;td&gt;1.7&lt;/td&gt;\n                  &lt;td&gt;0.4&lt;/td&gt;\n                  &lt;td&gt;setosa&lt;/td&gt;\n                &lt;/tr&gt;\n        &lt;/tbody&gt;\n      &lt;/table&gt;\n    &lt;/div&gt;\n&lt;!-- hack to avoid NA insertion in last line --&gt;\n```\n\n:::\n:::",
+    "crumbs": [
+      "Tutorial (PDF)",
+      "Tutorial",
+      "Notebooks"
+    ]
   },
   {
     "objectID": "vignettes/plot.html",
@@ -1035,7 +1050,7 @@
     "href": "vignettes/format.html",
     "title": "Formatting",
     "section": "",
-    "text": "library(tinytable)\noptions(tinytable_tt_digits = 3)\noptions(tinytable_theme_placement_latex_float = \"H\")\nx &lt;- mtcars[1:4, 1:5]\n\n\n\nThe tt() function is minimalist; it’s inteded purpose is simply to draw nice tables. Users who want to format numbers, dates, strings, and other variables in different ways should process their data before supplying it to the tt() table-drawing function. To do so, we can use the format_tt() function supplied by the tinytable.\nIn a very simple case—such as printing 2 significant digits of all numeric variables—we can use the digits argument of tt():\n\ndat &lt;- data.frame(\n     w = c(143002.2092, 201399.181, 100188.3883),\n     x = c(1.43402, 201.399, 0.134588),\n     y = as.Date(sample(1:1000, 3), origin = \"1970-01-01\"),\n     z = c(TRUE, TRUE, FALSE))\n\ntt(dat, digits = 2)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143002\n                  1.43 \n                  1972-01-07\n                  True \n                \n                \n                  201399\n                  201.4\n                  1970-01-06\n                  True \n                \n                \n                  100188\n                  0.13 \n                  1972-07-12\n                  False\n                \n        \n      \n    \n\n\n\nWe can get more fine-grained control over formatting by calling format_tt() after tt(), optionally by specifying the columns to format with j:\n\ntt(dat) |&gt; \n  format_tt(\n    j = 2:4,\n    digits = 1,\n    date = \"%B %d %Y\") |&gt;\n  format_tt(\n    j = 1,\n    digits = 2,\n    num_mark_big = \" \",\n    num_mark_dec = \",\",\n    num_zero = TRUE,\n    num_fmt = \"decimal\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143 002,21\n                  1.4\n                  January 07 1972\n                  True\n                \n                \n                  201 399,18\n                  201.4\n                  January 06 1970\n                  True\n                \n                \n                  100 188,39\n                  0.1\n                  July 12 1972\n                  False\n                \n        \n      \n    \n\n\n\nWe can use a regular expression in j to select columns, and the ?sprintf function to format strings, numbers, and to do string interpolation (similar to the glue package, but using Base R):\n\ndat &lt;- data.frame(\n     a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n     b = c(1.43202, 201.399, 0.146188, 0.0031),\n     c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n  format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n  format_tt(j = 2, digits = 1) |&gt;\n  format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.432\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.399\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.146\n                  29M\n                \n                \n                  Food: Beans\n                  0.003\n                  94K\n                \n        \n      \n    \n\n\n\nFinally, if you like the format_tt() interface, you can use it directly with numbers, vectors, or data frames:\n\nformat_tt(pi, digits = 1)\n\n[1] \"3\"\n\nformat_tt(dat, digits = 1, num_suffix = TRUE)\n\n         a     b   c\n1   Burger     1 99T\n2 Halloumi   201  7B\n3     Tofu   0.1 29M\n4    Beans 0.003 94K\n\n\n\n\n\nBy default, format_tt() formats numbers to ensure that the smallest value in a vector (column) has at least a certain number of significant digits. For example,\n\nk &lt;- data.frame(x = c(0.000123456789, 12.4356789))\ntt(k, digits = 2)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012 \n                \n                \n                  12.43568\n                \n        \n      \n    \n\n\n\nWe can alter this behavior to ensure to round significant digits on a per-cell basis, using the num_fmt argument in format_tt():\n\ntt(k) |&gt; format_tt(digits = 2, num_fmt = \"significant_cell\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12\n                \n        \n      \n    \n\n\n\nThe numeric formatting options in format_tt() can also be controlled using global options:\n\noptions(\"tinytable_tt_digits\" = 2)\noptions(\"tinytable_format_num_fmt\" = \"significant_cell\")\ntt(k)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12     \n                \n        \n      \n    \n\n\n\n\n\n\nTo insert LaTeX-style mathematical expressions in a tinytable, we enclose the expression in dollar signs: $...$. Note that you must double backslashes in mathematical expressions in R strings.\nIn LaTeX, expression enclosed between $$ will automatically rendered as a mathematical expression.\nIn HTML, users must first load the MathJax JavaScript library to render math. This can be done in two ways. First, one can use a global option. This will insert MathJax scripts alongside every table, which is convenient, but could enter in conflict with other scripts if the user (or notebook) has already inserted MathJax code:\noptions(tinytable_html_mathjax = TRUE)\nAlternatively, users can load MathJax explicitly in their HTML file. In a Quarto notebook, this can be done by using a code chunk like this:\n```{=html}\n&lt;script id=\"MathJax-script\" async src=\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\"&gt;&lt;/script&gt;\n&lt;script&gt;\nMathJax = {\n  tex: {\n    inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]\n  },\n  svg: {\n    fontCache: 'global'\n  }\n};\n&lt;/script&gt;\n```\nThen, we can do:\n\ndat &lt;- data.frame(Math = c(\n  \"$x^2 + y^2 = z^2$\",\n  \"$\\\\frac{1}{2}$\"\n))\ntt(dat) |&gt; style_tt(j = 1, align = \"c\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                Math\n              \n        \n        \n        \n                \n                  $x^2 + y^2 = z^2$\n                \n                \n                  $\\frac{1}{2}$   \n                \n        \n      \n    \n\n\n\nTo avoid inserting $...$ in every cell manually, we can use the math argument of format_tt():\n\noptions(tinytable_html_mathjax = TRUE)\n\ndat &lt;- data.frame(\"y^2 = e^x\" = c(-2, -pi), check.names = FALSE)\n\ntt(dat, digits = 3) |&gt; format_tt(math = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                $y^2 = e^x$\n              \n        \n        \n        \n                \n                  $-2   $\n                \n                \n                  $-3.14$\n                \n        \n      \n    \n\n\n\n\n\n\nMissing values can be replaced by a custom string using the replace argument (default \"\"):\n\ntab &lt;- data.frame(a = c(NA, 1, 2), b = c(3, NA, 5))\n\ntt(tab)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  NA\n                   3\n                \n                \n                   1\n                  NA\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ntt(tab) |&gt; format_tt()\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  \n                   3\n                \n                \n                   1\n                  \n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ntt(tab) |&gt; format_tt(replace = \"-\")\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  -\n                   3\n                \n                \n                   1\n                  -\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\n\nWe can also specify multiple value replacements at once using a named list of vectors:\n\ntmp &lt;- data.frame(x = 1:5, y = c(pi, NA, NaN, -Inf, Inf))\ndict &lt;- list(\"-\" = c(NA, NaN), \"-∞\" = -Inf, \"∞\" = Inf)\ntt(tmp) |&gt; format_tt(replace = dict, digits = 2)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n                y\n              \n        \n        \n        \n                \n                  1\n                  3.1\n                \n                \n                  2\n                  -\n                \n                \n                  3\n                  -\n                \n                \n                  4\n                  -∞\n                \n                \n                  5\n                  ∞\n                \n        \n      \n    \n\n\n\n\n\n\nLaTeX and HTML use special characters to indicate strings which should be interpreted rather than displayed as text. For example, including underscores or dollar signs in LaTeX can cause compilation errors in some documents. To display those special characters, we need to substitute or escape them with backslashes, depending on the output format. The escape argument of format_tt() can be used to do this automatically:\n\ndat &lt;- data.frame(\n    \"LaTeX\" = c(\"Dollars $\", \"Percent %\", \"Underscore _\"),\n    \"HTML\" = c(\"&lt;br&gt;\", \"&lt;sup&gt;4&lt;/sup&gt;\", \"&lt;emph&gt;blah&lt;/emph&gt;\")\n)\n\ntt(dat) |&gt; format_tt(escape = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                LaTeX\n                HTML\n              \n        \n        \n        \n                \n                  Dollars $\n                  &lt;br&gt;\n                \n                \n                  Percent %\n                  &lt;sup&gt;4&lt;/sup&gt;\n                \n                \n                  Underscore _\n                  &lt;emph&gt;blah&lt;/emph&gt;\n                \n        \n      \n    \n\n\n\nWhen applied to a tt() table, format_tt() will determine the type of escaping to do automatically. When applied to a string or vector, we must specify the type of escaping to apply:\n\nformat_tt(\"_ Dollars $\", escape = \"latex\")\n\n[1] \"\\\\_ Dollars \\\\$\"\n\n\n\n\n\nMarkdown can be rendered in cells by using the markdown argument of the format_tt() function (note: this requires installing the markdown as an optional dependency).\n\ndat &lt;- data.frame( markdown = c(\n  \"This is _italic_ text.\",\n  \"This sentence ends with a superscript.^2^\")\n)\n\ntt(dat) |&gt;\n  format_tt(j = 1, markdown = TRUE) |&gt;\n  style_tt(j = 1, align = \"c\")\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                markdown\n              \n        \n        \n        \n                \n                  This is italic text.\n                \n                \n                  This sentence ends with a superscript.2\n                \n        \n      \n    \n\n\n\nMarkdown syntax can be particularly useful when formatting URLs in a table:\n\ndat &lt;- data.frame(\n  `Package (link)` = c(\n    \"[`marginaleffects`](https://www.marginaleffects.com/)\",\n    \"[`modelsummary`](https://www.modelsummary.com/)\",\n    \"[`tinytable`](https://vincentarelbundock.github.io/tinytable/)\",\n    \"[`countrycode`](https://vincentarelbundock.github.io/countrycode/)\",\n    \"[`WDI`](https://vincentarelbundock.github.io/WDI/)\",\n    \"[`softbib`](https://vincentarelbundock.github.io/softbib/)\",\n    \"[`tinysnapshot`](https://vincentarelbundock.github.io/tinysnapshot/)\",\n    \"[`altdoc`](https://etiennebacher.github.io/altdoc/)\",\n    \"[`tinyplot`](https://grantmcdermott.com/tinyplot/)\",\n    \"[`parameters`](https://easystats.github.io/parameters/)\",\n    \"[`insight`](https://easystats.github.io/insight/)\"\n  ),\n  Purpose = c(\n    \"Interpreting statistical models\",\n    \"Data and model summaries\",\n    \"Draw beautiful tables easily\",\n    \"Convert country codes and names\",\n    \"Download data from the World Bank\",\n    \"Software bibliographies in R\",\n    \"Snapshots for unit tests using `tinytest`\",\n    \"Create documentation website for R packages\",\n    \"Extension of base R plot functions\",\n    \"Extract from model objects\",\n    \"Extract information from model objects\"\n  ),\n  check.names = FALSE\n)\n\ntt(dat) |&gt; format_tt(j = 1, markdown = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      Vincent sometimes contributes to these R packages.\n        \n        \n              \n                Package (link)\n                Purpose\n              \n        \n        \n        \n                \n                  marginaleffects\n                  Interpreting statistical models            \n                \n                \n                  modelsummary\n                  Data and model summaries                   \n                \n                \n                  tinytable\n                  Draw beautiful tables easily               \n                \n                \n                  countrycode\n                  Convert country codes and names            \n                \n                \n                  WDI\n                  Download data from the World Bank          \n                \n                \n                  softbib\n                  Software bibliographies in R               \n                \n                \n                  tinysnapshot\n                  Snapshots for unit tests using `tinytest`  \n                \n                \n                  altdoc\n                  Create documentation website for R packages\n                \n                \n                  tinyplot\n                  Extension of base R plot functions         \n                \n                \n                  parameters\n                  Extract from model objects                 \n                \n                \n                  insight\n                  Extract information from model objects     \n                \n        \n      \n    \n\n\n\n\n\n\nOn top of the built-in features of format_tt, a custom formatting function can be specified via the fn argument. The fn argument takes a function that accepts a single vector and returns a string (or something that coerces to a string like a number).\n\ntt(x) |&gt; \n  format_tt(j = \"mpg\", fn = function(x) paste(x, \"mi/gal\")) |&gt;\n  format_tt(j = \"drat\", fn = \\(x) signif(x, 2))\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n              \n        \n        \n        \n                \n                  21 mi/gal\n                  6\n                  160\n                  110\n                  3.9\n                \n                \n                  21 mi/gal\n                  6\n                  160\n                  110\n                  3.9\n                \n                \n                  22.8 mi/gal\n                  4\n                  108\n                   93\n                  3.8\n                \n                \n                  21.4 mi/gal\n                  6\n                  258\n                  110\n                  3.1\n                \n        \n      \n    \n\n\n\nFor example, the scales package which is used internally by ggplot2 provides a bunch of useful tools for formatting (e.g. dates, numbers, percents, logs, currencies, etc.). The label_*() functions can be passed to the fn argument.\nNote that we call format_tt(escape = TRUE) at the end of the pipeline because the column names and cells include characters that need to be escaped in LaTeX: _, %, and $. This last call is superfluous in HTML.\n\nthumbdrives &lt;- data.frame(\n  date_lookup = as.Date(c(\"2024-01-15\", \"2024-01-18\", \"2024-01-14\", \"2024-01-16\")),\n  price = c(18.49, 19.99, 24.99, 24.99),\n  price_rank = c(1, 2, 3, 3),\n  memory = c(16e9, 12e9, 10e9, 8e9),\n  speed_benchmark = c(0.6, 0.73, 0.82, 0.99)\n)\n\ntt(thumbdrives) |&gt;\n  format_tt(j = 1, fn = scales::label_date(\"%e %b\", locale = \"fr\")) |&gt;\n  format_tt(j = 2, fn = scales::label_currency()) |&gt;\n  format_tt(j = 3, fn = scales::label_ordinal()) |&gt; \n  format_tt(j = 4, fn = scales::label_bytes()) |&gt; \n  format_tt(j = 5, fn = scales::label_percent())  |&gt;\n  format_tt(escape = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                date_lookup\n                price\n                price_rank\n                memory\n                speed_benchmark\n              \n        \n        \n        \n                \n                  2024-01-15\n                  $18.49\n                  1st\n                  16 GB\n                  60%\n                \n                \n                  2024-01-18\n                  $19.99\n                  2nd\n                  12 GB\n                  73%\n                \n                \n                  2024-01-14\n                  $24.99\n                  3rd\n                  10 GB\n                  82%\n                \n                \n                  2024-01-16\n                  $24.99\n                  3rd\n                  8 GB\n                  99%\n                \n        \n      \n    \n\n\n\n\n\n\nQuarto automatically applies some data processing to the content of the tables it renders. By default, tinytable disables this processing, because it can enter in conflict with styling and formatting features of the package.\nTo enable Quarto data processing, we can use the quarto argument of the format_tt() function. This argument allows users to mark certain cells explicitly for processing by Quarto, by wrapping them in a special “span” called “data-qmd”, supported by Quarto:\n\nk &lt;- data.frame(Thing = \"qwerty\", Citation = \"@Lovelace1842\")\n\ntt(k) |&gt; format_tt(quarto = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n\n\n\nThing\nCitation\n\n\n\n\nqwerty\nLovelace (1842)\n\n\n\n\n    \n\n\n\nSome users may want to apply Quarto data processing to all tables. This can be done with themes:\n\ntheme_quarto &lt;- function(x) format_tt(x, quarto = TRUE)\noptions(tinytable_tt_theme = theme_quarto)\n\ntt(k)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n\n\n\nThing\nCitation\n\n\n\n\nqwerty\nLovelace (1842)\n\n\n\n\n    \n\n\n\nBack to normal:\n\noptions(tinytable_tt_theme = NULL)\n\nAlternatively, users can set a global option to process all tables in Quarto, but they will then have to mark each cell with special content using format_tt(quarto):\n\noptions(tinytable_quarto_disable_processing = FALSE)\n\ntt(x)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n\n\n\nmpg\ncyl\ndisp\nhp\ndrat\n\n\n\n\n21.0\n6\n160\n110\n3.90\n\n\n21.0\n6\n160\n110\n3.90\n\n\n22.8\n4\n108\n93\n3.85\n\n\n21.4\n6\n258\n110\n3.08\n\n\n\n\n    \n\n\n\nNotice that Quarto is now processing the table, so we lose the default tinytable theme and get the default striped Quarto look.\nBack to normal:\n\noptions(tinytable_quarto_disable_processing = TRUE)",
+    "text": "library(tinytable)\noptions(tinytable_tt_digits = 3)\noptions(tinytable_theme_placement_latex_float = \"H\")\nx &lt;- mtcars[1:4, 1:5]\n\n\n\nThe tt() function is minimalist; it’s inteded purpose is simply to draw nice tables. Users who want to format numbers, dates, strings, and other variables in different ways should process their data before supplying it to the tt() table-drawing function. To do so, we can use the format_tt() function supplied by the tinytable.\nIn a very simple case—such as printing 2 significant digits of all numeric variables—we can use the digits argument of tt():\n\ndat &lt;- data.frame(\n     w = c(143002.2092, 201399.181, 100188.3883),\n     x = c(1.43402, 201.399, 0.134588),\n     y = as.Date(sample(1:1000, 3), origin = \"1970-01-01\"),\n     z = c(TRUE, TRUE, FALSE))\n\ntt(dat, digits = 2)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143002\n                  1.43 \n                  1972-01-14\n                  True \n                \n                \n                  201399\n                  201.4\n                  1970-09-24\n                  True \n                \n                \n                  100188\n                  0.13 \n                  1970-07-13\n                  False\n                \n        \n      \n    \n\n\n\nWe can get more fine-grained control over formatting by calling format_tt() after tt(), optionally by specifying the columns to format with j:\n\ntt(dat) |&gt; \n  format_tt(\n    j = 2:4,\n    digits = 1,\n    date = \"%B %d %Y\") |&gt;\n  format_tt(\n    j = 1,\n    digits = 2,\n    num_mark_big = \" \",\n    num_mark_dec = \",\",\n    num_zero = TRUE,\n    num_fmt = \"decimal\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143 002,21\n                  1.4\n                  January 14 1972\n                  True\n                \n                \n                  201 399,18\n                  201.4\n                  September 24 1970\n                  True\n                \n                \n                  100 188,39\n                  0.1\n                  July 13 1970\n                  False\n                \n        \n      \n    \n\n\n\nWe can use a regular expression in j to select columns, and the ?sprintf function to format strings, numbers, and to do string interpolation (similar to the glue package, but using Base R):\n\ndat &lt;- data.frame(\n     a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n     b = c(1.43202, 201.399, 0.146188, 0.0031),\n     c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n  format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n  format_tt(j = 2, digits = 1) |&gt;\n  format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.432\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.399\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.146\n                  29M\n                \n                \n                  Food: Beans\n                  0.003\n                  94K\n                \n        \n      \n    \n\n\n\nFinally, if you like the format_tt() interface, you can use it directly with numbers, vectors, or data frames:\n\nformat_tt(pi, digits = 1)\n\n[1] \"3\"\n\nformat_tt(dat, digits = 1, num_suffix = TRUE)\n\n         a     b   c\n1   Burger     1 99T\n2 Halloumi   201  7B\n3     Tofu   0.1 29M\n4    Beans 0.003 94K\n\n\n\n\n\nBy default, format_tt() formats numbers to ensure that the smallest value in a vector (column) has at least a certain number of significant digits. For example,\n\nk &lt;- data.frame(x = c(0.000123456789, 12.4356789))\ntt(k, digits = 2)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012 \n                \n                \n                  12.43568\n                \n        \n      \n    \n\n\n\nWe can alter this behavior to ensure to round significant digits on a per-cell basis, using the num_fmt argument in format_tt():\n\ntt(k) |&gt; format_tt(digits = 2, num_fmt = \"significant_cell\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12\n                \n        \n      \n    \n\n\n\nThe numeric formatting options in format_tt() can also be controlled using global options:\n\noptions(\"tinytable_tt_digits\" = 2)\noptions(\"tinytable_format_num_fmt\" = \"significant_cell\")\ntt(k)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n              \n        \n        \n        \n                \n                  0.00012\n                \n                \n                  12     \n                \n        \n      \n    \n\n\n\n\n\n\nTo insert LaTeX-style mathematical expressions in a tinytable, we enclose the expression in dollar signs: $...$. Note that you must double backslashes in mathematical expressions in R strings.\nIn LaTeX, expression enclosed between $$ will automatically rendered as a mathematical expression.\nIn HTML, users must first load the MathJax JavaScript library to render math. This can be done in two ways. First, one can use a global option. This will insert MathJax scripts alongside every table, which is convenient, but could enter in conflict with other scripts if the user (or notebook) has already inserted MathJax code:\noptions(tinytable_html_mathjax = TRUE)\nAlternatively, users can load MathJax explicitly in their HTML file. In a Quarto notebook, this can be done by using a code chunk like this:\n```{=html}\n&lt;script id=\"MathJax-script\" async src=\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\"&gt;&lt;/script&gt;\n&lt;script&gt;\nMathJax = {\n  tex: {\n    inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]\n  },\n  svg: {\n    fontCache: 'global'\n  }\n};\n&lt;/script&gt;\n```\nThen, we can do:\n\ndat &lt;- data.frame(Math = c(\n  \"$x^2 + y^2 = z^2$\",\n  \"$\\\\frac{1}{2}$\"\n))\ntt(dat) |&gt; style_tt(j = 1, align = \"c\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                Math\n              \n        \n        \n        \n                \n                  $x^2 + y^2 = z^2$\n                \n                \n                  $\\frac{1}{2}$   \n                \n        \n      \n    \n\n\n\nTo avoid inserting $...$ in every cell manually, we can use the math argument of format_tt():\n\noptions(tinytable_html_mathjax = TRUE)\n\ndat &lt;- data.frame(\"y^2 = e^x\" = c(-2, -pi), check.names = FALSE)\n\ntt(dat, digits = 3) |&gt; format_tt(math = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                $y^2 = e^x$\n              \n        \n        \n        \n                \n                  $-2   $\n                \n                \n                  $-3.14$\n                \n        \n      \n    \n\n\n\n\n\n\nMissing values can be replaced by a custom string using the replace argument (default \"\"):\n\ntab &lt;- data.frame(a = c(NA, 1, 2), b = c(3, NA, 5))\n\ntt(tab)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  NA\n                   3\n                \n                \n                   1\n                  NA\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ntt(tab) |&gt; format_tt()\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  \n                   3\n                \n                \n                   1\n                  \n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\ntt(tab) |&gt; format_tt(replace = \"-\")\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n              \n        \n        \n        \n                \n                  -\n                   3\n                \n                \n                   1\n                  -\n                \n                \n                   2\n                   5\n                \n        \n      \n    \n\n\n\nWe can also specify multiple value replacements at once using a named list of vectors:\n\ntmp &lt;- data.frame(x = 1:5, y = c(pi, NA, NaN, -Inf, Inf))\ndict &lt;- list(\"-\" = c(NA, NaN), \"-∞\" = -Inf, \"∞\" = Inf)\ntt(tmp) |&gt; format_tt(replace = dict, digits = 2)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                x\n                y\n              \n        \n        \n        \n                \n                  1\n                  3.1\n                \n                \n                  2\n                  -\n                \n                \n                  3\n                  -\n                \n                \n                  4\n                  -∞\n                \n                \n                  5\n                  ∞\n                \n        \n      \n    \n\n\n\n\n\n\nLaTeX and HTML use special characters to indicate strings which should be interpreted rather than displayed as text. For example, including underscores or dollar signs in LaTeX can cause compilation errors in some documents. To display those special characters, we need to substitute or escape them with backslashes, depending on the output format. The escape argument of format_tt() can be used to do this automatically:\n\ndat &lt;- data.frame(\n    \"LaTeX\" = c(\"Dollars $\", \"Percent %\", \"Underscore _\"),\n    \"HTML\" = c(\"&lt;br&gt;\", \"&lt;sup&gt;4&lt;/sup&gt;\", \"&lt;emph&gt;blah&lt;/emph&gt;\")\n)\n\ntt(dat) |&gt; format_tt(escape = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                LaTeX\n                HTML\n              \n        \n        \n        \n                \n                  Dollars $\n                  &lt;br&gt;\n                \n                \n                  Percent %\n                  &lt;sup&gt;4&lt;/sup&gt;\n                \n                \n                  Underscore _\n                  &lt;emph&gt;blah&lt;/emph&gt;\n                \n        \n      \n    \n\n\n\nWhen applied to a tt() table, format_tt() will determine the type of escaping to do automatically. When applied to a string or vector, we must specify the type of escaping to apply:\n\nformat_tt(\"_ Dollars $\", escape = \"latex\")\n\n[1] \"\\\\_ Dollars \\\\$\"\n\n\n\n\n\nMarkdown can be rendered in cells by using the markdown argument of the format_tt() function (note: this requires installing the markdown as an optional dependency).\n\ndat &lt;- data.frame( markdown = c(\n  \"This is _italic_ text.\",\n  \"This sentence ends with a superscript.^2^\")\n)\n\ntt(dat) |&gt;\n  format_tt(j = 1, markdown = TRUE) |&gt;\n  style_tt(j = 1, align = \"c\")\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                markdown\n              \n        \n        \n        \n                \n                  This is italic text.\n                \n                \n                  This sentence ends with a superscript.2\n                \n        \n      \n    \n\n\n\nMarkdown syntax can be particularly useful when formatting URLs in a table:\n\ndat &lt;- data.frame(\n  `Package (link)` = c(\n    \"[`marginaleffects`](https://www.marginaleffects.com/)\",\n    \"[`modelsummary`](https://www.modelsummary.com/)\",\n    \"[`tinytable`](https://vincentarelbundock.github.io/tinytable/)\",\n    \"[`countrycode`](https://vincentarelbundock.github.io/countrycode/)\",\n    \"[`WDI`](https://vincentarelbundock.github.io/WDI/)\",\n    \"[`softbib`](https://vincentarelbundock.github.io/softbib/)\",\n    \"[`tinysnapshot`](https://vincentarelbundock.github.io/tinysnapshot/)\",\n    \"[`altdoc`](https://etiennebacher.github.io/altdoc/)\",\n    \"[`tinyplot`](https://grantmcdermott.com/tinyplot/)\",\n    \"[`parameters`](https://easystats.github.io/parameters/)\",\n    \"[`insight`](https://easystats.github.io/insight/)\"\n  ),\n  Purpose = c(\n    \"Interpreting statistical models\",\n    \"Data and model summaries\",\n    \"Draw beautiful tables easily\",\n    \"Convert country codes and names\",\n    \"Download data from the World Bank\",\n    \"Software bibliographies in R\",\n    \"Snapshots for unit tests using `tinytest`\",\n    \"Create documentation website for R packages\",\n    \"Extension of base R plot functions\",\n    \"Extract from model objects\",\n    \"Extract information from model objects\"\n  ),\n  check.names = FALSE\n)\n\ntt(dat) |&gt; format_tt(j = 1, markdown = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      Vincent sometimes contributes to these R packages.\n        \n        \n              \n                Package (link)\n                Purpose\n              \n        \n        \n        \n                \n                  marginaleffects\n                  Interpreting statistical models            \n                \n                \n                  modelsummary\n                  Data and model summaries                   \n                \n                \n                  tinytable\n                  Draw beautiful tables easily               \n                \n                \n                  countrycode\n                  Convert country codes and names            \n                \n                \n                  WDI\n                  Download data from the World Bank          \n                \n                \n                  softbib\n                  Software bibliographies in R               \n                \n                \n                  tinysnapshot\n                  Snapshots for unit tests using `tinytest`  \n                \n                \n                  altdoc\n                  Create documentation website for R packages\n                \n                \n                  tinyplot\n                  Extension of base R plot functions         \n                \n                \n                  parameters\n                  Extract from model objects                 \n                \n                \n                  insight\n                  Extract information from model objects     \n                \n        \n      \n    \n\n\n\n\n\n\nOn top of the built-in features of format_tt, a custom formatting function can be specified via the fn argument. The fn argument takes a function that accepts a single vector and returns a string (or something that coerces to a string like a number).\n\ntt(x) |&gt; \n  format_tt(j = \"mpg\", fn = function(x) paste(x, \"mi/gal\")) |&gt;\n  format_tt(j = \"drat\", fn = \\(x) signif(x, 2))\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                mpg\n                cyl\n                disp\n                hp\n                drat\n              \n        \n        \n        \n                \n                  21 mi/gal\n                  6\n                  160\n                  110\n                  3.9\n                \n                \n                  21 mi/gal\n                  6\n                  160\n                  110\n                  3.9\n                \n                \n                  22.8 mi/gal\n                  4\n                  108\n                   93\n                  3.8\n                \n                \n                  21.4 mi/gal\n                  6\n                  258\n                  110\n                  3.1\n                \n        \n      \n    \n\n\n\nFor example, the scales package which is used internally by ggplot2 provides a bunch of useful tools for formatting (e.g. dates, numbers, percents, logs, currencies, etc.). The label_*() functions can be passed to the fn argument.\nNote that we call format_tt(escape = TRUE) at the end of the pipeline because the column names and cells include characters that need to be escaped in LaTeX: _, %, and $. This last call is superfluous in HTML.\n\nthumbdrives &lt;- data.frame(\n  date_lookup = as.Date(c(\"2024-01-15\", \"2024-01-18\", \"2024-01-14\", \"2024-01-16\")),\n  price = c(18.49, 19.99, 24.99, 24.99),\n  price_rank = c(1, 2, 3, 3),\n  memory = c(16e9, 12e9, 10e9, 8e9),\n  speed_benchmark = c(0.6, 0.73, 0.82, 0.99)\n)\n\ntt(thumbdrives) |&gt;\n  format_tt(j = 1, fn = scales::label_date(\"%e %b\", locale = \"fr\")) |&gt;\n  format_tt(j = 2, fn = scales::label_currency()) |&gt;\n  format_tt(j = 3, fn = scales::label_ordinal()) |&gt; \n  format_tt(j = 4, fn = scales::label_bytes()) |&gt; \n  format_tt(j = 5, fn = scales::label_percent())  |&gt;\n  format_tt(escape = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n        \n        \n              \n                date_lookup\n                price\n                price_rank\n                memory\n                speed_benchmark\n              \n        \n        \n        \n                \n                  2024-01-15\n                  $18.49\n                  1st\n                  16 GB\n                  60%\n                \n                \n                  2024-01-18\n                  $19.99\n                  2nd\n                  12 GB\n                  73%\n                \n                \n                  2024-01-14\n                  $24.99\n                  3rd\n                  10 GB\n                  82%\n                \n                \n                  2024-01-16\n                  $24.99\n                  3rd\n                  8 GB\n                  99%\n                \n        \n      \n    \n\n\n\n\n\n\nQuarto automatically applies some data processing to the content of the tables it renders. By default, tinytable disables this processing, because it can enter in conflict with styling and formatting features of the package.\nTo enable Quarto data processing, we can use the quarto argument of the format_tt() function. This argument allows users to mark certain cells explicitly for processing by Quarto, by wrapping them in a special “span” called “data-qmd”, supported by Quarto:\n\nk &lt;- data.frame(Thing = \"qwerty\", Citation = \"@Lovelace1842\")\n\ntt(k) |&gt; format_tt(quarto = TRUE)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n\n\n\nThing\nCitation\n\n\n\n\nqwerty\nLovelace (1842)\n\n\n\n\n    \n\n\n\nSome users may want to apply Quarto data processing to all tables. This can be done with themes:\n\ntheme_quarto &lt;- function(x) format_tt(x, quarto = TRUE)\noptions(tinytable_tt_theme = theme_quarto)\n\ntt(k)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n\n\n\nThing\nCitation\n\n\n\n\nqwerty\nLovelace (1842)\n\n\n\n\n    \n\n\n\nBack to normal:\n\noptions(tinytable_tt_theme = NULL)\n\nAlternatively, users can set a global option to process all tables in Quarto, but they will then have to mark each cell with special content using format_tt(quarto):\n\noptions(tinytable_quarto_disable_processing = FALSE)\n\ntt(x)\n\n\n\n    \n    \n    \n    \n\n    \n\n    \n    \n      \n\n\n\nmpg\ncyl\ndisp\nhp\ndrat\n\n\n\n\n21.0\n6\n160\n110\n3.90\n\n\n21.0\n6\n160\n110\n3.90\n\n\n22.8\n4\n108\n93\n3.85\n\n\n21.4\n6\n258\n110\n3.08\n\n\n\n\n    \n\n\n\nNotice that Quarto is now processing the table, so we lose the default tinytable theme and get the default striped Quarto look.\nBack to normal:\n\noptions(tinytable_quarto_disable_processing = TRUE)",
     "crumbs": [
       "Tutorial (PDF)",
       "Tutorial",
@@ -1047,7 +1062,7 @@
     "href": "vignettes/format.html#numbers-dates-strings-etc.",
     "title": "Formatting",
     "section": "",
-    "text": "The tt() function is minimalist; it’s inteded purpose is simply to draw nice tables. Users who want to format numbers, dates, strings, and other variables in different ways should process their data before supplying it to the tt() table-drawing function. To do so, we can use the format_tt() function supplied by the tinytable.\nIn a very simple case—such as printing 2 significant digits of all numeric variables—we can use the digits argument of tt():\n\ndat &lt;- data.frame(\n     w = c(143002.2092, 201399.181, 100188.3883),\n     x = c(1.43402, 201.399, 0.134588),\n     y = as.Date(sample(1:1000, 3), origin = \"1970-01-01\"),\n     z = c(TRUE, TRUE, FALSE))\n\ntt(dat, digits = 2)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143002\n                  1.43 \n                  1972-01-07\n                  True \n                \n                \n                  201399\n                  201.4\n                  1970-01-06\n                  True \n                \n                \n                  100188\n                  0.13 \n                  1972-07-12\n                  False\n                \n        \n      \n    \n\n\n\nWe can get more fine-grained control over formatting by calling format_tt() after tt(), optionally by specifying the columns to format with j:\n\ntt(dat) |&gt; \n  format_tt(\n    j = 2:4,\n    digits = 1,\n    date = \"%B %d %Y\") |&gt;\n  format_tt(\n    j = 1,\n    digits = 2,\n    num_mark_big = \" \",\n    num_mark_dec = \",\",\n    num_zero = TRUE,\n    num_fmt = \"decimal\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143 002,21\n                  1.4\n                  January 07 1972\n                  True\n                \n                \n                  201 399,18\n                  201.4\n                  January 06 1970\n                  True\n                \n                \n                  100 188,39\n                  0.1\n                  July 12 1972\n                  False\n                \n        \n      \n    \n\n\n\nWe can use a regular expression in j to select columns, and the ?sprintf function to format strings, numbers, and to do string interpolation (similar to the glue package, but using Base R):\n\ndat &lt;- data.frame(\n     a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n     b = c(1.43202, 201.399, 0.146188, 0.0031),\n     c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n  format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n  format_tt(j = 2, digits = 1) |&gt;\n  format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.432\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.399\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.146\n                  29M\n                \n                \n                  Food: Beans\n                  0.003\n                  94K\n                \n        \n      \n    \n\n\n\nFinally, if you like the format_tt() interface, you can use it directly with numbers, vectors, or data frames:\n\nformat_tt(pi, digits = 1)\n\n[1] \"3\"\n\nformat_tt(dat, digits = 1, num_suffix = TRUE)\n\n         a     b   c\n1   Burger     1 99T\n2 Halloumi   201  7B\n3     Tofu   0.1 29M\n4    Beans 0.003 94K",
+    "text": "The tt() function is minimalist; it’s inteded purpose is simply to draw nice tables. Users who want to format numbers, dates, strings, and other variables in different ways should process their data before supplying it to the tt() table-drawing function. To do so, we can use the format_tt() function supplied by the tinytable.\nIn a very simple case—such as printing 2 significant digits of all numeric variables—we can use the digits argument of tt():\n\ndat &lt;- data.frame(\n     w = c(143002.2092, 201399.181, 100188.3883),\n     x = c(1.43402, 201.399, 0.134588),\n     y = as.Date(sample(1:1000, 3), origin = \"1970-01-01\"),\n     z = c(TRUE, TRUE, FALSE))\n\ntt(dat, digits = 2)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143002\n                  1.43 \n                  1972-01-14\n                  True \n                \n                \n                  201399\n                  201.4\n                  1970-09-24\n                  True \n                \n                \n                  100188\n                  0.13 \n                  1970-07-13\n                  False\n                \n        \n      \n    \n\n\n\nWe can get more fine-grained control over formatting by calling format_tt() after tt(), optionally by specifying the columns to format with j:\n\ntt(dat) |&gt; \n  format_tt(\n    j = 2:4,\n    digits = 1,\n    date = \"%B %d %Y\") |&gt;\n  format_tt(\n    j = 1,\n    digits = 2,\n    num_mark_big = \" \",\n    num_mark_dec = \",\",\n    num_zero = TRUE,\n    num_fmt = \"decimal\")\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                w\n                x\n                y\n                z\n              \n        \n        \n        \n                \n                  143 002,21\n                  1.4\n                  January 14 1972\n                  True\n                \n                \n                  201 399,18\n                  201.4\n                  September 24 1970\n                  True\n                \n                \n                  100 188,39\n                  0.1\n                  July 13 1970\n                  False\n                \n        \n      \n    \n\n\n\nWe can use a regular expression in j to select columns, and the ?sprintf function to format strings, numbers, and to do string interpolation (similar to the glue package, but using Base R):\n\ndat &lt;- data.frame(\n     a = c(\"Burger\", \"Halloumi\", \"Tofu\", \"Beans\"),\n     b = c(1.43202, 201.399, 0.146188, 0.0031),\n     c = c(98938272783457, 7288839482, 29111727, 93945))\ntt(dat) |&gt;\n  format_tt(j = \"a\", sprintf = \"Food: %s\") |&gt;\n  format_tt(j = 2, digits = 1) |&gt;\n  format_tt(j = \"c\", digits = 2, num_suffix = TRUE)\n\n\n\n    \n\n    \n    \n      \n        \n        \n              \n                a\n                b\n                c\n              \n        \n        \n        \n                \n                  Food: Burger\n                  1.432\n                  99T\n                \n                \n                  Food: Halloumi\n                  201.399\n                  7.3B\n                \n                \n                  Food: Tofu\n                  0.146\n                  29M\n                \n                \n                  Food: Beans\n                  0.003\n                  94K\n                \n        \n      \n    \n\n\n\nFinally, if you like the format_tt() interface, you can use it directly with numbers, vectors, or data frames:\n\nformat_tt(pi, digits = 1)\n\n[1] \"3\"\n\nformat_tt(dat, digits = 1, num_suffix = TRUE)\n\n         a     b   c\n1   Burger     1 99T\n2 Halloumi   201  7B\n3     Tofu   0.1 29M\n4    Beans 0.003 94K",
     "crumbs": [
       "Tutorial (PDF)",
       "Tutorial",
diff --git a/vignettes/alternatives.html b/vignettes/alternatives.html
index 7b8d90cc..c439f061 100644
--- a/vignettes/alternatives.html
+++ b/vignettes/alternatives.html
@@ -227,6 +227,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/vignettes/custom.html b/vignettes/custom.html
index 4691f090..572c8233 100644
--- a/vignettes/custom.html
+++ b/vignettes/custom.html
@@ -64,7 +64,7 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
-<link href="../vignettes/faq.html" rel="next">
+<link href="../vignettes/notebooks.html" rel="next">
 <link href="../vignettes/theme.html" rel="prev">
 <link href="../favicon.svg" rel="icon" type="image/svg+xml">
 <script src="../site_libs/quarto-html/quarto.js"></script>
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link active">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -432,8 +438,8 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
 
     <script>
 
-      function styleCell_ir2ewysxw1isumoby3sz(i, j, css_id) {
-          var table = document.getElementById("tinytable_ir2ewysxw1isumoby3sz");
+      function styleCell_f7ngtw1hwbio5gmqqt86(i, j, css_id) {
+          var table = document.getElementById("tinytable_f7ngtw1hwbio5gmqqt86");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -443,7 +449,7 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ir2ewysxw1isumoby3sz');
+        var table = document.getElementById('tinytable_f7ngtw1hwbio5gmqqt86');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -451,8 +457,8 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ir2ewysxw1isumoby3sz(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ir2ewysxw1isumoby3sz");
+      function spanCell_f7ngtw1hwbio5gmqqt86(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_f7ngtw1hwbio5gmqqt86");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -482,13 +488,13 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_dtswe52yr3velkzeck3x',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_pxekmqrt9w7npixia599',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ir2ewysxw1isumoby3sz(cell.i, cell.j, group.css_id);
+                  styleCell_f7ngtw1hwbio5gmqqt86(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -496,10 +502,10 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_dtswe52yr3velkzeck3x, .table th.tinytable_css_dtswe52yr3velkzeck3x { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_pxekmqrt9w7npixia599, .table th.tinytable_css_pxekmqrt9w7npixia599 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-sm" id="tinytable_ir2ewysxw1isumoby3sz" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-sm" id="tinytable_f7ngtw1hwbio5gmqqt86" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -554,8 +560,8 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
 
     <script>
 
-      function styleCell_yibup8rwwhixwexawupg(i, j, css_id) {
-          var table = document.getElementById("tinytable_yibup8rwwhixwexawupg");
+      function styleCell_lqs514bome6an4xgld94(i, j, css_id) {
+          var table = document.getElementById("tinytable_lqs514bome6an4xgld94");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -565,7 +571,7 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_yibup8rwwhixwexawupg');
+        var table = document.getElementById('tinytable_lqs514bome6an4xgld94');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -573,8 +579,8 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_yibup8rwwhixwexawupg(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_yibup8rwwhixwexawupg");
+      function spanCell_lqs514bome6an4xgld94(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_lqs514bome6an4xgld94");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -604,13 +610,13 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_c57q86fli8y1l87jzc1a',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_62ihnedwhjrulphmkf86',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_yibup8rwwhixwexawupg(cell.i, cell.j, group.css_id);
+                  styleCell_lqs514bome6an4xgld94(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -618,10 +624,10 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_c57q86fli8y1l87jzc1a, .table th.tinytable_css_c57q86fli8y1l87jzc1a { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_62ihnedwhjrulphmkf86, .table th.tinytable_css_62ihnedwhjrulphmkf86 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-bordered" id="tinytable_yibup8rwwhixwexawupg" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-bordered" id="tinytable_lqs514bome6an4xgld94" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -677,8 +683,8 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
 
     <script>
 
-      function styleCell_cvnk0pl2z6puj90p96vz(i, j, css_id) {
-          var table = document.getElementById("tinytable_cvnk0pl2z6puj90p96vz");
+      function styleCell_7ezqxnw2rci5sxsfgdgf(i, j, css_id) {
+          var table = document.getElementById("tinytable_7ezqxnw2rci5sxsfgdgf");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -688,7 +694,7 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_cvnk0pl2z6puj90p96vz');
+        var table = document.getElementById('tinytable_7ezqxnw2rci5sxsfgdgf');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -696,8 +702,8 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_cvnk0pl2z6puj90p96vz(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_cvnk0pl2z6puj90p96vz");
+      function spanCell_7ezqxnw2rci5sxsfgdgf(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_7ezqxnw2rci5sxsfgdgf");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -727,13 +733,13 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_pywkhdasxs3mvvf5cij0',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_cjzf0v4c2vs30ytdr6g7',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_cvnk0pl2z6puj90p96vz(cell.i, cell.j, group.css_id);
+                  styleCell_7ezqxnw2rci5sxsfgdgf(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -741,10 +747,10 @@ <h3 class="anchored" data-anchor-id="bootstrap-classes">Bootstrap classes</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_pywkhdasxs3mvvf5cij0, .table th.tinytable_css_pywkhdasxs3mvvf5cij0 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_cjzf0v4c2vs30ytdr6g7, .table th.tinytable_css_cjzf0v4c2vs30ytdr6g7 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-hover" id="tinytable_cvnk0pl2z6puj90p96vz" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-hover" id="tinytable_7ezqxnw2rci5sxsfgdgf" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -803,8 +809,8 @@ <h3 class="anchored" data-anchor-id="css-declarations">CSS declarations</h3>
 
     <script>
 
-      function styleCell_lc913vszg0jlgk4jeksx(i, j, css_id) {
-          var table = document.getElementById("tinytable_lc913vszg0jlgk4jeksx");
+      function styleCell_5i1sjamsp2jjgv2q3xwh(i, j, css_id) {
+          var table = document.getElementById("tinytable_5i1sjamsp2jjgv2q3xwh");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -814,7 +820,7 @@ <h3 class="anchored" data-anchor-id="css-declarations">CSS declarations</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_lc913vszg0jlgk4jeksx');
+        var table = document.getElementById('tinytable_5i1sjamsp2jjgv2q3xwh');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -822,8 +828,8 @@ <h3 class="anchored" data-anchor-id="css-declarations">CSS declarations</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_lc913vszg0jlgk4jeksx(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_lc913vszg0jlgk4jeksx");
+      function spanCell_5i1sjamsp2jjgv2q3xwh(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_5i1sjamsp2jjgv2q3xwh");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -853,15 +859,15 @@ <h3 class="anchored" data-anchor-id="css-declarations">CSS declarations</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_yt4vltps0n6tenljwe78',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_mt0679i0p8tyksosdm10',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_4bgvx0m6cmxezbegkgnz',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_rcbgc0e0rdmbggova3bf',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_f25ml4tlmegvajh0ngs2',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_3z9ll7zbwuh7z9svbhgh',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_lc913vszg0jlgk4jeksx(cell.i, cell.j, group.css_id);
+                  styleCell_5i1sjamsp2jjgv2q3xwh(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -869,12 +875,12 @@ <h3 class="anchored" data-anchor-id="css-declarations">CSS declarations</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_yt4vltps0n6tenljwe78, .table th.tinytable_css_yt4vltps0n6tenljwe78 { font-weight: bold; color: red; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_mt0679i0p8tyksosdm10, .table th.tinytable_css_mt0679i0p8tyksosdm10 { font-weight: bold; color: red; }
-      .table td.tinytable_css_4bgvx0m6cmxezbegkgnz, .table th.tinytable_css_4bgvx0m6cmxezbegkgnz { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_rcbgc0e0rdmbggova3bf, .table th.tinytable_css_rcbgc0e0rdmbggova3bf { font-weight: bold; color: red; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_f25ml4tlmegvajh0ngs2, .table th.tinytable_css_f25ml4tlmegvajh0ngs2 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_3z9ll7zbwuh7z9svbhgh, .table th.tinytable_css_3z9ll7zbwuh7z9svbhgh { font-weight: bold; color: red; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_lc913vszg0jlgk4jeksx" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_5i1sjamsp2jjgv2q3xwh" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -969,8 +975,8 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
 
     <script>
 
-      function styleCell_xfz25d11v88n99n1bt9k(i, j, css_id) {
-          var table = document.getElementById("tinytable_xfz25d11v88n99n1bt9k");
+      function styleCell_zff5vs26vsad2gtcug8p(i, j, css_id) {
+          var table = document.getElementById("tinytable_zff5vs26vsad2gtcug8p");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -980,7 +986,7 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_xfz25d11v88n99n1bt9k');
+        var table = document.getElementById('tinytable_zff5vs26vsad2gtcug8p');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -988,8 +994,8 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_xfz25d11v88n99n1bt9k(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_xfz25d11v88n99n1bt9k");
+      function spanCell_zff5vs26vsad2gtcug8p(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_zff5vs26vsad2gtcug8p");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1019,14 +1025,14 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_ezzmaotkywhqgycufiuo',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_17ggf0h3cx1h5ysemrov',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_atz0beeniadcbrqj3bie',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_4q3alx21nm42zzi6i977',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_xfz25d11v88n99n1bt9k(cell.i, cell.j, group.css_id);
+                  styleCell_zff5vs26vsad2gtcug8p(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1034,8 +1040,8 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ezzmaotkywhqgycufiuo, .table th.tinytable_css_ezzmaotkywhqgycufiuo { text-align: center; }
-      .table td.tinytable_css_17ggf0h3cx1h5ysemrov, .table th.tinytable_css_17ggf0h3cx1h5ysemrov { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_atz0beeniadcbrqj3bie, .table th.tinytable_css_atz0beeniadcbrqj3bie { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_4q3alx21nm42zzi6i977, .table th.tinytable_css_4q3alx21nm42zzi6i977 { text-align: center; }
 
 .mytable {
   background: linear-gradient(45deg, #EA8D8D, #A890FE);
@@ -1069,7 +1075,7 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
 
     </style>
     <div class="container">
-      <table class="table mytable" id="tinytable_xfz25d11v88n99n1bt9k" style="table-layout: fixed; width: 67% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table mytable" id="tinytable_zff5vs26vsad2gtcug8p" style="table-layout: fixed; width: 67% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1136,8 +1142,8 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
 
     <script>
 
-      function styleCell_fi00c6nxcfha0g1erm74(i, j, css_id) {
-          var table = document.getElementById("tinytable_fi00c6nxcfha0g1erm74");
+      function styleCell_umnsdeom64pr7jx6quec(i, j, css_id) {
+          var table = document.getElementById("tinytable_umnsdeom64pr7jx6quec");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1147,7 +1153,7 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_fi00c6nxcfha0g1erm74');
+        var table = document.getElementById('tinytable_umnsdeom64pr7jx6quec');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1155,8 +1161,8 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_fi00c6nxcfha0g1erm74(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_fi00c6nxcfha0g1erm74");
+      function spanCell_umnsdeom64pr7jx6quec(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_umnsdeom64pr7jx6quec");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1186,13 +1192,13 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 10, j: 0 }, { i: 0, j: 1 }, { i: 10, j: 1 }, { i: 0, j: 2 }, { i: 10, j: 2 }, { i: 0, j: 3 }, { i: 10, j: 3 }, { i: 0, j: 4 }, { i: 10, j: 4 }, { i: 0, j: 5 }, { i: 10, j: 5 }, { i: 0, j: 6 }, { i: 10, j: 6 }, { i: 0, j: 7 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_mpzf8vmqwurtqqgtev2n',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 10, j: 0 }, { i: 0, j: 1 }, { i: 10, j: 1 }, { i: 0, j: 2 }, { i: 10, j: 2 }, { i: 0, j: 3 }, { i: 10, j: 3 }, { i: 0, j: 4 }, { i: 10, j: 4 }, { i: 0, j: 5 }, { i: 10, j: 5 }, { i: 0, j: 6 }, { i: 10, j: 6 }, { i: 0, j: 7 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_7m0qs4occl7g1ldof2tv',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_fi00c6nxcfha0g1erm74(cell.i, cell.j, group.css_id);
+                  styleCell_umnsdeom64pr7jx6quec(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1200,7 +1206,7 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_mpzf8vmqwurtqqgtev2n, .table th.tinytable_css_mpzf8vmqwurtqqgtev2n { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_7m0qs4occl7g1ldof2tv, .table th.tinytable_css_7m0qs4occl7g1ldof2tv { border-bottom: solid #d3d8dc 0.1em; }
 
 .squirreltable {
   background-size: cover;
@@ -1211,7 +1217,7 @@ <h3 class="anchored" data-anchor-id="css-rules">CSS rules</h3>
 
     </style>
     <div class="container">
-      <table class="table table-borderless squirreltable" id="tinytable_fi00c6nxcfha0g1erm74" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless squirreltable" id="tinytable_umnsdeom64pr7jx6quec" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1801,8 +1807,8 @@ <h2 class="anchored" data-anchor-id="shiny">Shiny</h2>
       </a>          
   </div>
   <div class="nav-page nav-page-next">
-      <a href="../vignettes/faq.html" class="pagination-link" aria-label="FAQ">
-        <span class="nav-page-text">FAQ</span> <i class="bi bi-arrow-right-short"></i>
+      <a href="../vignettes/notebooks.html" class="pagination-link" aria-label="Notebooks">
+        <span class="nav-page-text">Notebooks</span> <i class="bi bi-arrow-right-short"></i>
       </a>
   </div>
 </nav>
diff --git a/vignettes/faq.html b/vignettes/faq.html
index 9117080a..e2f534b1 100644
--- a/vignettes/faq.html
+++ b/vignettes/faq.html
@@ -65,7 +65,7 @@
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
 <link href="../vignettes/alternatives.html" rel="next">
-<link href="../vignettes/custom.html" rel="prev">
+<link href="../vignettes/notebooks.html" rel="prev">
 <link href="../favicon.svg" rel="icon" type="image/svg+xml">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -1007,8 +1013,8 @@ <h3 class="anchored" data-anchor-id="rowspan-and-colspan"><code>rowspan</code> a
 </script>
 <nav class="page-navigation">
   <div class="nav-page nav-page-previous">
-      <a href="../vignettes/custom.html" class="pagination-link" aria-label="Customization">
-        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Customization</span>
+      <a href="../vignettes/notebooks.html" class="pagination-link" aria-label="Notebooks">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Notebooks</span>
       </a>          
   </div>
   <div class="nav-page nav-page-next">
diff --git a/vignettes/format.html b/vignettes/format.html
index 4c8c07bc..b708c1a5 100644
--- a/vignettes/format.html
+++ b/vignettes/format.html
@@ -281,6 +281,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -451,8 +457,8 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
 
     <script>
 
-      function styleCell_g8v0b76h8napwjllxowl(i, j, css_id) {
-          var table = document.getElementById("tinytable_g8v0b76h8napwjllxowl");
+      function styleCell_hjfvzt0epstg3b87cw0y(i, j, css_id) {
+          var table = document.getElementById("tinytable_hjfvzt0epstg3b87cw0y");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -462,7 +468,7 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_g8v0b76h8napwjllxowl');
+        var table = document.getElementById('tinytable_hjfvzt0epstg3b87cw0y');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -470,8 +476,8 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_g8v0b76h8napwjllxowl(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_g8v0b76h8napwjllxowl");
+      function spanCell_hjfvzt0epstg3b87cw0y(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_hjfvzt0epstg3b87cw0y");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -501,13 +507,13 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_qxqpy8bn5vjm9ch3i9da',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_bal8kl0mawk9kj07oeoc',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_g8v0b76h8napwjllxowl(cell.i, cell.j, group.css_id);
+                  styleCell_hjfvzt0epstg3b87cw0y(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -515,10 +521,10 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_qxqpy8bn5vjm9ch3i9da, .table th.tinytable_css_qxqpy8bn5vjm9ch3i9da { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_bal8kl0mawk9kj07oeoc, .table th.tinytable_css_bal8kl0mawk9kj07oeoc { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_g8v0b76h8napwjllxowl" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_hjfvzt0epstg3b87cw0y" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -533,19 +539,19 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
                 <tr>
                   <td>143002</td>
                   <td>1.43 </td>
-                  <td>1972-01-07</td>
+                  <td>1972-01-14</td>
                   <td>True </td>
                 </tr>
                 <tr>
                   <td>201399</td>
                   <td>201.4</td>
-                  <td>1970-01-06</td>
+                  <td>1970-09-24</td>
                   <td>True </td>
                 </tr>
                 <tr>
                   <td>100188</td>
                   <td>0.13 </td>
-                  <td>1972-07-12</td>
+                  <td>1970-07-13</td>
                   <td>False</td>
                 </tr>
         </tbody>
@@ -573,8 +579,8 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
 
     <script>
 
-      function styleCell_vsf8ir6g46nf4su6zjuo(i, j, css_id) {
-          var table = document.getElementById("tinytable_vsf8ir6g46nf4su6zjuo");
+      function styleCell_jqi8incsq9wi5oa9pae2(i, j, css_id) {
+          var table = document.getElementById("tinytable_jqi8incsq9wi5oa9pae2");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -584,7 +590,7 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_vsf8ir6g46nf4su6zjuo');
+        var table = document.getElementById('tinytable_jqi8incsq9wi5oa9pae2');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -592,8 +598,8 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_vsf8ir6g46nf4su6zjuo(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_vsf8ir6g46nf4su6zjuo");
+      function spanCell_jqi8incsq9wi5oa9pae2(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_jqi8incsq9wi5oa9pae2");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -623,13 +629,13 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_e5ifkiokmshd0mhezt65',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_aur487ox1o3q3qazowqa',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_vsf8ir6g46nf4su6zjuo(cell.i, cell.j, group.css_id);
+                  styleCell_jqi8incsq9wi5oa9pae2(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -637,10 +643,10 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_e5ifkiokmshd0mhezt65, .table th.tinytable_css_e5ifkiokmshd0mhezt65 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_aur487ox1o3q3qazowqa, .table th.tinytable_css_aur487ox1o3q3qazowqa { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_vsf8ir6g46nf4su6zjuo" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_jqi8incsq9wi5oa9pae2" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -655,19 +661,19 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
                 <tr>
                   <td>143 002,21</td>
                   <td>1.4</td>
-                  <td>January 07 1972</td>
+                  <td>January 14 1972</td>
                   <td>True</td>
                 </tr>
                 <tr>
                   <td>201 399,18</td>
                   <td>201.4</td>
-                  <td>January 06 1970</td>
+                  <td>September 24 1970</td>
                   <td>True</td>
                 </tr>
                 <tr>
                   <td>100 188,39</td>
                   <td>0.1</td>
-                  <td>July 12 1972</td>
+                  <td>July 13 1970</td>
                   <td>False</td>
                 </tr>
         </tbody>
@@ -691,8 +697,8 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
 
     <script>
 
-      function styleCell_t9bgrsqaf1np9hqlvdiv(i, j, css_id) {
-          var table = document.getElementById("tinytable_t9bgrsqaf1np9hqlvdiv");
+      function styleCell_6qf2tzk5faamo8mf4xtd(i, j, css_id) {
+          var table = document.getElementById("tinytable_6qf2tzk5faamo8mf4xtd");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -702,7 +708,7 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_t9bgrsqaf1np9hqlvdiv');
+        var table = document.getElementById('tinytable_6qf2tzk5faamo8mf4xtd');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -710,8 +716,8 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_t9bgrsqaf1np9hqlvdiv(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_t9bgrsqaf1np9hqlvdiv");
+      function spanCell_6qf2tzk5faamo8mf4xtd(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_6qf2tzk5faamo8mf4xtd");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -741,13 +747,13 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_a3g8kbi5wqbeo9svmq9z',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_1ivyph3fimd2jcvvrjkz',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_t9bgrsqaf1np9hqlvdiv(cell.i, cell.j, group.css_id);
+                  styleCell_6qf2tzk5faamo8mf4xtd(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -755,10 +761,10 @@ <h2 class="anchored" data-anchor-id="numbers-dates-strings-etc.">Numbers, dates,
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_a3g8kbi5wqbeo9svmq9z, .table th.tinytable_css_a3g8kbi5wqbeo9svmq9z { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_1ivyph3fimd2jcvvrjkz, .table th.tinytable_css_1ivyph3fimd2jcvvrjkz { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_t9bgrsqaf1np9hqlvdiv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_6qf2tzk5faamo8mf4xtd" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -822,8 +828,8 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
 
     <script>
 
-      function styleCell_tv5nr1fbmgzzqvoxme89(i, j, css_id) {
-          var table = document.getElementById("tinytable_tv5nr1fbmgzzqvoxme89");
+      function styleCell_lr3wc97qy8rt7ztluzj6(i, j, css_id) {
+          var table = document.getElementById("tinytable_lr3wc97qy8rt7ztluzj6");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -833,7 +839,7 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_tv5nr1fbmgzzqvoxme89');
+        var table = document.getElementById('tinytable_lr3wc97qy8rt7ztluzj6');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -841,8 +847,8 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_tv5nr1fbmgzzqvoxme89(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_tv5nr1fbmgzzqvoxme89");
+      function spanCell_lr3wc97qy8rt7ztluzj6(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_lr3wc97qy8rt7ztluzj6");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -872,13 +878,13 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_v8q5kwt7dmilxb3muu5k',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_a3406m3scpg9yd0my199',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_tv5nr1fbmgzzqvoxme89(cell.i, cell.j, group.css_id);
+                  styleCell_lr3wc97qy8rt7ztluzj6(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -886,10 +892,10 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_v8q5kwt7dmilxb3muu5k, .table th.tinytable_css_v8q5kwt7dmilxb3muu5k { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_a3406m3scpg9yd0my199, .table th.tinytable_css_a3406m3scpg9yd0my199 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_tv5nr1fbmgzzqvoxme89" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_lr3wc97qy8rt7ztluzj6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -918,8 +924,8 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
 
     <script>
 
-      function styleCell_84x0zkbpih82wmlroumb(i, j, css_id) {
-          var table = document.getElementById("tinytable_84x0zkbpih82wmlroumb");
+      function styleCell_sd36mhzhcuzam817iutp(i, j, css_id) {
+          var table = document.getElementById("tinytable_sd36mhzhcuzam817iutp");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -929,7 +935,7 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_84x0zkbpih82wmlroumb');
+        var table = document.getElementById('tinytable_sd36mhzhcuzam817iutp');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -937,8 +943,8 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_84x0zkbpih82wmlroumb(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_84x0zkbpih82wmlroumb");
+      function spanCell_sd36mhzhcuzam817iutp(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_sd36mhzhcuzam817iutp");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -968,13 +974,13 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_e1q44ueu3tby7amrp7nz',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_xmndkkfts7queig9u63l',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_84x0zkbpih82wmlroumb(cell.i, cell.j, group.css_id);
+                  styleCell_sd36mhzhcuzam817iutp(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -982,10 +988,10 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_e1q44ueu3tby7amrp7nz, .table th.tinytable_css_e1q44ueu3tby7amrp7nz { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_xmndkkfts7queig9u63l, .table th.tinytable_css_xmndkkfts7queig9u63l { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_84x0zkbpih82wmlroumb" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_sd36mhzhcuzam817iutp" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1016,8 +1022,8 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
 
     <script>
 
-      function styleCell_y71522lt1l41y5mlyxxi(i, j, css_id) {
-          var table = document.getElementById("tinytable_y71522lt1l41y5mlyxxi");
+      function styleCell_dkkglgfs0mali7tbg4i3(i, j, css_id) {
+          var table = document.getElementById("tinytable_dkkglgfs0mali7tbg4i3");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1027,7 +1033,7 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_y71522lt1l41y5mlyxxi');
+        var table = document.getElementById('tinytable_dkkglgfs0mali7tbg4i3');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1035,8 +1041,8 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_y71522lt1l41y5mlyxxi(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_y71522lt1l41y5mlyxxi");
+      function spanCell_dkkglgfs0mali7tbg4i3(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_dkkglgfs0mali7tbg4i3");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1066,13 +1072,13 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_c2q2aafezjknusgjbl0e',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_woactp0hipe2ng1f5z8p',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_y71522lt1l41y5mlyxxi(cell.i, cell.j, group.css_id);
+                  styleCell_dkkglgfs0mali7tbg4i3(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1080,10 +1086,10 @@ <h2 class="anchored" data-anchor-id="significant-digits-and-decimals">Significan
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_c2q2aafezjknusgjbl0e, .table th.tinytable_css_c2q2aafezjknusgjbl0e { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_woactp0hipe2ng1f5z8p, .table th.tinytable_css_woactp0hipe2ng1f5z8p { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_y71522lt1l41y5mlyxxi" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_dkkglgfs0mali7tbg4i3" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1137,8 +1143,8 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
 
     <script>
 
-      function styleCell_8127hfukxwcwyihcjjdt(i, j, css_id) {
-          var table = document.getElementById("tinytable_8127hfukxwcwyihcjjdt");
+      function styleCell_l35upa9gih2q2vh95a0n(i, j, css_id) {
+          var table = document.getElementById("tinytable_l35upa9gih2q2vh95a0n");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1148,7 +1154,7 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_8127hfukxwcwyihcjjdt');
+        var table = document.getElementById('tinytable_l35upa9gih2q2vh95a0n');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1156,8 +1162,8 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_8127hfukxwcwyihcjjdt(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_8127hfukxwcwyihcjjdt");
+      function spanCell_l35upa9gih2q2vh95a0n(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_l35upa9gih2q2vh95a0n");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1187,14 +1193,14 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_r9aslqix8ji6h5cu6mto',}, 
-          { positions: [ { i: 1, j: 0 },  ], css_id: 'tinytable_css_2z13o2o03rwf1he9d6ml',}, 
+          { positions: [ { i: 1, j: 0 },  ], css_id: 'tinytable_css_vun3f0uknbntzc21xdyr',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_iv5hvaicpqxkmkgxjpjy',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_8127hfukxwcwyihcjjdt(cell.i, cell.j, group.css_id);
+                  styleCell_l35upa9gih2q2vh95a0n(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1202,11 +1208,11 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_r9aslqix8ji6h5cu6mto, .table th.tinytable_css_r9aslqix8ji6h5cu6mto { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_2z13o2o03rwf1he9d6ml, .table th.tinytable_css_2z13o2o03rwf1he9d6ml { text-align: center; }
+      .table td.tinytable_css_vun3f0uknbntzc21xdyr, .table th.tinytable_css_vun3f0uknbntzc21xdyr { text-align: center; }
+      .table td.tinytable_css_iv5hvaicpqxkmkgxjpjy, .table th.tinytable_css_iv5hvaicpqxkmkgxjpjy { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_8127hfukxwcwyihcjjdt" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_l35upa9gih2q2vh95a0n" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1253,8 +1259,8 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
 
     <script>
 
-      function styleCell_mfgieul2vsj3nep4r54j(i, j, css_id) {
-          var table = document.getElementById("tinytable_mfgieul2vsj3nep4r54j");
+      function styleCell_04rkpnuzsqondwgq2jxg(i, j, css_id) {
+          var table = document.getElementById("tinytable_04rkpnuzsqondwgq2jxg");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1264,7 +1270,7 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_mfgieul2vsj3nep4r54j');
+        var table = document.getElementById('tinytable_04rkpnuzsqondwgq2jxg');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1272,8 +1278,8 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_mfgieul2vsj3nep4r54j(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_mfgieul2vsj3nep4r54j");
+      function spanCell_04rkpnuzsqondwgq2jxg(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_04rkpnuzsqondwgq2jxg");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1303,13 +1309,13 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_eikr4jmbytt42fb4aqxy',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_oe6qekmqf4pnk79ez2tu',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_mfgieul2vsj3nep4r54j(cell.i, cell.j, group.css_id);
+                  styleCell_04rkpnuzsqondwgq2jxg(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1317,10 +1323,10 @@ <h2 class="anchored" data-anchor-id="math">Math</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_eikr4jmbytt42fb4aqxy, .table th.tinytable_css_eikr4jmbytt42fb4aqxy { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_oe6qekmqf4pnk79ez2tu, .table th.tinytable_css_oe6qekmqf4pnk79ez2tu { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_mfgieul2vsj3nep4r54j" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_04rkpnuzsqondwgq2jxg" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1368,8 +1374,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <script>
 
-      function styleCell_e6gxfgexi092rgjrxzm1(i, j, css_id) {
-          var table = document.getElementById("tinytable_e6gxfgexi092rgjrxzm1");
+      function styleCell_y3w3wkags4k0da71v212(i, j, css_id) {
+          var table = document.getElementById("tinytable_y3w3wkags4k0da71v212");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1379,7 +1385,7 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_e6gxfgexi092rgjrxzm1');
+        var table = document.getElementById('tinytable_y3w3wkags4k0da71v212');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1387,8 +1393,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_e6gxfgexi092rgjrxzm1(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_e6gxfgexi092rgjrxzm1");
+      function spanCell_y3w3wkags4k0da71v212(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_y3w3wkags4k0da71v212");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1418,13 +1424,13 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_1a65n72tn3f7oqhkl9al',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_l3dbt2ykq1x7reuonxxf',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_e6gxfgexi092rgjrxzm1(cell.i, cell.j, group.css_id);
+                  styleCell_y3w3wkags4k0da71v212(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1432,10 +1438,10 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_1a65n72tn3f7oqhkl9al, .table th.tinytable_css_1a65n72tn3f7oqhkl9al { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_l3dbt2ykq1x7reuonxxf, .table th.tinytable_css_l3dbt2ykq1x7reuonxxf { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_e6gxfgexi092rgjrxzm1" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_y3w3wkags4k0da71v212" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1482,8 +1488,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <script>
 
-      function styleCell_mk6qok196y8bz33uv1pv(i, j, css_id) {
-          var table = document.getElementById("tinytable_mk6qok196y8bz33uv1pv");
+      function styleCell_wwoxas56bkna3m24pgnq(i, j, css_id) {
+          var table = document.getElementById("tinytable_wwoxas56bkna3m24pgnq");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1493,7 +1499,7 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_mk6qok196y8bz33uv1pv');
+        var table = document.getElementById('tinytable_wwoxas56bkna3m24pgnq');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1501,8 +1507,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_mk6qok196y8bz33uv1pv(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_mk6qok196y8bz33uv1pv");
+      function spanCell_wwoxas56bkna3m24pgnq(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_wwoxas56bkna3m24pgnq");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1532,13 +1538,13 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_9nf0cx3iudpkdd73t28d',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_8ayyu1guhdqw45m4j4mz',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_mk6qok196y8bz33uv1pv(cell.i, cell.j, group.css_id);
+                  styleCell_wwoxas56bkna3m24pgnq(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1546,10 +1552,10 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_9nf0cx3iudpkdd73t28d, .table th.tinytable_css_9nf0cx3iudpkdd73t28d { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_8ayyu1guhdqw45m4j4mz, .table th.tinytable_css_8ayyu1guhdqw45m4j4mz { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_mk6qok196y8bz33uv1pv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_wwoxas56bkna3m24pgnq" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1596,8 +1602,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <script>
 
-      function styleCell_uxuvc3ipspeu9f5c49oo(i, j, css_id) {
-          var table = document.getElementById("tinytable_uxuvc3ipspeu9f5c49oo");
+      function styleCell_n62mx4854u9iyy6e84uh(i, j, css_id) {
+          var table = document.getElementById("tinytable_n62mx4854u9iyy6e84uh");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1607,7 +1613,7 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_uxuvc3ipspeu9f5c49oo');
+        var table = document.getElementById('tinytable_n62mx4854u9iyy6e84uh');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1615,8 +1621,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_uxuvc3ipspeu9f5c49oo(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_uxuvc3ipspeu9f5c49oo");
+      function spanCell_n62mx4854u9iyy6e84uh(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_n62mx4854u9iyy6e84uh");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1646,13 +1652,13 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_08s1914f3l0kjo0anvou',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_lr1vm9r5ypmg0xwk43ek',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_uxuvc3ipspeu9f5c49oo(cell.i, cell.j, group.css_id);
+                  styleCell_n62mx4854u9iyy6e84uh(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1660,10 +1666,10 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_08s1914f3l0kjo0anvou, .table th.tinytable_css_08s1914f3l0kjo0anvou { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_lr1vm9r5ypmg0xwk43ek, .table th.tinytable_css_lr1vm9r5ypmg0xwk43ek { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_uxuvc3ipspeu9f5c49oo" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_n62mx4854u9iyy6e84uh" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1715,8 +1721,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <script>
 
-      function styleCell_du1oupsscuo4odw3rw9o(i, j, css_id) {
-          var table = document.getElementById("tinytable_du1oupsscuo4odw3rw9o");
+      function styleCell_f6e1jprn0eipulnceeva(i, j, css_id) {
+          var table = document.getElementById("tinytable_f6e1jprn0eipulnceeva");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1726,7 +1732,7 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_du1oupsscuo4odw3rw9o');
+        var table = document.getElementById('tinytable_f6e1jprn0eipulnceeva');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1734,8 +1740,8 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_du1oupsscuo4odw3rw9o(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_du1oupsscuo4odw3rw9o");
+      function spanCell_f6e1jprn0eipulnceeva(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_f6e1jprn0eipulnceeva");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1765,13 +1771,13 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 5, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 },  ], css_id: 'tinytable_css_62faq6zdwa3x2is3s8vb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 5, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 },  ], css_id: 'tinytable_css_bmbvdljqmhzts97y442b',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_du1oupsscuo4odw3rw9o(cell.i, cell.j, group.css_id);
+                  styleCell_f6e1jprn0eipulnceeva(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1779,10 +1785,10 @@ <h2 class="anchored" data-anchor-id="replacement">Replacement</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_62faq6zdwa3x2is3s8vb, .table th.tinytable_css_62faq6zdwa3x2is3s8vb { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_bmbvdljqmhzts97y442b, .table th.tinytable_css_bmbvdljqmhzts97y442b { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_du1oupsscuo4odw3rw9o" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_f6e1jprn0eipulnceeva" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1848,8 +1854,8 @@ <h2 class="anchored" data-anchor-id="escape-special-characters">Escape special c
 
     <script>
 
-      function styleCell_l210qrcbqa0ykuy5to99(i, j, css_id) {
-          var table = document.getElementById("tinytable_l210qrcbqa0ykuy5to99");
+      function styleCell_qo4akwnoml2zhga5lazq(i, j, css_id) {
+          var table = document.getElementById("tinytable_qo4akwnoml2zhga5lazq");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1859,7 +1865,7 @@ <h2 class="anchored" data-anchor-id="escape-special-characters">Escape special c
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_l210qrcbqa0ykuy5to99');
+        var table = document.getElementById('tinytable_qo4akwnoml2zhga5lazq');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1867,8 +1873,8 @@ <h2 class="anchored" data-anchor-id="escape-special-characters">Escape special c
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_l210qrcbqa0ykuy5to99(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_l210qrcbqa0ykuy5to99");
+      function spanCell_qo4akwnoml2zhga5lazq(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_qo4akwnoml2zhga5lazq");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1898,13 +1904,13 @@ <h2 class="anchored" data-anchor-id="escape-special-characters">Escape special c
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_xdaz20b6vmt6u1jf57qf',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_w24nsy7fzrrah459q9gj',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_l210qrcbqa0ykuy5to99(cell.i, cell.j, group.css_id);
+                  styleCell_qo4akwnoml2zhga5lazq(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1912,10 +1918,10 @@ <h2 class="anchored" data-anchor-id="escape-special-characters">Escape special c
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xdaz20b6vmt6u1jf57qf, .table th.tinytable_css_xdaz20b6vmt6u1jf57qf { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_w24nsy7fzrrah459q9gj, .table th.tinytable_css_w24nsy7fzrrah459q9gj { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_l210qrcbqa0ykuy5to99" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_qo4akwnoml2zhga5lazq" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1982,8 +1988,8 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
 
     <script>
 
-      function styleCell_lepc4wc2j6dp0rvmlfx0(i, j, css_id) {
-          var table = document.getElementById("tinytable_lepc4wc2j6dp0rvmlfx0");
+      function styleCell_161mq5ovnll4kxbx4lze(i, j, css_id) {
+          var table = document.getElementById("tinytable_161mq5ovnll4kxbx4lze");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1993,7 +1999,7 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_lepc4wc2j6dp0rvmlfx0');
+        var table = document.getElementById('tinytable_161mq5ovnll4kxbx4lze');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2001,8 +2007,8 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_lepc4wc2j6dp0rvmlfx0(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_lepc4wc2j6dp0rvmlfx0");
+      function spanCell_161mq5ovnll4kxbx4lze(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_161mq5ovnll4kxbx4lze");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2032,14 +2038,14 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 },  ], css_id: 'tinytable_css_ytm7rxqaxu9rll02s9fi',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_t8k9y20221s95q4vu1xx',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_g0ur3jv5su8c3c2zolt3',}, 
+          { positions: [ { i: 1, j: 0 },  ], css_id: 'tinytable_css_2ilteeznxyt7vfs4a56o',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_lepc4wc2j6dp0rvmlfx0(cell.i, cell.j, group.css_id);
+                  styleCell_161mq5ovnll4kxbx4lze(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2047,11 +2053,11 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ytm7rxqaxu9rll02s9fi, .table th.tinytable_css_ytm7rxqaxu9rll02s9fi { text-align: center; }
-      .table td.tinytable_css_t8k9y20221s95q4vu1xx, .table th.tinytable_css_t8k9y20221s95q4vu1xx { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_g0ur3jv5su8c3c2zolt3, .table th.tinytable_css_g0ur3jv5su8c3c2zolt3 { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_2ilteeznxyt7vfs4a56o, .table th.tinytable_css_2ilteeznxyt7vfs4a56o { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_lepc4wc2j6dp0rvmlfx0" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_161mq5ovnll4kxbx4lze" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2124,8 +2130,8 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
 
     <script>
 
-      function styleCell_bt3bg89r1ru61l44mjk9(i, j, css_id) {
-          var table = document.getElementById("tinytable_bt3bg89r1ru61l44mjk9");
+      function styleCell_2c3mxw0lm3z0i0d1kpgy(i, j, css_id) {
+          var table = document.getElementById("tinytable_2c3mxw0lm3z0i0d1kpgy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2135,7 +2141,7 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_bt3bg89r1ru61l44mjk9');
+        var table = document.getElementById('tinytable_2c3mxw0lm3z0i0d1kpgy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2143,8 +2149,8 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_bt3bg89r1ru61l44mjk9(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_bt3bg89r1ru61l44mjk9");
+      function spanCell_2c3mxw0lm3z0i0d1kpgy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_2c3mxw0lm3z0i0d1kpgy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2174,13 +2180,13 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 11, j: 0 }, { i: 0, j: 1 }, { i: 11, j: 1 },  ], css_id: 'tinytable_css_ut2essxqh30qvwfnzrm8',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 11, j: 0 }, { i: 0, j: 1 }, { i: 11, j: 1 },  ], css_id: 'tinytable_css_zp5mpmmxbxse4ji3ju31',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_bt3bg89r1ru61l44mjk9(cell.i, cell.j, group.css_id);
+                  styleCell_2c3mxw0lm3z0i0d1kpgy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2188,10 +2194,10 @@ <h2 class="anchored" data-anchor-id="markdown">Markdown</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ut2essxqh30qvwfnzrm8, .table th.tinytable_css_ut2essxqh30qvwfnzrm8 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_zp5mpmmxbxse4ji3ju31, .table th.tinytable_css_zp5mpmmxbxse4ji3ju31 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_bt3bg89r1ru61l44mjk9" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true"><caption><p>Vincent sometimes contributes to these R packages.</p></caption>
+      <table class="table table-borderless" id="tinytable_2c3mxw0lm3z0i0d1kpgy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true"><caption><p>Vincent sometimes contributes to these R packages.</p></caption>
         <thead>
         
               <tr>
@@ -2278,8 +2284,8 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
 
     <script>
 
-      function styleCell_ztjsts76p7vu97g6ttxb(i, j, css_id) {
-          var table = document.getElementById("tinytable_ztjsts76p7vu97g6ttxb");
+      function styleCell_1acnze2ifq0udc2guutg(i, j, css_id) {
+          var table = document.getElementById("tinytable_1acnze2ifq0udc2guutg");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2289,7 +2295,7 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ztjsts76p7vu97g6ttxb');
+        var table = document.getElementById('tinytable_1acnze2ifq0udc2guutg');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2297,8 +2303,8 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ztjsts76p7vu97g6ttxb(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ztjsts76p7vu97g6ttxb");
+      function spanCell_1acnze2ifq0udc2guutg(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_1acnze2ifq0udc2guutg");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2328,13 +2334,13 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_58roo3ztjwik1hna5e0o',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_s5vn5r64fl4dsmp9norv',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ztjsts76p7vu97g6ttxb(cell.i, cell.j, group.css_id);
+                  styleCell_1acnze2ifq0udc2guutg(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2342,10 +2348,10 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_58roo3ztjwik1hna5e0o, .table th.tinytable_css_58roo3ztjwik1hna5e0o { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_s5vn5r64fl4dsmp9norv, .table th.tinytable_css_s5vn5r64fl4dsmp9norv { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ztjsts76p7vu97g6ttxb" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_1acnze2ifq0udc2guutg" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2429,8 +2435,8 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
 
     <script>
 
-      function styleCell_fzk5yys1exqcef41r0dy(i, j, css_id) {
-          var table = document.getElementById("tinytable_fzk5yys1exqcef41r0dy");
+      function styleCell_a8vilhhpkv33o9ceqi1e(i, j, css_id) {
+          var table = document.getElementById("tinytable_a8vilhhpkv33o9ceqi1e");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2440,7 +2446,7 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_fzk5yys1exqcef41r0dy');
+        var table = document.getElementById('tinytable_a8vilhhpkv33o9ceqi1e');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2448,8 +2454,8 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_fzk5yys1exqcef41r0dy(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_fzk5yys1exqcef41r0dy");
+      function spanCell_a8vilhhpkv33o9ceqi1e(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_a8vilhhpkv33o9ceqi1e");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2479,13 +2485,13 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_bhzhn6mt2wv85wsnzfu2',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_vw435cwjro7w54xc4wd3',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_fzk5yys1exqcef41r0dy(cell.i, cell.j, group.css_id);
+                  styleCell_a8vilhhpkv33o9ceqi1e(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2493,10 +2499,10 @@ <h2 class="anchored" data-anchor-id="custom-functions">Custom functions</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_bhzhn6mt2wv85wsnzfu2, .table th.tinytable_css_bhzhn6mt2wv85wsnzfu2 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_vw435cwjro7w54xc4wd3, .table th.tinytable_css_vw435cwjro7w54xc4wd3 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_fzk5yys1exqcef41r0dy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_a8vilhhpkv33o9ceqi1e" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2571,8 +2577,8 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
 
     <script>
 
-      function styleCell_ykc9j2ndtjd1vea91x0m(i, j, css_id) {
-          var table = document.getElementById("tinytable_ykc9j2ndtjd1vea91x0m");
+      function styleCell_8zy9qeqs4b6zffcjsi06(i, j, css_id) {
+          var table = document.getElementById("tinytable_8zy9qeqs4b6zffcjsi06");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2582,7 +2588,7 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ykc9j2ndtjd1vea91x0m');
+        var table = document.getElementById('tinytable_8zy9qeqs4b6zffcjsi06');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2590,8 +2596,8 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ykc9j2ndtjd1vea91x0m(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ykc9j2ndtjd1vea91x0m");
+      function spanCell_8zy9qeqs4b6zffcjsi06(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_8zy9qeqs4b6zffcjsi06");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2621,13 +2627,13 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_wvbohl984g8a3xg4mpma',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_pqtyb1pwqllhjumvn7qi',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ykc9j2ndtjd1vea91x0m(cell.i, cell.j, group.css_id);
+                  styleCell_8zy9qeqs4b6zffcjsi06(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2635,11 +2641,11 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_wvbohl984g8a3xg4mpma, .table th.tinytable_css_wvbohl984g8a3xg4mpma { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_pqtyb1pwqllhjumvn7qi, .table th.tinytable_css_pqtyb1pwqllhjumvn7qi { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
       
-<table id="tinytable_ykc9j2ndtjd1vea91x0m" class="table table-borderless caption-top table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false">
+<table id="tinytable_8zy9qeqs4b6zffcjsi06" class="table table-borderless caption-top table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false">
 <thead>
 <tr class="header">
 <th data-quarto-table-cell-role="th" scope="col">Thing</th>
@@ -2683,8 +2689,8 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
 
     <script>
 
-      function styleCell_ll66xp4qfzt1eyfaz5kp(i, j, css_id) {
-          var table = document.getElementById("tinytable_ll66xp4qfzt1eyfaz5kp");
+      function styleCell_rz7adkcj5c7t8bspmtxk(i, j, css_id) {
+          var table = document.getElementById("tinytable_rz7adkcj5c7t8bspmtxk");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2694,7 +2700,7 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ll66xp4qfzt1eyfaz5kp');
+        var table = document.getElementById('tinytable_rz7adkcj5c7t8bspmtxk');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2702,8 +2708,8 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ll66xp4qfzt1eyfaz5kp(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ll66xp4qfzt1eyfaz5kp");
+      function spanCell_rz7adkcj5c7t8bspmtxk(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_rz7adkcj5c7t8bspmtxk");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2738,7 +2744,7 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ll66xp4qfzt1eyfaz5kp(cell.i, cell.j, group.css_id);
+                  styleCell_rz7adkcj5c7t8bspmtxk(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2749,7 +2755,7 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
     </style>
     <div class="container">
       
-<table id="tinytable_ll66xp4qfzt1eyfaz5kp" class="table table-borderless caption-top table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false">
+<table id="tinytable_rz7adkcj5c7t8bspmtxk" class="table table-borderless caption-top table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false">
 <thead>
 <tr class="header">
 <th data-quarto-table-cell-role="th" scope="col">Thing</th>
@@ -2796,8 +2802,8 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
 
     <script>
 
-      function styleCell_77rsgmc1nb0lpjjwgtn4(i, j, css_id) {
-          var table = document.getElementById("tinytable_77rsgmc1nb0lpjjwgtn4");
+      function styleCell_nonq6uam0dykf66buy46(i, j, css_id) {
+          var table = document.getElementById("tinytable_nonq6uam0dykf66buy46");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2807,7 +2813,7 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_77rsgmc1nb0lpjjwgtn4');
+        var table = document.getElementById('tinytable_nonq6uam0dykf66buy46');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2815,8 +2821,8 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_77rsgmc1nb0lpjjwgtn4(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_77rsgmc1nb0lpjjwgtn4");
+      function spanCell_nonq6uam0dykf66buy46(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_nonq6uam0dykf66buy46");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2846,13 +2852,13 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_5w13ct8yautgkzii9a3y',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_pmfwu072vtykb6pdg57q',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_77rsgmc1nb0lpjjwgtn4(cell.i, cell.j, group.css_id);
+                  styleCell_nonq6uam0dykf66buy46(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2860,11 +2866,11 @@ <h2 class="anchored" data-anchor-id="quarto-data-processing">Quarto data process
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_5w13ct8yautgkzii9a3y, .table th.tinytable_css_5w13ct8yautgkzii9a3y { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_pmfwu072vtykb6pdg57q, .table th.tinytable_css_pmfwu072vtykb6pdg57q { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
       
-<table id="tinytable_77rsgmc1nb0lpjjwgtn4" class="table table-borderless caption-top table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false">
+<table id="tinytable_nonq6uam0dykf66buy46" class="table table-borderless caption-top table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false">
 <thead>
 <tr class="header">
 <th data-quarto-table-cell-role="th" scope="col">mpg</th>
diff --git a/vignettes/group.html b/vignettes/group.html
index 53e93e57..0194d7a7 100644
--- a/vignettes/group.html
+++ b/vignettes/group.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -428,8 +434,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <script>
 
-      function styleCell_kluatw5gdi0szo2eo4o7(i, j, css_id) {
-          var table = document.getElementById("tinytable_kluatw5gdi0szo2eo4o7");
+      function styleCell_fcu8yn876p0yi75ubs1e(i, j, css_id) {
+          var table = document.getElementById("tinytable_fcu8yn876p0yi75ubs1e");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -438,8 +444,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_5i3luyiyf1c930b4fye3(i, colspan, content) {
-        var table = document.getElementById('tinytable_kluatw5gdi0szo2eo4o7');
+      function insertSpanRow_3ne92hxd5xkrgz8bqopx(i, colspan, content) {
+        var table = document.getElementById('tinytable_fcu8yn876p0yi75ubs1e');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -447,8 +453,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_kluatw5gdi0szo2eo4o7(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_kluatw5gdi0szo2eo4o7");
+      function spanCell_fcu8yn876p0yi75ubs1e(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_fcu8yn876p0yi75ubs1e");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -475,21 +481,21 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_5i3luyiyf1c930b4fye3(7, 8, 'They love tofu') });
-window.addEventListener('load', function () { insertSpanRow_5i3luyiyf1c930b4fye3(4, 8, 'She prefers halloumi') });
-window.addEventListener('load', function () { insertSpanRow_5i3luyiyf1c930b4fye3(3, 8, 'I like (fake) hamburgers') });
+window.addEventListener('load', function () { insertSpanRow_3ne92hxd5xkrgz8bqopx(7, 8, 'They love tofu') });
+window.addEventListener('load', function () { insertSpanRow_3ne92hxd5xkrgz8bqopx(4, 8, 'She prefers halloumi') });
+window.addEventListener('load', function () { insertSpanRow_3ne92hxd5xkrgz8bqopx(3, 8, 'I like (fake) hamburgers') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 12, j: 2 }, { i: 0, j: 1 }, { i: 12, j: 1 }, { i: 0, j: 2 }, { i: 12, j: 4 }, { i: 0, j: 3 }, { i: 12, j: 3 }, { i: 0, j: 4 }, { i: 12, j: 6 }, { i: 0, j: 5 }, { i: 12, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 7 }, { i: 12, j: 7 },  ], css_id: 'tinytable_css_r5cjsh12yid1e8e5sk75',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 0 }, { i: 11, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 },  ], css_id: 'tinytable_css_ftpjb4pozlpxjt1l9p8l',}, 
-          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_85e6ilucrv757lass3sz',}, 
+          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_spqwym04jji0gj6n53jy',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 12, j: 2 }, { i: 0, j: 1 }, { i: 12, j: 1 }, { i: 0, j: 2 }, { i: 12, j: 4 }, { i: 0, j: 3 }, { i: 12, j: 3 }, { i: 0, j: 4 }, { i: 12, j: 6 }, { i: 0, j: 5 }, { i: 12, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 7 }, { i: 12, j: 7 },  ], css_id: 'tinytable_css_lye1z6qkk8e7zwpibhoe',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 0 }, { i: 11, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 },  ], css_id: 'tinytable_css_ba6ru2gmomm7j8ucfpyr',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_kluatw5gdi0szo2eo4o7(cell.i, cell.j, group.css_id);
+                  styleCell_fcu8yn876p0yi75ubs1e(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -497,12 +503,12 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_r5cjsh12yid1e8e5sk75, .table th.tinytable_css_r5cjsh12yid1e8e5sk75 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_ftpjb4pozlpxjt1l9p8l, .table th.tinytable_css_ftpjb4pozlpxjt1l9p8l { padding-left: 1em; }
-      .table td.tinytable_css_85e6ilucrv757lass3sz, .table th.tinytable_css_85e6ilucrv757lass3sz { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_spqwym04jji0gj6n53jy, .table th.tinytable_css_spqwym04jji0gj6n53jy { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_lye1z6qkk8e7zwpibhoe, .table th.tinytable_css_lye1z6qkk8e7zwpibhoe { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ba6ru2gmomm7j8ucfpyr, .table th.tinytable_css_ba6ru2gmomm7j8ucfpyr { padding-left: 1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_kluatw5gdi0szo2eo4o7" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_fcu8yn876p0yi75ubs1e" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -623,8 +629,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <script>
 
-      function styleCell_ynqcm3skcmf69ydlpehi(i, j, css_id) {
-          var table = document.getElementById("tinytable_ynqcm3skcmf69ydlpehi");
+      function styleCell_yxb7lcdmvxhsc8qhktkv(i, j, css_id) {
+          var table = document.getElementById("tinytable_yxb7lcdmvxhsc8qhktkv");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -633,8 +639,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_llu3lbrgcy63wdwr132l(i, colspan, content) {
-        var table = document.getElementById('tinytable_ynqcm3skcmf69ydlpehi');
+      function insertSpanRow_898vtafbxmbnupwmrowp(i, colspan, content) {
+        var table = document.getElementById('tinytable_yxb7lcdmvxhsc8qhktkv');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -642,8 +648,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ynqcm3skcmf69ydlpehi(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ynqcm3skcmf69ydlpehi");
+      function spanCell_yxb7lcdmvxhsc8qhktkv(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_yxb7lcdmvxhsc8qhktkv");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -670,22 +676,22 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_llu3lbrgcy63wdwr132l(6, 5, 'After 5') });
-window.addEventListener('load', function () { insertSpanRow_llu3lbrgcy63wdwr132l(4, 5, 'After 3') });
-window.addEventListener('load', function () { insertSpanRow_llu3lbrgcy63wdwr132l(3, 5, 'After 2') });
-window.addEventListener('load', function () { insertSpanRow_llu3lbrgcy63wdwr132l(2, 5, 'After 1') });
+window.addEventListener('load', function () { insertSpanRow_898vtafbxmbnupwmrowp(6, 5, 'After 5') });
+window.addEventListener('load', function () { insertSpanRow_898vtafbxmbnupwmrowp(4, 5, 'After 3') });
+window.addEventListener('load', function () { insertSpanRow_898vtafbxmbnupwmrowp(3, 5, 'After 2') });
+window.addEventListener('load', function () { insertSpanRow_898vtafbxmbnupwmrowp(2, 5, 'After 1') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 5, j: 0 }, { i: 7, j: 0 }, { i: 8, j: 0 },  ], css_id: 'tinytable_css_mm6s5a5r0812b0zvwtly',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 10, j: 2 }, { i: 0, j: 1 }, { i: 10, j: 1 }, { i: 0, j: 4 }, { i: 10, j: 4 }, { i: 0, j: 3 }, { i: 10, j: 3 },  ], css_id: 'tinytable_css_kflhc3pjbffpt68a91go',}, 
-          { positions: [ { i: 10, j: 0 },  ], css_id: 'tinytable_css_de9w31t4a826mnmikrhm',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 5, j: 0 }, { i: 7, j: 0 }, { i: 8, j: 0 },  ], css_id: 'tinytable_css_igol3rqwsbfcx6b6o3yl',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 10, j: 2 }, { i: 0, j: 1 }, { i: 10, j: 1 }, { i: 0, j: 4 }, { i: 10, j: 4 }, { i: 0, j: 3 }, { i: 10, j: 3 },  ], css_id: 'tinytable_css_guz5g2wemt4l65ry7lvv',}, 
+          { positions: [ { i: 10, j: 0 },  ], css_id: 'tinytable_css_63xp6js3eu1lnpzdij1j',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ynqcm3skcmf69ydlpehi(cell.i, cell.j, group.css_id);
+                  styleCell_yxb7lcdmvxhsc8qhktkv(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -693,12 +699,12 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_mm6s5a5r0812b0zvwtly, .table th.tinytable_css_mm6s5a5r0812b0zvwtly { padding-left: 1em; }
-      .table td.tinytable_css_kflhc3pjbffpt68a91go, .table th.tinytable_css_kflhc3pjbffpt68a91go { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_de9w31t4a826mnmikrhm, .table th.tinytable_css_de9w31t4a826mnmikrhm { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_igol3rqwsbfcx6b6o3yl, .table th.tinytable_css_igol3rqwsbfcx6b6o3yl { padding-left: 1em; }
+      .table td.tinytable_css_guz5g2wemt4l65ry7lvv, .table th.tinytable_css_guz5g2wemt4l65ry7lvv { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_63xp6js3eu1lnpzdij1j, .table th.tinytable_css_63xp6js3eu1lnpzdij1j { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ynqcm3skcmf69ydlpehi" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_yxb7lcdmvxhsc8qhktkv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -765,8 +771,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <script>
 
-      function styleCell_xbcypnyxxjqbxeik6p9u(i, j, css_id) {
-          var table = document.getElementById("tinytable_xbcypnyxxjqbxeik6p9u");
+      function styleCell_7dou3j7vv448uz3jk51j(i, j, css_id) {
+          var table = document.getElementById("tinytable_7dou3j7vv448uz3jk51j");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -775,8 +781,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_fc5z021t0agguweyqsmg(i, colspan, content) {
-        var table = document.getElementById('tinytable_xbcypnyxxjqbxeik6p9u');
+      function insertSpanRow_e2hoooote8cbqar5szsq(i, colspan, content) {
+        var table = document.getElementById('tinytable_7dou3j7vv448uz3jk51j');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -784,8 +790,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_xbcypnyxxjqbxeik6p9u(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_xbcypnyxxjqbxeik6p9u");
+      function spanCell_7dou3j7vv448uz3jk51j(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_7dou3j7vv448uz3jk51j");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -812,21 +818,21 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_fc5z021t0agguweyqsmg(6, 5, 'After 5') });
-window.addEventListener('load', function () { insertSpanRow_fc5z021t0agguweyqsmg(2, 5, 'After 1b') });
-window.addEventListener('load', function () { insertSpanRow_fc5z021t0agguweyqsmg(2, 5, 'After 1a') });
+window.addEventListener('load', function () { insertSpanRow_e2hoooote8cbqar5szsq(6, 5, 'After 5') });
+window.addEventListener('load', function () { insertSpanRow_e2hoooote8cbqar5szsq(2, 5, 'After 1b') });
+window.addEventListener('load', function () { insertSpanRow_e2hoooote8cbqar5szsq(2, 5, 'After 1a') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 9, j: 2 }, { i: 0, j: 1 }, { i: 9, j: 1 }, { i: 0, j: 4 }, { i: 9, j: 4 }, { i: 0, j: 3 }, { i: 9, j: 3 },  ], css_id: 'tinytable_css_eomf8wlk6gjprih5bwgz',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 },  ], css_id: 'tinytable_css_emux0wheg2xusu8y1b36',}, 
-          { positions: [ { i: 9, j: 0 },  ], css_id: 'tinytable_css_78dbxnjf4vbtkeaqfhem',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 9, j: 2 }, { i: 0, j: 1 }, { i: 9, j: 1 }, { i: 0, j: 4 }, { i: 9, j: 4 }, { i: 0, j: 3 }, { i: 9, j: 3 },  ], css_id: 'tinytable_css_yywa6wtd0jmrd7ejq8pr',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 },  ], css_id: 'tinytable_css_b4hk2k7psdgehjdz1qr8',}, 
+          { positions: [ { i: 9, j: 0 },  ], css_id: 'tinytable_css_2mmkbo0jdmy92f7w7zvc',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_xbcypnyxxjqbxeik6p9u(cell.i, cell.j, group.css_id);
+                  styleCell_7dou3j7vv448uz3jk51j(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -834,12 +840,12 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_eomf8wlk6gjprih5bwgz, .table th.tinytable_css_eomf8wlk6gjprih5bwgz { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_emux0wheg2xusu8y1b36, .table th.tinytable_css_emux0wheg2xusu8y1b36 { padding-left: 1em; }
-      .table td.tinytable_css_78dbxnjf4vbtkeaqfhem, .table th.tinytable_css_78dbxnjf4vbtkeaqfhem { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_yywa6wtd0jmrd7ejq8pr, .table th.tinytable_css_yywa6wtd0jmrd7ejq8pr { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_b4hk2k7psdgehjdz1qr8, .table th.tinytable_css_b4hk2k7psdgehjdz1qr8 { padding-left: 1em; }
+      .table td.tinytable_css_2mmkbo0jdmy92f7w7zvc, .table th.tinytable_css_2mmkbo0jdmy92f7w7zvc { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_xbcypnyxxjqbxeik6p9u" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_7dou3j7vv448uz3jk51j" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -906,8 +912,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <script>
 
-      function styleCell_ynud7mahvb0nrwwjxsr5(i, j, css_id) {
-          var table = document.getElementById("tinytable_ynud7mahvb0nrwwjxsr5");
+      function styleCell_4gvzdta2uz0ounzxalwn(i, j, css_id) {
+          var table = document.getElementById("tinytable_4gvzdta2uz0ounzxalwn");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -916,8 +922,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_jgqfnf5a72snrncexe9m(i, colspan, content) {
-        var table = document.getElementById('tinytable_ynud7mahvb0nrwwjxsr5');
+      function insertSpanRow_ukwj4v15gtt8rlkyqkhx(i, colspan, content) {
+        var table = document.getElementById('tinytable_4gvzdta2uz0ounzxalwn');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -925,8 +931,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ynud7mahvb0nrwwjxsr5(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ynud7mahvb0nrwwjxsr5");
+      function spanCell_4gvzdta2uz0ounzxalwn(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_4gvzdta2uz0ounzxalwn");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -953,19 +959,19 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_jgqfnf5a72snrncexe9m(1, 5, 'After 0') });
+window.addEventListener('load', function () { insertSpanRow_ukwj4v15gtt8rlkyqkhx(1, 5, 'After 0') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 7, j: 2 }, { i: 0, j: 1 }, { i: 7, j: 1 }, { i: 0, j: 4 }, { i: 7, j: 4 }, { i: 0, j: 3 }, { i: 7, j: 3 },  ], css_id: 'tinytable_css_fv2tguwcm4o4xxkg5b05',}, 
-          { positions: [ { i: 7, j: 0 },  ], css_id: 'tinytable_css_bl5xv3nkg49jk3bqc2kt',}, 
-          { positions: [ { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 6, j: 0 },  ], css_id: 'tinytable_css_3uswbkj6501uvum8a6xs',}, 
+          { positions: [ { i: 7, j: 0 },  ], css_id: 'tinytable_css_ej9nwu342xlrfnt5vzu2',}, 
+          { positions: [ { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 6, j: 0 },  ], css_id: 'tinytable_css_8euh2lh6es47n6vtgntb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 7, j: 2 }, { i: 0, j: 1 }, { i: 7, j: 1 }, { i: 0, j: 4 }, { i: 7, j: 4 }, { i: 0, j: 3 }, { i: 7, j: 3 },  ], css_id: 'tinytable_css_4k12fxn9bolmm0loh0mk',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ynud7mahvb0nrwwjxsr5(cell.i, cell.j, group.css_id);
+                  styleCell_4gvzdta2uz0ounzxalwn(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -973,12 +979,12 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_fv2tguwcm4o4xxkg5b05, .table th.tinytable_css_fv2tguwcm4o4xxkg5b05 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_bl5xv3nkg49jk3bqc2kt, .table th.tinytable_css_bl5xv3nkg49jk3bqc2kt { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_3uswbkj6501uvum8a6xs, .table th.tinytable_css_3uswbkj6501uvum8a6xs { padding-left: 1em; }
+      .table td.tinytable_css_ej9nwu342xlrfnt5vzu2, .table th.tinytable_css_ej9nwu342xlrfnt5vzu2 { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_8euh2lh6es47n6vtgntb, .table th.tinytable_css_8euh2lh6es47n6vtgntb { padding-left: 1em; }
+      .table td.tinytable_css_4k12fxn9bolmm0loh0mk, .table th.tinytable_css_4k12fxn9bolmm0loh0mk { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ynud7mahvb0nrwwjxsr5" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_4gvzdta2uz0ounzxalwn" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1058,8 +1064,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <script>
 
-      function styleCell_vyxfq3i0oewzhpkkge6z(i, j, css_id) {
-          var table = document.getElementById("tinytable_vyxfq3i0oewzhpkkge6z");
+      function styleCell_7dicjdgudep1tayxktio(i, j, css_id) {
+          var table = document.getElementById("tinytable_7dicjdgudep1tayxktio");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1068,8 +1074,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_zo4av72zotlc41gavksp(i, colspan, content) {
-        var table = document.getElementById('tinytable_vyxfq3i0oewzhpkkge6z');
+      function insertSpanRow_v8btlky6re3z0luqdkta(i, colspan, content) {
+        var table = document.getElementById('tinytable_7dicjdgudep1tayxktio');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1077,8 +1083,8 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_vyxfq3i0oewzhpkkge6z(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_vyxfq3i0oewzhpkkge6z");
+      function spanCell_7dicjdgudep1tayxktio(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_7dicjdgudep1tayxktio");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1105,22 +1111,22 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_zo4av72zotlc41gavksp(7, 8, 'They love tofu') });
-window.addEventListener('load', function () { insertSpanRow_zo4av72zotlc41gavksp(4, 8, 'She prefers halloumi') });
-window.addEventListener('load', function () { insertSpanRow_zo4av72zotlc41gavksp(3, 8, 'I like (fake) hamburgers') });
+window.addEventListener('load', function () { insertSpanRow_v8btlky6re3z0luqdkta(7, 8, 'They love tofu') });
+window.addEventListener('load', function () { insertSpanRow_v8btlky6re3z0luqdkta(4, 8, 'She prefers halloumi') });
+window.addEventListener('load', function () { insertSpanRow_v8btlky6re3z0luqdkta(3, 8, 'I like (fake) hamburgers') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 12, j: 3 }, { i: 0, j: 4 }, { i: 12, j: 6 }, { i: 12, j: 1 }, { i: 0, j: 2 }, { i: 12, j: 4 }, { i: 0, j: 5 }, { i: 12, j: 7 }, { i: 12, j: 2 }, { i: 0, j: 3 }, { i: 12, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 1 }, { i: 0, j: 7 },  ], css_id: 'tinytable_css_z1oxmbtkz4ocp2m5j3tv',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 7, j: 0 }, { i: 4, j: 0 }, { i: 6, j: 0 }, { i: 11, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 },  ], css_id: 'tinytable_css_sbaj8jr6ah98ndoejakw',}, 
-          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_o0u1wuchbffe0zfnvbmr',}, 
-          { positions: [ { i: 5, j: 0 }, { i: 3, j: 0 }, { i: 5, j: 3 }, { i: 9, j: 0 }, { i: 3, j: 1 }, { i: 5, j: 1 }, { i: 9, j: 1 }, { i: 9, j: 3 }, { i: 9, j: 4 }, { i: 3, j: 2 }, { i: 5, j: 2 }, { i: 9, j: 2 }, { i: 5, j: 5 }, { i: 9, j: 5 }, { i: 3, j: 3 }, { i: 3, j: 4 }, { i: 3, j: 6 }, { i: 5, j: 6 }, { i: 9, j: 6 }, { i: 9, j: 7 }, { i: 5, j: 4 }, { i: 3, j: 7 }, { i: 5, j: 7 }, { i: 3, j: 5 },  ], css_id: 'tinytable_css_3zq8lg2q1yiedleydb0u',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 12, j: 3 }, { i: 0, j: 4 }, { i: 12, j: 6 }, { i: 12, j: 1 }, { i: 0, j: 2 }, { i: 12, j: 4 }, { i: 0, j: 5 }, { i: 12, j: 7 }, { i: 12, j: 2 }, { i: 0, j: 3 }, { i: 12, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 1 }, { i: 0, j: 7 },  ], css_id: 'tinytable_css_u8lmbiv9gq7576nugib3',}, 
+          { positions: [ { i: 5, j: 0 }, { i: 3, j: 0 }, { i: 5, j: 3 }, { i: 9, j: 0 }, { i: 3, j: 1 }, { i: 5, j: 1 }, { i: 9, j: 1 }, { i: 9, j: 3 }, { i: 9, j: 4 }, { i: 3, j: 2 }, { i: 5, j: 2 }, { i: 9, j: 2 }, { i: 5, j: 5 }, { i: 9, j: 5 }, { i: 3, j: 3 }, { i: 3, j: 4 }, { i: 3, j: 6 }, { i: 5, j: 6 }, { i: 9, j: 6 }, { i: 9, j: 7 }, { i: 5, j: 4 }, { i: 3, j: 7 }, { i: 5, j: 7 }, { i: 3, j: 5 },  ], css_id: 'tinytable_css_ms1o306iztqfqmxwjsqs',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 7, j: 0 }, { i: 4, j: 0 }, { i: 6, j: 0 }, { i: 11, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 },  ], css_id: 'tinytable_css_2cj1hq1glkb2m5g6f6ui',}, 
+          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_0qk8ufy6pjvai6bzisx1',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_vyxfq3i0oewzhpkkge6z(cell.i, cell.j, group.css_id);
+                  styleCell_7dicjdgudep1tayxktio(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1128,13 +1134,13 @@ <h2 class="anchored" data-anchor-id="rows">Rows</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_z1oxmbtkz4ocp2m5j3tv, .table th.tinytable_css_z1oxmbtkz4ocp2m5j3tv { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_sbaj8jr6ah98ndoejakw, .table th.tinytable_css_sbaj8jr6ah98ndoejakw { padding-left: 1em; }
-      .table td.tinytable_css_o0u1wuchbffe0zfnvbmr, .table th.tinytable_css_o0u1wuchbffe0zfnvbmr { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_3zq8lg2q1yiedleydb0u, .table th.tinytable_css_3zq8lg2q1yiedleydb0u { font-weight: bold; color: white; background-color: gray; text-align: center; }
+      .table td.tinytable_css_u8lmbiv9gq7576nugib3, .table th.tinytable_css_u8lmbiv9gq7576nugib3 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ms1o306iztqfqmxwjsqs, .table th.tinytable_css_ms1o306iztqfqmxwjsqs { font-weight: bold; color: white; background-color: gray; text-align: center; }
+      .table td.tinytable_css_2cj1hq1glkb2m5g6f6ui, .table th.tinytable_css_2cj1hq1glkb2m5g6f6ui { padding-left: 1em; }
+      .table td.tinytable_css_0qk8ufy6pjvai6bzisx1, .table th.tinytable_css_0qk8ufy6pjvai6bzisx1 { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_vyxfq3i0oewzhpkkge6z" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_7dicjdgudep1tayxktio" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1260,8 +1266,8 @@ <h3 class="anchored" data-anchor-id="automatic-row-groups">Automatic row groups<
 
     <script>
 
-      function styleCell_fqd6tv0f8p3uirabcddy(i, j, css_id) {
-          var table = document.getElementById("tinytable_fqd6tv0f8p3uirabcddy");
+      function styleCell_mlebxna5xpn9an1tpj0h(i, j, css_id) {
+          var table = document.getElementById("tinytable_mlebxna5xpn9an1tpj0h");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1270,8 +1276,8 @@ <h3 class="anchored" data-anchor-id="automatic-row-groups">Automatic row groups<
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_ylgaw06nr7jcqgx3k0h1(i, colspan, content) {
-        var table = document.getElementById('tinytable_fqd6tv0f8p3uirabcddy');
+      function insertSpanRow_1y4k3e0eayo3wqbfebwf(i, colspan, content) {
+        var table = document.getElementById('tinytable_mlebxna5xpn9an1tpj0h');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1279,8 +1285,8 @@ <h3 class="anchored" data-anchor-id="automatic-row-groups">Automatic row groups<
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_fqd6tv0f8p3uirabcddy(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_fqd6tv0f8p3uirabcddy");
+      function spanCell_mlebxna5xpn9an1tpj0h(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_mlebxna5xpn9an1tpj0h");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1307,20 +1313,20 @@ <h3 class="anchored" data-anchor-id="automatic-row-groups">Automatic row groups<
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_ylgaw06nr7jcqgx3k0h1(8, 11, '1') });
-window.addEventListener('load', function () { insertSpanRow_ylgaw06nr7jcqgx3k0h1(1, 11, '0') });
+window.addEventListener('load', function () { insertSpanRow_1y4k3e0eayo3wqbfebwf(8, 11, '1') });
+window.addEventListener('load', function () { insertSpanRow_1y4k3e0eayo3wqbfebwf(1, 11, '0') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 12, j: 2 }, { i: 0, j: 1 }, { i: 12, j: 1 }, { i: 0, j: 4 }, { i: 12, j: 4 }, { i: 0, j: 3 }, { i: 12, j: 3 }, { i: 0, j: 6 }, { i: 12, j: 6 }, { i: 0, j: 5 }, { i: 12, j: 5 }, { i: 0, j: 8 }, { i: 12, j: 8 }, { i: 0, j: 7 }, { i: 12, j: 7 }, { i: 0, j: 10 }, { i: 12, j: 10 }, { i: 0, j: 9 }, { i: 12, j: 9 },  ], css_id: 'tinytable_css_ud8ekf2yojokrgfya0n5',}, 
-          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_e8bdcay0szeowymkrgx2',}, 
-          { positions: [ { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 }, { i: 11, j: 0 },  ], css_id: 'tinytable_css_a0ek2sarxpz8s14sah52',}, 
+          { positions: [ { i: 12, j: 0 },  ], css_id: 'tinytable_css_ybp4x5leyn78pt6e37va',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 2 }, { i: 12, j: 2 }, { i: 0, j: 1 }, { i: 12, j: 1 }, { i: 0, j: 4 }, { i: 12, j: 4 }, { i: 0, j: 3 }, { i: 12, j: 3 }, { i: 0, j: 6 }, { i: 12, j: 6 }, { i: 0, j: 5 }, { i: 12, j: 5 }, { i: 0, j: 8 }, { i: 12, j: 8 }, { i: 0, j: 7 }, { i: 12, j: 7 }, { i: 0, j: 10 }, { i: 12, j: 10 }, { i: 0, j: 9 }, { i: 12, j: 9 },  ], css_id: 'tinytable_css_bafd0ieacvo2hrs3xw3y',}, 
+          { positions: [ { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 6, j: 0 }, { i: 7, j: 0 }, { i: 8, j: 0 }, { i: 10, j: 0 }, { i: 11, j: 0 },  ], css_id: 'tinytable_css_b8fz7xx8mnwvsqzo3a05',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_fqd6tv0f8p3uirabcddy(cell.i, cell.j, group.css_id);
+                  styleCell_mlebxna5xpn9an1tpj0h(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1328,12 +1334,12 @@ <h3 class="anchored" data-anchor-id="automatic-row-groups">Automatic row groups<
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ud8ekf2yojokrgfya0n5, .table th.tinytable_css_ud8ekf2yojokrgfya0n5 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_e8bdcay0szeowymkrgx2, .table th.tinytable_css_e8bdcay0szeowymkrgx2 { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_a0ek2sarxpz8s14sah52, .table th.tinytable_css_a0ek2sarxpz8s14sah52 { padding-left: 1em; }
+      .table td.tinytable_css_ybp4x5leyn78pt6e37va, .table th.tinytable_css_ybp4x5leyn78pt6e37va { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_bafd0ieacvo2hrs3xw3y, .table th.tinytable_css_bafd0ieacvo2hrs3xw3y { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_b8fz7xx8mnwvsqzo3a05, .table th.tinytable_css_b8fz7xx8mnwvsqzo3a05 { padding-left: 1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_fqd6tv0f8p3uirabcddy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_mlebxna5xpn9an1tpj0h" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1505,8 +1511,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
 
     <script>
 
-      function styleCell_u8hb6n4n74vkqj3iwtuk(i, j, css_id) {
-          var table = document.getElementById("tinytable_u8hb6n4n74vkqj3iwtuk");
+      function styleCell_57gfbz3wk5wdsv5kt2wj(i, j, css_id) {
+          var table = document.getElementById("tinytable_57gfbz3wk5wdsv5kt2wj");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1516,7 +1522,7 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_u8hb6n4n74vkqj3iwtuk');
+        var table = document.getElementById('tinytable_57gfbz3wk5wdsv5kt2wj');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1524,8 +1530,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_u8hb6n4n74vkqj3iwtuk(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_u8hb6n4n74vkqj3iwtuk");
+      function spanCell_57gfbz3wk5wdsv5kt2wj(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_57gfbz3wk5wdsv5kt2wj");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1555,15 +1561,15 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 1 }, { i: 0, j: 0 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_y6oq2lih0az4nam28ksd',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 0, j: 5 }, { i: 0, j: 4 }, { i: 0, j: 7 }, { i: 0, j: 6 },  ], css_id: 'tinytable_css_qw2h5m1mvlpaw03ezf7x',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 10, j: 1 }, { i: 10, j: 0 }, { i: 1, j: 1 }, { i: 10, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 2 }, { i: 10, j: 3 }, { i: 1, j: 4 }, { i: 10, j: 5 }, { i: 10, j: 4 }, { i: 1, j: 5 }, { i: 10, j: 6 }, { i: 1, j: 7 }, { i: 1, j: 6 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_piih6r1sqyp0i3n7dgll',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 0, j: 0 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_xph0564tuujbrsnhi6av',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 0, j: 5 }, { i: 0, j: 4 }, { i: 0, j: 7 }, { i: 0, j: 6 },  ], css_id: 'tinytable_css_l03c85ws3lvw48uals9l',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 10, j: 1 }, { i: 10, j: 0 }, { i: 1, j: 1 }, { i: 10, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 2 }, { i: 10, j: 3 }, { i: 1, j: 4 }, { i: 10, j: 5 }, { i: 10, j: 4 }, { i: 1, j: 5 }, { i: 10, j: 6 }, { i: 1, j: 7 }, { i: 1, j: 6 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_2yiq68q45agl2xlsy81q',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_u8hb6n4n74vkqj3iwtuk(cell.i, cell.j, group.css_id);
+                  styleCell_57gfbz3wk5wdsv5kt2wj(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1571,12 +1577,12 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_y6oq2lih0az4nam28ksd, .table th.tinytable_css_y6oq2lih0az4nam28ksd { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
-      .table td.tinytable_css_qw2h5m1mvlpaw03ezf7x, .table th.tinytable_css_qw2h5m1mvlpaw03ezf7x { text-align: center; }
-      .table td.tinytable_css_piih6r1sqyp0i3n7dgll, .table th.tinytable_css_piih6r1sqyp0i3n7dgll { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_xph0564tuujbrsnhi6av, .table th.tinytable_css_xph0564tuujbrsnhi6av { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
+      .table td.tinytable_css_l03c85ws3lvw48uals9l, .table th.tinytable_css_l03c85ws3lvw48uals9l { text-align: center; }
+      .table td.tinytable_css_2yiq68q45agl2xlsy81q, .table th.tinytable_css_2yiq68q45agl2xlsy81q { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_u8hb6n4n74vkqj3iwtuk" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_57gfbz3wk5wdsv5kt2wj" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
 <tr>
 <th scope="col" align="center" colspan="3">Hamburgers</th>
@@ -1717,8 +1723,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
 
     <script>
 
-      function styleCell_aqdg42vpiispx2z6h46l(i, j, css_id) {
-          var table = document.getElementById("tinytable_aqdg42vpiispx2z6h46l");
+      function styleCell_6l0rqjxmshr17vfdj9n6(i, j, css_id) {
+          var table = document.getElementById("tinytable_6l0rqjxmshr17vfdj9n6");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1727,8 +1733,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
               console.warn(`Cell at (${i}, ${j}) not found.`);
           }
       }
-      function insertSpanRow_8pp0gfcqp5vb8f25e0q3(i, colspan, content) {
-        var table = document.getElementById('tinytable_aqdg42vpiispx2z6h46l');
+      function insertSpanRow_uz09ba0rtw502pbl8hst(i, colspan, content) {
+        var table = document.getElementById('tinytable_6l0rqjxmshr17vfdj9n6');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1736,8 +1742,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_aqdg42vpiispx2z6h46l(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_aqdg42vpiispx2z6h46l");
+      function spanCell_6l0rqjxmshr17vfdj9n6(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_6l0rqjxmshr17vfdj9n6");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1764,24 +1770,24 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-window.addEventListener('load', function () { insertSpanRow_8pp0gfcqp5vb8f25e0q3(8, 8, 'They love tofu') });
-window.addEventListener('load', function () { insertSpanRow_8pp0gfcqp5vb8f25e0q3(5, 8, 'She prefers halloumi') });
-window.addEventListener('load', function () { insertSpanRow_8pp0gfcqp5vb8f25e0q3(4, 8, 'I like (fake) hamburgers') });
+window.addEventListener('load', function () { insertSpanRow_uz09ba0rtw502pbl8hst(8, 8, 'They love tofu') });
+window.addEventListener('load', function () { insertSpanRow_uz09ba0rtw502pbl8hst(5, 8, 'She prefers halloumi') });
+window.addEventListener('load', function () { insertSpanRow_uz09ba0rtw502pbl8hst(4, 8, 'I like (fake) hamburgers') });
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 1, j: 1 }, { i: 13, j: 1 }, { i: 13, j: 7 }, { i: 13, j: 5 }, { i: 13, j: 3 }, { i: 13, j: 6 }, { i: 1, j: 2 }, { i: 13, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 6 }, { i: 13, j: 4 }, { i: 1, j: 7 }, { i: 1, j: 5 }, { i: 1, j: 4 },  ], css_id: 'tinytable_css_yy56bn0eqfmt2v8c4ddz',}, 
-          { positions: [ { i: 13, j: 0 },  ], css_id: 'tinytable_css_ybxw6e0eqo104wl8akhr',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 0, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 4 }, { i: 0, j: 7 },  ], css_id: 'tinytable_css_vzpeg6tuo0s87j89xpfv',}, 
-          { positions: [ { i: 8, j: 0 }, { i: 9, j: 0 }, { i: 3, j: 0 }, { i: 11, j: 0 }, { i: 12, j: 0 }, { i: 2, j: 0 }, { i: 7, j: 0 }, { i: 5, j: 0 },  ], css_id: 'tinytable_css_b687r2kn2b35c0qys4cd',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 0, j: 0 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_42rnbx8x0naigd1jzs15',}, 
-          { positions: [ { i: 4, j: 0 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 }, { i: 4, j: 7 }, { i: 10, j: 0 }, { i: 6, j: 0 }, { i: 4, j: 1 }, { i: 6, j: 1 }, { i: 6, j: 4 }, { i: 6, j: 2 }, { i: 4, j: 6 }, { i: 6, j: 6 }, { i: 10, j: 3 }, { i: 4, j: 5 }, { i: 6, j: 5 }, { i: 6, j: 3 }, { i: 10, j: 5 }, { i: 10, j: 1 }, { i: 10, j: 4 }, { i: 10, j: 2 }, { i: 10, j: 6 }, { i: 6, j: 7 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_1x3yp2c6mfyhflq9wkqd',}, 
+          { positions: [ { i: 8, j: 0 }, { i: 9, j: 0 }, { i: 3, j: 0 }, { i: 11, j: 0 }, { i: 12, j: 0 }, { i: 2, j: 0 }, { i: 7, j: 0 }, { i: 5, j: 0 },  ], css_id: 'tinytable_css_oxlabx88h76tc5vl9mle',}, 
+          { positions: [ { i: 4, j: 0 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 }, { i: 4, j: 7 }, { i: 10, j: 0 }, { i: 6, j: 0 }, { i: 4, j: 1 }, { i: 6, j: 1 }, { i: 6, j: 4 }, { i: 6, j: 2 }, { i: 4, j: 6 }, { i: 6, j: 6 }, { i: 10, j: 3 }, { i: 4, j: 5 }, { i: 6, j: 5 }, { i: 6, j: 3 }, { i: 10, j: 5 }, { i: 10, j: 1 }, { i: 10, j: 4 }, { i: 10, j: 2 }, { i: 10, j: 6 }, { i: 6, j: 7 }, { i: 10, j: 7 },  ], css_id: 'tinytable_css_fy0ghx5vcva6adjwwrij',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 1, j: 1 }, { i: 13, j: 1 }, { i: 13, j: 7 }, { i: 13, j: 5 }, { i: 13, j: 3 }, { i: 13, j: 6 }, { i: 1, j: 2 }, { i: 13, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 6 }, { i: 13, j: 4 }, { i: 1, j: 7 }, { i: 1, j: 5 }, { i: 1, j: 4 },  ], css_id: 'tinytable_css_cqjwtdgbtzo9nu9mg3dh',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 0, j: 5 }, { i: 0, j: 6 }, { i: 0, j: 4 }, { i: 0, j: 7 },  ], css_id: 'tinytable_css_8chza9u2sr34xixvo86u',}, 
+          { positions: [ { i: 13, j: 0 },  ], css_id: 'tinytable_css_0ugikf684n7dttzevrys',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 0, j: 0 }, { i: 0, j: 3 },  ], css_id: 'tinytable_css_02z2l3jis5241xxtodnt',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_aqdg42vpiispx2z6h46l(cell.i, cell.j, group.css_id);
+                  styleCell_6l0rqjxmshr17vfdj9n6(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1789,15 +1795,15 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_yy56bn0eqfmt2v8c4ddz, .table th.tinytable_css_yy56bn0eqfmt2v8c4ddz { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_ybxw6e0eqo104wl8akhr, .table th.tinytable_css_ybxw6e0eqo104wl8akhr { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_vzpeg6tuo0s87j89xpfv, .table th.tinytable_css_vzpeg6tuo0s87j89xpfv { color: teal; text-align: center; text-align: center; }
-      .table td.tinytable_css_b687r2kn2b35c0qys4cd, .table th.tinytable_css_b687r2kn2b35c0qys4cd { padding-left: 1em; }
-      .table td.tinytable_css_42rnbx8x0naigd1jzs15, .table th.tinytable_css_42rnbx8x0naigd1jzs15 { color: teal; text-align: center; border-bottom: solid #d3d8dc 0.05em; text-align: center; }
-      .table td.tinytable_css_1x3yp2c6mfyhflq9wkqd, .table th.tinytable_css_1x3yp2c6mfyhflq9wkqd { color: white; background-color: teal; text-align: center; }
+      .table td.tinytable_css_oxlabx88h76tc5vl9mle, .table th.tinytable_css_oxlabx88h76tc5vl9mle { padding-left: 1em; }
+      .table td.tinytable_css_fy0ghx5vcva6adjwwrij, .table th.tinytable_css_fy0ghx5vcva6adjwwrij { color: white; background-color: teal; text-align: center; }
+      .table td.tinytable_css_cqjwtdgbtzo9nu9mg3dh, .table th.tinytable_css_cqjwtdgbtzo9nu9mg3dh { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_8chza9u2sr34xixvo86u, .table th.tinytable_css_8chza9u2sr34xixvo86u { color: teal; text-align: center; text-align: center; }
+      .table td.tinytable_css_0ugikf684n7dttzevrys, .table th.tinytable_css_0ugikf684n7dttzevrys { padding-left: 1em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_02z2l3jis5241xxtodnt, .table th.tinytable_css_02z2l3jis5241xxtodnt { color: teal; text-align: center; border-bottom: solid #d3d8dc 0.05em; text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_aqdg42vpiispx2z6h46l" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_6l0rqjxmshr17vfdj9n6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
 <tr>
 <th scope="col" align="center" colspan="3">Hamburgers</th>
@@ -1926,8 +1932,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
 
     <script>
 
-      function styleCell_yci7tz08eve6712hnqdi(i, j, css_id) {
-          var table = document.getElementById("tinytable_yci7tz08eve6712hnqdi");
+      function styleCell_pur1zkbc878raji11zyz(i, j, css_id) {
+          var table = document.getElementById("tinytable_pur1zkbc878raji11zyz");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1937,7 +1943,7 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_yci7tz08eve6712hnqdi');
+        var table = document.getElementById('tinytable_pur1zkbc878raji11zyz');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1945,8 +1951,8 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_yci7tz08eve6712hnqdi(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_yci7tz08eve6712hnqdi");
+      function spanCell_pur1zkbc878raji11zyz(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_pur1zkbc878raji11zyz");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1976,15 +1982,15 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 1 }, { i: 0, j: 0 }, { i: 1, j: 3 }, { i: 0, j: 2 },  ], css_id: 'tinytable_css_ty3haei4a47tniq9dmzj',}, 
-          { positions: [ { i: 2, j: 0 }, { i: 6, j: 0 }, { i: 2, j: 1 }, { i: 6, j: 1 }, { i: 2, j: 2 }, { i: 6, j: 2 }, { i: 2, j: 3 }, { i: 6, j: 3 }, { i: 2, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_8wo0otm8bzrlbocz7dzb',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 2 }, { i: 0, j: 3 }, { i: 1, j: 4 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_1v4o9tfpwt0nkos0m5z1',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 2 }, { i: 0, j: 3 }, { i: 1, j: 4 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_zj0fozfmk8iqo7bp5hca',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 0, j: 0 }, { i: 1, j: 3 }, { i: 0, j: 2 },  ], css_id: 'tinytable_css_lksaqf7ct7yp0g2ihyvq',}, 
+          { positions: [ { i: 2, j: 0 }, { i: 6, j: 0 }, { i: 2, j: 1 }, { i: 6, j: 1 }, { i: 2, j: 2 }, { i: 6, j: 2 }, { i: 2, j: 3 }, { i: 6, j: 3 }, { i: 2, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_8pwzb5622l1lu4s4wysl',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_yci7tz08eve6712hnqdi(cell.i, cell.j, group.css_id);
+                  styleCell_pur1zkbc878raji11zyz(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1992,12 +1998,12 @@ <h2 class="anchored" data-anchor-id="columns">Columns</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ty3haei4a47tniq9dmzj, .table th.tinytable_css_ty3haei4a47tniq9dmzj { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
-      .table td.tinytable_css_8wo0otm8bzrlbocz7dzb, .table th.tinytable_css_8wo0otm8bzrlbocz7dzb { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_1v4o9tfpwt0nkos0m5z1, .table th.tinytable_css_1v4o9tfpwt0nkos0m5z1 { text-align: center; }
+      .table td.tinytable_css_zj0fozfmk8iqo7bp5hca, .table th.tinytable_css_zj0fozfmk8iqo7bp5hca { text-align: center; }
+      .table td.tinytable_css_lksaqf7ct7yp0g2ihyvq, .table th.tinytable_css_lksaqf7ct7yp0g2ihyvq { text-align: center; border-bottom: solid #d3d8dc 0.05em; }
+      .table td.tinytable_css_8pwzb5622l1lu4s4wysl, .table th.tinytable_css_8pwzb5622l1lu4s4wysl { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_yci7tz08eve6712hnqdi" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_pur1zkbc878raji11zyz" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
 <tr>
 <th scope="col" align="center" colspan="2">Hello</th>
diff --git a/vignettes/notebooks.html b/vignettes/notebooks.html
index 7ed1ea6a..3b4a7397 100644
--- a/vignettes/notebooks.html
+++ b/vignettes/notebooks.html
@@ -64,6 +64,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../vignettes/faq.html" rel="next">
+<link href="../vignettes/custom.html" rel="prev">
 <link href="../favicon.svg" rel="icon" type="image/svg+xml">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
@@ -197,7 +199,7 @@
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" role="button" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
         <i class="bi bi-layout-text-sidebar-reverse"></i>
       </button>
-        <nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"></ol></nav>
+        <nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../vignettes/tinytable.html">Tutorial</a></li><li class="breadcrumb-item"><a href="../vignettes/notebooks.html">Notebooks</a></li></ol></nav>
         <a class="flex-grow-1" role="navigation" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">      
         </a>
     </div>
@@ -211,13 +213,13 @@
     <ul class="list-unstyled mt-1">
         <li class="sidebar-item sidebar-item-section">
       <div class="sidebar-item-container"> 
-            <a class="sidebar-item-text sidebar-link text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-1" role="navigation" aria-expanded="false">
+            <a class="sidebar-item-text sidebar-link text-start" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-1" role="navigation" aria-expanded="true">
  <span class="menu-text">Tutorial</span></a>
-          <a class="sidebar-item-toggle text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-1" role="navigation" aria-expanded="false" aria-label="Toggle section">
+          <a class="sidebar-item-toggle text-start" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-1" role="navigation" aria-expanded="true" aria-label="Toggle section">
             <i class="bi bi-chevron-right ms-2"></i>
           </a> 
       </div>
-      <ul id="quarto-sidebar-section-1" class="collapse list-unstyled sidebar-section depth1 ">  
+      <ul id="quarto-sidebar-section-1" class="collapse list-unstyled sidebar-section depth1 show">  
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../vignettes/tinytable.html" class="sidebar-item-text sidebar-link">
@@ -259,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link active">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -508,8 +516,8 @@ <h3 class="anchored" data-anchor-id="cross-references">Cross-references</h3>
 
     &lt;script&gt;
 
-      function styleCell_frpqc9ghwr94po5zsann(i, j, css_id) {
-          var table = document.getElementById("tinytable_frpqc9ghwr94po5zsann");
+      function styleCell_8jd0a6nhx3wsc66ybr4d(i, j, css_id) {
+          var table = document.getElementById("tinytable_8jd0a6nhx3wsc66ybr4d");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -519,7 +527,7 @@ <h3 class="anchored" data-anchor-id="cross-references">Cross-references</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_frpqc9ghwr94po5zsann');
+        var table = document.getElementById('tinytable_8jd0a6nhx3wsc66ybr4d');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -527,8 +535,8 @@ <h3 class="anchored" data-anchor-id="cross-references">Cross-references</h3>
         // this may be unsafe, but innerText does not interpret &lt;br&gt;
         newCell.innerHTML = content;
       }
-      function spanCell_frpqc9ghwr94po5zsann(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_frpqc9ghwr94po5zsann");
+      function spanCell_8jd0a6nhx3wsc66ybr4d(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_8jd0a6nhx3wsc66ybr4d");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r &lt; rowspan; r++) {
@@ -558,14 +566,14 @@ <h3 class="anchored" data-anchor-id="cross-references">Cross-references</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 5, j: 1 }, { i: 3, j: 2 }, { i: 4, j: 2 }, { i: 5, j: 2 }, { i: 2, j: 2 }, { i: 4, j: 3 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 5, j: 3 }, { i: 3, j: 4 }, { i: 4, j: 4 }, { i: 5, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_xqcl18io8ec76x2kix8x',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 1 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_chziz26k3z98stuppmlz',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 1 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_rrqwd4azx79l16r27fki',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 4, j: 0 }, { i: 5, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 5, j: 1 }, { i: 3, j: 2 }, { i: 4, j: 2 }, { i: 5, j: 2 }, { i: 2, j: 2 }, { i: 4, j: 3 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 5, j: 3 }, { i: 3, j: 4 }, { i: 4, j: 4 }, { i: 5, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_nmvw17bp4fyul3v5jnw3',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_frpqc9ghwr94po5zsann(cell.i, cell.j, group.css_id);
+                  styleCell_8jd0a6nhx3wsc66ybr4d(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -573,11 +581,11 @@ <h3 class="anchored" data-anchor-id="cross-references">Cross-references</h3>
 
     &lt;style&gt;
       /* tinytable css entries after */
-      .table td.tinytable_css_xqcl18io8ec76x2kix8x, .table th.tinytable_css_xqcl18io8ec76x2kix8x { color: blue; }
-      .table td.tinytable_css_chziz26k3z98stuppmlz, .table th.tinytable_css_chziz26k3z98stuppmlz { color: blue; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_rrqwd4azx79l16r27fki, .table th.tinytable_css_rrqwd4azx79l16r27fki { color: blue; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_nmvw17bp4fyul3v5jnw3, .table th.tinytable_css_nmvw17bp4fyul3v5jnw3 { color: blue; }
     &lt;/style&gt;
     &lt;div class="container"&gt;
-      &lt;table class="table table-borderless" id="tinytable_frpqc9ghwr94po5zsann" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing='true'&gt;
+      &lt;table class="table table-borderless" id="tinytable_8jd0a6nhx3wsc66ybr4d" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing='true'&gt;
         &lt;thead&gt;
         &lt;caption&gt;(#tab:tinytableref) Hello world!&lt;/caption&gt;
               &lt;tr&gt;
@@ -1067,6 +1075,18 @@ <h3 class="anchored" data-anchor-id="cross-references">Cross-references</h3>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../vignettes/custom.html" class="pagination-link" aria-label="Customization">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Customization</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../vignettes/faq.html" class="pagination-link" aria-label="FAQ">
+        <span class="nav-page-text">FAQ</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 
 
diff --git a/vignettes/options.html b/vignettes/options.html
index 54b0109c..b2739ced 100644
--- a/vignettes/options.html
+++ b/vignettes/options.html
@@ -259,6 +259,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
diff --git a/vignettes/plot.html b/vignettes/plot.html
index 208d80b4..1facc652 100644
--- a/vignettes/plot.html
+++ b/vignettes/plot.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -436,8 +442,8 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
 
     <script>
 
-      function styleCell_v4bdsawhv0iq8n0s5h6i(i, j, css_id) {
-          var table = document.getElementById("tinytable_v4bdsawhv0iq8n0s5h6i");
+      function styleCell_452yets3z3lxlorzsufp(i, j, css_id) {
+          var table = document.getElementById("tinytable_452yets3z3lxlorzsufp");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -447,7 +453,7 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_v4bdsawhv0iq8n0s5h6i');
+        var table = document.getElementById('tinytable_452yets3z3lxlorzsufp');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -455,8 +461,8 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_v4bdsawhv0iq8n0s5h6i(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_v4bdsawhv0iq8n0s5h6i");
+      function spanCell_452yets3z3lxlorzsufp(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_452yets3z3lxlorzsufp");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -486,13 +492,13 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_ykw4xvczvh7qbqlktv49',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_sybrfbdiay0yr39tbgm1',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_v4bdsawhv0iq8n0s5h6i(cell.i, cell.j, group.css_id);
+                  styleCell_452yets3z3lxlorzsufp(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -500,10 +506,10 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ykw4xvczvh7qbqlktv49, .table th.tinytable_css_ykw4xvczvh7qbqlktv49 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_sybrfbdiay0yr39tbgm1, .table th.tinytable_css_sybrfbdiay0yr39tbgm1 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_v4bdsawhv0iq8n0s5h6i" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_452yets3z3lxlorzsufp" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -539,8 +545,8 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
 
     <script>
 
-      function styleCell_2tymhytwalze537vf3ul(i, j, css_id) {
-          var table = document.getElementById("tinytable_2tymhytwalze537vf3ul");
+      function styleCell_r9o6vbp7tca78pxkr88g(i, j, css_id) {
+          var table = document.getElementById("tinytable_r9o6vbp7tca78pxkr88g");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -550,7 +556,7 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_2tymhytwalze537vf3ul');
+        var table = document.getElementById('tinytable_r9o6vbp7tca78pxkr88g');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -558,8 +564,8 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_2tymhytwalze537vf3ul(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_2tymhytwalze537vf3ul");
+      function spanCell_r9o6vbp7tca78pxkr88g(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_r9o6vbp7tca78pxkr88g");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -589,13 +595,13 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 },  ], css_id: 'tinytable_css_0ggh941of2mwm6s92dzv',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 },  ], css_id: 'tinytable_css_i3ozlnf4d7cok7btbcu0',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_2tymhytwalze537vf3ul(cell.i, cell.j, group.css_id);
+                  styleCell_r9o6vbp7tca78pxkr88g(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -603,10 +609,10 @@ <h2 class="anchored" data-anchor-id="inserting-images-in-tables">Inserting image
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_0ggh941of2mwm6s92dzv, .table th.tinytable_css_0ggh941of2mwm6s92dzv { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_i3ozlnf4d7cok7btbcu0, .table th.tinytable_css_i3ozlnf4d7cok7btbcu0 { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_2tymhytwalze537vf3ul" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_r9o6vbp7tca78pxkr88g" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -662,8 +668,8 @@ <h3 class="anchored" data-anchor-id="built-in-plots">Built-in plots</h3>
 
     <script>
 
-      function styleCell_qsuw6wiqn7j4ryzoiigv(i, j, css_id) {
-          var table = document.getElementById("tinytable_qsuw6wiqn7j4ryzoiigv");
+      function styleCell_u769zd4uj4pbarxoto45(i, j, css_id) {
+          var table = document.getElementById("tinytable_u769zd4uj4pbarxoto45");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -673,7 +679,7 @@ <h3 class="anchored" data-anchor-id="built-in-plots">Built-in plots</h3>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_qsuw6wiqn7j4ryzoiigv');
+        var table = document.getElementById('tinytable_u769zd4uj4pbarxoto45');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -681,8 +687,8 @@ <h3 class="anchored" data-anchor-id="built-in-plots">Built-in plots</h3>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_qsuw6wiqn7j4ryzoiigv(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_qsuw6wiqn7j4ryzoiigv");
+      function spanCell_u769zd4uj4pbarxoto45(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_u769zd4uj4pbarxoto45");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -712,15 +718,15 @@ <h3 class="anchored" data-anchor-id="built-in-plots">Built-in plots</h3>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 }, { i: 0, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_ywf2rbrke8hwawgmy7ta',}, 
-          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 1, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_xfewxa9v2zthjsuvqnej',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_a0nh5am1i7stmi8tu9q7',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_w1ailq7ehmedesjdr1f3',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 }, { i: 0, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_aampq2b1kz8g1i1zxrxc',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 1, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_3h2bh5eqphyzjcagxy7i',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_qsuw6wiqn7j4ryzoiigv(cell.i, cell.j, group.css_id);
+                  styleCell_u769zd4uj4pbarxoto45(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -728,12 +734,12 @@ <h3 class="anchored" data-anchor-id="built-in-plots">Built-in plots</h3>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ywf2rbrke8hwawgmy7ta, .table th.tinytable_css_ywf2rbrke8hwawgmy7ta { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_xfewxa9v2zthjsuvqnej, .table th.tinytable_css_xfewxa9v2zthjsuvqnej { text-align: center; }
-      .table td.tinytable_css_a0nh5am1i7stmi8tu9q7, .table th.tinytable_css_a0nh5am1i7stmi8tu9q7 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_w1ailq7ehmedesjdr1f3, .table th.tinytable_css_w1ailq7ehmedesjdr1f3 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_aampq2b1kz8g1i1zxrxc, .table th.tinytable_css_aampq2b1kz8g1i1zxrxc { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_3h2bh5eqphyzjcagxy7i, .table th.tinytable_css_3h2bh5eqphyzjcagxy7i { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_qsuw6wiqn7j4ryzoiigv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_u769zd4uj4pbarxoto45" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -748,24 +754,24 @@ <h3 class="anchored" data-anchor-id="built-in-plots">Built-in plots</h3>
         <tbody>
                 <tr>
                   <td>mpg </td>
-                  <td><img src="./tinytable_assets/idnwf16cxpwrnkvafysdj9.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/id8qmipy2c9p31fbxmig1l.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/id99z0tnbfbwc8fv6yjpq8.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/idfk5la8497w3bkqrxwaiq.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idyv7r1yh8wbttyfncwozw.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idb6vud8ah1ajrkee5y8xa.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/id3r6u1r1bhrxg4kuqkrbu.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idgiaridln2p1c745jod70.png" style="height: 1em;"></td>
                 </tr>
                 <tr>
                   <td>hp  </td>
-                  <td><img src="./tinytable_assets/idvdzz6gihh15nsn18jvqq.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/id57a68quw6an3v0x76i6l.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/idshl4x9r07tc61vux7znr.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/id5vyxtoiljpjxohxrubhj.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idxnxv4bt5mvr7nekfm6qw.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/id3g62u7mjiuhkwkwger38.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/id12szb2bi26wsofbnhqqq.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idgi0dtl61ql8a2vct3661.png" style="height: 1em;"></td>
                 </tr>
                 <tr>
                   <td>qsec</td>
-                  <td><img src="./tinytable_assets/idwbx48mp6i6fkiux7nima.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/idrfowdwast5hu7nnxch46.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/id99kb1qxf9c7g3v1do24y.png" style="height: 1em;"></td>
-                  <td><img src="./tinytable_assets/idzs31h051u5em6413l29f.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idgqh5fcp7r0lzg1xwewa2.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idgadq0njx6khsl6eofybh.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idyeqeh1xz2ptnrw0eaeml.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/id4ilox0s89kmbc01zmhuk.png" style="height: 1em;"></td>
                 </tr>
         </tbody>
       </table>
@@ -795,8 +801,8 @@ <h3 class="anchored" data-anchor-id="custom-plots-base-r">Custom plots: Base <co
 
     <script>
 
-      function styleCell_rehjvdzztt1f7mo8lx5z(i, j, css_id) {
-          var table = document.getElementById("tinytable_rehjvdzztt1f7mo8lx5z");
+      function styleCell_dj4n6iux5c69f7zyqtfv(i, j, css_id) {
+          var table = document.getElementById("tinytable_dj4n6iux5c69f7zyqtfv");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -806,7 +812,7 @@ <h3 class="anchored" data-anchor-id="custom-plots-base-r">Custom plots: Base <co
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_rehjvdzztt1f7mo8lx5z');
+        var table = document.getElementById('tinytable_dj4n6iux5c69f7zyqtfv');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -814,8 +820,8 @@ <h3 class="anchored" data-anchor-id="custom-plots-base-r">Custom plots: Base <co
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_rehjvdzztt1f7mo8lx5z(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_rehjvdzztt1f7mo8lx5z");
+      function spanCell_dj4n6iux5c69f7zyqtfv(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_dj4n6iux5c69f7zyqtfv");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -845,13 +851,13 @@ <h3 class="anchored" data-anchor-id="custom-plots-base-r">Custom plots: Base <co
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_hnnhbg7p2qfd3df2vgyf',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_0ntw28fdwgguc8g588va',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_rehjvdzztt1f7mo8lx5z(cell.i, cell.j, group.css_id);
+                  styleCell_dj4n6iux5c69f7zyqtfv(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -859,10 +865,10 @@ <h3 class="anchored" data-anchor-id="custom-plots-base-r">Custom plots: Base <co
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_hnnhbg7p2qfd3df2vgyf, .table th.tinytable_css_hnnhbg7p2qfd3df2vgyf { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_0ntw28fdwgguc8g588va, .table th.tinytable_css_0ntw28fdwgguc8g588va { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_rehjvdzztt1f7mo8lx5z" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_dj4n6iux5c69f7zyqtfv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -874,15 +880,15 @@ <h3 class="anchored" data-anchor-id="custom-plots-base-r">Custom plots: Base <co
         <tbody>
                 <tr>
                   <td>mpg </td>
-                  <td><img src="./tinytable_assets/idh98eii2q0h69ow7zlaim.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idz96ecy47umbgc8j5z67p.png" style="height: 1em;"></td>
                 </tr>
                 <tr>
                   <td>hp  </td>
-                  <td><img src="./tinytable_assets/id3xqz5pgd34z2msewx5au.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idc2smlyzvc3rw3mtnr95v.png" style="height: 1em;"></td>
                 </tr>
                 <tr>
                   <td>qsec</td>
-                  <td><img src="./tinytable_assets/idnbp5kitlkwd5ba0kvc14.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idu6qptczq95odl3dhw5zq.png" style="height: 1em;"></td>
                 </tr>
         </tbody>
       </table>
@@ -916,8 +922,8 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
 
     <script>
 
-      function styleCell_kyev6v6rn1b6ryfvm21h(i, j, css_id) {
-          var table = document.getElementById("tinytable_kyev6v6rn1b6ryfvm21h");
+      function styleCell_zq1peefrojuwrq3l29ax(i, j, css_id) {
+          var table = document.getElementById("tinytable_zq1peefrojuwrq3l29ax");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -927,7 +933,7 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_kyev6v6rn1b6ryfvm21h');
+        var table = document.getElementById('tinytable_zq1peefrojuwrq3l29ax');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -935,8 +941,8 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_kyev6v6rn1b6ryfvm21h(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_kyev6v6rn1b6ryfvm21h");
+      function spanCell_zq1peefrojuwrq3l29ax(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_zq1peefrojuwrq3l29ax");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -966,13 +972,13 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_5o1810pvago6secjs7wt',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_uo6pokgg47zd6ntz0ywr',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_kyev6v6rn1b6ryfvm21h(cell.i, cell.j, group.css_id);
+                  styleCell_zq1peefrojuwrq3l29ax(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -980,10 +986,10 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_5o1810pvago6secjs7wt, .table th.tinytable_css_5o1810pvago6secjs7wt { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_uo6pokgg47zd6ntz0ywr, .table th.tinytable_css_uo6pokgg47zd6ntz0ywr { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_kyev6v6rn1b6ryfvm21h" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_zq1peefrojuwrq3l29ax" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -995,15 +1001,15 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
         <tbody>
                 <tr>
                   <td>mpg </td>
-                  <td><img src="./tinytable_assets/idwiqrj22a7zm7i1g3sz13.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idvc25ppfiilygs7dwschp.png" style="height: 1em;"></td>
                 </tr>
                 <tr>
                   <td>hp  </td>
-                  <td><img src="./tinytable_assets/idiesv94816ixljv5392s9.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idhc8zpyw60dp0pe2n5glh.png" style="height: 1em;"></td>
                 </tr>
                 <tr>
                   <td>qsec</td>
-                  <td><img src="./tinytable_assets/idvn2vqc3u69ongsgfky0v.png" style="height: 1em;"></td>
+                  <td><img src="./tinytable_assets/idufm8x2b90vx8x29mmjbh.png" style="height: 1em;"></td>
                 </tr>
         </tbody>
       </table>
@@ -1053,8 +1059,8 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
 
     <script>
 
-      function styleCell_qp3d7uuedzs9y1hsu5j4(i, j, css_id) {
-          var table = document.getElementById("tinytable_qp3d7uuedzs9y1hsu5j4");
+      function styleCell_8lcsvwrrqe7jhsqzojk8(i, j, css_id) {
+          var table = document.getElementById("tinytable_8lcsvwrrqe7jhsqzojk8");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1064,7 +1070,7 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_qp3d7uuedzs9y1hsu5j4');
+        var table = document.getElementById('tinytable_8lcsvwrrqe7jhsqzojk8');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1072,8 +1078,8 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_qp3d7uuedzs9y1hsu5j4(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_qp3d7uuedzs9y1hsu5j4");
+      function spanCell_8lcsvwrrqe7jhsqzojk8(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_8lcsvwrrqe7jhsqzojk8");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1103,15 +1109,15 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_owwp3kxcxn09gnpml91z',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_npoe7zowsum9gqity8u7',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_9ya5f64iivnd7nxntv2w',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_zhwpeurinx7qluo9wo4q',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 }, { i: 0, j: 3 }, { i: 3, j: 3 },  ], css_id: 'tinytable_css_68vk9knt22jzapd8hpve',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_5j2pnvur64hem14locso',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_qp3d7uuedzs9y1hsu5j4(cell.i, cell.j, group.css_id);
+                  styleCell_8lcsvwrrqe7jhsqzojk8(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1119,12 +1125,12 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_owwp3kxcxn09gnpml91z, .table th.tinytable_css_owwp3kxcxn09gnpml91z { text-align: center; }
-      .table td.tinytable_css_npoe7zowsum9gqity8u7, .table th.tinytable_css_npoe7zowsum9gqity8u7 { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_9ya5f64iivnd7nxntv2w, .table th.tinytable_css_9ya5f64iivnd7nxntv2w { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_zhwpeurinx7qluo9wo4q, .table th.tinytable_css_zhwpeurinx7qluo9wo4q { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_68vk9knt22jzapd8hpve, .table th.tinytable_css_68vk9knt22jzapd8hpve { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_5j2pnvur64hem14locso, .table th.tinytable_css_5j2pnvur64hem14locso { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_qp3d7uuedzs9y1hsu5j4" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_8lcsvwrrqe7jhsqzojk8" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1138,21 +1144,21 @@ <h3 class="anchored" data-anchor-id="custom-plots-ggplot2">Custom plots: <code>g
         <tbody>
                 <tr>
                   <td>Adelie   </td>
-                  <td><img src="./tinytable_assets/idt9hn7lzzks5s6ynfoeuz.png" style="height: 2em;"></td>
-                  <td><img src="./tinytable_assets/idhrj6n1jcrk7mcxvhvcrj.png" style="height: 2em;"></td>
-                  <td><img src="./tinytable_assets/idwu25b4fd3lf2vcn9swpc.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/id1914sxbkjo3ao5ecirea.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idi524f0c9a4iih14wmjhn.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idlvsa5l4ec725jzglf5a6.png" style="height: 2em;"></td>
                 </tr>
                 <tr>
                   <td>Chinstrap</td>
-                  <td><img src="./tinytable_assets/idsaaa6nib46sr6nmyy3dy.png" style="height: 2em;"></td>
-                  <td><img src="./tinytable_assets/id9gcd3saw5mol96g7svyz.png" style="height: 2em;"></td>
-                  <td><img src="./tinytable_assets/idapfw6ev8ftqbbsqhl2md.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idzrp2c6gnt5ucpuys9idq.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idyvm5b6g3wazf11s12yc8.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idiq2bk35jr3dphrmdz09k.png" style="height: 2em;"></td>
                 </tr>
                 <tr>
                   <td>Gentoo   </td>
-                  <td><img src="./tinytable_assets/idmni6pbnu10a03zggsa21.png" style="height: 2em;"></td>
-                  <td><img src="./tinytable_assets/idvl04dksh9tcamy2p0hqj.png" style="height: 2em;"></td>
-                  <td><img src="./tinytable_assets/idx9wvjlivyuapicycanl6.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idxg2d2px2hya2xc5rmg9f.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/idauonl5a329fps3c9eq45.png" style="height: 2em;"></td>
+                  <td><img src="./tinytable_assets/ideg63irrm9erd8sk5tmm0.png" style="height: 2em;"></td>
                 </tr>
         </tbody>
       </table>
@@ -1175,8 +1181,8 @@ <h2 class="anchored" data-anchor-id="fontawesome">Fontawesome</h2>
 
     <script>
 
-      function styleCell_wa268w0sk6d8ll3y0oyp(i, j, css_id) {
-          var table = document.getElementById("tinytable_wa268w0sk6d8ll3y0oyp");
+      function styleCell_9sbgre0my9p1ycjaphmy(i, j, css_id) {
+          var table = document.getElementById("tinytable_9sbgre0my9p1ycjaphmy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1186,7 +1192,7 @@ <h2 class="anchored" data-anchor-id="fontawesome">Fontawesome</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_wa268w0sk6d8ll3y0oyp');
+        var table = document.getElementById('tinytable_9sbgre0my9p1ycjaphmy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1194,8 +1200,8 @@ <h2 class="anchored" data-anchor-id="fontawesome">Fontawesome</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_wa268w0sk6d8ll3y0oyp(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_wa268w0sk6d8ll3y0oyp");
+      function spanCell_9sbgre0my9p1ycjaphmy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_9sbgre0my9p1ycjaphmy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1225,13 +1231,13 @@ <h2 class="anchored" data-anchor-id="fontawesome">Fontawesome</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_ibpqzlvm2jp05b9ixpfw',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_igb1q7kcudrceuk35w5g',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_wa268w0sk6d8ll3y0oyp(cell.i, cell.j, group.css_id);
+                  styleCell_9sbgre0my9p1ycjaphmy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1239,10 +1245,10 @@ <h2 class="anchored" data-anchor-id="fontawesome">Fontawesome</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ibpqzlvm2jp05b9ixpfw, .table th.tinytable_css_ibpqzlvm2jp05b9ixpfw { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_igb1q7kcudrceuk35w5g, .table th.tinytable_css_igb1q7kcudrceuk35w5g { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_wa268w0sk6d8ll3y0oyp" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_9sbgre0my9p1ycjaphmy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
diff --git a/vignettes/style.html b/vignettes/style.html
index f9203a55..7abdf5ba 100644
--- a/vignettes/style.html
+++ b/vignettes/style.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -454,8 +460,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_lzzh4rf4f4hnre34n80k(i, j, css_id) {
-          var table = document.getElementById("tinytable_lzzh4rf4f4hnre34n80k");
+      function styleCell_jxokrqwb4k8ppughovbb(i, j, css_id) {
+          var table = document.getElementById("tinytable_jxokrqwb4k8ppughovbb");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -465,7 +471,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_lzzh4rf4f4hnre34n80k');
+        var table = document.getElementById('tinytable_jxokrqwb4k8ppughovbb');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -473,8 +479,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_lzzh4rf4f4hnre34n80k(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_lzzh4rf4f4hnre34n80k");
+      function spanCell_jxokrqwb4k8ppughovbb(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_jxokrqwb4k8ppughovbb");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -504,14 +510,14 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 2, j: 2 },  ], css_id: 'tinytable_css_8f5yl9d56evebjbdv39e',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 4 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_544s6x4kgkhjpgx52gma',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 4 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_t6hunfe3koq3bzu8qcy6',}, 
+          { positions: [ { i: 2, j: 2 },  ], css_id: 'tinytable_css_3zrn683kb5vndcuorxpc',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_lzzh4rf4f4hnre34n80k(cell.i, cell.j, group.css_id);
+                  styleCell_jxokrqwb4k8ppughovbb(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -519,11 +525,11 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_8f5yl9d56evebjbdv39e, .table th.tinytable_css_8f5yl9d56evebjbdv39e { color: white; background-color: black; }
-      .table td.tinytable_css_544s6x4kgkhjpgx52gma, .table th.tinytable_css_544s6x4kgkhjpgx52gma { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_t6hunfe3koq3bzu8qcy6, .table th.tinytable_css_t6hunfe3koq3bzu8qcy6 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_3zrn683kb5vndcuorxpc, .table th.tinytable_css_3zrn683kb5vndcuorxpc { color: white; background-color: black; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_lzzh4rf4f4hnre34n80k" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_jxokrqwb4k8ppughovbb" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -583,8 +589,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_zriswnrk02dhwiac0p2x(i, j, css_id) {
-          var table = document.getElementById("tinytable_zriswnrk02dhwiac0p2x");
+      function styleCell_vxsmzy3aiit721fu0gs0(i, j, css_id) {
+          var table = document.getElementById("tinytable_vxsmzy3aiit721fu0gs0");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -594,7 +600,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_zriswnrk02dhwiac0p2x');
+        var table = document.getElementById('tinytable_vxsmzy3aiit721fu0gs0');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -602,8 +608,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_zriswnrk02dhwiac0p2x(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_zriswnrk02dhwiac0p2x");
+      function spanCell_vxsmzy3aiit721fu0gs0(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_vxsmzy3aiit721fu0gs0");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -633,14 +639,14 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 3, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 3 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_a1lvmfl5xrbd4cg1ygkn',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 4 }, { i: 4, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_2phlnbznxcj39yu4cz9m',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 4 }, { i: 4, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_s3uxf9yvvnoxoxyxj130',}, 
+          { positions: [ { i: 3, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 3 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_daog0iixk5g31s80xxu0',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_zriswnrk02dhwiac0p2x(cell.i, cell.j, group.css_id);
+                  styleCell_vxsmzy3aiit721fu0gs0(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -648,11 +654,11 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_a1lvmfl5xrbd4cg1ygkn, .table th.tinytable_css_a1lvmfl5xrbd4cg1ygkn { font-style: italic; color: orange; }
-      .table td.tinytable_css_2phlnbznxcj39yu4cz9m, .table th.tinytable_css_2phlnbznxcj39yu4cz9m { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_s3uxf9yvvnoxoxyxj130, .table th.tinytable_css_s3uxf9yvvnoxoxyxj130 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_daog0iixk5g31s80xxu0, .table th.tinytable_css_daog0iixk5g31s80xxu0 { font-style: italic; color: orange; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_zriswnrk02dhwiac0p2x" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_vxsmzy3aiit721fu0gs0" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -707,8 +713,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_iegcksw0908r73rpwy3s(i, j, css_id) {
-          var table = document.getElementById("tinytable_iegcksw0908r73rpwy3s");
+      function styleCell_mbps7cuh6h03mnjhclpc(i, j, css_id) {
+          var table = document.getElementById("tinytable_mbps7cuh6h03mnjhclpc");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -718,7 +724,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_iegcksw0908r73rpwy3s');
+        var table = document.getElementById('tinytable_mbps7cuh6h03mnjhclpc');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -726,8 +732,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_iegcksw0908r73rpwy3s(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_iegcksw0908r73rpwy3s");
+      function spanCell_mbps7cuh6h03mnjhclpc(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_mbps7cuh6h03mnjhclpc");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -757,14 +763,14 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_iq6q23y7b1lxxqyn3jqe',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_3mvfvt5u6pldxksv061e',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_ylg2dipnl034z28kdjeb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_2k7syfconafcy7c0s9om',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_iegcksw0908r73rpwy3s(cell.i, cell.j, group.css_id);
+                  styleCell_mbps7cuh6h03mnjhclpc(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -772,11 +778,11 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_iq6q23y7b1lxxqyn3jqe, .table th.tinytable_css_iq6q23y7b1lxxqyn3jqe { color: orange; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_3mvfvt5u6pldxksv061e, .table th.tinytable_css_3mvfvt5u6pldxksv061e { color: orange; }
+      .table td.tinytable_css_ylg2dipnl034z28kdjeb, .table th.tinytable_css_ylg2dipnl034z28kdjeb { color: orange; }
+      .table td.tinytable_css_2k7syfconafcy7c0s9om, .table th.tinytable_css_2k7syfconafcy7c0s9om { color: orange; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_iegcksw0908r73rpwy3s" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_mbps7cuh6h03mnjhclpc" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -831,8 +837,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_eiyz4s9j322f5su9628h(i, j, css_id) {
-          var table = document.getElementById("tinytable_eiyz4s9j322f5su9628h");
+      function styleCell_ldmxisn87becda4l2ec8(i, j, css_id) {
+          var table = document.getElementById("tinytable_ldmxisn87becda4l2ec8");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -842,7 +848,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_eiyz4s9j322f5su9628h');
+        var table = document.getElementById('tinytable_ldmxisn87becda4l2ec8');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -850,8 +856,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_eiyz4s9j322f5su9628h(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_eiyz4s9j322f5su9628h");
+      function spanCell_ldmxisn87becda4l2ec8(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_ldmxisn87becda4l2ec8");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -881,14 +887,14 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_y8d0ix3coenmwmxuhj1a',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 1, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_l4g2hogrl96vtsw5ac6w',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 1, j: 4 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_carkw9rmsyy7atv3wlvf',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_80ud1mnpn6w8deihr4cq',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_eiyz4s9j322f5su9628h(cell.i, cell.j, group.css_id);
+                  styleCell_ldmxisn87becda4l2ec8(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -896,11 +902,11 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_y8d0ix3coenmwmxuhj1a, .table th.tinytable_css_y8d0ix3coenmwmxuhj1a { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_l4g2hogrl96vtsw5ac6w, .table th.tinytable_css_l4g2hogrl96vtsw5ac6w { color: orange; }
+      .table td.tinytable_css_carkw9rmsyy7atv3wlvf, .table th.tinytable_css_carkw9rmsyy7atv3wlvf { color: orange; }
+      .table td.tinytable_css_80ud1mnpn6w8deihr4cq, .table th.tinytable_css_80ud1mnpn6w8deihr4cq { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_eiyz4s9j322f5su9628h" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_ldmxisn87becda4l2ec8" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -955,8 +961,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_3gyjinck1ghsefwa7i9a(i, j, css_id) {
-          var table = document.getElementById("tinytable_3gyjinck1ghsefwa7i9a");
+      function styleCell_e93oz6lcaw76swu3fta1(i, j, css_id) {
+          var table = document.getElementById("tinytable_e93oz6lcaw76swu3fta1");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -966,7 +972,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_3gyjinck1ghsefwa7i9a');
+        var table = document.getElementById('tinytable_e93oz6lcaw76swu3fta1');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -974,8 +980,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_3gyjinck1ghsefwa7i9a(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_3gyjinck1ghsefwa7i9a");
+      function spanCell_e93oz6lcaw76swu3fta1(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_e93oz6lcaw76swu3fta1");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1005,15 +1011,15 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 4 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_xrlrvlf7wt7ucpjg2wfr',}, 
-          { positions: [ { i: 2, j: 1 }, { i: 1, j: 1 }, { i: 3, j: 3 }, { i: 3, j: 1 }, { i: 1, j: 3 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_hyyiucebttjc6q1kap2r',}, 
-          { positions: [ { i: 0, j: 3 }, { i: 0, j: 1 }, { i: 4, j: 3 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_hq725pftp8vwws9bwvhx',}, 
+          { positions: [ { i: 2, j: 1 }, { i: 1, j: 1 }, { i: 3, j: 3 }, { i: 3, j: 1 }, { i: 1, j: 3 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_z1vb7ehmb0a9fwby2xxk',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 4 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_sxe5lh36laq0v025kqyd',}, 
+          { positions: [ { i: 0, j: 3 }, { i: 0, j: 1 }, { i: 4, j: 3 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_7gcwiyud6l1owuzjp72i',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_3gyjinck1ghsefwa7i9a(cell.i, cell.j, group.css_id);
+                  styleCell_e93oz6lcaw76swu3fta1(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1021,12 +1027,12 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xrlrvlf7wt7ucpjg2wfr, .table th.tinytable_css_xrlrvlf7wt7ucpjg2wfr { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_hyyiucebttjc6q1kap2r, .table th.tinytable_css_hyyiucebttjc6q1kap2r { font-weight: bold; }
-      .table td.tinytable_css_hq725pftp8vwws9bwvhx, .table th.tinytable_css_hq725pftp8vwws9bwvhx { font-weight: bold; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_z1vb7ehmb0a9fwby2xxk, .table th.tinytable_css_z1vb7ehmb0a9fwby2xxk { font-weight: bold; }
+      .table td.tinytable_css_sxe5lh36laq0v025kqyd, .table th.tinytable_css_sxe5lh36laq0v025kqyd { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_7gcwiyud6l1owuzjp72i, .table th.tinytable_css_7gcwiyud6l1owuzjp72i { font-weight: bold; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_3gyjinck1ghsefwa7i9a" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_e93oz6lcaw76swu3fta1" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1081,8 +1087,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_bshibcn4eleaf2kqpl70(i, j, css_id) {
-          var table = document.getElementById("tinytable_bshibcn4eleaf2kqpl70");
+      function styleCell_j1ypszi7z7qj25r76ywz(i, j, css_id) {
+          var table = document.getElementById("tinytable_j1ypszi7z7qj25r76ywz");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1092,7 +1098,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_bshibcn4eleaf2kqpl70');
+        var table = document.getElementById('tinytable_j1ypszi7z7qj25r76ywz');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1100,8 +1106,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_bshibcn4eleaf2kqpl70(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_bshibcn4eleaf2kqpl70");
+      function spanCell_j1ypszi7z7qj25r76ywz(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_j1ypszi7z7qj25r76ywz");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1131,15 +1137,15 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 4 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_uk79l41n9q6tnfo5588k',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 0 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_gutgmc7z5zaciyx3zdvm',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 2 },  ], css_id: 'tinytable_css_7jhjmeyy2l0ave8mdgv9',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 2 },  ], css_id: 'tinytable_css_ufwdna6f234yj32aq6ff',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 4 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_ojs94qi569qmj0319mu3',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 0 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_8dvu9bkrtx2ln6oblk2l',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_bshibcn4eleaf2kqpl70(cell.i, cell.j, group.css_id);
+                  styleCell_j1ypszi7z7qj25r76ywz(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1147,12 +1153,12 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_uk79l41n9q6tnfo5588k, .table th.tinytable_css_uk79l41n9q6tnfo5588k { color: orange; }
-      .table td.tinytable_css_gutgmc7z5zaciyx3zdvm, .table th.tinytable_css_gutgmc7z5zaciyx3zdvm { color: orange; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_7jhjmeyy2l0ave8mdgv9, .table th.tinytable_css_7jhjmeyy2l0ave8mdgv9 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ufwdna6f234yj32aq6ff, .table th.tinytable_css_ufwdna6f234yj32aq6ff { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ojs94qi569qmj0319mu3, .table th.tinytable_css_ojs94qi569qmj0319mu3 { color: orange; }
+      .table td.tinytable_css_8dvu9bkrtx2ln6oblk2l, .table th.tinytable_css_8dvu9bkrtx2ln6oblk2l { color: orange; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_bshibcn4eleaf2kqpl70" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_j1ypszi7z7qj25r76ywz" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1204,8 +1210,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_nzcg53qe12mgo6x8xjhg(i, j, css_id) {
-          var table = document.getElementById("tinytable_nzcg53qe12mgo6x8xjhg");
+      function styleCell_x7afwcqfxekfsk4ey51j(i, j, css_id) {
+          var table = document.getElementById("tinytable_x7afwcqfxekfsk4ey51j");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1215,7 +1221,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_nzcg53qe12mgo6x8xjhg');
+        var table = document.getElementById('tinytable_x7afwcqfxekfsk4ey51j');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1223,8 +1229,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_nzcg53qe12mgo6x8xjhg(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_nzcg53qe12mgo6x8xjhg");
+      function spanCell_x7afwcqfxekfsk4ey51j(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_x7afwcqfxekfsk4ey51j");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1254,15 +1260,15 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 4 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_ft0tsab89dg934uy8ceh',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 0 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_ahb2hcrxemao4jhwq2q6',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 2 },  ], css_id: 'tinytable_css_3nz3v0l5wo7umuq16f85',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 2 },  ], css_id: 'tinytable_css_pjj6ty9e3f61w623rmsx',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 0 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_me60td8df8prd46a6083',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 4 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_81nqkfbfzybiaqorjtv5',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_nzcg53qe12mgo6x8xjhg(cell.i, cell.j, group.css_id);
+                  styleCell_x7afwcqfxekfsk4ey51j(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1270,12 +1276,12 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_ft0tsab89dg934uy8ceh, .table th.tinytable_css_ft0tsab89dg934uy8ceh { color: orange; }
-      .table td.tinytable_css_ahb2hcrxemao4jhwq2q6, .table th.tinytable_css_ahb2hcrxemao4jhwq2q6 { color: orange; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_3nz3v0l5wo7umuq16f85, .table th.tinytable_css_3nz3v0l5wo7umuq16f85 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_pjj6ty9e3f61w623rmsx, .table th.tinytable_css_pjj6ty9e3f61w623rmsx { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_me60td8df8prd46a6083, .table th.tinytable_css_me60td8df8prd46a6083 { color: orange; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_81nqkfbfzybiaqorjtv5, .table th.tinytable_css_81nqkfbfzybiaqorjtv5 { color: orange; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_nzcg53qe12mgo6x8xjhg" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_x7afwcqfxekfsk4ey51j" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1330,8 +1336,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_uve3jj2pfastr6abqx5q(i, j, css_id) {
-          var table = document.getElementById("tinytable_uve3jj2pfastr6abqx5q");
+      function styleCell_bt5rhy2mhcug7bhj3ri6(i, j, css_id) {
+          var table = document.getElementById("tinytable_bt5rhy2mhcug7bhj3ri6");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1341,7 +1347,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_uve3jj2pfastr6abqx5q');
+        var table = document.getElementById('tinytable_bt5rhy2mhcug7bhj3ri6');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1349,8 +1355,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_uve3jj2pfastr6abqx5q(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_uve3jj2pfastr6abqx5q");
+      function spanCell_bt5rhy2mhcug7bhj3ri6(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_bt5rhy2mhcug7bhj3ri6");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1380,15 +1386,15 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 4, j: 4 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_t9sfptj6v3ug5mq9x6f1',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_oz34me9lws6uhnpv6zqr',}, 
-          { positions: [ { i: 3, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 2, j: 2 }, { i: 3, j: 2 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_a2zyhryw20w5r6q6dy1q',}, 
+          { positions: [ { i: 3, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 2, j: 2 }, { i: 3, j: 2 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 1, j: 3 }, { i: 2, j: 3 },  ], css_id: 'tinytable_css_yym94vjyw5r1pa4jdnai',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 4, j: 4 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_x45hmiwutl3926g4xv4d',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_lpqqoxguwu000p1jevwb',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_uve3jj2pfastr6abqx5q(cell.i, cell.j, group.css_id);
+                  styleCell_bt5rhy2mhcug7bhj3ri6(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1396,12 +1402,12 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_t9sfptj6v3ug5mq9x6f1, .table th.tinytable_css_t9sfptj6v3ug5mq9x6f1 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_oz34me9lws6uhnpv6zqr, .table th.tinytable_css_oz34me9lws6uhnpv6zqr { color: orange; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_a2zyhryw20w5r6q6dy1q, .table th.tinytable_css_a2zyhryw20w5r6q6dy1q { color: orange; }
+      .table td.tinytable_css_yym94vjyw5r1pa4jdnai, .table th.tinytable_css_yym94vjyw5r1pa4jdnai { color: orange; }
+      .table td.tinytable_css_x45hmiwutl3926g4xv4d, .table th.tinytable_css_x45hmiwutl3926g4xv4d { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_lpqqoxguwu000p1jevwb, .table th.tinytable_css_lpqqoxguwu000p1jevwb { color: orange; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_uve3jj2pfastr6abqx5q" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_bt5rhy2mhcug7bhj3ri6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1458,8 +1464,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <script>
 
-      function styleCell_qmtfmzvjw75a3vdoi79u(i, j, css_id) {
-          var table = document.getElementById("tinytable_qmtfmzvjw75a3vdoi79u");
+      function styleCell_k0e8309q78i5jkt3tsyp(i, j, css_id) {
+          var table = document.getElementById("tinytable_k0e8309q78i5jkt3tsyp");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1469,7 +1475,7 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_qmtfmzvjw75a3vdoi79u');
+        var table = document.getElementById('tinytable_k0e8309q78i5jkt3tsyp');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1477,8 +1483,8 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_qmtfmzvjw75a3vdoi79u(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_qmtfmzvjw75a3vdoi79u");
+      function spanCell_k0e8309q78i5jkt3tsyp(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_k0e8309q78i5jkt3tsyp");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1508,15 +1514,15 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 1 }, { i: 1, j: 0 },  ], css_id: 'tinytable_css_t96wn0uk7dbikw9v0qih',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_qefj1dyyg20n702phbjg',}, 
-          { positions: [ { i: 1, j: 3 }, { i: 1, j: 2 },  ], css_id: 'tinytable_css_dg73i0uztc2dmoxiy69f',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_tkvz72118poey5572y8w',}, 
+          { positions: [ { i: 1, j: 3 }, { i: 1, j: 2 },  ], css_id: 'tinytable_css_ozg8y9l5cgogctyl1k2a',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 1, j: 0 },  ], css_id: 'tinytable_css_2dyvche5kd19r78kxke0',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_qmtfmzvjw75a3vdoi79u(cell.i, cell.j, group.css_id);
+                  styleCell_k0e8309q78i5jkt3tsyp(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1524,12 +1530,12 @@ <h2 class="anchored" data-anchor-id="cells-rows-columns">Cells, rows, columns</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_t96wn0uk7dbikw9v0qih, .table th.tinytable_css_t96wn0uk7dbikw9v0qih { color: orange; }
-      .table td.tinytable_css_qefj1dyyg20n702phbjg, .table th.tinytable_css_qefj1dyyg20n702phbjg { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_dg73i0uztc2dmoxiy69f, .table th.tinytable_css_dg73i0uztc2dmoxiy69f { color: green; }
+      .table td.tinytable_css_tkvz72118poey5572y8w, .table th.tinytable_css_tkvz72118poey5572y8w { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ozg8y9l5cgogctyl1k2a, .table th.tinytable_css_ozg8y9l5cgogctyl1k2a { color: green; }
+      .table td.tinytable_css_2dyvche5kd19r78kxke0, .table th.tinytable_css_2dyvche5kd19r78kxke0 { color: orange; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_qmtfmzvjw75a3vdoi79u" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_k0e8309q78i5jkt3tsyp" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1600,8 +1606,8 @@ <h2 class="anchored" data-anchor-id="colors">Colors</h2>
 
     <script>
 
-      function styleCell_0t3zplsopqpyihnwmlxv(i, j, css_id) {
-          var table = document.getElementById("tinytable_0t3zplsopqpyihnwmlxv");
+      function styleCell_rjwabag9jm7xaxxpfuq8(i, j, css_id) {
+          var table = document.getElementById("tinytable_rjwabag9jm7xaxxpfuq8");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1611,7 +1617,7 @@ <h2 class="anchored" data-anchor-id="colors">Colors</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_0t3zplsopqpyihnwmlxv');
+        var table = document.getElementById('tinytable_rjwabag9jm7xaxxpfuq8');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1619,8 +1625,8 @@ <h2 class="anchored" data-anchor-id="colors">Colors</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_0t3zplsopqpyihnwmlxv(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_0t3zplsopqpyihnwmlxv");
+      function spanCell_rjwabag9jm7xaxxpfuq8(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_rjwabag9jm7xaxxpfuq8");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1650,15 +1656,15 @@ <h2 class="anchored" data-anchor-id="colors">Colors</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 4, j: 0 },  ], css_id: 'tinytable_css_qstqxhlggxfsslga97tw',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_j4gfrqzprevtonxfixe5',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_bv3ehg5mye4lhbh6930c',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_xer9kvgk475qd4g9r71g',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_4tbb7tar4uplgbd59kz6',}, 
+          { positions: [ { i: 4, j: 0 },  ], css_id: 'tinytable_css_31al3y4roz5cnrh1eb9o',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_0t3zplsopqpyihnwmlxv(cell.i, cell.j, group.css_id);
+                  styleCell_rjwabag9jm7xaxxpfuq8(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1666,12 +1672,12 @@ <h2 class="anchored" data-anchor-id="colors">Colors</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_qstqxhlggxfsslga97tw, .table th.tinytable_css_qstqxhlggxfsslga97tw { color: #FF5733; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_j4gfrqzprevtonxfixe5, .table th.tinytable_css_j4gfrqzprevtonxfixe5 { color: #FF5733; }
-      .table td.tinytable_css_bv3ehg5mye4lhbh6930c, .table th.tinytable_css_bv3ehg5mye4lhbh6930c { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_xer9kvgk475qd4g9r71g, .table th.tinytable_css_xer9kvgk475qd4g9r71g { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_4tbb7tar4uplgbd59kz6, .table th.tinytable_css_4tbb7tar4uplgbd59kz6 { color: #FF5733; }
+      .table td.tinytable_css_31al3y4roz5cnrh1eb9o, .table th.tinytable_css_31al3y4roz5cnrh1eb9o { color: #FF5733; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_0t3zplsopqpyihnwmlxv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_rjwabag9jm7xaxxpfuq8" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1735,8 +1741,8 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
 
     <script>
 
-      function styleCell_5g5zku1ygewus0ahfny7(i, j, css_id) {
-          var table = document.getElementById("tinytable_5g5zku1ygewus0ahfny7");
+      function styleCell_739upym08p277erv1ty3(i, j, css_id) {
+          var table = document.getElementById("tinytable_739upym08p277erv1ty3");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1746,7 +1752,7 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_5g5zku1ygewus0ahfny7');
+        var table = document.getElementById('tinytable_739upym08p277erv1ty3');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1754,8 +1760,8 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_5g5zku1ygewus0ahfny7(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_5g5zku1ygewus0ahfny7");
+      function spanCell_739upym08p277erv1ty3(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_739upym08p277erv1ty3");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1785,14 +1791,14 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_lu0brkq148sgq71cdz5j',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 },  ], css_id: 'tinytable_css_jae4749oq5h7zuefapel',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_tsxxcurzvciigoif0623',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 },  ], css_id: 'tinytable_css_03ejjweqpaqlmyqs8og0',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_5g5zku1ygewus0ahfny7(cell.i, cell.j, group.css_id);
+                  styleCell_739upym08p277erv1ty3(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1800,11 +1806,11 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_lu0brkq148sgq71cdz5j, .table th.tinytable_css_lu0brkq148sgq71cdz5j { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_jae4749oq5h7zuefapel, .table th.tinytable_css_jae4749oq5h7zuefapel { text-align: center; }
+      .table td.tinytable_css_tsxxcurzvciigoif0623, .table th.tinytable_css_tsxxcurzvciigoif0623 { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_03ejjweqpaqlmyqs8og0, .table th.tinytable_css_03ejjweqpaqlmyqs8og0 { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_5g5zku1ygewus0ahfny7" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_739upym08p277erv1ty3" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1841,8 +1847,8 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
 
     <script>
 
-      function styleCell_kbo84nvecphque45wu0t(i, j, css_id) {
-          var table = document.getElementById("tinytable_kbo84nvecphque45wu0t");
+      function styleCell_sda25ct8ss7xoyctydph(i, j, css_id) {
+          var table = document.getElementById("tinytable_sda25ct8ss7xoyctydph");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1852,7 +1858,7 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_kbo84nvecphque45wu0t');
+        var table = document.getElementById('tinytable_sda25ct8ss7xoyctydph');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1860,8 +1866,8 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_kbo84nvecphque45wu0t(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_kbo84nvecphque45wu0t");
+      function spanCell_sda25ct8ss7xoyctydph(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_sda25ct8ss7xoyctydph");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1891,18 +1897,18 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_sz100x11q3kxb28kojwr',}, 
-          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_qg2czfs8c79daienfl8g',}, 
-          { positions: [ { i: 1, j: 2 }, { i: 2, j: 2 },  ], css_id: 'tinytable_css_pnzxbyp2be1bkco3210y',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_nrhnuezl6zzea8w8yzvc',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_aythm4jey4dpv7hfdmsn',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_afyc0gcyx5urqbwfw4ao',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_yyqs71vyt365pbn5f3pk',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_h8acasrtasqlu8x35s89',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 },  ], css_id: 'tinytable_css_alwp8efwvmngsadrdi8o',}, 
+          { positions: [ { i: 1, j: 2 }, { i: 2, j: 2 },  ], css_id: 'tinytable_css_9b8pcufpieh9hkb2quua',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_4xddr7kezax1xp7o6fr9',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_0oa6ytbedcxacwikv9mm',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_kbo84nvecphque45wu0t(cell.i, cell.j, group.css_id);
+                  styleCell_sda25ct8ss7xoyctydph(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1910,15 +1916,15 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_sz100x11q3kxb28kojwr, .table th.tinytable_css_sz100x11q3kxb28kojwr { text-align: left; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_qg2czfs8c79daienfl8g, .table th.tinytable_css_qg2czfs8c79daienfl8g { text-align: center; }
-      .table td.tinytable_css_pnzxbyp2be1bkco3210y, .table th.tinytable_css_pnzxbyp2be1bkco3210y { text-align: right; }
-      .table td.tinytable_css_nrhnuezl6zzea8w8yzvc, .table th.tinytable_css_nrhnuezl6zzea8w8yzvc { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_aythm4jey4dpv7hfdmsn, .table th.tinytable_css_aythm4jey4dpv7hfdmsn { text-align: right; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_afyc0gcyx5urqbwfw4ao, .table th.tinytable_css_afyc0gcyx5urqbwfw4ao { text-align: left; }
+      .table td.tinytable_css_yyqs71vyt365pbn5f3pk, .table th.tinytable_css_yyqs71vyt365pbn5f3pk { text-align: center; }
+      .table td.tinytable_css_h8acasrtasqlu8x35s89, .table th.tinytable_css_h8acasrtasqlu8x35s89 { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_alwp8efwvmngsadrdi8o, .table th.tinytable_css_alwp8efwvmngsadrdi8o { text-align: left; }
+      .table td.tinytable_css_9b8pcufpieh9hkb2quua, .table th.tinytable_css_9b8pcufpieh9hkb2quua { text-align: right; }
+      .table td.tinytable_css_4xddr7kezax1xp7o6fr9, .table th.tinytable_css_4xddr7kezax1xp7o6fr9 { text-align: right; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_0oa6ytbedcxacwikv9mm, .table th.tinytable_css_0oa6ytbedcxacwikv9mm { text-align: left; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_kbo84nvecphque45wu0t" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_sda25ct8ss7xoyctydph" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1961,8 +1967,8 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
 
     <script>
 
-      function styleCell_es90sejv1tzirjzqu6ya(i, j, css_id) {
-          var table = document.getElementById("tinytable_es90sejv1tzirjzqu6ya");
+      function styleCell_b43txuoblmvpar4e93gy(i, j, css_id) {
+          var table = document.getElementById("tinytable_b43txuoblmvpar4e93gy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1972,7 +1978,7 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_es90sejv1tzirjzqu6ya');
+        var table = document.getElementById('tinytable_b43txuoblmvpar4e93gy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1980,8 +1986,8 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_es90sejv1tzirjzqu6ya(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_es90sejv1tzirjzqu6ya");
+      function spanCell_b43txuoblmvpar4e93gy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_b43txuoblmvpar4e93gy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2011,14 +2017,14 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_x0v1cxub8o0ypauortd6',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_g45a23cqneqddtu5vuug',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_wg8f9ls9b693cq6sow4l',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_5up0qqks9eelof77uhs1',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_es90sejv1tzirjzqu6ya(cell.i, cell.j, group.css_id);
+                  styleCell_b43txuoblmvpar4e93gy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2026,11 +2032,11 @@ <h2 class="anchored" data-anchor-id="alignment">Alignment</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_x0v1cxub8o0ypauortd6, .table th.tinytable_css_x0v1cxub8o0ypauortd6 { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_g45a23cqneqddtu5vuug, .table th.tinytable_css_g45a23cqneqddtu5vuug { text-align: center; }
+      .table td.tinytable_css_wg8f9ls9b693cq6sow4l, .table th.tinytable_css_wg8f9ls9b693cq6sow4l { text-align: center; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_5up0qqks9eelof77uhs1, .table th.tinytable_css_5up0qqks9eelof77uhs1 { text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_es90sejv1tzirjzqu6ya" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_b43txuoblmvpar4e93gy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2068,8 +2074,8 @@ <h2 class="anchored" data-anchor-id="font-size">Font size</h2>
 
     <script>
 
-      function styleCell_ats1yjp5keawcfpwcmwk(i, j, css_id) {
-          var table = document.getElementById("tinytable_ats1yjp5keawcfpwcmwk");
+      function styleCell_8y0m9h6zkorewwhe9gwl(i, j, css_id) {
+          var table = document.getElementById("tinytable_8y0m9h6zkorewwhe9gwl");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2079,7 +2085,7 @@ <h2 class="anchored" data-anchor-id="font-size">Font size</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ats1yjp5keawcfpwcmwk');
+        var table = document.getElementById('tinytable_8y0m9h6zkorewwhe9gwl');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2087,8 +2093,8 @@ <h2 class="anchored" data-anchor-id="font-size">Font size</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ats1yjp5keawcfpwcmwk(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ats1yjp5keawcfpwcmwk");
+      function spanCell_8y0m9h6zkorewwhe9gwl(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_8y0m9h6zkorewwhe9gwl");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2118,15 +2124,15 @@ <h2 class="anchored" data-anchor-id="font-size">Font size</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 1 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_zff9supcvbh106mmlarv',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_l1padw0uym96b72digty',}, 
-          { positions: [ { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 0 },  ], css_id: 'tinytable_css_bintebhvo0auilddmby7',}, 
+          { positions: [ { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 3 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 0 },  ], css_id: 'tinytable_css_jilv2z9w6c9fc1bl7ky3',}, 
+          { positions: [ { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 1 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_e2yr7lj2zgm1da3ysy65',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_7tgpz7d27mz58esrgu9z',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ats1yjp5keawcfpwcmwk(cell.i, cell.j, group.css_id);
+                  styleCell_8y0m9h6zkorewwhe9gwl(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2134,12 +2140,12 @@ <h2 class="anchored" data-anchor-id="font-size">Font size</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_zff9supcvbh106mmlarv, .table th.tinytable_css_zff9supcvbh106mmlarv { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_l1padw0uym96b72digty, .table th.tinytable_css_l1padw0uym96b72digty { font-size: 1.5em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_bintebhvo0auilddmby7, .table th.tinytable_css_bintebhvo0auilddmby7 { font-size: 1.5em; }
+      .table td.tinytable_css_jilv2z9w6c9fc1bl7ky3, .table th.tinytable_css_jilv2z9w6c9fc1bl7ky3 { font-size: 1.5em; }
+      .table td.tinytable_css_e2yr7lj2zgm1da3ysy65, .table th.tinytable_css_e2yr7lj2zgm1da3ysy65 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_7tgpz7d27mz58esrgu9z, .table th.tinytable_css_7tgpz7d27mz58esrgu9z { font-size: 1.5em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ats1yjp5keawcfpwcmwk" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_8y0m9h6zkorewwhe9gwl" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2205,8 +2211,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <script>
 
-      function styleCell_t59bgwk5dtr5tau3az6k(i, j, css_id) {
-          var table = document.getElementById("tinytable_t59bgwk5dtr5tau3az6k");
+      function styleCell_jprmwyuygac1hha6oa3u(i, j, css_id) {
+          var table = document.getElementById("tinytable_jprmwyuygac1hha6oa3u");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2216,7 +2222,7 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_t59bgwk5dtr5tau3az6k');
+        var table = document.getElementById('tinytable_jprmwyuygac1hha6oa3u');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2224,8 +2230,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_t59bgwk5dtr5tau3az6k(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_t59bgwk5dtr5tau3az6k");
+      function spanCell_jprmwyuygac1hha6oa3u(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_jprmwyuygac1hha6oa3u");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2252,18 +2258,18 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-      window.addEventListener('load', function () { spanCell_t59bgwk5dtr5tau3az6k(2, 1, 2, 3) })
+      window.addEventListener('load', function () { spanCell_jprmwyuygac1hha6oa3u(2, 1, 2, 3) })
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 2, j: 1 },  ], css_id: 'tinytable_css_qitae5uelyj4fbkz42r2',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 3 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_298f5hm7ekjgpgkq4jo9',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 3 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_bm9dfcqa14b9onqtat7m',}, 
+          { positions: [ { i: 2, j: 1 },  ], css_id: 'tinytable_css_5vu5ckytijuvg7lgvkch',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_t59bgwk5dtr5tau3az6k(cell.i, cell.j, group.css_id);
+                  styleCell_jprmwyuygac1hha6oa3u(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2271,11 +2277,11 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_qitae5uelyj4fbkz42r2, .table th.tinytable_css_qitae5uelyj4fbkz42r2 { font-weight: bold; color: white; background-color: black; vertical-align: middle; text-align: center; }
-      .table td.tinytable_css_298f5hm7ekjgpgkq4jo9, .table th.tinytable_css_298f5hm7ekjgpgkq4jo9 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_bm9dfcqa14b9onqtat7m, .table th.tinytable_css_bm9dfcqa14b9onqtat7m { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_5vu5ckytijuvg7lgvkch, .table th.tinytable_css_5vu5ckytijuvg7lgvkch { font-weight: bold; color: white; background-color: black; vertical-align: middle; text-align: center; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_t59bgwk5dtr5tau3az6k" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_jprmwyuygac1hha6oa3u" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2330,8 +2336,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <script>
 
-      function styleCell_m9ciyeye445eb6vm3nbc(i, j, css_id) {
-          var table = document.getElementById("tinytable_m9ciyeye445eb6vm3nbc");
+      function styleCell_2hlw6ustzn3ppynbcpcw(i, j, css_id) {
+          var table = document.getElementById("tinytable_2hlw6ustzn3ppynbcpcw");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2341,7 +2347,7 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_m9ciyeye445eb6vm3nbc');
+        var table = document.getElementById('tinytable_2hlw6ustzn3ppynbcpcw');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2349,8 +2355,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_m9ciyeye445eb6vm3nbc(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_m9ciyeye445eb6vm3nbc");
+      function spanCell_2hlw6ustzn3ppynbcpcw(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_2hlw6ustzn3ppynbcpcw");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2380,13 +2386,13 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_c3wsaicou7s8w86w9w8s',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_pb1dyr1u21gpmudlvnyh',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_m9ciyeye445eb6vm3nbc(cell.i, cell.j, group.css_id);
+                  styleCell_2hlw6ustzn3ppynbcpcw(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2394,10 +2400,10 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_c3wsaicou7s8w86w9w8s, .table th.tinytable_css_c3wsaicou7s8w86w9w8s { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_pb1dyr1u21gpmudlvnyh, .table th.tinytable_css_pb1dyr1u21gpmudlvnyh { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_m9ciyeye445eb6vm3nbc" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_2hlw6ustzn3ppynbcpcw" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2465,8 +2471,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <script>
 
-      function styleCell_rbsyp7mbp9869tvpa7eb(i, j, css_id) {
-          var table = document.getElementById("tinytable_rbsyp7mbp9869tvpa7eb");
+      function styleCell_cl7evu4jeafy3lr0ofob(i, j, css_id) {
+          var table = document.getElementById("tinytable_cl7evu4jeafy3lr0ofob");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2476,7 +2482,7 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_rbsyp7mbp9869tvpa7eb');
+        var table = document.getElementById('tinytable_cl7evu4jeafy3lr0ofob');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2484,8 +2490,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_rbsyp7mbp9869tvpa7eb(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_rbsyp7mbp9869tvpa7eb");
+      function spanCell_cl7evu4jeafy3lr0ofob(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_cl7evu4jeafy3lr0ofob");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2512,20 +2518,20 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-      window.addEventListener('load', function () { spanCell_rbsyp7mbp9869tvpa7eb(5, 0, 2, 1) })
-      window.addEventListener('load', function () { spanCell_rbsyp7mbp9869tvpa7eb(3, 0, 2, 1) })
-      window.addEventListener('load', function () { spanCell_rbsyp7mbp9869tvpa7eb(1, 0, 2, 1) })
+      window.addEventListener('load', function () { spanCell_cl7evu4jeafy3lr0ofob(5, 0, 2, 1) })
+      window.addEventListener('load', function () { spanCell_cl7evu4jeafy3lr0ofob(3, 0, 2, 1) })
+      window.addEventListener('load', function () { spanCell_cl7evu4jeafy3lr0ofob(1, 0, 2, 1) })
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 0 }, { i: 6, j: 2 },  ], css_id: 'tinytable_css_f1zx8iec3lj8mpw0iw6x',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 5, j: 0 },  ], css_id: 'tinytable_css_2th9zbcp74sylzeyqbpc',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 0 }, { i: 6, j: 2 },  ], css_id: 'tinytable_css_c3br8xb11hzy48u5ra65',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 5, j: 0 },  ], css_id: 'tinytable_css_3vz6yw1dx0w33cmxh6u4',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_rbsyp7mbp9869tvpa7eb(cell.i, cell.j, group.css_id);
+                  styleCell_cl7evu4jeafy3lr0ofob(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2533,11 +2539,11 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_f1zx8iec3lj8mpw0iw6x, .table th.tinytable_css_f1zx8iec3lj8mpw0iw6x { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_2th9zbcp74sylzeyqbpc, .table th.tinytable_css_2th9zbcp74sylzeyqbpc { vertical-align: top; }
+      .table td.tinytable_css_c3br8xb11hzy48u5ra65, .table th.tinytable_css_c3br8xb11hzy48u5ra65 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_3vz6yw1dx0w33cmxh6u4, .table th.tinytable_css_3vz6yw1dx0w33cmxh6u4 { vertical-align: top; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_rbsyp7mbp9869tvpa7eb" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_cl7evu4jeafy3lr0ofob" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2595,8 +2601,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <script>
 
-      function styleCell_utt37a40lpkt86v0b78a(i, j, css_id) {
-          var table = document.getElementById("tinytable_utt37a40lpkt86v0b78a");
+      function styleCell_hcql5llbfagd5veb3f9k(i, j, css_id) {
+          var table = document.getElementById("tinytable_hcql5llbfagd5veb3f9k");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2606,7 +2612,7 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_utt37a40lpkt86v0b78a');
+        var table = document.getElementById('tinytable_hcql5llbfagd5veb3f9k');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2614,8 +2620,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_utt37a40lpkt86v0b78a(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_utt37a40lpkt86v0b78a");
+      function spanCell_hcql5llbfagd5veb3f9k(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_hcql5llbfagd5veb3f9k");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2645,13 +2651,13 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_k734we4yzjeh023x49fk',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_mjvc7b4izqv39qmff7a6',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_utt37a40lpkt86v0b78a(cell.i, cell.j, group.css_id);
+                  styleCell_hcql5llbfagd5veb3f9k(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2659,10 +2665,10 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_k734we4yzjeh023x49fk, .table th.tinytable_css_k734we4yzjeh023x49fk { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_mjvc7b4izqv39qmff7a6, .table th.tinytable_css_mjvc7b4izqv39qmff7a6 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table-bordered" id="tinytable_utt37a40lpkt86v0b78a" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table-bordered" id="tinytable_hcql5llbfagd5veb3f9k" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2696,8 +2702,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <script>
 
-      function styleCell_0dqbdisdyte4qcf5tcyu(i, j, css_id) {
-          var table = document.getElementById("tinytable_0dqbdisdyte4qcf5tcyu");
+      function styleCell_52n1me0vupvq6xojkeja(i, j, css_id) {
+          var table = document.getElementById("tinytable_52n1me0vupvq6xojkeja");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2707,7 +2713,7 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_0dqbdisdyte4qcf5tcyu');
+        var table = document.getElementById('tinytable_52n1me0vupvq6xojkeja');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2715,8 +2721,8 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_0dqbdisdyte4qcf5tcyu(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_0dqbdisdyte4qcf5tcyu");
+      function spanCell_52n1me0vupvq6xojkeja(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_52n1me0vupvq6xojkeja");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2743,17 +2749,17 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
         targetCell.colSpan = colspan;
       }
       // tinytable span after
-      window.addEventListener('load', function () { spanCell_0dqbdisdyte4qcf5tcyu(1, 0, 2, 1) })
+      window.addEventListener('load', function () { spanCell_52n1me0vupvq6xojkeja(1, 0, 2, 1) })
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_6fpikc6kg4tft2lrvwxb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_g9gfmr0qkd1y2y4vy7o6',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_0dqbdisdyte4qcf5tcyu(cell.i, cell.j, group.css_id);
+                  styleCell_52n1me0vupvq6xojkeja(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2761,10 +2767,10 @@ <h2 class="anchored" data-anchor-id="spanning-cells-merging-cells">Spanning cell
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_6fpikc6kg4tft2lrvwxb, .table th.tinytable_css_6fpikc6kg4tft2lrvwxb { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_g9gfmr0qkd1y2y4vy7o6, .table th.tinytable_css_g9gfmr0qkd1y2y4vy7o6 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table-bordered" id="tinytable_0dqbdisdyte4qcf5tcyu" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table-bordered" id="tinytable_52n1me0vupvq6xojkeja" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2801,8 +2807,8 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
 
     <script>
 
-      function styleCell_tx9yg2n7i44pvfgec2iu(i, j, css_id) {
-          var table = document.getElementById("tinytable_tx9yg2n7i44pvfgec2iu");
+      function styleCell_q3dapqqu6rb55m0c1w4p(i, j, css_id) {
+          var table = document.getElementById("tinytable_q3dapqqu6rb55m0c1w4p");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2812,7 +2818,7 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_tx9yg2n7i44pvfgec2iu');
+        var table = document.getElementById('tinytable_q3dapqqu6rb55m0c1w4p');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2820,8 +2826,8 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_tx9yg2n7i44pvfgec2iu(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_tx9yg2n7i44pvfgec2iu");
+      function spanCell_q3dapqqu6rb55m0c1w4p(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_q3dapqqu6rb55m0c1w4p");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2851,13 +2857,13 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 3, j: 0 }, { i: 3, j: 1 }, { i: 3, j: 2 }, { i: 3, j: 3 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_xr0odd5irnzq4q6jd5yb',}, 
+          { positions: [ { i: 3, j: 0 }, { i: 3, j: 1 }, { i: 3, j: 2 }, { i: 3, j: 3 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_1vrixov3m5yruxs8wsk5',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_tx9yg2n7i44pvfgec2iu(cell.i, cell.j, group.css_id);
+                  styleCell_q3dapqqu6rb55m0c1w4p(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2865,10 +2871,10 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xr0odd5irnzq4q6jd5yb, .table th.tinytable_css_xr0odd5irnzq4q6jd5yb { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_1vrixov3m5yruxs8wsk5, .table th.tinytable_css_1vrixov3m5yruxs8wsk5 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_tx9yg2n7i44pvfgec2iu" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_q3dapqqu6rb55m0c1w4p" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
         </thead>
@@ -2916,8 +2922,8 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
 
     <script>
 
-      function styleCell_y7m8ffoah0fifjerbnoi(i, j, css_id) {
-          var table = document.getElementById("tinytable_y7m8ffoah0fifjerbnoi");
+      function styleCell_uxfgyn90jvqza5w159gy(i, j, css_id) {
+          var table = document.getElementById("tinytable_uxfgyn90jvqza5w159gy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2927,7 +2933,7 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_y7m8ffoah0fifjerbnoi');
+        var table = document.getElementById('tinytable_uxfgyn90jvqza5w159gy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2935,8 +2941,8 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_y7m8ffoah0fifjerbnoi(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_y7m8ffoah0fifjerbnoi");
+      function spanCell_uxfgyn90jvqza5w159gy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_uxfgyn90jvqza5w159gy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2966,14 +2972,14 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_xpqvi2ohodqvcaw0jqwu',}, 
-          { positions: [ { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_55tfsmz9yblprpf1f52b',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_qjtsilfwy6k935iikcgw',}, 
+          { positions: [ { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_49kyw5oka5q2k5su73xi',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_y7m8ffoah0fifjerbnoi(cell.i, cell.j, group.css_id);
+                  styleCell_uxfgyn90jvqza5w159gy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2981,11 +2987,11 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xpqvi2ohodqvcaw0jqwu, .table th.tinytable_css_xpqvi2ohodqvcaw0jqwu { color: white; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_55tfsmz9yblprpf1f52b, .table th.tinytable_css_55tfsmz9yblprpf1f52b { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_qjtsilfwy6k935iikcgw, .table th.tinytable_css_qjtsilfwy6k935iikcgw { color: white; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_49kyw5oka5q2k5su73xi, .table th.tinytable_css_49kyw5oka5q2k5su73xi { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_y7m8ffoah0fifjerbnoi" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_uxfgyn90jvqza5w159gy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -3040,8 +3046,8 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
 
     <script>
 
-      function styleCell_draw8i8sovzfz67frv1a(i, j, css_id) {
-          var table = document.getElementById("tinytable_draw8i8sovzfz67frv1a");
+      function styleCell_0f50wnozn4dbpy1prqvo(i, j, css_id) {
+          var table = document.getElementById("tinytable_0f50wnozn4dbpy1prqvo");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3051,7 +3057,7 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_draw8i8sovzfz67frv1a');
+        var table = document.getElementById('tinytable_0f50wnozn4dbpy1prqvo');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3059,8 +3065,8 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_draw8i8sovzfz67frv1a(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_draw8i8sovzfz67frv1a");
+      function spanCell_0f50wnozn4dbpy1prqvo(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_0f50wnozn4dbpy1prqvo");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3090,15 +3096,15 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 4 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_s7p9205if5s9b7cvaxx4',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 1 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_p8zo2rhit7dur12tptrb',}, 
-          { positions: [ { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_fr5vn3qt71kut2swhlw6',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 1 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_zjuq483lhisewp11z9yd',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 4 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_mvslywsogilznj193j6y',}, 
+          { positions: [ { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_d8p4jqtumxf58luimyqv',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_draw8i8sovzfz67frv1a(cell.i, cell.j, group.css_id);
+                  styleCell_0f50wnozn4dbpy1prqvo(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3106,12 +3112,12 @@ <h2 class="anchored" data-anchor-id="headers">Headers</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_s7p9205if5s9b7cvaxx4, .table th.tinytable_css_s7p9205if5s9b7cvaxx4 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_p8zo2rhit7dur12tptrb, .table th.tinytable_css_p8zo2rhit7dur12tptrb { color: white; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_fr5vn3qt71kut2swhlw6, .table th.tinytable_css_fr5vn3qt71kut2swhlw6 { color: white; background-color: black; }
+      .table td.tinytable_css_zjuq483lhisewp11z9yd, .table th.tinytable_css_zjuq483lhisewp11z9yd { color: white; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_mvslywsogilznj193j6y, .table th.tinytable_css_mvslywsogilznj193j6y { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_d8p4jqtumxf58luimyqv, .table th.tinytable_css_d8p4jqtumxf58luimyqv { color: white; background-color: black; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_draw8i8sovzfz67frv1a" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_0f50wnozn4dbpy1prqvo" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -3175,8 +3181,8 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
 
     <script>
 
-      function styleCell_ul0u8ugos7uob9iqejuw(i, j, css_id) {
-          var table = document.getElementById("tinytable_ul0u8ugos7uob9iqejuw");
+      function styleCell_nwwy9tfn5v00mplcjo8k(i, j, css_id) {
+          var table = document.getElementById("tinytable_nwwy9tfn5v00mplcjo8k");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3186,7 +3192,7 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ul0u8ugos7uob9iqejuw');
+        var table = document.getElementById('tinytable_nwwy9tfn5v00mplcjo8k');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3194,8 +3200,8 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ul0u8ugos7uob9iqejuw(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ul0u8ugos7uob9iqejuw");
+      function spanCell_nwwy9tfn5v00mplcjo8k(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_nwwy9tfn5v00mplcjo8k");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3225,14 +3231,14 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 10, j: 0 }, { i: 10, j: 1 }, { i: 10, j: 2 },  ], css_id: 'tinytable_css_wbtyhrv2rljuaqfp2j71',}, 
-          { positions: [ { i: 7, j: 0 }, { i: 5, j: 1 }, { i: 7, j: 1 }, { i: 3, j: 0 }, { i: 5, j: 0 }, { i: 3, j: 2 }, { i: 5, j: 2 }, { i: 7, j: 2 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_i6ljkltzegf6nz455bvm',}, 
+          { positions: [ { i: 7, j: 0 }, { i: 5, j: 1 }, { i: 7, j: 1 }, { i: 3, j: 0 }, { i: 5, j: 0 }, { i: 3, j: 2 }, { i: 5, j: 2 }, { i: 7, j: 2 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_stqz2xczdb2lxqxxnvby',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 10, j: 0 }, { i: 10, j: 1 }, { i: 10, j: 2 },  ], css_id: 'tinytable_css_sjigpc8ij9hy2tro3xx6',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ul0u8ugos7uob9iqejuw(cell.i, cell.j, group.css_id);
+                  styleCell_nwwy9tfn5v00mplcjo8k(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3240,11 +3246,11 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_wbtyhrv2rljuaqfp2j71, .table th.tinytable_css_wbtyhrv2rljuaqfp2j71 { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_i6ljkltzegf6nz455bvm, .table th.tinytable_css_i6ljkltzegf6nz455bvm { color: white; background-color: teal; }
+      .table td.tinytable_css_stqz2xczdb2lxqxxnvby, .table th.tinytable_css_stqz2xczdb2lxqxxnvby { color: white; background-color: teal; }
+      .table td.tinytable_css_sjigpc8ij9hy2tro3xx6, .table th.tinytable_css_sjigpc8ij9hy2tro3xx6 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ul0u8ugos7uob9iqejuw" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_nwwy9tfn5v00mplcjo8k" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -3321,8 +3327,8 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
 
     <script>
 
-      function styleCell_rm1fiyb9moqi1290o6un(i, j, css_id) {
-          var table = document.getElementById("tinytable_rm1fiyb9moqi1290o6un");
+      function styleCell_avl09pu7zpes5d12u7v8(i, j, css_id) {
+          var table = document.getElementById("tinytable_avl09pu7zpes5d12u7v8");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3332,7 +3338,7 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_rm1fiyb9moqi1290o6un');
+        var table = document.getElementById('tinytable_avl09pu7zpes5d12u7v8');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3340,8 +3346,8 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_rm1fiyb9moqi1290o6un(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_rm1fiyb9moqi1290o6un");
+      function spanCell_avl09pu7zpes5d12u7v8(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_avl09pu7zpes5d12u7v8");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3371,15 +3377,15 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 5, j: 4 },  ], css_id: 'tinytable_css_t5xggpm1molfvzbbs443',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 2 }, { i: 3, j: 2 }, { i: 3, j: 0 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 4, j: 3 }, { i: 2, j: 1 }, { i: 1, j: 2 },  ], css_id: 'tinytable_css_j4697xti2ibwgza6g1ic',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 }, { i: 0, j: 2 }, { i: 5, j: 0 }, { i: 5, j: 2 }, { i: 0, j: 3 }, { i: 5, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_8tu0eopqbg1e4lhufp5g',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 4, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 2 }, { i: 3, j: 2 }, { i: 3, j: 0 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 4, j: 3 }, { i: 2, j: 1 }, { i: 1, j: 2 },  ], css_id: 'tinytable_css_u1vtkjw4fp5cghdcxc2i',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 }, { i: 0, j: 2 }, { i: 5, j: 0 }, { i: 5, j: 2 }, { i: 0, j: 3 }, { i: 5, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_qveuivx2puw7f9l14evf',}, 
+          { positions: [ { i: 5, j: 4 },  ], css_id: 'tinytable_css_ecbp8k7julo4hthvakub',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_rm1fiyb9moqi1290o6un(cell.i, cell.j, group.css_id);
+                  styleCell_avl09pu7zpes5d12u7v8(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3387,12 +3393,12 @@ <h2 class="anchored" data-anchor-id="conditional-styling">Conditional styling</h
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_t5xggpm1molfvzbbs443, .table th.tinytable_css_t5xggpm1molfvzbbs443 { color: white; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_j4697xti2ibwgza6g1ic, .table th.tinytable_css_j4697xti2ibwgza6g1ic { color: white; background-color: black; }
-      .table td.tinytable_css_8tu0eopqbg1e4lhufp5g, .table th.tinytable_css_8tu0eopqbg1e4lhufp5g { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_u1vtkjw4fp5cghdcxc2i, .table th.tinytable_css_u1vtkjw4fp5cghdcxc2i { color: white; background-color: black; }
+      .table td.tinytable_css_qveuivx2puw7f9l14evf, .table th.tinytable_css_qveuivx2puw7f9l14evf { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ecbp8k7julo4hthvakub, .table th.tinytable_css_ecbp8k7julo4hthvakub { color: white; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_rm1fiyb9moqi1290o6un" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_avl09pu7zpes5d12u7v8" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -3460,8 +3466,8 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
 
     <script>
 
-      function styleCell_c7vrehisj5q2uljb7c2k(i, j, css_id) {
-          var table = document.getElementById("tinytable_c7vrehisj5q2uljb7c2k");
+      function styleCell_b2ir5h1tejq6y9z8jt5g(i, j, css_id) {
+          var table = document.getElementById("tinytable_b2ir5h1tejq6y9z8jt5g");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3471,7 +3477,7 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_c7vrehisj5q2uljb7c2k');
+        var table = document.getElementById('tinytable_b2ir5h1tejq6y9z8jt5g');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3479,8 +3485,8 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_c7vrehisj5q2uljb7c2k(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_c7vrehisj5q2uljb7c2k");
+      function spanCell_b2ir5h1tejq6y9z8jt5g(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_b2ir5h1tejq6y9z8jt5g");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3510,17 +3516,17 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 3, j: 0 }, { i: 3, j: 1 }, { i: 3, j: 2 }, { i: 3, j: 3 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_rqmiwclkxd6qux34d8gu',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_n0pv63eehpffde3hborz',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 1, j: 1 }, { i: 1, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 4 },  ], css_id: 'tinytable_css_be4hr0xuctdp9pgce74o',}, 
-          { positions: [ { i: 2, j: 0 }, { i: 2, j: 1 }, { i: 2, j: 2 }, { i: 2, j: 3 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_7sa1zfew91nnvt6i4enm',}, 
-          { positions: [ { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_4qztfmlk9wp2ajcvy1g0',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 1, j: 1 }, { i: 1, j: 2 }, { i: 1, j: 3 }, { i: 1, j: 4 },  ], css_id: 'tinytable_css_t6tvzi6mglpv0exmfyx0',}, 
+          { positions: [ { i: 3, j: 0 }, { i: 3, j: 1 }, { i: 3, j: 2 }, { i: 3, j: 3 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_m33n2lufrf463clw0t98',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_hwpkqo8v2ieopr4q3bf3',}, 
+          { positions: [ { i: 2, j: 0 }, { i: 2, j: 1 }, { i: 2, j: 2 }, { i: 2, j: 3 }, { i: 2, j: 4 },  ], css_id: 'tinytable_css_hckwveqjk0nfjssiqppx',}, 
+          { positions: [ { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_9p7crx0eyfggdsm2qzvi',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_c7vrehisj5q2uljb7c2k(cell.i, cell.j, group.css_id);
+                  styleCell_b2ir5h1tejq6y9z8jt5g(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3528,14 +3534,14 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_rqmiwclkxd6qux34d8gu, .table th.tinytable_css_rqmiwclkxd6qux34d8gu { color: green; }
-      .table td.tinytable_css_n0pv63eehpffde3hborz, .table th.tinytable_css_n0pv63eehpffde3hborz { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_be4hr0xuctdp9pgce74o, .table th.tinytable_css_be4hr0xuctdp9pgce74o { color: red; }
-      .table td.tinytable_css_7sa1zfew91nnvt6i4enm, .table th.tinytable_css_7sa1zfew91nnvt6i4enm { color: blue; }
-      .table td.tinytable_css_4qztfmlk9wp2ajcvy1g0, .table th.tinytable_css_4qztfmlk9wp2ajcvy1g0 { color: orange; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_t6tvzi6mglpv0exmfyx0, .table th.tinytable_css_t6tvzi6mglpv0exmfyx0 { color: red; }
+      .table td.tinytable_css_m33n2lufrf463clw0t98, .table th.tinytable_css_m33n2lufrf463clw0t98 { color: green; }
+      .table td.tinytable_css_hwpkqo8v2ieopr4q3bf3, .table th.tinytable_css_hwpkqo8v2ieopr4q3bf3 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_hckwveqjk0nfjssiqppx, .table th.tinytable_css_hckwveqjk0nfjssiqppx { color: blue; }
+      .table td.tinytable_css_9p7crx0eyfggdsm2qzvi, .table th.tinytable_css_9p7crx0eyfggdsm2qzvi { color: orange; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_c7vrehisj5q2uljb7c2k" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_b2ir5h1tejq6y9z8jt5g" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -3594,8 +3600,8 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
 
     <script>
 
-      function styleCell_4a1hj2woz2ab0zwdb8hf(i, j, css_id) {
-          var table = document.getElementById("tinytable_4a1hj2woz2ab0zwdb8hf");
+      function styleCell_ptn6ku5lnaayis8bdoi6(i, j, css_id) {
+          var table = document.getElementById("tinytable_ptn6ku5lnaayis8bdoi6");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3605,7 +3611,7 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_4a1hj2woz2ab0zwdb8hf');
+        var table = document.getElementById('tinytable_ptn6ku5lnaayis8bdoi6');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3613,8 +3619,8 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_4a1hj2woz2ab0zwdb8hf(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_4a1hj2woz2ab0zwdb8hf");
+      function spanCell_ptn6ku5lnaayis8bdoi6(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_ptn6ku5lnaayis8bdoi6");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3644,17 +3650,17 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_x9e3j5x0zd6puurxusv0',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 4 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_vuhycvp5nyy5h12petso',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_dprstkm82biwqnstl4s2',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_ahdxheggnuq0ej0itezx',}, 
-          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_1gbrhafz2yty9go0b40t',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 4 }, { i: 4, j: 4 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_9pjvkg1zctrvgkaq6tr1',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 4, j: 2 },  ], css_id: 'tinytable_css_8vpbb4d391a5bqohjbze',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_8ol2qtjv6s49uyxpuri4',}, 
+          { positions: [ { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_8g1iddovq1k22f4bq0oz',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_5ezrug59l6wkgsdfurfr',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_4a1hj2woz2ab0zwdb8hf(cell.i, cell.j, group.css_id);
+                  styleCell_ptn6ku5lnaayis8bdoi6(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3662,14 +3668,14 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_x9e3j5x0zd6puurxusv0, .table th.tinytable_css_x9e3j5x0zd6puurxusv0 { color: green; background-color: black; }
-      .table td.tinytable_css_vuhycvp5nyy5h12petso, .table th.tinytable_css_vuhycvp5nyy5h12petso { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_dprstkm82biwqnstl4s2, .table th.tinytable_css_dprstkm82biwqnstl4s2 { color: orange; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_ahdxheggnuq0ej0itezx, .table th.tinytable_css_ahdxheggnuq0ej0itezx { color: green; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_1gbrhafz2yty9go0b40t, .table th.tinytable_css_1gbrhafz2yty9go0b40t { color: orange; background-color: black; }
+      .table td.tinytable_css_9pjvkg1zctrvgkaq6tr1, .table th.tinytable_css_9pjvkg1zctrvgkaq6tr1 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_8vpbb4d391a5bqohjbze, .table th.tinytable_css_8vpbb4d391a5bqohjbze { color: green; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_8ol2qtjv6s49uyxpuri4, .table th.tinytable_css_8ol2qtjv6s49uyxpuri4 { color: orange; background-color: black; }
+      .table td.tinytable_css_8g1iddovq1k22f4bq0oz, .table th.tinytable_css_8g1iddovq1k22f4bq0oz { color: green; background-color: black; }
+      .table td.tinytable_css_5ezrug59l6wkgsdfurfr, .table th.tinytable_css_5ezrug59l6wkgsdfurfr { color: orange; background-color: black; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_4a1hj2woz2ab0zwdb8hf" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_ptn6ku5lnaayis8bdoi6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -3743,8 +3749,8 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
 
     <script>
 
-      function styleCell_gsyt71cxozk595cmqe8s(i, j, css_id) {
-          var table = document.getElementById("tinytable_gsyt71cxozk595cmqe8s");
+      function styleCell_6274dgyk34gqo0m2swf7(i, j, css_id) {
+          var table = document.getElementById("tinytable_6274dgyk34gqo0m2swf7");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3754,7 +3760,7 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_gsyt71cxozk595cmqe8s');
+        var table = document.getElementById('tinytable_6274dgyk34gqo0m2swf7');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3762,8 +3768,8 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_gsyt71cxozk595cmqe8s(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_gsyt71cxozk595cmqe8s");
+      function spanCell_6274dgyk34gqo0m2swf7(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_6274dgyk34gqo0m2swf7");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3793,32 +3799,32 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 4 },  ], css_id: 'tinytable_css_zmtnjf0luzaqeys4y81u',}, 
-          { positions: [ { i: 0, j: 0 },  ], css_id: 'tinytable_css_yhmvczfkaoa9erxnu9og',}, 
-          { positions: [ { i: 0, j: 2 },  ], css_id: 'tinytable_css_y17i0acjbky1ydcf8q83',}, 
-          { positions: [ { i: 3, j: 0 },  ], css_id: 'tinytable_css_wac9xu640uu7qd7dzhjo',}, 
-          { positions: [ { i: 2, j: 3 },  ], css_id: 'tinytable_css_vug7fuzxjy1m95t4ci2e',}, 
-          { positions: [ { i: 1, j: 0 },  ], css_id: 'tinytable_css_uxhhd83mr2ddat2yvxbo',}, 
-          { positions: [ { i: 2, j: 1 },  ], css_id: 'tinytable_css_uhnva2jpx3jtervab0md',}, 
-          { positions: [ { i: 3, j: 1 },  ], css_id: 'tinytable_css_rdid9tb6aihm5wv1ijda',}, 
-          { positions: [ { i: 2, j: 4 },  ], css_id: 'tinytable_css_q416y6cow9c9xggj9dt2',}, 
-          { positions: [ { i: 0, j: 3 },  ], css_id: 'tinytable_css_mc1aw8xms8d4w2yb85yj',}, 
-          { positions: [ { i: 1, j: 3 },  ], css_id: 'tinytable_css_m6jziexwl56629dy7cvl',}, 
-          { positions: [ { i: 2, j: 2 },  ], css_id: 'tinytable_css_ilzf62kzelyi2be6zxu6',}, 
-          { positions: [ { i: 1, j: 2 },  ], css_id: 'tinytable_css_hlrlvtr4qxfw94im19up',}, 
-          { positions: [ { i: 0, j: 4 },  ], css_id: 'tinytable_css_evkb4cn4esgrr1tbbmf3',}, 
-          { positions: [ { i: 0, j: 1 },  ], css_id: 'tinytable_css_asvgp1axgfal0j6302jx',}, 
-          { positions: [ { i: 1, j: 1 },  ], css_id: 'tinytable_css_a5ywfh9x0r0ojvu9lnfd',}, 
-          { positions: [ { i: 2, j: 0 },  ], css_id: 'tinytable_css_9ti5a5ulc98k2m6buvg0',}, 
-          { positions: [ { i: 3, j: 2 },  ], css_id: 'tinytable_css_9rql6pzdwf1mmcahqhle',}, 
-          { positions: [ { i: 3, j: 3 },  ], css_id: 'tinytable_css_9qxkxinenlmxdlednvbm',}, 
-          { positions: [ { i: 3, j: 4 },  ], css_id: 'tinytable_css_0h1691k9zu6gpi9ejurm',}, 
+          { positions: [ { i: 1, j: 0 },  ], css_id: 'tinytable_css_zqisbu1twgvj7hew41hk',}, 
+          { positions: [ { i: 0, j: 1 },  ], css_id: 'tinytable_css_ye6ub607m01lzr8qtsi5',}, 
+          { positions: [ { i: 3, j: 4 },  ], css_id: 'tinytable_css_uvf442vsp7yobw7gp2cy',}, 
+          { positions: [ { i: 0, j: 3 },  ], css_id: 'tinytable_css_s9ifyuqk0o4xt9zegjn4',}, 
+          { positions: [ { i: 3, j: 1 },  ], css_id: 'tinytable_css_rsnhp9uflm30jev4wzu2',}, 
+          { positions: [ { i: 2, j: 2 },  ], css_id: 'tinytable_css_oo5efny4mab03meqdlvd',}, 
+          { positions: [ { i: 0, j: 4 },  ], css_id: 'tinytable_css_oj60folt8rkguqnmtw66',}, 
+          { positions: [ { i: 1, j: 1 },  ], css_id: 'tinytable_css_jx4nzs0pgxajiaudyiny',}, 
+          { positions: [ { i: 1, j: 4 },  ], css_id: 'tinytable_css_jlyem1ncs9qto3fj3hro',}, 
+          { positions: [ { i: 2, j: 0 },  ], css_id: 'tinytable_css_h1dbbcqodsbtzjq7fi5d',}, 
+          { positions: [ { i: 2, j: 3 },  ], css_id: 'tinytable_css_g1py7qbwcnuisuv9waed',}, 
+          { positions: [ { i: 0, j: 0 },  ], css_id: 'tinytable_css_fu2ny4n5b5zsu0hzeppz',}, 
+          { positions: [ { i: 3, j: 3 },  ], css_id: 'tinytable_css_eay6oj2ydnvrj48dd67a',}, 
+          { positions: [ { i: 2, j: 4 },  ], css_id: 'tinytable_css_dgbwhobovhapbcxjv187',}, 
+          { positions: [ { i: 3, j: 0 },  ], css_id: 'tinytable_css_b2yzrw7jco79tb4a79tn',}, 
+          { positions: [ { i: 0, j: 2 },  ], css_id: 'tinytable_css_anmh99z10ylwooe0pzwo',}, 
+          { positions: [ { i: 3, j: 2 },  ], css_id: 'tinytable_css_9il2ny3aif9m99m96em6',}, 
+          { positions: [ { i: 1, j: 2 },  ], css_id: 'tinytable_css_8oj2cfz61qukg8tgm6eo',}, 
+          { positions: [ { i: 1, j: 3 },  ], css_id: 'tinytable_css_3o05yv5t6g7k1un4qpox',}, 
+          { positions: [ { i: 2, j: 1 },  ], css_id: 'tinytable_css_3kfxm8lv5kx09lx0u3fd',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_gsyt71cxozk595cmqe8s(cell.i, cell.j, group.css_id);
+                  styleCell_6274dgyk34gqo0m2swf7(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3826,29 +3832,29 @@ <h2 class="anchored" data-anchor-id="vectorized-styling-heatmaps">Vectorized sty
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_zmtnjf0luzaqeys4y81u, .table th.tinytable_css_zmtnjf0luzaqeys4y81u { text-align: center; color: #040404; background-color: #F9D15D; font-size: 1.8em; }
-      .table td.tinytable_css_yhmvczfkaoa9erxnu9og, .table th.tinytable_css_yhmvczfkaoa9erxnu9og { text-align: center; color: #FFFE9E; background-color: #040404; font-size: 0.1em; }
-      .table td.tinytable_css_y17i0acjbky1ydcf8q83, .table th.tinytable_css_y17i0acjbky1ydcf8q83 { text-align: center; color: #FFFE9E; background-color: #A81D75; font-size: 0.9em; }
-      .table td.tinytable_css_wac9xu640uu7qd7dzhjo, .table th.tinytable_css_wac9xu640uu7qd7dzhjo { text-align: center; color: #FFFE9E; background-color: #3A134C; font-size: 0.4em; }
-      .table td.tinytable_css_vug7fuzxjy1m95t4ci2e, .table th.tinytable_css_vug7fuzxjy1m95t4ci2e { text-align: center; color: #FFFE9E; background-color: #F58E22; font-size: 1.5em; }
-      .table td.tinytable_css_uxhhd83mr2ddat2yvxbo, .table th.tinytable_css_uxhhd83mr2ddat2yvxbo { text-align: center; color: #FFFE9E; background-color: #120E2A; font-size: 0.2em; }
-      .table td.tinytable_css_uhnva2jpx3jtervab0md, .table th.tinytable_css_uhnva2jpx3jtervab0md { text-align: center; color: #FFFE9E; background-color: #7D106E; font-size: 0.7em; }
-      .table td.tinytable_css_rdid9tb6aihm5wv1ijda, .table th.tinytable_css_rdid9tb6aihm5wv1ijda { text-align: center; color: #FFFE9E; background-color: #931473; font-size: 0.8em; }
-      .table td.tinytable_css_q416y6cow9c9xggj9dt2, .table th.tinytable_css_q416y6cow9c9xggj9dt2 { text-align: center; color: #040404; background-color: #FBE77D; font-size: 1.9em; }
-      .table td.tinytable_css_mc1aw8xms8d4w2yb85yj, .table th.tinytable_css_mc1aw8xms8d4w2yb85yj { text-align: center; color: #FFFE9E; background-color: #ED5E48; font-size: 1.3em; }
-      .table td.tinytable_css_m6jziexwl56629dy7cvl, .table th.tinytable_css_m6jziexwl56629dy7cvl { text-align: center; color: #FFFE9E; background-color: #F3762F; font-size: 1.4em; }
-      .table td.tinytable_css_ilzf62kzelyi2be6zxu6, .table th.tinytable_css_ilzf62kzelyi2be6zxu6 { text-align: center; color: #FFFE9E; background-color: #CE3A6C; font-size: 1.1em; }
-      .table td.tinytable_css_hlrlvtr4qxfw94im19up, .table th.tinytable_css_hlrlvtr4qxfw94im19up { text-align: center; color: #FFFE9E; background-color: #BC2A73; font-size: 1em; }
-      .table td.tinytable_css_evkb4cn4esgrr1tbbmf3, .table th.tinytable_css_evkb4cn4esgrr1tbbmf3 { text-align: center; color: #040404; background-color: #F8BB41; font-size: 1.7em; }
-      .table td.tinytable_css_asvgp1axgfal0j6302jx, .table th.tinytable_css_asvgp1axgfal0j6302jx { text-align: center; color: #FFFE9E; background-color: #50125A; font-size: 0.5em; }
-      .table td.tinytable_css_a5ywfh9x0r0ojvu9lnfd, .table th.tinytable_css_a5ywfh9x0r0ojvu9lnfd { text-align: center; color: #FFFE9E; background-color: #671065; font-size: 0.6em; }
-      .table td.tinytable_css_9ti5a5ulc98k2m6buvg0, .table th.tinytable_css_9ti5a5ulc98k2m6buvg0 { text-align: center; color: #FFFE9E; background-color: #25123D; font-size: 0.3em; }
-      .table td.tinytable_css_9rql6pzdwf1mmcahqhle, .table th.tinytable_css_9rql6pzdwf1mmcahqhle { text-align: center; color: #FFFE9E; background-color: #DE4B5F; font-size: 1.2em; }
-      .table td.tinytable_css_9qxkxinenlmxdlednvbm, .table th.tinytable_css_9qxkxinenlmxdlednvbm { text-align: center; color: #FFFE9E; background-color: #F7A529; font-size: 1.6em; }
-      .table td.tinytable_css_0h1691k9zu6gpi9ejurm, .table th.tinytable_css_0h1691k9zu6gpi9ejurm { text-align: center; color: #040404; background-color: #FFFE9E; font-size: 2em; }
+      .table td.tinytable_css_zqisbu1twgvj7hew41hk, .table th.tinytable_css_zqisbu1twgvj7hew41hk { text-align: center; color: #FFFE9E; background-color: #120E2A; font-size: 0.2em; }
+      .table td.tinytable_css_ye6ub607m01lzr8qtsi5, .table th.tinytable_css_ye6ub607m01lzr8qtsi5 { text-align: center; color: #FFFE9E; background-color: #50125A; font-size: 0.5em; }
+      .table td.tinytable_css_uvf442vsp7yobw7gp2cy, .table th.tinytable_css_uvf442vsp7yobw7gp2cy { text-align: center; color: #040404; background-color: #FFFE9E; font-size: 2em; }
+      .table td.tinytable_css_s9ifyuqk0o4xt9zegjn4, .table th.tinytable_css_s9ifyuqk0o4xt9zegjn4 { text-align: center; color: #FFFE9E; background-color: #ED5E48; font-size: 1.3em; }
+      .table td.tinytable_css_rsnhp9uflm30jev4wzu2, .table th.tinytable_css_rsnhp9uflm30jev4wzu2 { text-align: center; color: #FFFE9E; background-color: #931473; font-size: 0.8em; }
+      .table td.tinytable_css_oo5efny4mab03meqdlvd, .table th.tinytable_css_oo5efny4mab03meqdlvd { text-align: center; color: #FFFE9E; background-color: #CE3A6C; font-size: 1.1em; }
+      .table td.tinytable_css_oj60folt8rkguqnmtw66, .table th.tinytable_css_oj60folt8rkguqnmtw66 { text-align: center; color: #040404; background-color: #F8BB41; font-size: 1.7em; }
+      .table td.tinytable_css_jx4nzs0pgxajiaudyiny, .table th.tinytable_css_jx4nzs0pgxajiaudyiny { text-align: center; color: #FFFE9E; background-color: #671065; font-size: 0.6em; }
+      .table td.tinytable_css_jlyem1ncs9qto3fj3hro, .table th.tinytable_css_jlyem1ncs9qto3fj3hro { text-align: center; color: #040404; background-color: #F9D15D; font-size: 1.8em; }
+      .table td.tinytable_css_h1dbbcqodsbtzjq7fi5d, .table th.tinytable_css_h1dbbcqodsbtzjq7fi5d { text-align: center; color: #FFFE9E; background-color: #25123D; font-size: 0.3em; }
+      .table td.tinytable_css_g1py7qbwcnuisuv9waed, .table th.tinytable_css_g1py7qbwcnuisuv9waed { text-align: center; color: #FFFE9E; background-color: #F58E22; font-size: 1.5em; }
+      .table td.tinytable_css_fu2ny4n5b5zsu0hzeppz, .table th.tinytable_css_fu2ny4n5b5zsu0hzeppz { text-align: center; color: #FFFE9E; background-color: #040404; font-size: 0.1em; }
+      .table td.tinytable_css_eay6oj2ydnvrj48dd67a, .table th.tinytable_css_eay6oj2ydnvrj48dd67a { text-align: center; color: #FFFE9E; background-color: #F7A529; font-size: 1.6em; }
+      .table td.tinytable_css_dgbwhobovhapbcxjv187, .table th.tinytable_css_dgbwhobovhapbcxjv187 { text-align: center; color: #040404; background-color: #FBE77D; font-size: 1.9em; }
+      .table td.tinytable_css_b2yzrw7jco79tb4a79tn, .table th.tinytable_css_b2yzrw7jco79tb4a79tn { text-align: center; color: #FFFE9E; background-color: #3A134C; font-size: 0.4em; }
+      .table td.tinytable_css_anmh99z10ylwooe0pzwo, .table th.tinytable_css_anmh99z10ylwooe0pzwo { text-align: center; color: #FFFE9E; background-color: #A81D75; font-size: 0.9em; }
+      .table td.tinytable_css_9il2ny3aif9m99m96em6, .table th.tinytable_css_9il2ny3aif9m99m96em6 { text-align: center; color: #FFFE9E; background-color: #DE4B5F; font-size: 1.2em; }
+      .table td.tinytable_css_8oj2cfz61qukg8tgm6eo, .table th.tinytable_css_8oj2cfz61qukg8tgm6eo { text-align: center; color: #FFFE9E; background-color: #BC2A73; font-size: 1em; }
+      .table td.tinytable_css_3o05yv5t6g7k1un4qpox, .table th.tinytable_css_3o05yv5t6g7k1un4qpox { text-align: center; color: #FFFE9E; background-color: #F3762F; font-size: 1.4em; }
+      .table td.tinytable_css_3kfxm8lv5kx09lx0u3fd, .table th.tinytable_css_3kfxm8lv5kx09lx0u3fd { text-align: center; color: #FFFE9E; background-color: #7D106E; font-size: 0.7em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_gsyt71cxozk595cmqe8s" style="table-layout: fixed; width: 70% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_6274dgyk34gqo0m2swf7" style="table-layout: fixed; width: 70% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
         </thead>
@@ -3918,8 +3924,8 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
 
     <script>
 
-      function styleCell_zve3pdd5oipsu4mnhbwv(i, j, css_id) {
-          var table = document.getElementById("tinytable_zve3pdd5oipsu4mnhbwv");
+      function styleCell_sv9d57r6pryojzi2jlfo(i, j, css_id) {
+          var table = document.getElementById("tinytable_sv9d57r6pryojzi2jlfo");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -3929,7 +3935,7 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_zve3pdd5oipsu4mnhbwv');
+        var table = document.getElementById('tinytable_sv9d57r6pryojzi2jlfo');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -3937,8 +3943,8 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_zve3pdd5oipsu4mnhbwv(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_zve3pdd5oipsu4mnhbwv");
+      function spanCell_sv9d57r6pryojzi2jlfo(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_sv9d57r6pryojzi2jlfo");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -3968,13 +3974,13 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_6mwpwubyt3o1g34nivj2',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_vf1naj8pnv93x7bs080l',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_zve3pdd5oipsu4mnhbwv(cell.i, cell.j, group.css_id);
+                  styleCell_sv9d57r6pryojzi2jlfo(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -3982,10 +3988,10 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_6mwpwubyt3o1g34nivj2, .table th.tinytable_css_6mwpwubyt3o1g34nivj2 { border: solid orange 0.4em; }
+      .table td.tinytable_css_vf1naj8pnv93x7bs080l, .table th.tinytable_css_vf1naj8pnv93x7bs080l { border: solid orange 0.4em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_zve3pdd5oipsu4mnhbwv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_sv9d57r6pryojzi2jlfo" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -4043,8 +4049,8 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
 
     <script>
 
-      function styleCell_vfevrw305oqa7kheb45m(i, j, css_id) {
-          var table = document.getElementById("tinytable_vfevrw305oqa7kheb45m");
+      function styleCell_1y27z6ln5c0hxillogon(i, j, css_id) {
+          var table = document.getElementById("tinytable_1y27z6ln5c0hxillogon");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -4054,7 +4060,7 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_vfevrw305oqa7kheb45m');
+        var table = document.getElementById('tinytable_1y27z6ln5c0hxillogon');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -4062,8 +4068,8 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_vfevrw305oqa7kheb45m(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_vfevrw305oqa7kheb45m");
+      function spanCell_1y27z6ln5c0hxillogon(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_1y27z6ln5c0hxillogon");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -4093,15 +4099,15 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 0, j: 1 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_wv39b7o3lq01ec4n6tw3',}, 
-          { positions: [ { i: 4, j: 0 }, { i: 4, j: 3 }, { i: 4, j: 2 }, { i: 4, j: 1 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_j37fm8d4h3lwfjbobqo8',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 1, j: 3 }, { i: 1, j: 2 }, { i: 1, j: 1 }, { i: 1, j: 4 },  ], css_id: 'tinytable_css_isytdtyr9b049uny7ulf',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 1, j: 3 }, { i: 1, j: 2 }, { i: 1, j: 1 }, { i: 1, j: 4 },  ], css_id: 'tinytable_css_np8v0o1dzyfp5d2ukl6a',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 3 }, { i: 0, j: 2 }, { i: 0, j: 1 }, { i: 0, j: 4 },  ], css_id: 'tinytable_css_mp8i14c3dji7406dby7s',}, 
+          { positions: [ { i: 4, j: 0 }, { i: 4, j: 3 }, { i: 4, j: 2 }, { i: 4, j: 1 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_9nfcny9sgan0swxzc6e5',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_vfevrw305oqa7kheb45m(cell.i, cell.j, group.css_id);
+                  styleCell_1y27z6ln5c0hxillogon(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -4109,12 +4115,12 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_wv39b7o3lq01ec4n6tw3, .table th.tinytable_css_wv39b7o3lq01ec4n6tw3 { border-top: solid orange 0.4em; }
-      .table td.tinytable_css_j37fm8d4h3lwfjbobqo8, .table th.tinytable_css_j37fm8d4h3lwfjbobqo8 { border-bottom: solid orange 0.4em; }
-      .table td.tinytable_css_isytdtyr9b049uny7ulf, .table th.tinytable_css_isytdtyr9b049uny7ulf { border-top: solid purple 0.2em; }
+      .table td.tinytable_css_np8v0o1dzyfp5d2ukl6a, .table th.tinytable_css_np8v0o1dzyfp5d2ukl6a { border-top: solid purple 0.2em; }
+      .table td.tinytable_css_mp8i14c3dji7406dby7s, .table th.tinytable_css_mp8i14c3dji7406dby7s { border-top: solid orange 0.4em; }
+      .table td.tinytable_css_9nfcny9sgan0swxzc6e5, .table th.tinytable_css_9nfcny9sgan0swxzc6e5 { border-bottom: solid orange 0.4em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_vfevrw305oqa7kheb45m" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_1y27z6ln5c0hxillogon" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -4174,8 +4180,8 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
 
     <script>
 
-      function styleCell_nvsm8g5z6u1uzv1dlvo8(i, j, css_id) {
-          var table = document.getElementById("tinytable_nvsm8g5z6u1uzv1dlvo8");
+      function styleCell_e0sdrtw4fqvai4pfts4q(i, j, css_id) {
+          var table = document.getElementById("tinytable_e0sdrtw4fqvai4pfts4q");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -4185,7 +4191,7 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_nvsm8g5z6u1uzv1dlvo8');
+        var table = document.getElementById('tinytable_e0sdrtw4fqvai4pfts4q');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -4193,8 +4199,8 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_nvsm8g5z6u1uzv1dlvo8(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_nvsm8g5z6u1uzv1dlvo8");
+      function spanCell_e0sdrtw4fqvai4pfts4q(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_e0sdrtw4fqvai4pfts4q");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -4224,13 +4230,13 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 0, j: 2 }, { i: 1, j: 2 }, { i: 0, j: 3 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_2otmhrcn1vz3l88ocmoy',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 0, j: 2 }, { i: 1, j: 2 }, { i: 0, j: 3 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_xtm802slp0lutgwlvur4',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_nvsm8g5z6u1uzv1dlvo8(cell.i, cell.j, group.css_id);
+                  styleCell_e0sdrtw4fqvai4pfts4q(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -4238,10 +4244,10 @@ <h2 class="anchored" data-anchor-id="lines-borders">Lines (borders)</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_2otmhrcn1vz3l88ocmoy, .table th.tinytable_css_2otmhrcn1vz3l88ocmoy { color: white; background-color: blue; border: solid white 0.5em; }
+      .table td.tinytable_css_xtm802slp0lutgwlvur4, .table th.tinytable_css_xtm802slp0lutgwlvur4 { color: white; background-color: blue; border: solid white 0.5em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_nvsm8g5z6u1uzv1dlvo8" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_e0sdrtw4fqvai4pfts4q" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
         </thead>
@@ -4279,8 +4285,8 @@ <h2 class="anchored" data-anchor-id="cell-padding-height-and-width">Cell padding
 
     <script>
 
-      function styleCell_573hfsp7f8a0euypk7hw(i, j, css_id) {
-          var table = document.getElementById("tinytable_573hfsp7f8a0euypk7hw");
+      function styleCell_gsv0eubeqzw5u3agn4bn(i, j, css_id) {
+          var table = document.getElementById("tinytable_gsv0eubeqzw5u3agn4bn");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -4290,7 +4296,7 @@ <h2 class="anchored" data-anchor-id="cell-padding-height-and-width">Cell padding
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_573hfsp7f8a0euypk7hw');
+        var table = document.getElementById('tinytable_gsv0eubeqzw5u3agn4bn');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -4298,8 +4304,8 @@ <h2 class="anchored" data-anchor-id="cell-padding-height-and-width">Cell padding
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_573hfsp7f8a0euypk7hw(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_573hfsp7f8a0euypk7hw");
+      function spanCell_gsv0eubeqzw5u3agn4bn(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_gsv0eubeqzw5u3agn4bn");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -4329,14 +4335,14 @@ <h2 class="anchored" data-anchor-id="cell-padding-height-and-width">Cell padding
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_0pce4usffbb9cp4umk9q',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_0088seqwc1lqirku87sr',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_an9uoe2nddsma50ush20',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 0 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_99znd9v72fsgi5pw179i',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_573hfsp7f8a0euypk7hw(cell.i, cell.j, group.css_id);
+                  styleCell_gsv0eubeqzw5u3agn4bn(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -4344,11 +4350,11 @@ <h2 class="anchored" data-anchor-id="cell-padding-height-and-width">Cell padding
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_0pce4usffbb9cp4umk9q, .table th.tinytable_css_0pce4usffbb9cp4umk9q { padding-right: .2em; padding-top: 2em; }
-      .table td.tinytable_css_0088seqwc1lqirku87sr, .table th.tinytable_css_0088seqwc1lqirku87sr { padding-right: .2em; padding-top: 2em; border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_an9uoe2nddsma50ush20, .table th.tinytable_css_an9uoe2nddsma50ush20 { padding-right: .2em; padding-top: 2em; }
+      .table td.tinytable_css_99znd9v72fsgi5pw179i, .table th.tinytable_css_99znd9v72fsgi5pw179i { padding-right: .2em; padding-top: 2em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_573hfsp7f8a0euypk7hw" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_gsv0eubeqzw5u3agn4bn" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
diff --git a/vignettes/theme.html b/vignettes/theme.html
index 0083f644..070638fd 100644
--- a/vignettes/theme.html
+++ b/vignettes/theme.html
@@ -261,6 +261,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -428,8 +434,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
 
     <script>
 
-      function styleCell_2slxzsxojkhz1oonanx6(i, j, css_id) {
-          var table = document.getElementById("tinytable_2slxzsxojkhz1oonanx6");
+      function styleCell_hpfc43xf1vr40z8ddrq0(i, j, css_id) {
+          var table = document.getElementById("tinytable_hpfc43xf1vr40z8ddrq0");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -439,7 +445,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_2slxzsxojkhz1oonanx6');
+        var table = document.getElementById('tinytable_hpfc43xf1vr40z8ddrq0');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -447,8 +453,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_2slxzsxojkhz1oonanx6(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_2slxzsxojkhz1oonanx6");
+      function spanCell_hpfc43xf1vr40z8ddrq0(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_hpfc43xf1vr40z8ddrq0");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -478,14 +484,14 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_xp4icf5r938ngyrsx14e',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_tootp25nbpu89waasu5n',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_aoo9xkwl9wilp2ojkkty',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_2rqo1zwf47dxexrfuynf',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_2slxzsxojkhz1oonanx6(cell.i, cell.j, group.css_id);
+                  styleCell_hpfc43xf1vr40z8ddrq0(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -493,11 +499,11 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xp4icf5r938ngyrsx14e, .table th.tinytable_css_xp4icf5r938ngyrsx14e { border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_tootp25nbpu89waasu5n, .table th.tinytable_css_tootp25nbpu89waasu5n { background-color: #ededed; }
+      .table td.tinytable_css_aoo9xkwl9wilp2ojkkty, .table th.tinytable_css_aoo9xkwl9wilp2ojkkty { background-color: #ededed; }
+      .table td.tinytable_css_2rqo1zwf47dxexrfuynf, .table th.tinytable_css_2rqo1zwf47dxexrfuynf { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-striped" id="tinytable_2slxzsxojkhz1oonanx6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-striped" id="tinytable_hpfc43xf1vr40z8ddrq0" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -549,8 +555,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
 
     <script>
 
-      function styleCell_gq3srf38mrdv4lhwc79s(i, j, css_id) {
-          var table = document.getElementById("tinytable_gq3srf38mrdv4lhwc79s");
+      function styleCell_ijrsi6uk6yv6not4jboe(i, j, css_id) {
+          var table = document.getElementById("tinytable_ijrsi6uk6yv6not4jboe");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -560,7 +566,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_gq3srf38mrdv4lhwc79s');
+        var table = document.getElementById('tinytable_ijrsi6uk6yv6not4jboe');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -568,8 +574,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_gq3srf38mrdv4lhwc79s(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_gq3srf38mrdv4lhwc79s");
+      function spanCell_ijrsi6uk6yv6not4jboe(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_ijrsi6uk6yv6not4jboe");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -599,14 +605,14 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_xnokme8tvkqz3017w6j5',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_wp6b43d07fb7ain4sjob',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 3, j: 0 }, { i: 1, j: 1 }, { i: 3, j: 1 }, { i: 1, j: 2 }, { i: 3, j: 2 }, { i: 1, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 4 }, { i: 3, j: 4 },  ], css_id: 'tinytable_css_rye5fscjrckmre1ovc6u',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_3iv6zx0s9ad2x2kb08kp',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_gq3srf38mrdv4lhwc79s(cell.i, cell.j, group.css_id);
+                  styleCell_ijrsi6uk6yv6not4jboe(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -614,11 +620,11 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xnokme8tvkqz3017w6j5, .table th.tinytable_css_xnokme8tvkqz3017w6j5 { border-bottom: solid #d3d8dc 0.1em; border-bottom: solid #d3d8dc 0.1em; }
-      .table td.tinytable_css_wp6b43d07fb7ain4sjob, .table th.tinytable_css_wp6b43d07fb7ain4sjob { background-color: #ededed; }
+      .table td.tinytable_css_rye5fscjrckmre1ovc6u, .table th.tinytable_css_rye5fscjrckmre1ovc6u { background-color: #ededed; }
+      .table td.tinytable_css_3iv6zx0s9ad2x2kb08kp, .table th.tinytable_css_3iv6zx0s9ad2x2kb08kp { border-bottom: solid #d3d8dc 0.1em; border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-striped" id="tinytable_gq3srf38mrdv4lhwc79s" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-striped" id="tinytable_ijrsi6uk6yv6not4jboe" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -672,8 +678,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
 
     <script>
 
-      function styleCell_ub4uyzue2yqab7au3b1h(i, j, css_id) {
-          var table = document.getElementById("tinytable_ub4uyzue2yqab7au3b1h");
+      function styleCell_lekiteu9ptdvwdwyrdcy(i, j, css_id) {
+          var table = document.getElementById("tinytable_lekiteu9ptdvwdwyrdcy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -683,7 +689,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ub4uyzue2yqab7au3b1h');
+        var table = document.getElementById('tinytable_lekiteu9ptdvwdwyrdcy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -691,8 +697,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ub4uyzue2yqab7au3b1h(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ub4uyzue2yqab7au3b1h");
+      function spanCell_lekiteu9ptdvwdwyrdcy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_lekiteu9ptdvwdwyrdcy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -727,7 +733,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ub4uyzue2yqab7au3b1h(cell.i, cell.j, group.css_id);
+                  styleCell_lekiteu9ptdvwdwyrdcy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -737,7 +743,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
       /* tinytable css entries after */
     </style>
     <div class="container">
-      <table class="table table-bordered" id="tinytable_ub4uyzue2yqab7au3b1h" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-bordered" id="tinytable_lekiteu9ptdvwdwyrdcy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -791,8 +797,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
 
     <script>
 
-      function styleCell_mssgtpew20jyb1zrztt6(i, j, css_id) {
-          var table = document.getElementById("tinytable_mssgtpew20jyb1zrztt6");
+      function styleCell_k6xp950rc8bnga9ik1gs(i, j, css_id) {
+          var table = document.getElementById("tinytable_k6xp950rc8bnga9ik1gs");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -802,7 +808,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_mssgtpew20jyb1zrztt6');
+        var table = document.getElementById('tinytable_k6xp950rc8bnga9ik1gs');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -810,8 +816,8 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_mssgtpew20jyb1zrztt6(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_mssgtpew20jyb1zrztt6");
+      function spanCell_k6xp950rc8bnga9ik1gs(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_k6xp950rc8bnga9ik1gs");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -846,7 +852,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_mssgtpew20jyb1zrztt6(cell.i, cell.j, group.css_id);
+                  styleCell_k6xp950rc8bnga9ik1gs(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -856,7 +862,7 @@ <h2 class="anchored" data-anchor-id="visual-themes">Visual themes</h2>
       /* tinytable css entries after */
     </style>
     <div class="container">
-      <table class="table" id="tinytable_mssgtpew20jyb1zrztt6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table" id="tinytable_k6xp950rc8bnga9ik1gs" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -924,8 +930,8 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
 
     <script>
 
-      function styleCell_j65aislibu9681f7evw3(i, j, css_id) {
-          var table = document.getElementById("tinytable_j65aislibu9681f7evw3");
+      function styleCell_ikhu2ypowj2mywg7qpjb(i, j, css_id) {
+          var table = document.getElementById("tinytable_ikhu2ypowj2mywg7qpjb");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -935,7 +941,7 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_j65aislibu9681f7evw3');
+        var table = document.getElementById('tinytable_ikhu2ypowj2mywg7qpjb');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -943,8 +949,8 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_j65aislibu9681f7evw3(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_j65aislibu9681f7evw3");
+      function spanCell_ikhu2ypowj2mywg7qpjb(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_ikhu2ypowj2mywg7qpjb");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -974,13 +980,13 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_s5mjdt1d0550w2b6d2ww',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_gebtp0ucnp1hvs1pp2um',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_j65aislibu9681f7evw3(cell.i, cell.j, group.css_id);
+                  styleCell_ikhu2ypowj2mywg7qpjb(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -988,10 +994,10 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_s5mjdt1d0550w2b6d2ww, .table th.tinytable_css_s5mjdt1d0550w2b6d2ww { color: teal; }
+      .table td.tinytable_css_gebtp0ucnp1hvs1pp2um, .table th.tinytable_css_gebtp0ucnp1hvs1pp2um { color: teal; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_j65aislibu9681f7evw3" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_ikhu2ypowj2mywg7qpjb" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Always use the same caption.</caption>
               <tbody><tr>
@@ -1020,8 +1026,8 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
 
     <script>
 
-      function styleCell_l5rrigwj0fbh407h02qx(i, j, css_id) {
-          var table = document.getElementById("tinytable_l5rrigwj0fbh407h02qx");
+      function styleCell_37gqzkyse31o5bj7cnez(i, j, css_id) {
+          var table = document.getElementById("tinytable_37gqzkyse31o5bj7cnez");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1031,7 +1037,7 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_l5rrigwj0fbh407h02qx');
+        var table = document.getElementById('tinytable_37gqzkyse31o5bj7cnez');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1039,8 +1045,8 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_l5rrigwj0fbh407h02qx(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_l5rrigwj0fbh407h02qx");
+      function spanCell_37gqzkyse31o5bj7cnez(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_37gqzkyse31o5bj7cnez");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1070,13 +1076,13 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_4hsqtvmlt34fyfyjn7tv',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 0, j: 2 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 3, j: 2 },  ], css_id: 'tinytable_css_6p9ickrp0x1jwytl2jrx',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_l5rrigwj0fbh407h02qx(cell.i, cell.j, group.css_id);
+                  styleCell_37gqzkyse31o5bj7cnez(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1084,10 +1090,10 @@ <h2 class="anchored" data-anchor-id="custom-themes">Custom themes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_4hsqtvmlt34fyfyjn7tv, .table th.tinytable_css_4hsqtvmlt34fyfyjn7tv { color: teal; }
+      .table td.tinytable_css_6p9ickrp0x1jwytl2jrx, .table th.tinytable_css_6p9ickrp0x1jwytl2jrx { color: teal; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_l5rrigwj0fbh407h02qx" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_37gqzkyse31o5bj7cnez" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Always use the same caption.</caption>
               <tbody><tr>
diff --git a/vignettes/tinytable.html b/vignettes/tinytable.html
index 5aecca21..a1ef8910 100644
--- a/vignettes/tinytable.html
+++ b/vignettes/tinytable.html
@@ -260,6 +260,12 @@
   <a href="../vignettes/custom.html" class="sidebar-item-text sidebar-link">
  <span class="menu-text">Customization</span></a>
   </div>
+</li>
+          <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../vignettes/notebooks.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Notebooks</span></a>
+  </div>
 </li>
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
@@ -428,8 +434,8 @@ <h1>Tiny Tables</h1>
 
     <script>
 
-      function styleCell_xnvdipt6a458cezfjra7(i, j, css_id) {
-          var table = document.getElementById("tinytable_xnvdipt6a458cezfjra7");
+      function styleCell_r1xa2j1ylu8cd4tq30oy(i, j, css_id) {
+          var table = document.getElementById("tinytable_r1xa2j1ylu8cd4tq30oy");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -439,7 +445,7 @@ <h1>Tiny Tables</h1>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_xnvdipt6a458cezfjra7');
+        var table = document.getElementById('tinytable_r1xa2j1ylu8cd4tq30oy');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -447,8 +453,8 @@ <h1>Tiny Tables</h1>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_xnvdipt6a458cezfjra7(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_xnvdipt6a458cezfjra7");
+      function spanCell_r1xa2j1ylu8cd4tq30oy(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_r1xa2j1ylu8cd4tq30oy");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -478,13 +484,13 @@ <h1>Tiny Tables</h1>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_yrf27hss1rn3njbdo2uk',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_f2sufhqp6wcg0vooo535',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_xnvdipt6a458cezfjra7(cell.i, cell.j, group.css_id);
+                  styleCell_r1xa2j1ylu8cd4tq30oy(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -492,10 +498,10 @@ <h1>Tiny Tables</h1>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_yrf27hss1rn3njbdo2uk, .table th.tinytable_css_yrf27hss1rn3njbdo2uk { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_f2sufhqp6wcg0vooo535, .table th.tinytable_css_f2sufhqp6wcg0vooo535 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_xnvdipt6a458cezfjra7" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_r1xa2j1ylu8cd4tq30oy" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -552,8 +558,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <script>
 
-      function styleCell_05ktceeccvjd7bjmvtrb(i, j, css_id) {
-          var table = document.getElementById("tinytable_05ktceeccvjd7bjmvtrb");
+      function styleCell_lj574m21nkl93jk1kghj(i, j, css_id) {
+          var table = document.getElementById("tinytable_lj574m21nkl93jk1kghj");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -563,7 +569,7 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_05ktceeccvjd7bjmvtrb');
+        var table = document.getElementById('tinytable_lj574m21nkl93jk1kghj');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -571,8 +577,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_05ktceeccvjd7bjmvtrb(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_05ktceeccvjd7bjmvtrb");
+      function spanCell_lj574m21nkl93jk1kghj(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_lj574m21nkl93jk1kghj");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -602,13 +608,13 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_q2y9wsllwnz9ilers7ye',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_iqq02bg1oiy0etvmkbz3',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_05ktceeccvjd7bjmvtrb(cell.i, cell.j, group.css_id);
+                  styleCell_lj574m21nkl93jk1kghj(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -616,10 +622,10 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_q2y9wsllwnz9ilers7ye, .table th.tinytable_css_q2y9wsllwnz9ilers7ye { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_iqq02bg1oiy0etvmkbz3, .table th.tinytable_css_iqq02bg1oiy0etvmkbz3 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_05ktceeccvjd7bjmvtrb" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_lj574m21nkl93jk1kghj" style="table-layout: fixed; width: 50% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -673,8 +679,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <script>
 
-      function styleCell_inz8579b5qyf474kyo3j(i, j, css_id) {
-          var table = document.getElementById("tinytable_inz8579b5qyf474kyo3j");
+      function styleCell_uye7oppg2ro51oolqdw9(i, j, css_id) {
+          var table = document.getElementById("tinytable_uye7oppg2ro51oolqdw9");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -684,7 +690,7 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_inz8579b5qyf474kyo3j');
+        var table = document.getElementById('tinytable_uye7oppg2ro51oolqdw9');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -692,8 +698,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_inz8579b5qyf474kyo3j(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_inz8579b5qyf474kyo3j");
+      function spanCell_uye7oppg2ro51oolqdw9(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_uye7oppg2ro51oolqdw9");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -723,13 +729,13 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_tjbzj5w7zpuvwyxam3m9',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_d8sz261okmsu7enqz121',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_inz8579b5qyf474kyo3j(cell.i, cell.j, group.css_id);
+                  styleCell_uye7oppg2ro51oolqdw9(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -737,10 +743,10 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_tjbzj5w7zpuvwyxam3m9, .table th.tinytable_css_tjbzj5w7zpuvwyxam3m9 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_d8sz261okmsu7enqz121, .table th.tinytable_css_d8sz261okmsu7enqz121 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_inz8579b5qyf474kyo3j" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_uye7oppg2ro51oolqdw9" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -795,8 +801,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <script>
 
-      function styleCell_y67cniubjj0uu4diw4dw(i, j, css_id) {
-          var table = document.getElementById("tinytable_y67cniubjj0uu4diw4dw");
+      function styleCell_r3yif4o8xegvgrgexcr4(i, j, css_id) {
+          var table = document.getElementById("tinytable_r3yif4o8xegvgrgexcr4");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -806,7 +812,7 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_y67cniubjj0uu4diw4dw');
+        var table = document.getElementById('tinytable_r3yif4o8xegvgrgexcr4');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -814,8 +820,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_y67cniubjj0uu4diw4dw(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_y67cniubjj0uu4diw4dw");
+      function spanCell_r3yif4o8xegvgrgexcr4(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_r3yif4o8xegvgrgexcr4");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -845,16 +851,16 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_x9y5oq9mwx47dmrq1nhn',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_qpbb03943ujeny91kt30',}, 
-          { positions: [ { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_ndog08705k411epak47l',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_28pe8nq9uzuyxd5nu1zw',}, 
+          { positions: [ { i: 3, j: 2 }, { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_ruzsbbju5v6btn0s24m0',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_n1a9wgizr3fhsm5xqwp0',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 1 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_m2edv1eyn59dh59wnk74',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_ba9ku433yvhia0i993ij',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_y67cniubjj0uu4diw4dw(cell.i, cell.j, group.css_id);
+                  styleCell_r3yif4o8xegvgrgexcr4(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -862,13 +868,13 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_x9y5oq9mwx47dmrq1nhn, .table th.tinytable_css_x9y5oq9mwx47dmrq1nhn { border-bottom: solid #d3d8dc 0.1em; width: 14.2857142857143%; }
-      .table td.tinytable_css_qpbb03943ujeny91kt30, .table th.tinytable_css_qpbb03943ujeny91kt30 { border-bottom: solid #d3d8dc 0.1em; width: 42.8571428571429%; }
-      .table td.tinytable_css_ndog08705k411epak47l, .table th.tinytable_css_ndog08705k411epak47l { width: 14.2857142857143%; }
-      .table td.tinytable_css_28pe8nq9uzuyxd5nu1zw, .table th.tinytable_css_28pe8nq9uzuyxd5nu1zw { width: 42.8571428571429%; }
+      .table td.tinytable_css_ruzsbbju5v6btn0s24m0, .table th.tinytable_css_ruzsbbju5v6btn0s24m0 { width: 14.2857142857143%; }
+      .table td.tinytable_css_n1a9wgizr3fhsm5xqwp0, .table th.tinytable_css_n1a9wgizr3fhsm5xqwp0 { width: 42.8571428571429%; }
+      .table td.tinytable_css_m2edv1eyn59dh59wnk74, .table th.tinytable_css_m2edv1eyn59dh59wnk74 { border-bottom: solid #d3d8dc 0.1em; width: 14.2857142857143%; }
+      .table td.tinytable_css_ba9ku433yvhia0i993ij, .table th.tinytable_css_ba9ku433yvhia0i993ij { border-bottom: solid #d3d8dc 0.1em; width: 42.8571428571429%; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_y67cniubjj0uu4diw4dw" style="table-layout: fixed; width: 70% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_r3yif4o8xegvgrgexcr4" style="table-layout: fixed; width: 70% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -923,8 +929,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <script>
 
-      function styleCell_6nyh0sef3gk1xn4qf2lf(i, j, css_id) {
-          var table = document.getElementById("tinytable_6nyh0sef3gk1xn4qf2lf");
+      function styleCell_ih7yyxdgbg51h0p75chr(i, j, css_id) {
+          var table = document.getElementById("tinytable_ih7yyxdgbg51h0p75chr");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -934,7 +940,7 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_6nyh0sef3gk1xn4qf2lf');
+        var table = document.getElementById('tinytable_ih7yyxdgbg51h0p75chr');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -942,8 +948,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_6nyh0sef3gk1xn4qf2lf(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_6nyh0sef3gk1xn4qf2lf");
+      function spanCell_ih7yyxdgbg51h0p75chr(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_ih7yyxdgbg51h0p75chr");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -973,18 +979,18 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_y2lz29y0cbwrtdyrsbgs',}, 
-          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_xtru90293jxfo57db0q2',}, 
-          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_fk6p5k0i00h43awqsvzo',}, 
-          { positions: [ { i: 3, j: 2 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_cnvl579p7y3kak69swfn',}, 
-          { positions: [ { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_2tysxlblvopfr1cyc3q8',}, 
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_0lewgtefsgrgao5mwzwn',}, 
+          { positions: [ { i: 3, j: 2 }, { i: 2, j: 3 }, { i: 3, j: 3 }, { i: 1, j: 2 }, { i: 2, j: 2 }, { i: 1, j: 4 }, { i: 2, j: 4 }, { i: 3, j: 4 }, { i: 1, j: 3 },  ], css_id: 'tinytable_css_zcbor704tp2jc6bthb02',}, 
+          { positions: [ { i: 1, j: 1 }, { i: 2, j: 1 }, { i: 3, j: 1 },  ], css_id: 'tinytable_css_aq78nivlu4wp65kujsah',}, 
+          { positions: [ { i: 1, j: 0 }, { i: 2, j: 0 }, { i: 3, j: 0 },  ], css_id: 'tinytable_css_amk3pd9lor8mzi92lvzc',}, 
+          { positions: [ { i: 0, j: 1 }, { i: 4, j: 1 },  ], css_id: 'tinytable_css_2hp7f765cjmjn30s0u8w',}, 
+          { positions: [ { i: 0, j: 2 }, { i: 0, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 2 }, { i: 4, j: 3 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_1ru742csxh7v2efbedzz',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 },  ], css_id: 'tinytable_css_0pgxmrhs9lern2dxedju',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_6nyh0sef3gk1xn4qf2lf(cell.i, cell.j, group.css_id);
+                  styleCell_ih7yyxdgbg51h0p75chr(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -992,15 +998,15 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_y2lz29y0cbwrtdyrsbgs, .table th.tinytable_css_y2lz29y0cbwrtdyrsbgs { width: 25%; }
-      .table td.tinytable_css_xtru90293jxfo57db0q2, .table th.tinytable_css_xtru90293jxfo57db0q2 { border-bottom: solid #d3d8dc 0.1em; width: 25%; }
-      .table td.tinytable_css_fk6p5k0i00h43awqsvzo, .table th.tinytable_css_fk6p5k0i00h43awqsvzo { width: 37.5%; }
-      .table td.tinytable_css_cnvl579p7y3kak69swfn, .table th.tinytable_css_cnvl579p7y3kak69swfn { width: 12.5%; }
-      .table td.tinytable_css_2tysxlblvopfr1cyc3q8, .table th.tinytable_css_2tysxlblvopfr1cyc3q8 { border-bottom: solid #d3d8dc 0.1em; width: 12.5%; }
-      .table td.tinytable_css_0lewgtefsgrgao5mwzwn, .table th.tinytable_css_0lewgtefsgrgao5mwzwn { border-bottom: solid #d3d8dc 0.1em; width: 37.5%; }
+      .table td.tinytable_css_zcbor704tp2jc6bthb02, .table th.tinytable_css_zcbor704tp2jc6bthb02 { width: 12.5%; }
+      .table td.tinytable_css_aq78nivlu4wp65kujsah, .table th.tinytable_css_aq78nivlu4wp65kujsah { width: 25%; }
+      .table td.tinytable_css_amk3pd9lor8mzi92lvzc, .table th.tinytable_css_amk3pd9lor8mzi92lvzc { width: 37.5%; }
+      .table td.tinytable_css_2hp7f765cjmjn30s0u8w, .table th.tinytable_css_2hp7f765cjmjn30s0u8w { border-bottom: solid #d3d8dc 0.1em; width: 25%; }
+      .table td.tinytable_css_1ru742csxh7v2efbedzz, .table th.tinytable_css_1ru742csxh7v2efbedzz { border-bottom: solid #d3d8dc 0.1em; width: 12.5%; }
+      .table td.tinytable_css_0pgxmrhs9lern2dxedju, .table th.tinytable_css_0pgxmrhs9lern2dxedju { border-bottom: solid #d3d8dc 0.1em; width: 37.5%; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_6nyh0sef3gk1xn4qf2lf" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_ih7yyxdgbg51h0p75chr" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1060,8 +1066,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <script>
 
-      function styleCell_ku2ur8gzkgkks4qiksl9(i, j, css_id) {
-          var table = document.getElementById("tinytable_ku2ur8gzkgkks4qiksl9");
+      function styleCell_h5chel0ydvuuhjqtqdt1(i, j, css_id) {
+          var table = document.getElementById("tinytable_h5chel0ydvuuhjqtqdt1");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1071,7 +1077,7 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ku2ur8gzkgkks4qiksl9');
+        var table = document.getElementById('tinytable_h5chel0ydvuuhjqtqdt1');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1079,8 +1085,8 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ku2ur8gzkgkks4qiksl9(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ku2ur8gzkgkks4qiksl9");
+      function spanCell_h5chel0ydvuuhjqtqdt1(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_h5chel0ydvuuhjqtqdt1");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1110,13 +1116,13 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_askl2t83zn30t6mxeed3',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_94t01d1wtdnimr2i74l0',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ku2ur8gzkgkks4qiksl9(cell.i, cell.j, group.css_id);
+                  styleCell_h5chel0ydvuuhjqtqdt1(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1124,10 +1130,10 @@ <h2 class="anchored" data-anchor-id="width">Width</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_askl2t83zn30t6mxeed3, .table th.tinytable_css_askl2t83zn30t6mxeed3 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_94t01d1wtdnimr2i74l0, .table th.tinytable_css_94t01d1wtdnimr2i74l0 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ku2ur8gzkgkks4qiksl9" style="table-layout: fixed; width: 75% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_h5chel0ydvuuhjqtqdt1" style="table-layout: fixed; width: 75% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1160,8 +1166,8 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
 
     <script>
 
-      function styleCell_gqnoxd1dw4hn57cffssx(i, j, css_id) {
-          var table = document.getElementById("tinytable_gqnoxd1dw4hn57cffssx");
+      function styleCell_6a4b83je6rw0mb8719vg(i, j, css_id) {
+          var table = document.getElementById("tinytable_6a4b83je6rw0mb8719vg");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1171,7 +1177,7 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_gqnoxd1dw4hn57cffssx');
+        var table = document.getElementById('tinytable_6a4b83je6rw0mb8719vg');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1179,8 +1185,8 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_gqnoxd1dw4hn57cffssx(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_gqnoxd1dw4hn57cffssx");
+      function spanCell_6a4b83je6rw0mb8719vg(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_6a4b83je6rw0mb8719vg");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1210,13 +1216,13 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_xfxnasr693onmyn493p6',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_p3rosqmxej540if9n3r3',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_gqnoxd1dw4hn57cffssx(cell.i, cell.j, group.css_id);
+                  styleCell_6a4b83je6rw0mb8719vg(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1224,10 +1230,10 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xfxnasr693onmyn493p6, .table th.tinytable_css_xfxnasr693onmyn493p6 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_p3rosqmxej540if9n3r3, .table th.tinytable_css_p3rosqmxej540if9n3r3 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_gqnoxd1dw4hn57cffssx" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true"><caption><p>A full-width table with wrapped text in cells and a footnote.</p></caption>
+      <table class="table table-borderless" id="tinytable_6a4b83je6rw0mb8719vg" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true"><caption><p>A full-width table with wrapped text in cells and a footnote.</p></caption>
         <thead>
         
               <tr>
@@ -1255,8 +1261,8 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
 
     <script>
 
-      function styleCell_prmxtz2gybbkpy3u1ewo(i, j, css_id) {
-          var table = document.getElementById("tinytable_prmxtz2gybbkpy3u1ewo");
+      function styleCell_1b87mzwlpx5j8tf005jh(i, j, css_id) {
+          var table = document.getElementById("tinytable_1b87mzwlpx5j8tf005jh");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1266,7 +1272,7 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_prmxtz2gybbkpy3u1ewo');
+        var table = document.getElementById('tinytable_1b87mzwlpx5j8tf005jh');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1274,8 +1280,8 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_prmxtz2gybbkpy3u1ewo(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_prmxtz2gybbkpy3u1ewo");
+      function spanCell_1b87mzwlpx5j8tf005jh(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_1b87mzwlpx5j8tf005jh");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1305,13 +1311,13 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_9wwksrf97asnn7tlw3fu',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_0xa8gl6x2bolntimf13t',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_prmxtz2gybbkpy3u1ewo(cell.i, cell.j, group.css_id);
+                  styleCell_1b87mzwlpx5j8tf005jh(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1319,10 +1325,10 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_9wwksrf97asnn7tlw3fu, .table th.tinytable_css_9wwksrf97asnn7tlw3fu { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_0xa8gl6x2bolntimf13t, .table th.tinytable_css_0xa8gl6x2bolntimf13t { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_prmxtz2gybbkpy3u1ewo" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_1b87mzwlpx5j8tf005jh" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1382,8 +1388,8 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
 
     <script>
 
-      function styleCell_nx8vgrgp1zmdr0bppjeb(i, j, css_id) {
-          var table = document.getElementById("tinytable_nx8vgrgp1zmdr0bppjeb");
+      function styleCell_y4gebg7ek4uja6pxjjor(i, j, css_id) {
+          var table = document.getElementById("tinytable_y4gebg7ek4uja6pxjjor");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1393,7 +1399,7 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_nx8vgrgp1zmdr0bppjeb');
+        var table = document.getElementById('tinytable_y4gebg7ek4uja6pxjjor');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1401,8 +1407,8 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_nx8vgrgp1zmdr0bppjeb(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_nx8vgrgp1zmdr0bppjeb");
+      function spanCell_y4gebg7ek4uja6pxjjor(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_y4gebg7ek4uja6pxjjor");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1432,13 +1438,13 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_jjol8nu66h9im8y3twyj',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 }, { i: 0, j: 4 }, { i: 4, j: 4 },  ], css_id: 'tinytable_css_w4fsv46eqcekk9c3hqp8',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_nx8vgrgp1zmdr0bppjeb(cell.i, cell.j, group.css_id);
+                  styleCell_y4gebg7ek4uja6pxjjor(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1446,10 +1452,10 @@ <h2 class="anchored" data-anchor-id="footnotes">Footnotes</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_jjol8nu66h9im8y3twyj, .table th.tinytable_css_jjol8nu66h9im8y3twyj { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_w4fsv46eqcekk9c3hqp8, .table th.tinytable_css_w4fsv46eqcekk9c3hqp8 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_nx8vgrgp1zmdr0bppjeb" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_y4gebg7ek4uja6pxjjor" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1525,8 +1531,8 @@ <h2 class="anchored" data-anchor-id="captions-and-cross-references">Captions and
 
     <script>
 
-      function styleCell_mse06mwigzi8s3qfhy3p(i, j, css_id) {
-          var table = document.getElementById("tinytable_mse06mwigzi8s3qfhy3p");
+      function styleCell_melfc1i67vvxi8ou2tqc(i, j, css_id) {
+          var table = document.getElementById("tinytable_melfc1i67vvxi8ou2tqc");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1536,7 +1542,7 @@ <h2 class="anchored" data-anchor-id="captions-and-cross-references">Captions and
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_mse06mwigzi8s3qfhy3p');
+        var table = document.getElementById('tinytable_melfc1i67vvxi8ou2tqc');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1544,8 +1550,8 @@ <h2 class="anchored" data-anchor-id="captions-and-cross-references">Captions and
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_mse06mwigzi8s3qfhy3p(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_mse06mwigzi8s3qfhy3p");
+      function spanCell_melfc1i67vvxi8ou2tqc(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_melfc1i67vvxi8ou2tqc");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1575,13 +1581,13 @@ <h2 class="anchored" data-anchor-id="captions-and-cross-references">Captions and
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_au2redbqdvmhtxf9qfee',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 4, j: 0 }, { i: 0, j: 1 }, { i: 4, j: 1 }, { i: 0, j: 2 }, { i: 4, j: 2 }, { i: 0, j: 3 }, { i: 4, j: 3 },  ], css_id: 'tinytable_css_aav8swomd4n7f39l57i4',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_mse06mwigzi8s3qfhy3p(cell.i, cell.j, group.css_id);
+                  styleCell_melfc1i67vvxi8ou2tqc(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1589,10 +1595,10 @@ <h2 class="anchored" data-anchor-id="captions-and-cross-references">Captions and
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_au2redbqdvmhtxf9qfee, .table th.tinytable_css_au2redbqdvmhtxf9qfee { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_aav8swomd4n7f39l57i4, .table th.tinytable_css_aav8swomd4n7f39l57i4 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_mse06mwigzi8s3qfhy3p" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_melfc1i67vvxi8ou2tqc" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1662,8 +1668,8 @@ <h2 class="anchored" data-anchor-id="line-breaks-and-text-wrapping">Line breaks
 
     <script>
 
-      function styleCell_eb4q0n0ovorhbd62sbxb(i, j, css_id) {
-          var table = document.getElementById("tinytable_eb4q0n0ovorhbd62sbxb");
+      function styleCell_4y2xbkv0x1mg3eqye5l9(i, j, css_id) {
+          var table = document.getElementById("tinytable_4y2xbkv0x1mg3eqye5l9");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1673,7 +1679,7 @@ <h2 class="anchored" data-anchor-id="line-breaks-and-text-wrapping">Line breaks
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_eb4q0n0ovorhbd62sbxb');
+        var table = document.getElementById('tinytable_4y2xbkv0x1mg3eqye5l9');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1681,8 +1687,8 @@ <h2 class="anchored" data-anchor-id="line-breaks-and-text-wrapping">Line breaks
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_eb4q0n0ovorhbd62sbxb(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_eb4q0n0ovorhbd62sbxb");
+      function spanCell_4y2xbkv0x1mg3eqye5l9(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_4y2xbkv0x1mg3eqye5l9");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1712,13 +1718,13 @@ <h2 class="anchored" data-anchor-id="line-breaks-and-text-wrapping">Line breaks
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_acgfwy73adqx6ax3pazb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 1, j: 0 }, { i: 0, j: 1 }, { i: 1, j: 1 },  ], css_id: 'tinytable_css_evxamhnhh6pdpo2vh9o6',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_eb4q0n0ovorhbd62sbxb(cell.i, cell.j, group.css_id);
+                  styleCell_4y2xbkv0x1mg3eqye5l9(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1726,10 +1732,10 @@ <h2 class="anchored" data-anchor-id="line-breaks-and-text-wrapping">Line breaks
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_acgfwy73adqx6ax3pazb, .table th.tinytable_css_acgfwy73adqx6ax3pazb { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_evxamhnhh6pdpo2vh9o6, .table th.tinytable_css_evxamhnhh6pdpo2vh9o6 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_eb4q0n0ovorhbd62sbxb" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_4y2xbkv0x1mg3eqye5l9" style="table-layout: fixed; width: 100% !important; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1836,8 +1842,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <script>
 
-      function styleCell_85u9h2j365zcowf5ur04(i, j, css_id) {
-          var table = document.getElementById("tinytable_85u9h2j365zcowf5ur04");
+      function styleCell_xef9wzeepl03ioqg27cf(i, j, css_id) {
+          var table = document.getElementById("tinytable_xef9wzeepl03ioqg27cf");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1847,7 +1853,7 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_85u9h2j365zcowf5ur04');
+        var table = document.getElementById('tinytable_xef9wzeepl03ioqg27cf');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1855,8 +1861,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_85u9h2j365zcowf5ur04(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_85u9h2j365zcowf5ur04");
+      function spanCell_xef9wzeepl03ioqg27cf(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_xef9wzeepl03ioqg27cf");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -1886,13 +1892,13 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_xssrmecrs4o22mo4rog0',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_dg6d9ua9uuv0db7vtft3',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_85u9h2j365zcowf5ur04(cell.i, cell.j, group.css_id);
+                  styleCell_xef9wzeepl03ioqg27cf(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -1900,10 +1906,10 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xssrmecrs4o22mo4rog0, .table th.tinytable_css_xssrmecrs4o22mo4rog0 { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_dg6d9ua9uuv0db7vtft3, .table th.tinytable_css_dg6d9ua9uuv0db7vtft3 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_85u9h2j365zcowf5ur04" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_xef9wzeepl03ioqg27cf" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -1954,8 +1960,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <script>
 
-      function styleCell_s8dsi8iezdfghkmddbyg(i, j, css_id) {
-          var table = document.getElementById("tinytable_s8dsi8iezdfghkmddbyg");
+      function styleCell_s3of7wz1cmrhd33onnxw(i, j, css_id) {
+          var table = document.getElementById("tinytable_s3of7wz1cmrhd33onnxw");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -1965,7 +1971,7 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_s8dsi8iezdfghkmddbyg');
+        var table = document.getElementById('tinytable_s3of7wz1cmrhd33onnxw');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -1973,8 +1979,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_s8dsi8iezdfghkmddbyg(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_s8dsi8iezdfghkmddbyg");
+      function spanCell_s3of7wz1cmrhd33onnxw(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_s3of7wz1cmrhd33onnxw");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2004,13 +2010,13 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_0ipj94at0mytkakrmkur',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_puo2nud6qionj2eqzzts',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_s8dsi8iezdfghkmddbyg(cell.i, cell.j, group.css_id);
+                  styleCell_s3of7wz1cmrhd33onnxw(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2018,10 +2024,10 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_0ipj94at0mytkakrmkur, .table th.tinytable_css_0ipj94at0mytkakrmkur { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_puo2nud6qionj2eqzzts, .table th.tinytable_css_puo2nud6qionj2eqzzts { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_s8dsi8iezdfghkmddbyg" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_s3of7wz1cmrhd33onnxw" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -2087,8 +2093,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <script>
 
-      function styleCell_rf2k0zeqltzjmq1xg7ee(i, j, css_id) {
-          var table = document.getElementById("tinytable_rf2k0zeqltzjmq1xg7ee");
+      function styleCell_0huawkqiuz7691c247ff(i, j, css_id) {
+          var table = document.getElementById("tinytable_0huawkqiuz7691c247ff");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2098,7 +2104,7 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_rf2k0zeqltzjmq1xg7ee');
+        var table = document.getElementById('tinytable_0huawkqiuz7691c247ff');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2106,8 +2112,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_rf2k0zeqltzjmq1xg7ee(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_rf2k0zeqltzjmq1xg7ee");
+      function spanCell_0huawkqiuz7691c247ff(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_0huawkqiuz7691c247ff");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2137,13 +2143,13 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_tvkro696p1zemub0vayw',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 }, { i: 0, j: 3 }, { i: 6, j: 3 }, { i: 0, j: 4 }, { i: 6, j: 4 },  ], css_id: 'tinytable_css_2b3vthti7n9mxroe60pc',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_rf2k0zeqltzjmq1xg7ee(cell.i, cell.j, group.css_id);
+                  styleCell_0huawkqiuz7691c247ff(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2151,10 +2157,10 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_tvkro696p1zemub0vayw, .table th.tinytable_css_tvkro696p1zemub0vayw { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_2b3vthti7n9mxroe60pc, .table th.tinytable_css_2b3vthti7n9mxroe60pc { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_rf2k0zeqltzjmq1xg7ee" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_0huawkqiuz7691c247ff" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -2224,8 +2230,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <script>
 
-      function styleCell_ukyi7puihew42ryg10l6(i, j, css_id) {
-          var table = document.getElementById("tinytable_ukyi7puihew42ryg10l6");
+      function styleCell_avta4vfw8dk628ss0amr(i, j, css_id) {
+          var table = document.getElementById("tinytable_avta4vfw8dk628ss0amr");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2235,7 +2241,7 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_ukyi7puihew42ryg10l6');
+        var table = document.getElementById('tinytable_avta4vfw8dk628ss0amr');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2243,8 +2249,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_ukyi7puihew42ryg10l6(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_ukyi7puihew42ryg10l6");
+      function spanCell_avta4vfw8dk628ss0amr(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_avta4vfw8dk628ss0amr");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2274,13 +2280,13 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 5, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 }, { i: 0, j: 2 }, { i: 5, j: 2 }, { i: 0, j: 3 }, { i: 5, j: 3 }, { i: 0, j: 4 }, { i: 5, j: 4 },  ], css_id: 'tinytable_css_j4tk5wvesauc57kobwto',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 5, j: 0 }, { i: 0, j: 1 }, { i: 5, j: 1 }, { i: 0, j: 2 }, { i: 5, j: 2 }, { i: 0, j: 3 }, { i: 5, j: 3 }, { i: 0, j: 4 }, { i: 5, j: 4 },  ], css_id: 'tinytable_css_8qc5da3ads3d8du1vsuo',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_ukyi7puihew42ryg10l6(cell.i, cell.j, group.css_id);
+                  styleCell_avta4vfw8dk628ss0amr(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2288,10 +2294,10 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_j4tk5wvesauc57kobwto, .table th.tinytable_css_j4tk5wvesauc57kobwto { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_8qc5da3ads3d8du1vsuo, .table th.tinytable_css_8qc5da3ads3d8du1vsuo { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_ukyi7puihew42ryg10l6" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_avta4vfw8dk628ss0amr" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -2353,8 +2359,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <script>
 
-      function styleCell_hwtmb1p8k7jp1pfgi5ro(i, j, css_id) {
-          var table = document.getElementById("tinytable_hwtmb1p8k7jp1pfgi5ro");
+      function styleCell_2jlo3bxeg54phwy5x46u(i, j, css_id) {
+          var table = document.getElementById("tinytable_2jlo3bxeg54phwy5x46u");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2364,7 +2370,7 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_hwtmb1p8k7jp1pfgi5ro');
+        var table = document.getElementById('tinytable_2jlo3bxeg54phwy5x46u');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2372,8 +2378,8 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_hwtmb1p8k7jp1pfgi5ro(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_hwtmb1p8k7jp1pfgi5ro");
+      function spanCell_2jlo3bxeg54phwy5x46u(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_2jlo3bxeg54phwy5x46u");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2403,13 +2409,13 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 },  ], css_id: 'tinytable_css_xm0cm6c80q5z2w3z520s',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 6, j: 0 }, { i: 0, j: 1 }, { i: 6, j: 1 }, { i: 0, j: 2 }, { i: 6, j: 2 },  ], css_id: 'tinytable_css_iw50b9091lmjbrgr9gqw',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_hwtmb1p8k7jp1pfgi5ro(cell.i, cell.j, group.css_id);
+                  styleCell_2jlo3bxeg54phwy5x46u(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2417,10 +2423,10 @@ <h2 class="anchored" data-anchor-id="combination-and-exploration">Combination an
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_xm0cm6c80q5z2w3z520s, .table th.tinytable_css_xm0cm6c80q5z2w3z520s { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_iw50b9091lmjbrgr9gqw, .table th.tinytable_css_iw50b9091lmjbrgr9gqw { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_hwtmb1p8k7jp1pfgi5ro" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_2jlo3bxeg54phwy5x46u" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         </thead><caption>Combine two tiny tables.</caption>
               <tbody><tr>
@@ -2480,8 +2486,8 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
 
     <script>
 
-      function styleCell_vvqoa5rs2aw8d1ttluoz(i, j, css_id) {
-          var table = document.getElementById("tinytable_vvqoa5rs2aw8d1ttluoz");
+      function styleCell_e6bacr2p15dpn6braqzj(i, j, css_id) {
+          var table = document.getElementById("tinytable_e6bacr2p15dpn6braqzj");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2491,7 +2497,7 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_vvqoa5rs2aw8d1ttluoz');
+        var table = document.getElementById('tinytable_e6bacr2p15dpn6braqzj');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2499,8 +2505,8 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_vvqoa5rs2aw8d1ttluoz(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_vvqoa5rs2aw8d1ttluoz");
+      function spanCell_e6bacr2p15dpn6braqzj(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_e6bacr2p15dpn6braqzj");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2530,13 +2536,13 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_gvh9xmbpgrqh8uqz1mxh',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_on2gufq52usou7r0bjze',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_vvqoa5rs2aw8d1ttluoz(cell.i, cell.j, group.css_id);
+                  styleCell_e6bacr2p15dpn6braqzj(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2544,10 +2550,10 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_gvh9xmbpgrqh8uqz1mxh, .table th.tinytable_css_gvh9xmbpgrqh8uqz1mxh { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_on2gufq52usou7r0bjze, .table th.tinytable_css_on2gufq52usou7r0bjze { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_vvqoa5rs2aw8d1ttluoz" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_e6bacr2p15dpn6braqzj" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
@@ -2581,8 +2587,8 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
 
     <script>
 
-      function styleCell_z2d9rjzlh74u541tytqv(i, j, css_id) {
-          var table = document.getElementById("tinytable_z2d9rjzlh74u541tytqv");
+      function styleCell_czq5s8gidqmescp6qny1(i, j, css_id) {
+          var table = document.getElementById("tinytable_czq5s8gidqmescp6qny1");
           var cell = table.rows[i]?.cells[j];  // Safe navigation to avoid errors
           if (cell) {
               console.log(`Styling cell at (${i}, ${j}) with class ${css_id}`);
@@ -2592,7 +2598,7 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
           }
       }
       function insertSpanRow(i, colspan, content) {
-        var table = document.getElementById('tinytable_z2d9rjzlh74u541tytqv');
+        var table = document.getElementById('tinytable_czq5s8gidqmescp6qny1');
         var newRow = table.insertRow(i);
         var newCell = newRow.insertCell(0);
         newCell.setAttribute("colspan", colspan);
@@ -2600,8 +2606,8 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
         // this may be unsafe, but innerText does not interpret <br>
         newCell.innerHTML = content;
       }
-      function spanCell_z2d9rjzlh74u541tytqv(i, j, rowspan, colspan) {
-        var table = document.getElementById("tinytable_z2d9rjzlh74u541tytqv");
+      function spanCell_czq5s8gidqmescp6qny1(i, j, rowspan, colspan) {
+        var table = document.getElementById("tinytable_czq5s8gidqmescp6qny1");
         const targetRow = table.rows[i];
         const targetCell = targetRow.cells[j];
         for (let r = 0; r < rowspan; r++) {
@@ -2631,13 +2637,13 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
       window.addEventListener('load', function () {
           var cellsToStyle = [
             // tinytable style arrays after
-          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_wg05z8wb1jlhoke90beb',}, 
+          { positions: [ { i: 0, j: 0 }, { i: 2, j: 0 }, { i: 0, j: 1 }, { i: 2, j: 1 },  ], css_id: 'tinytable_css_ev02l533k8qvp74vqz46',}, 
           ];
 
           // Loop over the arrays to style the cells
           cellsToStyle.forEach(function (group) {
               group.positions.forEach(function (cell) {
-                  styleCell_z2d9rjzlh74u541tytqv(cell.i, cell.j, group.css_id);
+                  styleCell_czq5s8gidqmescp6qny1(cell.i, cell.j, group.css_id);
               });
           });
       });
@@ -2645,10 +2651,10 @@ <h2 class="anchored" data-anchor-id="renaming-columns">Renaming columns</h2>
 
     <style>
       /* tinytable css entries after */
-      .table td.tinytable_css_wg05z8wb1jlhoke90beb, .table th.tinytable_css_wg05z8wb1jlhoke90beb { border-bottom: solid #d3d8dc 0.1em; }
+      .table td.tinytable_css_ev02l533k8qvp74vqz46, .table th.tinytable_css_ev02l533k8qvp74vqz46 { border-bottom: solid #d3d8dc 0.1em; }
     </style>
     <div class="container">
-      <table class="table table-borderless" id="tinytable_z2d9rjzlh74u541tytqv" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
+      <table class="table table-borderless" id="tinytable_czq5s8gidqmescp6qny1" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing="true">
         <thead>
         
               <tr>
diff --git a/vignettes/tinytable_assets/id12szb2bi26wsofbnhqqq.png b/vignettes/tinytable_assets/id12szb2bi26wsofbnhqqq.png
new file mode 100644
index 00000000..fa8a2afc
Binary files /dev/null and b/vignettes/tinytable_assets/id12szb2bi26wsofbnhqqq.png differ
diff --git a/vignettes/tinytable_assets/id1914sxbkjo3ao5ecirea.png b/vignettes/tinytable_assets/id1914sxbkjo3ao5ecirea.png
new file mode 100644
index 00000000..f4e677bc
Binary files /dev/null and b/vignettes/tinytable_assets/id1914sxbkjo3ao5ecirea.png differ
diff --git a/vignettes/tinytable_assets/id3g62u7mjiuhkwkwger38.png b/vignettes/tinytable_assets/id3g62u7mjiuhkwkwger38.png
new file mode 100644
index 00000000..5f1e6473
Binary files /dev/null and b/vignettes/tinytable_assets/id3g62u7mjiuhkwkwger38.png differ
diff --git a/vignettes/tinytable_assets/id3r6u1r1bhrxg4kuqkrbu.png b/vignettes/tinytable_assets/id3r6u1r1bhrxg4kuqkrbu.png
new file mode 100644
index 00000000..8eaafeb9
Binary files /dev/null and b/vignettes/tinytable_assets/id3r6u1r1bhrxg4kuqkrbu.png differ
diff --git a/vignettes/tinytable_assets/id4ilox0s89kmbc01zmhuk.png b/vignettes/tinytable_assets/id4ilox0s89kmbc01zmhuk.png
new file mode 100644
index 00000000..5c33b720
Binary files /dev/null and b/vignettes/tinytable_assets/id4ilox0s89kmbc01zmhuk.png differ
diff --git a/vignettes/tinytable_assets/idauonl5a329fps3c9eq45.png b/vignettes/tinytable_assets/idauonl5a329fps3c9eq45.png
new file mode 100644
index 00000000..0981e71f
Binary files /dev/null and b/vignettes/tinytable_assets/idauonl5a329fps3c9eq45.png differ
diff --git a/vignettes/tinytable_assets/idb6vud8ah1ajrkee5y8xa.png b/vignettes/tinytable_assets/idb6vud8ah1ajrkee5y8xa.png
new file mode 100644
index 00000000..213bef86
Binary files /dev/null and b/vignettes/tinytable_assets/idb6vud8ah1ajrkee5y8xa.png differ
diff --git a/vignettes/tinytable_assets/idc2smlyzvc3rw3mtnr95v.png b/vignettes/tinytable_assets/idc2smlyzvc3rw3mtnr95v.png
new file mode 100644
index 00000000..5e2927f9
Binary files /dev/null and b/vignettes/tinytable_assets/idc2smlyzvc3rw3mtnr95v.png differ
diff --git a/vignettes/tinytable_assets/ideg63irrm9erd8sk5tmm0.png b/vignettes/tinytable_assets/ideg63irrm9erd8sk5tmm0.png
new file mode 100644
index 00000000..cba1148d
Binary files /dev/null and b/vignettes/tinytable_assets/ideg63irrm9erd8sk5tmm0.png differ
diff --git a/vignettes/tinytable_assets/idgadq0njx6khsl6eofybh.png b/vignettes/tinytable_assets/idgadq0njx6khsl6eofybh.png
new file mode 100644
index 00000000..e677d3ef
Binary files /dev/null and b/vignettes/tinytable_assets/idgadq0njx6khsl6eofybh.png differ
diff --git a/vignettes/tinytable_assets/idgi0dtl61ql8a2vct3661.png b/vignettes/tinytable_assets/idgi0dtl61ql8a2vct3661.png
new file mode 100644
index 00000000..b432d3fa
Binary files /dev/null and b/vignettes/tinytable_assets/idgi0dtl61ql8a2vct3661.png differ
diff --git a/vignettes/tinytable_assets/idgiaridln2p1c745jod70.png b/vignettes/tinytable_assets/idgiaridln2p1c745jod70.png
new file mode 100644
index 00000000..bb9ca8b8
Binary files /dev/null and b/vignettes/tinytable_assets/idgiaridln2p1c745jod70.png differ
diff --git a/vignettes/tinytable_assets/idgqh5fcp7r0lzg1xwewa2.png b/vignettes/tinytable_assets/idgqh5fcp7r0lzg1xwewa2.png
new file mode 100644
index 00000000..80279d32
Binary files /dev/null and b/vignettes/tinytable_assets/idgqh5fcp7r0lzg1xwewa2.png differ
diff --git a/vignettes/tinytable_assets/idhc8zpyw60dp0pe2n5glh.png b/vignettes/tinytable_assets/idhc8zpyw60dp0pe2n5glh.png
new file mode 100644
index 00000000..04b900e8
Binary files /dev/null and b/vignettes/tinytable_assets/idhc8zpyw60dp0pe2n5glh.png differ
diff --git a/vignettes/tinytable_assets/idi524f0c9a4iih14wmjhn.png b/vignettes/tinytable_assets/idi524f0c9a4iih14wmjhn.png
new file mode 100644
index 00000000..79d2ec07
Binary files /dev/null and b/vignettes/tinytable_assets/idi524f0c9a4iih14wmjhn.png differ
diff --git a/vignettes/tinytable_assets/idiq2bk35jr3dphrmdz09k.png b/vignettes/tinytable_assets/idiq2bk35jr3dphrmdz09k.png
new file mode 100644
index 00000000..d7222e0f
Binary files /dev/null and b/vignettes/tinytable_assets/idiq2bk35jr3dphrmdz09k.png differ
diff --git a/vignettes/tinytable_assets/idlvsa5l4ec725jzglf5a6.png b/vignettes/tinytable_assets/idlvsa5l4ec725jzglf5a6.png
new file mode 100644
index 00000000..51ac33e1
Binary files /dev/null and b/vignettes/tinytable_assets/idlvsa5l4ec725jzglf5a6.png differ
diff --git a/vignettes/tinytable_assets/idu6qptczq95odl3dhw5zq.png b/vignettes/tinytable_assets/idu6qptczq95odl3dhw5zq.png
new file mode 100644
index 00000000..0ba387fc
Binary files /dev/null and b/vignettes/tinytable_assets/idu6qptczq95odl3dhw5zq.png differ
diff --git a/vignettes/tinytable_assets/idufm8x2b90vx8x29mmjbh.png b/vignettes/tinytable_assets/idufm8x2b90vx8x29mmjbh.png
new file mode 100644
index 00000000..5e33c88b
Binary files /dev/null and b/vignettes/tinytable_assets/idufm8x2b90vx8x29mmjbh.png differ
diff --git a/vignettes/tinytable_assets/idvc25ppfiilygs7dwschp.png b/vignettes/tinytable_assets/idvc25ppfiilygs7dwschp.png
new file mode 100644
index 00000000..82861ab5
Binary files /dev/null and b/vignettes/tinytable_assets/idvc25ppfiilygs7dwschp.png differ
diff --git a/vignettes/tinytable_assets/idxg2d2px2hya2xc5rmg9f.png b/vignettes/tinytable_assets/idxg2d2px2hya2xc5rmg9f.png
new file mode 100644
index 00000000..3ce82825
Binary files /dev/null and b/vignettes/tinytable_assets/idxg2d2px2hya2xc5rmg9f.png differ
diff --git a/vignettes/tinytable_assets/idxnxv4bt5mvr7nekfm6qw.png b/vignettes/tinytable_assets/idxnxv4bt5mvr7nekfm6qw.png
new file mode 100644
index 00000000..b6cc9f62
Binary files /dev/null and b/vignettes/tinytable_assets/idxnxv4bt5mvr7nekfm6qw.png differ
diff --git a/vignettes/tinytable_assets/idyeqeh1xz2ptnrw0eaeml.png b/vignettes/tinytable_assets/idyeqeh1xz2ptnrw0eaeml.png
new file mode 100644
index 00000000..0e9656bb
Binary files /dev/null and b/vignettes/tinytable_assets/idyeqeh1xz2ptnrw0eaeml.png differ
diff --git a/vignettes/tinytable_assets/idyv7r1yh8wbttyfncwozw.png b/vignettes/tinytable_assets/idyv7r1yh8wbttyfncwozw.png
new file mode 100644
index 00000000..4e1ff0a7
Binary files /dev/null and b/vignettes/tinytable_assets/idyv7r1yh8wbttyfncwozw.png differ
diff --git a/vignettes/tinytable_assets/idyvm5b6g3wazf11s12yc8.png b/vignettes/tinytable_assets/idyvm5b6g3wazf11s12yc8.png
new file mode 100644
index 00000000..1cfe3c01
Binary files /dev/null and b/vignettes/tinytable_assets/idyvm5b6g3wazf11s12yc8.png differ
diff --git a/vignettes/tinytable_assets/idz96ecy47umbgc8j5z67p.png b/vignettes/tinytable_assets/idz96ecy47umbgc8j5z67p.png
new file mode 100644
index 00000000..8ec24e8d
Binary files /dev/null and b/vignettes/tinytable_assets/idz96ecy47umbgc8j5z67p.png differ
diff --git a/vignettes/tinytable_assets/idzrp2c6gnt5ucpuys9idq.png b/vignettes/tinytable_assets/idzrp2c6gnt5ucpuys9idq.png
new file mode 100644
index 00000000..e0b2cddc
Binary files /dev/null and b/vignettes/tinytable_assets/idzrp2c6gnt5ucpuys9idq.png differ
diff --git a/vignettes/tinytable_tutorial.pdf b/vignettes/tinytable_tutorial.pdf
index cde80516..b673c26a 100644
Binary files a/vignettes/tinytable_tutorial.pdf and b/vignettes/tinytable_tutorial.pdf differ