/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 59:0 Unexpected "<"

**/
<nav id="toc" class="toc" aria-label="Table of contents" hidden>
  <div class="toc__header">
    <span class="toc__title">Table of contents</span>
    <button type="button" class="toc__toggle" aria-expanded="true" aria-controls="toc-list">
      Hide
    </button>
  </div>
  <ol id="toc-list" class="toc__list"></ol>
</nav>

<style>
/* Table of Contents – Solair Electrical */
.toc {
  background: #03A9EB;       /* your blue */
  color: #fff;                /* white text */
  border: 1px solid #000;     /* black edge */
  box-shadow: 0 6px 18px rgba(0,0,0,0.25); /* black shading */
  border-radius: 12px;
  padding: 1rem 1rem 0.75rem;
  margin: 1.5rem 0;
  position: relative;
}
.toc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .5rem;
}
.toc__title { font-weight: 700; font-size: 1.05rem; }
.toc__toggle {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.7);
  color: #fff;
  border-radius: 8px;
  padding: .3rem .6rem;
  cursor: pointer;
  font-size: .9rem;
}
.toc__toggle:hover { border-color: #fff; }
.toc__list,
.toc__sublist { list-style: none; padding-left: 0; margin: 0 0 .5rem 0; }
.toc__list > li { margin: .35rem 0; }
.toc__sublist { margin-top: .25rem; padding-left: 1rem; opacity: .95; }
.toc__link { color: #fff; text-decoration: none; line-height: 1.4; }
.toc__link:hover,
.toc__link:focus { text-decoration: underline; }

/* Optional: make the TOC stick while scrolling (adjust top to your sticky header) */
/*
.toc { position: sticky; top: 96px; z-index: 10; }
*/
</style>

<script>
/* (your existing JS from earlier goes here unchanged) */
</script>