diff --git a/404.html b/404.html
index df28013a..b9be599d 100644
--- a/404.html
+++ b/404.html
@@ -390,7 +390,7 @@ <h1>Page not found</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/404.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/404.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index ed47e61f..d7b3d786 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -402,7 +402,7 @@ <h1>Contributor Code of Conduct</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/CODE_OF_CONDUCT.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/CODE_OF_CONDUCT.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/LICENSE.html b/LICENSE.html
index ccf4d6f2..1158162f 100644
--- a/LICENSE.html
+++ b/LICENSE.html
@@ -450,7 +450,7 @@ <h1>Licenses</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/LICENSE.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/LICENSE.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/aio.html b/aio.html
index e014c021..54f06d1c 100644
--- a/aio.html
+++ b/aio.html
@@ -1386,7 +1386,7 @@ <h3 class="callout-title">Chemistry Joke</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>A: part of the precipitate</p>
 </div>
@@ -1417,7 +1417,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Output </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -1444,7 +1444,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -1476,7 +1476,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>Yes! It is a valid fenced div for the following reasons:</p>
 <ol style="list-style-type: decimal">
@@ -1533,7 +1533,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> What Else Might We Use A Spoiler For? </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <ul>
 <li>including a collapsed version of a very long block of output/a large
@@ -1865,7 +1865,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>To get a roughly 1:5:1 ratio, you can use two separators for the
 short columns and ten separators for the wide column:</p>
@@ -2063,7 +2063,7 @@ <h3 class="callout-title">But It Works!</h3>
 <button class="accordion-button hint-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHint1" aria-expanded="false" aria-controls="collapseHint1">
   <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 </button>
-<div id="collapseHint1" class="accordion-collapse collapse" data-bs-parent="#accordionHint1" aria-labelledby="headingHint1">
+<div id="collapseHint1" class="accordion-collapse collapse" aria-labelledby="headingHint1" data-bs-parent="#accordionHint1">
 <div class="accordion-body">
 <p>Think about which files <em>actually</em> exist before the lesson is
 built.</p>
