Table of Contents

<section class="fw-flexbox fw-flex fw-contained fw-collapse">
	<nav class="sc-toc toc-6faf8d5a sc-toc--nested" data-scope="custom" data-selector="#toc-demo-article" data-levels="2,3" data-hierarchical="1" data-min="2" data-numeration="decimal_nested" data-suffix="." data-smooth="1" data-offset="0" data-scrollspy="1" data-nofollow="0" data-skip="" role="navigation" aria-label="Table of Contents">
		<div class="sc-toc__header">
			<span class="sc-toc__title">Table of Contents</span>
		</div>
		<ul class="sc-toc__list">
			<li class="sc-toc__empty" hidden>No headings found.</li>
		</ul>
	</nav>
	<div id="toc-demo-article">
		<h2>Getting started</h2>
		<p>Install the framework, activate the Bootstrap 5 theme, and open the page builder.</p>
		<h3>Install the plugin</h3>
		<p>Upload the plugin zip or install it from the dashboard.</p>
		<h3>Activate the theme</h3>
		<p>Switch to the Unyson+ theme to pick up the full design-token system.</p>
		<h2>Building a page</h2>
		<p>Drag sections, columns and elements onto the canvas.</p>
		<h3>Add your sections</h3>
		<p>Each section is a full-width band that holds rows and columns.</p>
		<h3>Style with tokens</h3>
		<p>Tune colour, spacing and type from clean wrapper classes.</p>
		<h2>Going live</h2>
		<p>Publish, and your responsive page is live.</p>
	</div>
</section>