@@ -2076,7 +2076,7 @@ <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6"> Show me the solution </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>The answer is <strong>3</strong>:
 <code>[internal links](../episodes/episodes.Rmd#internal-links)</code>
@@ -2353,7 +2353,7 @@ <h3 class="callout-title">Preview the Lesson</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <p>What you should notice is that the only file updated when you
 re-render the lesson is the file you changed
@@ -2541,7 +2541,7 @@ <h3 class="callout-title">Configuring Episode Order</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>The episodes appear in the same order as the configuration file and
 the timings have rearranged themselves to reflect that.</p>
@@ -2718,7 +2718,7 @@ <h3 id="creating-a-cff-for-a-lesson">Creating a CFF for a lesson<a class="anchor
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example CFF for this lesson </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <pre><code>cff-version: 1.2.0
 title: Introduction to The Carpentries Workbench
@@ -2801,7 +2801,7 @@ <h3 id="plain-text-citation-file">Plain text CITATION file<a class="anchor" aria
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler2" aria-expanded="false" aria-controls="collapseSpoiler2">
   <h3 class="accordion-header" id="headingSpoiler2">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example plain text CITATION file </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <pre><code>Please cite this lesson as:
 
@@ -2944,7 +2944,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Output </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -2971,7 +2971,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -3727,7 +3727,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/aio.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/aio.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/component-guide.html b/component-guide.html
index 7f108b4e..17c72b7d 100644
--- a/component-guide.html
+++ b/component-guide.html
@@ -324,7 +324,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Workbench Component Guide</h1>
-        <p>Last updated on 2024-11-05 |
+        <p>Last updated on 2024-11-12 |
 
         <a href="https://github.com/carpentries/sandpaper-docs/edit/main/learners/component-guide.md" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -409,6 +409,19 @@ <h3 class="callout-title">CALLOUT (<code>callout</code>)</h3>
 </div>
 </div>
 </div>
+<div id="caution-caution" class="callout caution">
+<div class="callout-square">
+<i class="callout-icon" data-feather="alert-triangle"></i>
+</div>
+<div id="caution-caution" class="callout-inner">
+<h3 class="callout-title">CAUTION (<code>caution</code>)</h3>
+<div class="callout-content">
+<p>CAUTION callouts are created with the <code>caution</code> tag and
+raise awareness of potential issues or problems that a learner might
+experience.</p>
+</div>
+</div>
+</div>
 <div id="prerequisites-prereq" class="callout prereq">
 <div class="callout-square">
 <i class="callout-icon" data-feather="check"></i>
@@ -455,7 +468,7 @@ <h4 class="accordion-header" id="headingHint1">
   HINT (hint)
   </h4>
 </button>
-<div id="collapseHint1" class="accordion-collapse collapse" aria-labelledby="headingHint1" data-bs-parent="#accordionHint1">
+<div id="collapseHint1" class="accordion-collapse collapse" data-bs-parent="#accordionHint1" aria-labelledby="headingHint1">
 <div class="accordion-body">
 <p>HINT accordions are created with the <code>hint</code> tag and nested
 within <code>challenge</code> callouts. These offer more context for the
@@ -471,7 +484,7 @@ <h4 class="accordion-header" id="headingSolution1">
   SOLUTION (solution)
   </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <p>SOLUTION accordions are created with the <code>solution</code> tag
 and nested within <code>challenge</code> callouts. These provide the
@@ -514,7 +527,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   SPOILER (spoiler)
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <p>SPOILER callouts are created with the <code>spoiler</code> tag and
 are a way to provide additional details/content that can be expanded and
@@ -683,8 +696,8 @@ <h3 class="tab-header" id="nav-tab-heading-2-Linux">
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/component-guide.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/component-guide.html",
-  "dateCreated": "2024-11-05",
-  "dateModified": "2024-11-05",
+  "dateCreated": "2024-11-12",
+  "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
 
diff --git a/deployment.html b/deployment.html
index b5f729d1..9bf0f0f3 100644
--- a/deployment.html
+++ b/deployment.html
@@ -528,7 +528,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/deployment.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/deployment.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/editing.html b/editing.html
index d7585613..eee9617c 100644
--- a/editing.html
+++ b/editing.html
@@ -455,7 +455,7 @@ <h3 class="callout-title">Preview the Lesson</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <p>What you should notice is that the only file updated when you
 re-render the lesson is the file you changed
@@ -628,7 +628,7 @@ <h3 class="callout-title">Configuring Episode Order</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>The episodes appear in the same order as the configuration file and
 the timings have rearranged themselves to reflect that.</p>
@@ -773,7 +773,7 @@ <h3 id="creating-a-cff-for-a-lesson">Creating a CFF for a lesson<a class="anchor
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example CFF for this lesson </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <pre><code>cff-version: 1.2.0
 title: Introduction to The Carpentries Workbench
@@ -855,7 +855,7 @@ <h3 id="plain-text-citation-file">Plain text CITATION file<a class="anchor" aria
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler2" aria-expanded="false" aria-controls="collapseSpoiler2">
   <h3 class="accordion-header" id="headingSpoiler2">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example plain text CITATION file </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <pre><code>Please cite this lesson as:
 
@@ -946,7 +946,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/editing.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/editing.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/episodes.html b/episodes.html
index fdc14990..3146cbee 100644
--- a/episodes.html
+++ b/episodes.html
@@ -938,7 +938,7 @@ <h3 class="callout-title">Chemistry Joke</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>A: part of the precipitate</p>
 </div>
@@ -969,7 +969,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Output </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -996,7 +996,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -1028,7 +1028,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>Yes! It is a valid fenced div for the following reasons:</p>
 <ol style="list-style-type: decimal"><li>The opening fence has ≥3 colons</li>
@@ -1081,7 +1081,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> What Else Might We Use A Spoiler For? </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <ul><li>including a collapsed version of a very long block of output/a large
 image from a code block, which the learner can expand if they want to
@@ -1338,7 +1338,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>To get a roughly 1:5:1 ratio, you can use two separators for the
 short columns and ten separators for the wide column:</p>
@@ -1497,7 +1497,7 @@ <h3 class="callout-title">But It Works!</h3>
 <button class="accordion-button hint-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHint1" aria-expanded="false" aria-controls="collapseHint1">
   <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 </button>
-<div id="collapseHint1" class="accordion-collapse collapse" data-bs-parent="#accordionHint1" aria-labelledby="headingHint1">
+<div id="collapseHint1" class="accordion-collapse collapse" aria-labelledby="headingHint1" data-bs-parent="#accordionHint1">
 <div class="accordion-body">
 <p>Think about which files <em>actually</em> exist before the lesson is
 built.</p>
@@ -1510,7 +1510,7 @@ <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6"> Show me the solution </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>The answer is <strong>3</strong>:
 <code>[internal links](../episodes/episodes.Rmd#internal-links)</code>
@@ -1715,7 +1715,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/episodes.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/episodes.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/example.html b/example.html
index 65d4ce5e..88f62ca3 100644
--- a/example.html
+++ b/example.html
@@ -438,7 +438,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Output </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -465,7 +465,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -607,7 +607,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/example.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/example.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/github-pat.html b/github-pat.html
index 065fb457..d17f3c94 100644
--- a/github-pat.html
+++ b/github-pat.html
@@ -554,7 +554,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/github-pat.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/github-pat.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/images.html b/images.html
index 76b31b0b..f790c53b 100644
--- a/images.html
+++ b/images.html
@@ -541,7 +541,7 @@ <h3 id="pull-request-figure-9">Figure 9</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/images.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/images.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/index.html b/index.html
index cf97d2ca..93b96dbc 100644
--- a/index.html
+++ b/index.html
@@ -1235,7 +1235,7 @@ <h3 class="callout-title">Is GitHub’s Documentation Confusing?</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/index.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/index.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor-notes.html b/instructor-notes.html
index 9685fce4..fd8ce272 100644
--- a/instructor-notes.html
+++ b/instructor-notes.html
@@ -435,7 +435,7 @@ <h1>Instructor Notes</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor-notes.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor-notes.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/404.html b/instructor/404.html
index 4c85cb7f..77dbb4a6 100644
--- a/instructor/404.html
+++ b/instructor/404.html
@@ -390,7 +390,7 @@ <h1>Page not found</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/404.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/404.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/CODE_OF_CONDUCT.html b/instructor/CODE_OF_CONDUCT.html
index 758df4c3..a1082178 100644
--- a/instructor/CODE_OF_CONDUCT.html
+++ b/instructor/CODE_OF_CONDUCT.html
@@ -404,7 +404,7 @@ <h1>Contributor Code of Conduct</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/CODE_OF_CONDUCT.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/CODE_OF_CONDUCT.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/LICENSE.html b/instructor/LICENSE.html
index 1a3ed07c..f6dde71a 100644
--- a/instructor/LICENSE.html
+++ b/instructor/LICENSE.html
@@ -452,7 +452,7 @@ <h1>Licenses</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/LICENSE.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/LICENSE.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/aio.html b/instructor/aio.html
index c65956cd..112d42ff 100644
--- a/instructor/aio.html
+++ b/instructor/aio.html
@@ -1355,7 +1355,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Instructor Note </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
 <div class="accordion-body">
 <p>This is an instructor note. It contains information that can be
 useful for instructors to know such as</p>
@@ -1420,7 +1420,7 @@ <h3 class="callout-title">Chemistry Joke</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>A: part of the precipitate</p>
 </div>
@@ -1451,7 +1451,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Output </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -1478,7 +1478,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -1510,7 +1510,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>Yes! It is a valid fenced div for the following reasons:</p>
 <ol style="list-style-type: decimal">
@@ -1567,7 +1567,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> What Else Might We Use A Spoiler For? </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <ul>
 <li>including a collapsed version of a very long block of output/a large
@@ -1899,7 +1899,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>To get a roughly 1:5:1 ratio, you can use two separators for the
 short columns and ten separators for the wide column:</p>
@@ -2097,7 +2097,7 @@ <h3 class="callout-title">But It Works!</h3>
 <button class="accordion-button hint-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHint1" aria-expanded="false" aria-controls="collapseHint1">
   <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 </button>
-<div id="collapseHint1" class="accordion-collapse collapse" data-bs-parent="#accordionHint1" aria-labelledby="headingHint1">
+<div id="collapseHint1" class="accordion-collapse collapse" aria-labelledby="headingHint1" data-bs-parent="#accordionHint1">
 <div class="accordion-body">
 <p>Think about which files <em>actually</em> exist before the lesson is
 built.</p>
@@ -2110,7 +2110,7 @@ <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6"> Show me the solution </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>The answer is <strong>3</strong>:
 <code>[internal links](../episodes/episodes.Rmd#internal-links)</code>
@@ -2388,7 +2388,7 @@ <h3 class="callout-title">Preview the Lesson</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <p>What you should notice is that the only file updated when you
 re-render the lesson is the file you changed
@@ -2576,7 +2576,7 @@ <h3 class="callout-title">Configuring Episode Order</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>The episodes appear in the same order as the configuration file and
 the timings have rearranged themselves to reflect that.</p>
@@ -2753,7 +2753,7 @@ <h3 id="creating-a-cff-for-a-lesson">Creating a CFF for a lesson<a class="anchor
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example CFF for this lesson </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <pre><code>cff-version: 1.2.0
 title: Introduction to The Carpentries Workbench
@@ -2836,7 +2836,7 @@ <h3 id="plain-text-citation-file">Plain text CITATION file<a class="anchor" aria
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler2" aria-expanded="false" aria-controls="collapseSpoiler2">
   <h3 class="accordion-header" id="headingSpoiler2">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example plain text CITATION file </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <pre><code>Please cite this lesson as:
 
@@ -2936,7 +2936,7 @@ <h3 class="card-title">Objectives</h3>
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Instructor Note </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
 <div class="accordion-body">
 <p>Inline instructor notes can help inform instructors of timing
 challenges associated with the lessons. They appear in the “Instructor
@@ -2994,7 +2994,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Output </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -3021,7 +3021,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -3780,7 +3780,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/aio.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/aio.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/component-guide.html b/instructor/component-guide.html
index f9afbeb6..edddb1f5 100644
--- a/instructor/component-guide.html
+++ b/instructor/component-guide.html
@@ -324,7 +324,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
       </div>
       <hr></nav><main id="main-content" class="main-content"><div class="container lesson-content">
         <h1>Workbench Component Guide</h1>
-        <p>Last updated on 2024-11-05 |
+        <p>Last updated on 2024-11-12 |
 
         <a href="https://github.com/carpentries/sandpaper-docs/edit/main/learners/component-guide.md" class="external-link">Edit this page <i aria-hidden="true" data-feather="edit"></i></a></p>
 
@@ -403,7 +403,7 @@ <h3 class="accordion-header" id="headingInstructor1">
   INSTRUCTOR NOTE (instructor)
   </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
 <div class="accordion-body">
 <p>Instructor notes are created with the <code>instructor</code> tag</p>
 </div>
@@ -425,6 +425,19 @@ <h3 class="callout-title">CALLOUT (<code>callout</code>)</h3>
 </div>
 </div>
 </div>
+<div id="caution-caution" class="callout caution">
+<div class="callout-square">
+<i class="callout-icon" data-feather="alert-triangle"></i>
+</div>
+<div id="caution-caution" class="callout-inner">
+<h3 class="callout-title">CAUTION (<code>caution</code>)</h3>
+<div class="callout-content">
+<p>CAUTION callouts are created with the <code>caution</code> tag and
+raise awareness of potential issues or problems that a learner might
+experience.</p>
+</div>
+</div>
+</div>
 <div id="prerequisites-prereq" class="callout prereq">
 <div class="callout-square">
 <i class="callout-icon" data-feather="check"></i>
@@ -471,7 +484,7 @@ <h4 class="accordion-header" id="headingHint1">
   HINT (hint)
   </h4>
 </button>
-<div id="collapseHint1" class="accordion-collapse collapse" aria-labelledby="headingHint1" data-bs-parent="#accordionHint1">
+<div id="collapseHint1" class="accordion-collapse collapse" data-bs-parent="#accordionHint1" aria-labelledby="headingHint1">
 <div class="accordion-body">
 <p>HINT accordions are created with the <code>hint</code> tag and nested
 within <code>challenge</code> callouts. These offer more context for the
@@ -487,7 +500,7 @@ <h4 class="accordion-header" id="headingSolution1">
   SOLUTION (solution)
   </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <p>SOLUTION accordions are created with the <code>solution</code> tag
 and nested within <code>challenge</code> callouts. These provide the
@@ -530,7 +543,7 @@ <h3 class="accordion-header" id="headingSpoiler1">
   SPOILER (spoiler)
   </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <p>SPOILER callouts are created with the <code>spoiler</code> tag and
 are a way to provide additional details/content that can be expanded and
@@ -699,8 +712,8 @@ <h3 class="tab-header" id="nav-tab-heading-2-Linux">
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/component-guide.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/component-guide.html",
-  "dateCreated": "2024-11-05",
-  "dateModified": "2024-11-05",
+  "dateCreated": "2024-11-12",
+  "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
 
diff --git a/instructor/deployment.html b/instructor/deployment.html
index 77935a83..1f7fb9e5 100644
--- a/instructor/deployment.html
+++ b/instructor/deployment.html
@@ -530,7 +530,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/deployment.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/deployment.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/editing.html b/instructor/editing.html
index db109a2b..a470b478 100644
--- a/instructor/editing.html
+++ b/instructor/editing.html
@@ -457,7 +457,7 @@ <h3 class="callout-title">Preview the Lesson</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <p>What you should notice is that the only file updated when you
 re-render the lesson is the file you changed
@@ -630,7 +630,7 @@ <h3 class="callout-title">Configuring Episode Order</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>The episodes appear in the same order as the configuration file and
 the timings have rearranged themselves to reflect that.</p>
@@ -775,7 +775,7 @@ <h3 id="creating-a-cff-for-a-lesson">Creating a CFF for a lesson<a class="anchor
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example CFF for this lesson </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
 <div class="accordion-body">
 <pre><code>cff-version: 1.2.0
 title: Introduction to The Carpentries Workbench
@@ -857,7 +857,7 @@ <h3 id="plain-text-citation-file">Plain text CITATION file<a class="anchor" aria
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler2" aria-expanded="false" aria-controls="collapseSpoiler2">
   <h3 class="accordion-header" id="headingSpoiler2">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> Example plain text CITATION file </h3>
 </button>
-<div id="collapseSpoiler2" class="accordion-collapse collapse" aria-labelledby="headingSpoiler2" data-bs-parent="#accordionSpoiler2">
+<div id="collapseSpoiler2" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler2" aria-labelledby="headingSpoiler2">
 <div class="accordion-body">
 <pre><code>Please cite this lesson as:
 
@@ -948,7 +948,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/editing.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/editing.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/episodes.html b/instructor/episodes.html
index 6cb34e32..3872193d 100644
--- a/instructor/episodes.html
+++ b/instructor/episodes.html
@@ -907,7 +907,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Instructor Note </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
 <div class="accordion-body">
 <p>This is an instructor note. It contains information that can be
 useful for instructors to know such as</p>
@@ -967,7 +967,7 @@ <h3 class="callout-title">Chemistry Joke</h3>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Show me the solution </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
 <div class="accordion-body">
 <p>A: part of the precipitate</p>
 </div>
@@ -998,7 +998,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Output </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -1025,7 +1025,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution3" aria-expanded="false" aria-controls="collapseSolution3">
   <h4 class="accordion-header" id="headingSolution3"> Show me the solution </h4>
 </button>
-<div id="collapseSolution3" class="accordion-collapse collapse" data-bs-parent="#accordionSolution3" aria-labelledby="headingSolution3">
+<div id="collapseSolution3" class="accordion-collapse collapse" aria-labelledby="headingSolution3" data-bs-parent="#accordionSolution3">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -1057,7 +1057,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution4" aria-expanded="false" aria-controls="collapseSolution4">
   <h4 class="accordion-header" id="headingSolution4"> Show me the solution </h4>
 </button>
-<div id="collapseSolution4" class="accordion-collapse collapse" data-bs-parent="#accordionSolution4" aria-labelledby="headingSolution4">
+<div id="collapseSolution4" class="accordion-collapse collapse" aria-labelledby="headingSolution4" data-bs-parent="#accordionSolution4">
 <div class="accordion-body">
 <p>Yes! It is a valid fenced div for the following reasons:</p>
 <ol style="list-style-type: decimal"><li>The opening fence has ≥3 colons</li>
@@ -1110,7 +1110,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button spoiler-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSpoiler1" aria-expanded="false" aria-controls="collapseSpoiler1">
   <h3 class="accordion-header" id="headingSpoiler1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="eye"></i></div> What Else Might We Use A Spoiler For? </h3>
 </button>
-<div id="collapseSpoiler1" class="accordion-collapse collapse" data-bs-parent="#accordionSpoiler1" aria-labelledby="headingSpoiler1">
+<div id="collapseSpoiler1" class="accordion-collapse collapse" aria-labelledby="headingSpoiler1" data-bs-parent="#accordionSpoiler1">
 <div class="accordion-body">
 <ul><li>including a collapsed version of a very long block of output/a large
 image from a code block, which the learner can expand if they want to
@@ -1367,7 +1367,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution5" aria-expanded="false" aria-controls="collapseSolution5">
   <h4 class="accordion-header" id="headingSolution5"> Show me the solution </h4>
 </button>
-<div id="collapseSolution5" class="accordion-collapse collapse" data-bs-parent="#accordionSolution5" aria-labelledby="headingSolution5">
+<div id="collapseSolution5" class="accordion-collapse collapse" aria-labelledby="headingSolution5" data-bs-parent="#accordionSolution5">
 <div class="accordion-body">
 <p>To get a roughly 1:5:1 ratio, you can use two separators for the
 short columns and ten separators for the wide column:</p>
@@ -1526,7 +1526,7 @@ <h3 class="callout-title">But It Works!</h3>
 <button class="accordion-button hint-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHint1" aria-expanded="false" aria-controls="collapseHint1">
   <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 </button>
-<div id="collapseHint1" class="accordion-collapse collapse" data-bs-parent="#accordionHint1" aria-labelledby="headingHint1">
+<div id="collapseHint1" class="accordion-collapse collapse" aria-labelledby="headingHint1" data-bs-parent="#accordionHint1">
 <div class="accordion-body">
 <p>Think about which files <em>actually</em> exist before the lesson is
 built.</p>
@@ -1539,7 +1539,7 @@ <h4 class="accordion-header" id="headingHint1"> Give me a hint </h4>
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution6" aria-expanded="false" aria-controls="collapseSolution6">
   <h4 class="accordion-header" id="headingSolution6"> Show me the solution </h4>
 </button>
-<div id="collapseSolution6" class="accordion-collapse collapse" data-bs-parent="#accordionSolution6" aria-labelledby="headingSolution6">
+<div id="collapseSolution6" class="accordion-collapse collapse" aria-labelledby="headingSolution6" data-bs-parent="#accordionSolution6">
 <div class="accordion-body">
 <p>The answer is <strong>3</strong>:
 <code>[internal links](../episodes/episodes.Rmd#internal-links)</code>
@@ -1744,7 +1744,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/episodes.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/episodes.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/example.html b/instructor/example.html
index e9727286..d88a0df1 100644
--- a/instructor/example.html
+++ b/instructor/example.html
@@ -397,7 +397,7 @@ <h3 class="card-title">Objectives</h3>
 <button class="accordion-button instructor-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInstructor1" aria-expanded="false" aria-controls="collapseInstructor1">
   <h3 class="accordion-header" id="headingInstructor1">  <div class="note-square"><i aria-hidden="true" class="callout-icon" data-feather="edit-2"></i></div> Instructor Note </h3>
 </button>
-<div id="collapseInstructor1" class="accordion-collapse collapse" aria-labelledby="headingInstructor1" data-bs-parent="#accordionInstructor1">
+<div id="collapseInstructor1" class="accordion-collapse collapse" data-bs-parent="#accordionInstructor1" aria-labelledby="headingInstructor1">
 <div class="accordion-body">
 <p>Inline instructor notes can help inform instructors of timing
 challenges associated with the lessons. They appear in the “Instructor
@@ -454,7 +454,7 @@ <h3 class="code-label">R<i aria-hidden="true" data-feather="chevron-left"></i><i
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution1" aria-expanded="false" aria-controls="collapseSolution1">
   <h4 class="accordion-header" id="headingSolution1"> Output </h4>
 </button>
-<div id="collapseSolution1" class="accordion-collapse collapse" aria-labelledby="headingSolution1" data-bs-parent="#accordionSolution1">
+<div id="collapseSolution1" class="accordion-collapse collapse" data-bs-parent="#accordionSolution1" aria-labelledby="headingSolution1">
 <div class="accordion-body">
 <div class="codewrapper">
 <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"></i><i aria-hidden="true" data-feather="chevron-right"></i>
@@ -481,7 +481,7 @@ <h3 class="callout-title">Challenge 2: how do you nest solutions within challeng
 <button class="accordion-button solution-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSolution2" aria-expanded="false" aria-controls="collapseSolution2">
   <h4 class="accordion-header" id="headingSolution2"> Show me the solution </h4>
 </button>
-<div id="collapseSolution2" class="accordion-collapse collapse" aria-labelledby="headingSolution2" data-bs-parent="#accordionSolution2">
+<div id="collapseSolution2" class="accordion-collapse collapse" data-bs-parent="#accordionSolution2" aria-labelledby="headingSolution2">
 <div class="accordion-body">
 <p>You can add a line with at least three colons and a
 <code>solution</code> tag.</p>
@@ -623,7 +623,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/example.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/example.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/github-pat.html b/instructor/github-pat.html
index 4086b337..98ddb991 100644
--- a/instructor/github-pat.html
+++ b/instructor/github-pat.html
@@ -556,7 +556,7 @@ <h3 class="code-label">OUTPUT<i aria-hidden="true" data-feather="chevron-left"><
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/github-pat.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/github-pat.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/images.html b/instructor/images.html
index 93ebee63..8e98b239 100644
--- a/instructor/images.html
+++ b/instructor/images.html
@@ -547,7 +547,7 @@ <h3 id="pull-request-figure-9">Figure 9</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/images.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/images.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/index.html b/instructor/index.html
index 4700e62c..31ad1101 100644
--- a/instructor/index.html
+++ b/instructor/index.html
@@ -1305,7 +1305,7 @@ <h3 class="callout-title">Is GitHub’s Documentation Confusing?</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/index.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/index.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/instructor-notes.html b/instructor/instructor-notes.html
index 730d1234..1e81dbab 100644
--- a/instructor/instructor-notes.html
+++ b/instructor/instructor-notes.html
@@ -476,7 +476,7 @@ <h3 id="example-headingInstructor1">
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/instructor-notes.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/instructor-notes.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/introduction.html b/instructor/introduction.html
index 6488c82e..6067cc63 100644
--- a/instructor/introduction.html
+++ b/instructor/introduction.html
@@ -755,7 +755,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/introduction.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/introduction.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/key-points.html b/instructor/key-points.html
index 58e11b11..019eba3b 100644
--- a/instructor/key-points.html
+++ b/instructor/key-points.html
@@ -514,7 +514,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/key-points.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/key-points.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/migrating-from-styles.html b/instructor/migrating-from-styles.html
index bbbf8d9e..2603ed13 100644
--- a/instructor/migrating-from-styles.html
+++ b/instructor/migrating-from-styles.html
@@ -833,7 +833,7 @@ <h3 id="post-transition">5. Post-transition steps<a class="anchor" aria-label="a
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/migrating-from-styles.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/migrating-from-styles.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/profiles.html b/instructor/profiles.html
index 91276086..6d7bb637 100644
--- a/instructor/profiles.html
+++ b/instructor/profiles.html
@@ -412,7 +412,7 @@ <h3 class="callout-title">Under Construction</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/profiles.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/profiles.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/pull-request.html b/instructor/pull-request.html
index 83c48553..ae1f4b56 100644
--- a/instructor/pull-request.html
+++ b/instructor/pull-request.html
@@ -632,7 +632,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/pull-request.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/pull-request.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/reference.html b/instructor/reference.html
index 72011bd9..8a8b707e 100644
--- a/instructor/reference.html
+++ b/instructor/reference.html
@@ -412,7 +412,7 @@ <h1>Learner Reference</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/reference.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/reference.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/style.html b/instructor/style.html
index 0726e50c..28e35f5e 100644
--- a/instructor/style.html
+++ b/instructor/style.html
@@ -535,7 +535,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/style.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/style.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/instructor/update.html b/instructor/update.html
index 25d78cbb..270548a0 100644
--- a/instructor/update.html
+++ b/instructor/update.html
@@ -598,7 +598,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/instructor/update.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/instructor/update.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/introduction.html b/introduction.html
index 19ebaae7..c410ec3b 100644
--- a/introduction.html
+++ b/introduction.html
@@ -753,7 +753,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/introduction.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/introduction.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/key-points.html b/key-points.html
index 8ba9611a..f8ff9472 100644
--- a/key-points.html
+++ b/key-points.html
@@ -512,7 +512,7 @@ <h2 class="accordion-header" id="flush-headingTwelve">
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/key-points.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/key-points.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/md5sum.txt b/md5sum.txt
index 4087cd58..98ff67a8 100644
--- a/md5sum.txt
+++ b/md5sum.txt
@@ -15,7 +15,7 @@
 "learners/reference.md" "3eeb20922176cd8397cbe420532fd21c" "site/built/reference.md" "2024-11-05"
 "learners/setup.md" "05817abf165dd794bf9684653749a00a" "site/built/setup.md" "2024-11-05"
 "learners/github-pat.md" "65a2c6f46233a1335a6fc0392cb8a405" "site/built/github-pat.md" "2024-11-05"
-"learners/component-guide.md" "acd50b728fc8f6c9945e7fe7962da61b" "site/built/component-guide.md" "2024-11-05"
+"learners/component-guide.md" "77bc5292747a4d06561e1e27861585cc" "site/built/component-guide.md" "2024-11-12"
 "learners/migrating-from-styles.md" "68dd61e4d88734fbf0ce9d3237080ebc" "site/built/migrating-from-styles.md" "2024-11-05"
 "learners/style.md" "59a4d847201ced45d9b78b8ec9b05993" "site/built/style.md" "2024-11-05"
 "profiles/maintainer.md" "2a2b790c0aa8da5fb72e323e4fafabd9" "site/built/maintainer.md" "2024-11-05"
diff --git a/migrating-from-styles.html b/migrating-from-styles.html
index 08601884..51e2c211 100644
--- a/migrating-from-styles.html
+++ b/migrating-from-styles.html
@@ -831,7 +831,7 @@ <h3 id="post-transition">5. Post-transition steps<a class="anchor" aria-label="a
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/migrating-from-styles.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/migrating-from-styles.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/pkgdown.yml b/pkgdown.yml
index 93817caf..d14f748c 100644
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -2,4 +2,4 @@ pandoc: 3.1.11
 pkgdown: 2.1.1
 pkgdown_sha: ~
 articles: {}
-last_built: 2024-11-12T00:24Z
+last_built: 2024-11-12T12:12Z
diff --git a/profiles.html b/profiles.html
index 85b0ebf9..b2869766 100644
--- a/profiles.html
+++ b/profiles.html
@@ -412,7 +412,7 @@ <h3 class="callout-title">Under Construction</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/profiles.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/profiles.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-12",
   "datePublished": "2024-11-12"
 }
diff --git a/pull-request.html b/pull-request.html
index 49219cd8..7e0894b9 100644
--- a/pull-request.html
+++ b/pull-request.html
@@ -630,7 +630,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/pull-request.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/pull-request.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/reference.html b/reference.html
index fafafbd7..24e71365 100644
--- a/reference.html
+++ b/reference.html
@@ -410,7 +410,7 @@ <h1>Learner Reference</h1>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/reference.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/reference.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/style.html b/style.html
index eb945870..477136ec 100644
--- a/style.html
+++ b/style.html
@@ -533,7 +533,7 @@ <h3 class="code-label">MARKDOWN<i aria-hidden="true" data-feather="chevron-left"
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/style.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/style.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }
diff --git a/update.html b/update.html
index 683cd436..56d52611 100644
--- a/update.html
+++ b/update.html
@@ -596,7 +596,7 @@ <h3 class="callout-title">Key Points</h3>
   "creativeWorkStatus": "active",
   "url": "https://carpentries.github.io/sandpaper-docs/update.html",
   "identifier": "https://carpentries.github.io/sandpaper-docs/update.html",
-  "dateCreated": "2024-11-05",
+  "dateCreated": "2024-11-12",
   "dateModified": "2024-11-05",
   "datePublished": "2024-11-12"
 }