diff --git a/HYDEPHP_V3_PLANNING.md b/HYDEPHP_V3_PLANNING.md
index 5d8fc66226a..dc3ffb0a811 100644
--- a/HYDEPHP_V3_PLANNING.md
+++ b/HYDEPHP_V3_PLANNING.md
@@ -20,12 +20,16 @@ Having this document in code lets us know the devlopment state at any given poin
 
 ### New Features
 
+- Added native support for versioned documentation pages. Register versions in the new `docs.versions` configuration option, and store the pages for each version in a matching subdirectory of the documentation source directory (like `_docs/1.x` and `_docs/2.x`). Each version is compiled to a matching subdirectory of the documentation output directory, and gets its own sidebar, search index, and search page. A version switcher dropdown is shown in the documentation sidebar, the main navigation links to the default version's index page, and a redirect page is generated at the documentation root pointing to the default version. Sidebar and search configuration entries (`docs.sidebar.order`, `docs.sidebar.labels`, `docs.sidebar.exclude`, and `docs.exclude_from_search`) match version-agnostic identifiers and route keys, so a single entry applies to the page in every version, while full versioned keys allow version-specific overrides. Enabling the feature is all or nothing: documentation source files stored outside the version directories are ignored, so pages that should live at the documentation root belong in the normal page source directory (like `_pages/docs/index.md`). Versioning is disabled by default, and single-version sites are unaffected. ([#2516](https://github.com/hydephp/develop/pull/2516))
+
 ### Feature Changes
 
 - BladeDown (Blade in Markdown) is now enabled by default. Hyde sites generally treat project content as trusted and reviewed; sites that compile untrusted or unreviewed Markdown can disable it with `markdown.enable_blade`.
 
 ### Minor Changes and Cleanup
 
+- The `Redirect` page class constructor now accepts an optional `$matter` parameter, used by the framework to hide the generated documentation root redirect from navigation menus. Existing usages are unaffected.
+
 - Removed the legacy `checkForDeprecatedRunMixCommandUsage` check and the placeholder `--run-dev`/`--run-prod` options from the `build` command, which were kept in v2 only to surface a helpful error message. ([#2461](https://github.com/hydephp/develop/pull/2461))
 - Removed the deprecated `hyde.server.dashboard` boolean config check from `DashboardController::enabled()`, which was kept in v2 for backwards compatibility but had since then been replaced with `hyde.server.dashboard.enabled`. ([#2461](https://github.com/hydephp/develop/pull/2462))
 - Upgraded the bundled `vite` dependency from v7 to v8, and widened the `hyde-vite-plugin`'s `vite` peer dependency range from `>=6.3.5 <8.0.0` to `>=6.3.5 <9.0.0` so downstream projects can adopt Vite 8 without waiting for a new plugin major. The plugin's build config now targets Vite 8's Rolldown-based bundler (`rolldownOptions` instead of `rollupOptions`). ([#2414](https://github.com/hydephp/develop/pull/2414))
diff --git a/UPGRADE.md b/UPGRADE.md
index 02c8749da66..dbfc050dc5a 100644
--- a/UPGRADE.md
+++ b/UPGRADE.md
@@ -99,6 +99,37 @@ StaticPageBuilder::handle(Pages::getPage('_posts/hello-world.md'));
 
 Note that this only produces a correct `_site` when the page is self-contained. For anything that touches aggregate outputs, run `php hyde build` to rebuild the whole site instead.
 
+## Optional: Adopt Versioned Documentation
+
+HydePHP v3 adds native support for hosting multiple versions of your documentation side by side. This feature is entirely opt-in — if you do nothing, your documentation site works exactly as before.
+
+To enable it:
+
+1. Move your documentation source files into version subdirectories, for example `_docs/1.x/` and `_docs/2.x/`.
+2. Register the versions in `config/docs.php`:
+
+```php
+// filepath: config/docs.php
+'versions' => [
+    '1.x',
+    '2.x',
+],
+```
+
+Each version is compiled to a matching subdirectory of the documentation output directory (`docs/1.x`, `docs/2.x`), with its own sidebar, search index, and search page. A version switcher is shown in the sidebar, and `docs/index.html` is generated as a redirect to the default version's index page (the last entry in the list, or set `docs.default_version` explicitly).
+
+Versioning is all or nothing: once you register versions, every documentation page must live in a version directory. Make sure step 1 is complete, as any Markdown files left directly in `_docs` are ignored, and will no longer be compiled. Each ignored file is reported as a build warning, so if you miss one, `php hyde build` tells you which:
+
+```
+Ignoring unversioned documentation file "_docs/installation.md" as documentation versioning is enabled. Move it into a registered version directory to include it in the site.
+```
+
+If you want a page at the documentation root, create it in your normal page source directory instead, for example `_pages/docs/index.md`, which then replaces the generated redirect.
+
+Your existing `docs.sidebar.order`, `docs.sidebar.labels`, `docs.sidebar.exclude`, and `docs.exclude_from_search` entries keep working without version prefixes — they apply to the matching page in every version. Prefix an entry with a version (like `2.x/readme` or `docs/2.x/readme`) to target a single version.
+
+If you previously implemented multi-version documentation with custom page classes or extensions (like early versions of HydePHP.com did), you can now remove that custom code in favor of the `docs.versions` configuration, keeping your existing `_docs/<version>` directory layout as-is.
+
 ## Migration Checklist
 
 Use this checklist to track your upgrade progress:
diff --git a/_media/app.css b/_media/app.css
index 207f851e0e1..31d53d15bc8 100644
--- a/_media/app.css
+++ b/_media/app.css
@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer base{pre code.torchlight .line-number,pre code.torchlight .summary-caret{margin-right:calc(var(--spacing) * 4)}.prose .torchlight-link,.torchlight-link{text-decoration-line:underline}.torchlight.has-focus-lines .line:not(.line-focus){filter:blur(.095rem);opacity:.65;transition:filter .35s,opacity .35s}.torchlight.has-focus-lines:hover .line:not(.line-focus){filter:blur();opacity:1}.torchlight summary:focus{--tw-outline-style:none;outline-style:none}.torchlight details>summary::marker{display:none}.torchlight details>summary::-webkit-details-marker{display:none}.torchlight details .summary-caret:after{pointer-events:none}.torchlight .summary-caret-empty:after,.torchlight details .summary-caret-middle:after,.torchlight details .summary-caret-end:after{content:" "}.torchlight details[open] .summary-caret-start:after{content:"-"}.torchlight details:not([open]) .summary-caret-start:after{content:"+"}.torchlight details[open] .summary-hide-when-open{display:none}.torchlight details:not([open]) .summary-hide-when-open{display:block}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-auto{top:auto}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-64{left:calc(var(--spacing) * -64)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-12{grid-column:12}.col-auto{grid-column:auto}.float-end{float:inline-end}.float-left{float:left}.float-right{float:right}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-8{margin:calc(var(--spacing) * 8)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-auto{margin-block:auto}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-auto{margin-inline-end:auto}.prose{color:var(--tw-prose-body);max-width:96ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#5956eb;font-weight:500;text-decoration:none}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4f46e5}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:unset;color:unset;border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";padding-inline-start:1em;background-color:#80808020;border-left-color:#d1d5db;margin-top:1em;margin-bottom:1em;padding-top:.25em;padding-bottom:.25em;padding-left:.75em;line-height:1.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p{margin-top:.25em;margin-bottom:.25em;padding-right:.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:before,.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:after{content:unset}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.75em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:unset}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;background-color:#292d3e;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) code{font-family:Fira Code Regular,Consolas,monospace,Courier New}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.5em}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(code:not(pre code)):not(:where([class~=not-prose],[class~=not-prose] *)){font:unset;vertical-align:top;word-break:break-all;background-color:#80808033;border-radius:4px;max-width:80vw;margin-left:-2px;margin-right:1px;padding-left:4px;padding-right:4px;overflow-x:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-auto{margin-bottom:auto}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-6{margin-left:calc(var(--spacing) * -6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75vh\]{max-height:75vh}.min-h-\[300px\]{min-height:300px}.min-h-\[calc\(100vh_-_4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-100{width:calc(var(--spacing) * 100)}.w-\[70ch\]{width:70ch}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1000px\]{max-width:1000px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-screen{min-width:100vw}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-center{transform-origin:50%}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.scroll-mt-2{scroll-margin-top:calc(var(--spacing) * 2)}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[0\.325rem\]{border-left-style:var(--tw-border-style);border-left-width:.325rem}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:#5956eb}.border-red-600{border-color:var(--color-red-600)}.border-transparent{border-color:#0000}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-transparent{border-top-color:#0000}.border-r-gray-900{border-right-color:var(--color-gray-900)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:var(--color-black)}.fill-current{fill:currentColor}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.ps-0{padding-inline-start:calc(var(--spacing) * 0)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.pe-0{padding-inline-end:calc(var(--spacing) * 0)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[75\%\]{font-size:75%}.text-\[90\%\]{font-size:90%}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-indigo-500{color:#5956eb}.text-indigo-600{color:var(--color-indigo-600)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-900\/5{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab,red,red)){.ring-gray-900\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.hover\:bg-gray-200\/20:hover{background-color:#e5e7eb33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-200\/20:hover{background-color:color-mix(in oklab,var(--color-gray-200) 20%,transparent)}}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-indigo-500:hover{background-color:#5956eb}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:mx-auto:focus{margin-inline:auto}.focus\:mt-2:focus{margin-top:calc(var(--spacing) * 2)}.focus\:w-64:focus{width:calc(var(--spacing) * 64)}.focus\:bg-gray-700:focus{background-color:var(--color-gray-700)}.focus\:bg-indigo-700:focus{background-color:var(--color-indigo-700)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-indigo-600:focus{--tw-ring-color:var(--color-indigo-600)}.focus\:grayscale-0:focus{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:-mx-6{margin-inline:calc(var(--spacing) * -6)}.sm\:mx-auto{margin-inline:auto}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.sm\:block{display:block}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:leading-none{--tw-leading:1;line-height:1}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:48rem){.md\:visible{visibility:visible}.md\:top-0{top:calc(var(--spacing) * 0)}.md\:left-0{left:calc(var(--spacing) * 0)}.md\:left-64{left:calc(var(--spacing) * 64)}.md\:mx-2{margin-inline:calc(var(--spacing) * 2)}.md\:my-0{margin-block:calc(var(--spacing) * 0)}.md\:my-6{margin-block:calc(var(--spacing) * 6)}.md\:mt-0{margin-top:calc(var(--spacing) * 0)}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.md\:ml-0{margin-left:calc(var(--spacing) * 0)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:w-\[calc\(100vw_-_16rem\)\]{width:calc(100vw - 16rem)}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-none{max-width:none}.md\:grow{flex-grow:1}.md\:grow-0{flex-grow:0}.md\:items-center{align-items:center}.md\:border-none{--tw-border-style:none;border-style:none}.md\:bg-transparent{background-color:#0000}.md\:bg-white{background-color:var(--color-white)}.md\:bg-left{background-position:0}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-0{padding-block:calc(var(--spacing) * 0)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:pl-0{padding-left:calc(var(--spacing) * 0)}.md\:text-center{text-align:center}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:64rem){.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.lg\:ml-8{margin-left:calc(var(--spacing) * 8)}.lg\:flex{display:flex}.lg\:bg-center{background-position:50%}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:80rem){.xl\:mb-16{margin-bottom:calc(var(--spacing) * 16)}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}:where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-\[\#1b2533\]:is(.dark *){border-color:#1b2533}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:bg-black\/10:is(.dark *){background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.dark\:bg-gray-600:is(.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-slate-800:is(.dark *){background-color:var(--color-slate-800)}.dark\:bg-yellow-300:is(.dark *){background-color:var(--color-yellow-300)}.dark\:fill-gray-200:is(.dark *){fill:var(--color-gray-200)}.dark\:fill-white:is(.dark *){fill:var(--color-white)}.dark\:font-medium:is(.dark *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#818cf8}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#6366f1}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-indigo-400:is(.dark *){color:var(--color-indigo-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}@media(hover:hover){.dark\:group-hover\:text-white:is(.dark *):is(:where(.group):hover *){color:var(--color-white)}.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.dark\:hover\:bg-gray-500:is(.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}}.dark\:focus\:text-white:is(.dark *):focus{color:var(--color-white)}.dark\:focus\:ring-indigo-500:is(.dark *):focus{--tw-ring-color:#5956eb}@media(min-width:48rem){.dark\:md\:bg-transparent:is(.dark *){background-color:#0000}}@media print{.print\:top-0{top:calc(var(--spacing) * 0)}.print\:hidden{display:none}}.prose-h1\:mb-3 :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:calc(var(--spacing) * 3)}.prose-p\:my-3 :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-block:calc(var(--spacing) * 3)}.prose-img\:inline :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){display:inline}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer base{pre code.torchlight .line-number,pre code.torchlight .summary-caret{margin-right:calc(var(--spacing) * 4)}.prose .torchlight-link,.torchlight-link{text-decoration-line:underline}.torchlight.has-focus-lines .line:not(.line-focus){filter:blur(.095rem);opacity:.65;transition:filter .35s,opacity .35s}.torchlight.has-focus-lines:hover .line:not(.line-focus){filter:blur();opacity:1}.torchlight summary:focus{--tw-outline-style:none;outline-style:none}.torchlight details>summary::marker{display:none}.torchlight details>summary::-webkit-details-marker{display:none}.torchlight details .summary-caret:after{pointer-events:none}.torchlight .summary-caret-empty:after,.torchlight details .summary-caret-middle:after,.torchlight details .summary-caret-end:after{content:" "}.torchlight details[open] .summary-caret-start:after{content:"-"}.torchlight details:not([open]) .summary-caret-start:after{content:"+"}.torchlight details[open] .summary-hide-when-open{display:none}.torchlight details:not([open]) .summary-hide-when-open{display:block}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-auto{top:auto}.right-0{right:0}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-64{left:calc(var(--spacing) * -64)}.left-0{left:0}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-12{grid-column:12}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.m-8{margin:calc(var(--spacing) * 8)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0{margin-inline:0}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-auto{margin-block:auto}.prose{color:var(--tw-prose-body);max-width:96ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#5956eb;font-weight:500;text-decoration:none}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4f46e5}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:unset;color:unset;border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";padding-inline-start:1em;background-color:#80808020;border-left-color:#d1d5db;margin-top:1em;margin-bottom:1em;padding-top:.25em;padding-bottom:.25em;padding-left:.75em;line-height:1.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p{margin-top:.25em;margin-bottom:.25em;padding-right:.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:before,.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:after{content:unset}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.75em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:unset}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;background-color:#292d3e;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) code{font-family:Fira Code Regular,Consolas,monospace,Courier New}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.5em}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(code:not(pre code)):not(:where([class~=not-prose],[class~=not-prose] *)){font:unset;vertical-align:top;word-break:break-all;background-color:#80808033;border-radius:4px;max-width:80vw;margin-left:-2px;margin-right:1px;padding-left:4px;padding-right:4px;overflow-x:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-6{margin-left:calc(var(--spacing) * -6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.ml-1{margin-left:var(--spacing)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75vh\]{max-height:75vh}.min-h-\[300px\]{min-height:300px}.min-h-\[calc\(100vh_-_4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[70ch\]{width:70ch}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1000px\]{max-width:1000px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-screen{min-width:100vw}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-center{transform-origin:50%}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-2{scroll-margin-top:calc(var(--spacing) * 2)}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[0\.325rem\]{border-left-style:var(--tw-border-style);border-left-width:.325rem}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:#5956eb}.border-red-600{border-color:var(--color-red-600)}.border-transparent{border-color:#0000}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-transparent{border-top-color:#0000}.border-r-gray-900{border-right-color:var(--color-gray-900)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:var(--color-black)}.fill-current{fill:currentColor}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[75\%\]{font-size:75%}.text-\[90\%\]{font-size:90%}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-indigo-500{color:#5956eb}.text-indigo-600{color:var(--color-indigo-600)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-900\/5{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab, red, red)){.ring-gray-900\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200\/20:hover{background-color:#e5e7eb33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-200\/20:hover{background-color:color-mix(in oklab, var(--color-gray-200) 20%, transparent)}}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-indigo-500:hover{background-color:#5956eb}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:mx-auto:focus{margin-inline:auto}.focus\:mt-2:focus{margin-top:calc(var(--spacing) * 2)}.focus\:w-64:focus{width:calc(var(--spacing) * 64)}.focus\:bg-gray-700:focus{background-color:var(--color-gray-700)}.focus\:bg-indigo-700:focus{background-color:var(--color-indigo-700)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-indigo-600:focus{--tw-ring-color:var(--color-indigo-600)}.focus\:grayscale-0:focus{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:-mx-6{margin-inline:calc(var(--spacing) * -6)}.sm\:mx-auto{margin-inline:auto}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mb-0{margin-bottom:0}.sm\:block{display:block}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:leading-none{--tw-leading:1;line-height:1}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=48rem){.md\:visible{visibility:visible}.md\:top-0{top:0}.md\:left-0{left:0}.md\:left-64{left:calc(var(--spacing) * 64)}.md\:mx-2{margin-inline:calc(var(--spacing) * 2)}.md\:my-0{margin-block:0}.md\:my-6{margin-block:calc(var(--spacing) * 6)}.md\:mt-0{margin-top:0}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.md\:ml-0{margin-left:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:w-\[calc\(100vw_-_16rem\)\]{width:calc(100vw - 16rem)}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-none{max-width:none}.md\:grow{flex-grow:1}.md\:grow-0{flex-grow:0}.md\:items-center{align-items:center}.md\:border-none{--tw-border-style:none;border-style:none}.md\:bg-transparent{background-color:#0000}.md\:bg-white{background-color:var(--color-white)}.md\:bg-left{background-position:0}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-0{padding-block:0}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pb-0{padding-bottom:0}.md\:pl-0{padding-left:0}.md\:text-center{text-align:center}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=64rem){.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.lg\:ml-8{margin-left:calc(var(--spacing) * 8)}.lg\:flex{display:flex}.lg\:bg-center{background-position:50%}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=80rem){.xl\:mb-16{margin-bottom:calc(var(--spacing) * 16)}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}:where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-\[\#1b2533\]:is(.dark *){border-color:#1b2533}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:bg-black\/10:is(.dark *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/10:is(.dark *){background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.dark\:bg-gray-600:is(.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-slate-800:is(.dark *){background-color:var(--color-slate-800)}.dark\:bg-yellow-300:is(.dark *){background-color:var(--color-yellow-300)}.dark\:fill-gray-200:is(.dark *){fill:var(--color-gray-200)}.dark\:fill-white:is(.dark *){fill:var(--color-white)}.dark\:font-medium:is(.dark *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#818cf8}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#6366f1}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-indigo-400:is(.dark *){color:var(--color-indigo-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}@media (hover:hover){.dark\:group-hover\:text-white:is(.dark *):is(:where(.group):hover *){color:var(--color-white)}.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.dark\:hover\:bg-gray-500:is(.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:bg-gray-600:is(.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}}.dark\:focus\:text-white:is(.dark *):focus{color:var(--color-white)}.dark\:focus\:ring-indigo-500:is(.dark *):focus{--tw-ring-color:#5956eb}@media (width>=48rem){.dark\:md\:bg-transparent:is(.dark *){background-color:#0000}}@media print{.print\:top-0{top:0}.print\:hidden{display:none}}.prose-h1\:mb-3 :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:calc(var(--spacing) * 3)}.prose-p\:my-3 :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-block:calc(var(--spacing) * 3)}.prose-img\:inline :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){display:inline}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
diff --git a/config/docs.php b/config/docs.php
index e1416fedce9..a7ee9104e85 100644
--- a/config/docs.php
+++ b/config/docs.php
@@ -12,6 +12,26 @@
 
 return [
 
+    /*
+    |--------------------------------------------------------------------------
+    | Documentation Versions
+    |--------------------------------------------------------------------------
+    |
+    | Each version maps `_docs/<version>` to `docs/<version>`.
+    | Leave this empty to disable versioning. When enabled, documentation
+    | files outside registered version directories are ignored.
+    |
+    | The default version defaults to the last entry in the list.
+    |
+    */
+
+    'versions' => [
+        // '1.x',
+        // '2.x',
+    ],
+
+    'default_version' => null,
+
     /*
     |--------------------------------------------------------------------------
     | Sidebar Settings
diff --git a/docs/_data/partials/hyde-pages-api/documentation-page-methods.md b/docs/_data/partials/hyde-pages-api/documentation-page-methods.md
index 31b50835012..13addc72651 100644
--- a/docs/_data/partials/hyde-pages-api/documentation-page-methods.md
+++ b/docs/_data/partials/hyde-pages-api/documentation-page-methods.md
@@ -1,11 +1,13 @@
 <section id="documentation-page-methods">
 
 <!-- Start generated docs for Hyde\Pages\DocumentationPage -->
-<!-- Generated by HydePHP DocGen script at 2023-03-10 20:56:21 in 0.38ms -->
+<!-- Generated by HydePHP DocGen script at 2026-07-11 18:04:37 in 0.43ms -->
 
 #### `home()`
 
-No description provided.
+Get the route for the documentation index page, if it exists.
+
+When documentation versioning is enabled, this is the generated redirect page at the documentation root.
 
 ```php
 DocumentationPage::home(): Hyde\Support\Models\Route
@@ -13,12 +15,22 @@ DocumentationPage::home(): Hyde\Support\Models\Route
 
 #### `homeRouteName()`
 
-No description provided.
+Get the route key for the documentation index page, for example `docs/index`.
+
+This is always the documentation root, regardless of whether documentation versioning is enabled.
 
 ```php
 DocumentationPage::homeRouteName(): string
 ```
 
+#### `getDocumentationVersion()`
+
+Get the documentation version this page belongs to, or null if documentation versioning is disabled.
+
+```php
+$page->getDocumentationVersion(): Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion
+```
+
 #### `getOnlineSourcePath()`
 
 No description provided.
@@ -31,7 +43,7 @@ $page->getOnlineSourcePath(): string|false
 
 Get the route key for the page.
 
-If flattened outputs are enabled, this will use the identifier basename so nested pages are flattened.
+If flattened outputs are enabled, this will use the identifier basename so nested pages are flattened. Pages belonging to a documentation version keep the version prefix, so only the structure within the version is flattened.
 
 ```php
 $page->getRouteKey(): string
@@ -41,7 +53,7 @@ $page->getRouteKey(): string
 
 Get the path where the compiled page will be saved.
 
-If flattened outputs are enabled, this will use the identifier basename so nested pages are flattened.
+If flattened outputs are enabled, this will use the identifier basename so nested pages are flattened. Pages belonging to a documentation version keep the version prefix, so only the structure within the version is flattened.
 
 ```php
 $page->getOutputPath(): string
diff --git a/packages/framework/config/docs.php b/packages/framework/config/docs.php
index e1416fedce9..a7ee9104e85 100644
--- a/packages/framework/config/docs.php
+++ b/packages/framework/config/docs.php
@@ -12,6 +12,26 @@
 
 return [
 
+    /*
+    |--------------------------------------------------------------------------
+    | Documentation Versions
+    |--------------------------------------------------------------------------
+    |
+    | Each version maps `_docs/<version>` to `docs/<version>`.
+    | Leave this empty to disable versioning. When enabled, documentation
+    | files outside registered version directories are ignored.
+    |
+    | The default version defaults to the last entry in the list.
+    |
+    */
+
+    'versions' => [
+        // '1.x',
+        // '2.x',
+    ],
+
+    'default_version' => null,
+
     /*
     |--------------------------------------------------------------------------
     | Sidebar Settings
diff --git a/packages/framework/resources/views/components/docs/hyde-search.blade.php b/packages/framework/resources/views/components/docs/hyde-search.blade.php
index 03677724a2b..30e23e0c581 100644
--- a/packages/framework/resources/views/components/docs/hyde-search.blade.php
+++ b/packages/framework/resources/views/components/docs/hyde-search.blade.php
@@ -1,4 +1,9 @@
-@props(['modal' => true])
+@props([
+    'modal' => true,
+    'searchIndexPath' => \Hyde\Framework\Features\Documentation\DocumentationSearchIndex::routeKey(
+        \Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions::current()
+    ),
+])
 
 <div id="hyde-search" x-data="hydeSearch">
     <template id="search-highlight-template">
@@ -38,7 +43,7 @@
         
         document.addEventListener('alpine:init', () => {
             Alpine.data('hydeSearch', () => 
-                initHydeSearch('{{ Hyde::relativeLink(\Hyde\Framework\Features\Documentation\DocumentationSearchIndex::outputPath()) }}')
+                initHydeSearch('{{ Hyde::relativeLink($searchIndexPath) }}')
             );
         });
     </script>
diff --git a/packages/framework/resources/views/components/docs/mobile-navigation.blade.php b/packages/framework/resources/views/components/docs/mobile-navigation.blade.php
index 3897a031442..c3bdbabfee6 100644
--- a/packages/framework/resources/views/components/docs/mobile-navigation.blade.php
+++ b/packages/framework/resources/views/components/docs/mobile-navigation.blade.php
@@ -1,7 +1,10 @@
 <nav id="mobile-navigation" class="bg-white dark:bg-gray-800 md:hidden flex justify-between w-full h-16 z-40 fixed left-0 top-0 p-4 leading-8 shadow-lg print:hidden">
     <strong class="px-2 mr-auto">
-        @if(DocumentationPage::home() !== null)
-            <a href="{{ DocumentationPage::home() }}">
+        @php
+            $homeRoute = \Hyde\Framework\Features\Navigation\DocumentationSidebar::get()->getHomeRoute();
+        @endphp
+        @if($homeRoute !== null)
+            <a href="{{ $homeRoute }}">
                 {{ config('docs.sidebar.header', 'Documentation') }}
             </a>
         @else
diff --git a/packages/framework/resources/views/components/docs/sidebar-brand.blade.php b/packages/framework/resources/views/components/docs/sidebar-brand.blade.php
index e56ce6b88b7..61372213550 100644
--- a/packages/framework/resources/views/components/docs/sidebar-brand.blade.php
+++ b/packages/framework/resources/views/components/docs/sidebar-brand.blade.php
@@ -1,7 +1,7 @@
 <div id="sidebar-brand" class="flex items-center justify-between h-16 py-4 px-2">
     <strong class="px-2">
-        @if(DocumentationPage::home())
-            <a href="{{ DocumentationPage::home() }}">
+        @if($sidebar->getHomeRoute())
+            <a href="{{ $sidebar->getHomeRoute() }}">
                 {{ $sidebar->getHeader() }}
             </a>
         @else
diff --git a/packages/framework/resources/views/components/docs/sidebar.blade.php b/packages/framework/resources/views/components/docs/sidebar.blade.php
index e6698715522..ec53c6b6bad 100644
--- a/packages/framework/resources/views/components/docs/sidebar.blade.php
+++ b/packages/framework/resources/views/components/docs/sidebar.blade.php
@@ -1,11 +1,12 @@
 @php
-    $sidebar = app('navigation.sidebar');
+    $sidebar = \Hyde\Framework\Features\Navigation\DocumentationSidebar::get();
 @endphp
 
 <aside id="sidebar" x-cloak :class="sidebarOpen ? 'visible left-0' : 'invisible -left-64 md:visible md:left-0'" class="bg-gray-100 dark:bg-gray-800 dark:text-gray-200 h-screen w-64 fixed z-30 md:flex flex-col shadow-lg md:shadow-none transition-all duration-300">
     <header id="sidebar-header" class="h-16">
         @include('hyde::components.docs.sidebar-brand')
     </header>
+    @include('hyde::components.docs.version-switcher')
     <nav id="sidebar-navigation" class="p-2 overflow-y-auto border-y border-gray-300 dark:border-[#1b2533] h-full">
         @include('hyde::components.docs.sidebar-items')
     </nav>
diff --git a/packages/framework/resources/views/components/docs/version-switcher.blade.php b/packages/framework/resources/views/components/docs/version-switcher.blade.php
new file mode 100644
index 00000000000..49256596249
--- /dev/null
+++ b/packages/framework/resources/views/components/docs/version-switcher.blade.php
@@ -0,0 +1,40 @@
+@php
+    /** @var \Hyde\Framework\Features\Navigation\DocumentationSidebar $sidebar */
+    $switcherVersions = \Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions::all();
+    $switcherCurrentPage = \Hyde\Support\Facades\Render::getPage();
+
+    $switcherCurrentVersion = $sidebar->version;
+@endphp
+
+@if($switcherCurrentVersion !== null && $switcherVersions->count() > 1)
+    <div id="docs-version-switcher" x-data="{ versionSwitcherOpen: false }" @click.outside="versionSwitcherOpen = false"
+         @keydown.escape.window="versionSwitcherOpen = false; $refs.versionSwitcherButton.focus()" class="relative px-4 pb-3">
+        <button id="docs-version-switcher-button" x-ref="versionSwitcherButton" @click="versionSwitcherOpen = ! versionSwitcherOpen" :aria-expanded="versionSwitcherOpen"
+                aria-controls="docs-version-switcher-list" aria-label="Switch documentation version"
+                class="w-full flex items-center justify-between rounded-sm text-sm leading-normal bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 py-1.5 px-3 transition-colors duration-150">
+            <span>Version {{ $switcherCurrentVersion->name }}</span>
+            <svg class="w-4 h-4 opacity-75 transition-transform duration-150" :class="versionSwitcherOpen ? 'rotate-180' : ''" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+            </svg>
+        </button>
+        <ul id="docs-version-switcher-list" x-cloak x-show="versionSwitcherOpen" aria-labelledby="docs-version-switcher-button"
+            class="absolute left-4 right-4 z-40 mt-1 max-h-64 overflow-y-auto rounded-sm shadow-lg bg-white dark:bg-gray-700 py-1 text-sm">
+            @foreach($switcherVersions as $switcherVersion)
+                @php
+                    $switcherRoute = $switcherCurrentPage !== null
+                        ? (\Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions::getEquivalentRoute($switcherCurrentPage, $switcherVersion) ?? $switcherVersion->home())
+                        : $switcherVersion->home();
+                @endphp
+                <li>
+                    @if($switcherVersion->name === $switcherCurrentVersion->name)
+                        <span aria-current="page" class="block py-1 px-3 font-medium opacity-75">{{ $switcherVersion->name }}</span>
+                    @elseif($switcherRoute !== null)
+                        <a href="{{ $switcherRoute }}" class="block py-1 px-3 hover:bg-gray-100 dark:hover:bg-gray-600">{{ $switcherVersion->name }}</a>
+                    @else
+                        <span aria-disabled="true" class="block py-1 px-3 opacity-50">{{ $switcherVersion->name }}</span>
+                    @endif
+                </li>
+            @endforeach
+        </ul>
+    </div>
+@endif
diff --git a/packages/framework/src/Console/Commands/BuildSearchCommand.php b/packages/framework/src/Console/Commands/BuildSearchCommand.php
index 4388c64cb68..d8d8dd18b44 100644
--- a/packages/framework/src/Console/Commands/BuildSearchCommand.php
+++ b/packages/framework/src/Console/Commands/BuildSearchCommand.php
@@ -9,6 +9,8 @@
 use LaravelZero\Framework\Commands\Command;
 use Hyde\Framework\Features\Documentation\DocumentationSearchPage;
 use Hyde\Framework\Features\Documentation\DocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 /**
  * Run the build process for the documentation search index.
@@ -23,12 +25,23 @@ class BuildSearchCommand extends Command
 
     public function handle(): int
     {
-        StaticPageBuilder::handle(Pages::get('docs/search.json') ?? new DocumentationSearchIndex());
-
-        if (DocumentationSearchPage::enabled()) {
-            StaticPageBuilder::handle(Pages::get('docs/search') ?? new DocumentationSearchPage());
+        if (DocumentationVersions::enabled()) {
+            DocumentationVersions::all()->each(function (DocumentationVersion $version): void {
+                $this->build($version);
+            });
+        } else {
+            $this->build(null);
         }
 
         return Command::SUCCESS;
     }
+
+    protected function build(?DocumentationVersion $version): void
+    {
+        StaticPageBuilder::handle(Pages::get(DocumentationSearchIndex::routeKey($version)) ?? new DocumentationSearchIndex($version));
+
+        if (DocumentationSearchPage::enabled($version)) {
+            StaticPageBuilder::handle(Pages::get(DocumentationSearchPage::routeKey($version)) ?? new DocumentationSearchPage($version));
+        }
+    }
 }
diff --git a/packages/framework/src/Foundation/HydeCoreExtension.php b/packages/framework/src/Foundation/HydeCoreExtension.php
index 38772c55871..c7a36cbe2e8 100644
--- a/packages/framework/src/Foundation/HydeCoreExtension.php
+++ b/packages/framework/src/Foundation/HydeCoreExtension.php
@@ -4,19 +4,29 @@
 
 namespace Hyde\Foundation;
 
+use Hyde\Hyde;
 use Hyde\Pages\HtmlPage;
 use Hyde\Pages\BladePage;
 use Hyde\Pages\MarkdownPage;
 use Hyde\Pages\MarkdownPost;
 use Hyde\Pages\DocumentationPage;
+use Hyde\Pages\Concerns\HydePage;
+use Hyde\Support\BuildWarnings;
+use Hyde\Support\Models\Redirect;
+use Hyde\Foundation\Kernel\FileCollection;
 use Hyde\Foundation\Kernel\PageCollection;
+use Hyde\Support\Filesystem\SourceFile;
 use Hyde\Foundation\Concerns\HydeExtension;
 use Hyde\Facades\Features;
 use Hyde\Framework\Features\Documentation\DocumentationSearchPage;
 use Hyde\Framework\Features\Documentation\DocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
+use function Hyde\unslash;
 use function array_filter;
 use function array_keys;
+use function sprintf;
 
 class HydeCoreExtension extends HydeExtension
 {
@@ -32,14 +42,71 @@ public static function getPageClasses(): array
         ], fn (bool $value): bool => $value));
     }
 
+    public function discoverFiles(FileCollection $collection): void
+    {
+        if (DocumentationVersions::enabled()) {
+            $this->discardUnversionedDocumentationFiles($collection);
+        }
+    }
+
     public function discoverPages(PageCollection $collection): void
     {
+        $default = DocumentationVersions::default();
+
+        if ($default !== null && Features::hasDocumentationPages()) {
+            $this->discoverDocumentationRootRedirect($collection, $default);
+        }
+
         if (Features::hasDocumentationSearch()) {
-            $collection->addPage(new DocumentationSearchIndex());
+            if (DocumentationVersions::enabled()) {
+                // When documentation versioning is enabled, each version gets its own search index and search page.
+                DocumentationVersions::all()->each(function (DocumentationVersion $version) use ($collection): void {
+                    $collection->addPage(new DocumentationSearchIndex($version));
+
+                    if (DocumentationSearchPage::enabled($version)) {
+                        $collection->addPage(new DocumentationSearchPage($version));
+                    }
+                });
+            } else {
+                $collection->addPage(new DocumentationSearchIndex());
+
+                if (DocumentationSearchPage::enabled()) {
+                    $collection->addPage(new DocumentationSearchPage());
+                }
+            }
+        }
+    }
+
+    /** Discard documentation source files stored outside the version directories. */
+    protected function discardUnversionedDocumentationFiles(FileCollection $collection): void
+    {
+        $collection->getFiles(DocumentationPage::class)->each(function (SourceFile $file) use ($collection): void {
+            if (DocumentationVersions::fromIdentifier(DocumentationPage::pathToIdentifier($file->getPath())) === null) {
+                $collection->forget($file->getPath());
 
-            if (DocumentationSearchPage::enabled()) {
-                $collection->addPage(new DocumentationSearchPage());
+                // Warn because enabling versioning would otherwise silently drop existing documentation files.
+                BuildWarnings::report(sprintf('Ignoring unversioned documentation file "%s" as documentation versioning is enabled. Move it into a registered version directory to include it in the site.', $file->getPath()));
             }
+        });
+    }
+
+    /** Add the documentation root redirect unless the route is user-defined. */
+    protected function discoverDocumentationRootRedirect(PageCollection $collection, DocumentationVersion $default): void
+    {
+        $routeKey = unslash(DocumentationPage::outputDirectory().'/index');
+
+        $rootRouteExists = $this->hasPageWithRouteKey($collection, $routeKey);
+        $defaultHomeExists = $this->hasPageWithRouteKey($collection, $default->homeRouteName());
+
+        if ($defaultHomeExists && ! $rootRouteExists) {
+            $collection->addPage(new Redirect($routeKey, Hyde::formatLink("$default->name/index.html"), matter: [
+                'navigation' => ['hidden' => true],
+            ]));
         }
     }
+
+    protected function hasPageWithRouteKey(PageCollection $collection, string $routeKey): bool
+    {
+        return $collection->first(fn (HydePage $page): bool => $page->getRouteKey() === $routeKey) !== null;
+    }
 }
diff --git a/packages/framework/src/Foundation/Providers/NavigationServiceProvider.php b/packages/framework/src/Foundation/Providers/NavigationServiceProvider.php
index 02af9f13ec1..6e72612eafb 100644
--- a/packages/framework/src/Foundation/Providers/NavigationServiceProvider.php
+++ b/packages/framework/src/Foundation/Providers/NavigationServiceProvider.php
@@ -9,6 +9,8 @@
 use Hyde\Framework\Features\Navigation\MainNavigationMenu;
 use Hyde\Framework\Features\Navigation\DocumentationSidebar;
 use Hyde\Framework\Features\Navigation\NavigationMenuGenerator;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 class NavigationServiceProvider extends ServiceProvider
 {
@@ -19,9 +21,29 @@ public function register(): void
                 return NavigationMenuGenerator::handle(MainNavigationMenu::class);
             });
 
+            $this->registerDocumentationSidebars();
+        });
+    }
+
+    /** Register and alias the version-specific documentation sidebars. */
+    protected function registerDocumentationSidebars(): void
+    {
+        $versions = DocumentationVersions::all();
+
+        if ($versions->isEmpty()) {
             $this->app->singleton('navigation.sidebar', function (): DocumentationSidebar {
                 return NavigationMenuGenerator::handle(DocumentationSidebar::class);
             });
+
+            return;
+        }
+
+        $versions->each(function (DocumentationVersion $version): void {
+            $this->app->singleton("navigation.sidebar.$version->name", function () use ($version): DocumentationSidebar {
+                return NavigationMenuGenerator::handle(DocumentationSidebar::class, $version);
+            });
         });
+
+        $this->app->alias('navigation.sidebar.'.DocumentationVersions::default()->name, 'navigation.sidebar');
     }
 }
diff --git a/packages/framework/src/Framework/Actions/GeneratesDocumentationSearchIndex.php b/packages/framework/src/Framework/Actions/GeneratesDocumentationSearchIndex.php
index cdd0ec0907a..6aa94d85e76 100644
--- a/packages/framework/src/Framework/Actions/GeneratesDocumentationSearchIndex.php
+++ b/packages/framework/src/Framework/Actions/GeneratesDocumentationSearchIndex.php
@@ -8,13 +8,17 @@
 use Hyde\Framework\Concerns\InteractsWithDirectories;
 use Hyde\Pages\DocumentationPage;
 use Illuminate\Support\Collection;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 use function basename;
-use function in_array;
+use function array_intersect;
 use function trim;
 
 /**
  * @internal Generate a JSON string that can be used as a search index for documentation pages.
+ *
+ * When a documentation version is supplied, the index only contains pages belonging to that version.
  */
 class GeneratesDocumentationSearchIndex
 {
@@ -27,15 +31,15 @@ class GeneratesDocumentationSearchIndex
      *
      * @return string The path to the generated file.
      */
-    public static function handle(): string
+    public static function handle(?DocumentationVersion $version = null): string
     {
-        $service = new static();
+        $service = new static($version);
         $service->run();
 
         return $service->index->toJson();
     }
 
-    protected function __construct()
+    protected function __construct(protected readonly ?DocumentationVersion $version = null)
     {
         $this->index = new Collection();
     }
@@ -43,12 +47,23 @@ protected function __construct()
     protected function run(): void
     {
         DocumentationPage::all()->each(function (DocumentationPage $page): void {
-            if (! in_array($page->identifier, $this->getPagesToExcludeFromSearch())) {
+            if ($this->shouldIncludePage($page)) {
                 $this->index->push($this->generatePageEntry($page));
             }
         });
     }
 
+    protected function shouldIncludePage(DocumentationPage $page): bool
+    {
+        if ($this->version !== null && $page->getDocumentationVersion()?->name !== $this->version->name) {
+            return false;
+        }
+
+        $keys = DocumentationVersions::configurationKeys($page->getRouteKey(), $page->identifier);
+
+        return array_intersect($keys, $this->getPagesToExcludeFromSearch()) === [];
+    }
+
     /**
      * @return array{slug: string, title: string, content: string, destination: string}
      */
diff --git a/packages/framework/src/Framework/Factories/HydePageDataFactory.php b/packages/framework/src/Framework/Factories/HydePageDataFactory.php
index a08df2d6a98..807b49cd72c 100644
--- a/packages/framework/src/Framework/Factories/HydePageDataFactory.php
+++ b/packages/framework/src/Framework/Factories/HydePageDataFactory.php
@@ -5,13 +5,16 @@
 namespace Hyde\Framework\Factories;
 
 use Hyde\Hyde;
+use Hyde\Pages\DocumentationPage;
 use Hyde\Markdown\Models\Markdown;
 use Hyde\Markdown\Models\FrontMatter;
 use Hyde\Markdown\Contracts\FrontMatter\PageSchema;
 use Hyde\Framework\Factories\Concerns\CoreDataObject;
 use Hyde\Framework\Features\Navigation\NavigationData;
 use Hyde\Framework\Features\Navigation\NumericalPageOrderingHelper;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
+use function is_a;
 use function basename;
 use function dirname;
 use function str_contains;
@@ -98,8 +101,10 @@ private function findTitleFromMarkdownHeadings(): ?string
 
     private function findTitleFromParentIdentifier(): ?string
     {
-        if (str_contains($this->identifier, '/') && str_ends_with($this->identifier, '/index')) {
-            $parentBasename = basename(dirname($this->identifier));
+        $identifier = $this->identifierForTitleInference();
+
+        if (str_contains($identifier, '/') && str_ends_with($identifier, '/index')) {
+            $parentBasename = basename(dirname($identifier));
 
             if (NumericalPageOrderingHelper::hasNumericalPrefix($parentBasename)) {
                 $parentBasename = NumericalPageOrderingHelper::splitNumericPrefix($parentBasename)[1];
@@ -111,6 +116,15 @@ private function findTitleFromParentIdentifier(): ?string
         return null;
     }
 
+    private function identifierForTitleInference(): string
+    {
+        // Strip any documentation version prefix, so that version index pages
+        // are not titled after the version directory they are stored in.
+        return is_a($this->pageData->pageClass, DocumentationPage::class, true)
+            ? DocumentationVersions::stripVersionPrefix($this->identifier)
+            : $this->identifier;
+    }
+
     protected function getMatter(string $key): ?string
     {
         /** @var ?string $value */
diff --git a/packages/framework/src/Framework/Factories/NavigationDataFactory.php b/packages/framework/src/Framework/Factories/NavigationDataFactory.php
index 564fa383926..8ba85db9461 100644
--- a/packages/framework/src/Framework/Factories/NavigationDataFactory.php
+++ b/packages/framework/src/Framework/Factories/NavigationDataFactory.php
@@ -13,11 +13,13 @@
 use Hyde\Framework\Features\Navigation\NavigationMenu;
 use Hyde\Markdown\Contracts\FrontMatter\SubSchemas\NavigationSchema;
 use Hyde\Framework\Features\Navigation\NumericalPageOrderingHelper;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
+use function is_a;
+use function in_array;
 use function basename;
 use function array_flip;
-use function in_array;
-use function is_a;
+use function array_intersect;
 use function array_key_exists;
 
 /**
@@ -42,6 +44,13 @@ class NavigationDataFactory extends Concerns\PageDataFactory implements Navigati
     private readonly string $identifier;
     private readonly FrontMatter $matter;
 
+    /**
+     * The keys the documentation configuration entries can use to target this page, most specific first.
+     *
+     * @var array<int, string>
+     */
+    private readonly array $configurationKeys;
+
     public function __construct(CoreDataObject $pageData, string $title)
     {
         $this->matter = $pageData->matter;
@@ -50,6 +59,10 @@ public function __construct(CoreDataObject $pageData, string $title)
         $this->routeKey = $pageData->routeKey;
         $this->title = $title;
 
+        $this->configurationKeys = $this->isInstanceOf(DocumentationPage::class)
+            ? DocumentationVersions::configurationKeys($this->routeKey, $this->identifier)
+            : [$this->routeKey];
+
         $this->label = $this->makeLabel();
         $this->group = $this->makeGroup();
         $this->hidden = $this->makeHidden();
@@ -122,27 +135,17 @@ private function searchForHiddenInFrontMatter(): ?bool
             ?? $this->invert($this->getMatter('navigation.visible'));
     }
 
-    private function searchForHiddenInConfigs(): ?bool
+    private function searchForHiddenInConfigs(): bool
     {
-        return $this->isInstanceOf(DocumentationPage::class)
-            ? $this->isPageHiddenInSidebarConfiguration()
-            : $this->isPageHiddenInNavigationConfiguration();
+        // The main navigation configuration only targets pages by their route key, whereas the
+        // sidebar configuration can also target documentation pages by their identifier.
+        return in_array($this->routeKey, Config::getArray('hyde.navigation.exclude', ['404']), true)
+            || ($this->isInstanceOf(DocumentationPage::class) && $this->isExcludedInSidebarConfig());
     }
 
-    private function isPageHiddenInNavigationConfiguration(): bool
+    private function isExcludedInSidebarConfig(): bool
     {
-        return in_array($this->routeKey, Config::getArray('hyde.navigation.exclude', ['404']));
-    }
-
-    private function isPageHiddenInSidebarConfiguration(): ?bool
-    {
-        $config = Config::getArray('docs.sidebar.exclude', ['404']);
-
-        return
-            // Check if the page is hidden from the sidebar by route key or identifier.
-            (in_array($this->routeKey, $config) || in_array($this->identifier, $config))
-            // Check if the page is hidden from the main navigation by its route key.
-            || $this->isPageHiddenInNavigationConfiguration();
+        return array_intersect($this->configurationKeys, Config::getArray('docs.sidebar.exclude', ['404'])) !== [];
     }
 
     private function isNonDocumentationPageInHiddenSubdirectory(): bool
@@ -160,74 +163,51 @@ private function searchForPriorityInFrontMatter(): ?int
     }
 
     private function searchForLabelInConfigs(): ?string
-    {
-        return $this->isInstanceOf(DocumentationPage::class)
-            ? $this->searchForLabelInSidebarConfig()
-            : $this->searchForLabelInNavigationConfig();
-    }
-
-    private function searchForLabelInNavigationConfig(): ?string
     {
         /** @var array<string, string> $config */
-        $config = Config::getArray('hyde.navigation.labels', [
-            'index' => 'Home',
-            DocumentationPage::homeRouteName() => 'Docs',
-        ]);
-
-        return $config[$this->routeKey] ?? null;
-    }
-
-    private function searchForLabelInSidebarConfig(): ?string
-    {
-        /** @var array<string>|array<string, string> $config */
-        $config = Config::getArray('docs.sidebar.labels', [
-            DocumentationPage::homeRouteName() => 'Docs',
-        ]);
+        $config = $this->isInstanceOf(DocumentationPage::class)
+            ? Config::getArray('docs.sidebar.labels', [
+                DocumentationPage::homeRouteName() => 'Docs',
+            ])
+            : Config::getArray('hyde.navigation.labels', [
+                'index' => 'Home',
+                DocumentationPage::homeRouteName() => 'Docs',
+            ]);
+
+        foreach ($this->configurationKeys as $key) {
+            if (isset($config[$key])) {
+                return $config[$key];
+            }
+        }
 
-        return $config[$this->routeKey] ?? $config[$this->identifier] ?? null;
+        return null;
     }
 
     private function searchForPriorityInConfigs(): ?int
-    {
-        return $this->isInstanceOf(DocumentationPage::class)
-            ? $this->searchForPriorityInSidebarConfig()
-            : $this->searchForPriorityInNavigationConfig();
-    }
-
-    private function searchForPriorityInSidebarConfig(): ?int
-    {
-        /** @var array<string>|array<string, int> $config */
-        $config = Config::getArray('docs.sidebar.order', []);
-
-        return
-            // For consistency with the navigation config.
-            $this->parseNavigationPriorityConfig($config, 'routeKey')
-            // For backwards compatibility, and ease of use, as the route key prefix
-            // is redundant due to it being the same for all documentation pages
-            ?? $this->parseNavigationPriorityConfig($config, 'identifier');
-    }
-
-    private function searchForPriorityInNavigationConfig(): ?int
     {
         /** @var array<string, int>|array<string> $config */
-        $config = Config::getArray('hyde.navigation.order', [
-            'index' => 0,
-            'posts' => 10,
-            'docs/index' => 100,
-        ]);
+        $config = $this->isInstanceOf(DocumentationPage::class)
+            ? Config::getArray('docs.sidebar.order', [])
+            : Config::getArray('hyde.navigation.order', [
+                'index' => 0,
+                'posts' => 10,
+                DocumentationPage::homeRouteName() => 100,
+            ]);
+
+        foreach ($this->configurationKeys as $key) {
+            $priority = $this->parseNavigationPriorityConfig($config, $key);
+
+            if ($priority !== null) {
+                return $priority;
+            }
+        }
 
-        return $this->parseNavigationPriorityConfig($config, 'routeKey');
+        return null;
     }
 
-    /**
-     * @param  array<string, int>|array<string>  $config
-     * @param  'routeKey'|'identifier'  $pageKeyName
-     */
-    private function parseNavigationPriorityConfig(array $config, string $pageKeyName): ?int
+    /** @param  array<string, int>|array<string>  $config */
+    private function parseNavigationPriorityConfig(array $config, string $pageKey): ?int
     {
-        /** @var string $pageKey */
-        $pageKey = $this->{$pageKeyName};
-
         // Check if the config entry is a flat array or a keyed array.
         if (! array_key_exists($pageKey, $config)) {
             // Adding an offset makes so that pages with a front matter priority, or
@@ -264,12 +244,19 @@ private function canUseSubdirectoryForGroups(): bool
 
     private function pageIsInSubdirectory(): bool
     {
-        return Str::contains($this->identifier, '/');
+        return Str::contains($this->identifierWithinVersion(), '/');
     }
 
     private function getSubdirectoryName(): string
     {
-        return Str::before($this->identifier, '/');
+        return Str::before($this->identifierWithinVersion(), '/');
+    }
+
+    private function identifierWithinVersion(): string
+    {
+        return $this->isInstanceOf(DocumentationPage::class)
+            ? DocumentationVersions::stripVersionPrefix($this->identifier)
+            : $this->identifier;
     }
 
     protected function getSubdirectoryConfiguration(): string
diff --git a/packages/framework/src/Framework/Features/Documentation/DocumentationSearchIndex.php b/packages/framework/src/Framework/Features/Documentation/DocumentationSearchIndex.php
index ac14115b422..b6cff21ceeb 100644
--- a/packages/framework/src/Framework/Features/Documentation/DocumentationSearchIndex.php
+++ b/packages/framework/src/Framework/Features/Documentation/DocumentationSearchIndex.php
@@ -8,29 +8,50 @@
 use Hyde\Pages\DocumentationPage;
 use Hyde\Support\Models\RouteKey;
 use Hyde\Framework\Actions\GeneratesDocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
 
 /**
  * @internal This page is used to render the search index for the documentation.
+ *
+ * When documentation versioning is enabled, one search index is generated per version,
+ * containing only the pages belonging to that version.
  */
 class DocumentationSearchIndex extends InMemoryPage
 {
-    /**
-     * Create a new DocumentationSearchPage instance.
-     */
-    public function __construct()
+    protected readonly ?DocumentationVersion $version;
+
+    public function __construct(?DocumentationVersion $version = null)
     {
-        parent::__construct(DocumentationSearchIndex::outputPath(), [
+        $this->version = $version;
+
+        parent::__construct(static::routeKey($version), [
             'navigation' => ['hidden' => true],
         ]);
     }
 
     public function compile(): string
     {
-        return GeneratesDocumentationSearchIndex::handle();
+        return GeneratesDocumentationSearchIndex::handle($this->version);
+    }
+
+    /**
+     * Get the documentation version this search index belongs to, or null if it does not belong to one.
+     */
+    public function getDocumentationVersion(): ?DocumentationVersion
+    {
+        return $this->version;
+    }
+
+    /**
+     * Get the route key of the search index, which for this page is also its output path.
+     */
+    public static function routeKey(?DocumentationVersion $version = null): string
+    {
+        return RouteKey::fromPage(DocumentationPage::class, $version === null ? 'search' : "$version->name/search").'.json';
     }
 
-    public static function outputPath(string $identifier = ''): string
+    public function getOutputPath(): string
     {
-        return RouteKey::fromPage(DocumentationPage::class, 'search').'.json';
+        return static::routeKey($this->version);
     }
 }
diff --git a/packages/framework/src/Framework/Features/Documentation/DocumentationSearchPage.php b/packages/framework/src/Framework/Features/Documentation/DocumentationSearchPage.php
index 9614edc5a46..2b6410dbc3b 100644
--- a/packages/framework/src/Framework/Features/Documentation/DocumentationSearchPage.php
+++ b/packages/framework/src/Framework/Features/Documentation/DocumentationSearchPage.php
@@ -10,6 +10,7 @@
 use Hyde\Pages\Concerns\HydePage;
 use Hyde\Support\Models\RouteKey;
 use Hyde\Facades\Config;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
 
 /**
  * @internal This page is used to render the search page for the documentation.
@@ -17,35 +18,47 @@
  * It is not based on a source file, but is dynamically generated when the Search feature is enabled.
  * If you want to override this page, you can create a page with the route key "docs/search",
  * then this class will not be applied. For example, `_pages/docs/search.blade.php`.
+ *
+ * When documentation versioning is enabled, one search page is generated per version,
+ * and you can override them with pages matching their route keys, like "docs/1.x/search".
  */
 class DocumentationSearchPage extends InMemoryPage
 {
-    /**
-     * Create a new DocumentationSearchPage instance.
-     */
-    public function __construct()
+    protected readonly ?DocumentationVersion $version;
+
+    public function __construct(?DocumentationVersion $version = null)
     {
-        parent::__construct(static::routeKey(), [
+        $this->version = $version;
+
+        parent::__construct(static::routeKey($version), [
             'title' => 'Search',
             'navigation' => ['hidden' => true],
             'article' => false,
         ], view: 'hyde::pages.docs.search');
     }
 
-    public static function enabled(): bool
+    public static function enabled(?DocumentationVersion $version = null): bool
+    {
+        return Config::getBool('docs.create_search_page', true) && ! static::anotherSearchPageExists($version);
+    }
+
+    /**
+     * Get the documentation version this search page belongs to, or null if it does not belong to one.
+     */
+    public function getDocumentationVersion(): ?DocumentationVersion
     {
-        return Config::getBool('docs.create_search_page', true) && ! static::anotherSearchPageExists();
+        return $this->version;
     }
 
-    public static function routeKey(): string
+    public static function routeKey(?DocumentationVersion $version = null): string
     {
-        return RouteKey::fromPage(DocumentationPage::class, 'search')->get();
+        return RouteKey::fromPage(DocumentationPage::class, $version === null ? 'search' : "$version/search")->get();
     }
 
-    protected static function anotherSearchPageExists(): bool
+    protected static function anotherSearchPageExists(?DocumentationVersion $version = null): bool
     {
         // Since routes aren't discovered yet due to this page being added in the core extension,
         // we need to check the page collection directly, instead of the route collection.
-        return Hyde::pages()->first(fn (HydePage $file): bool => $file->getRouteKey() === static::routeKey()) !== null;
+        return Hyde::pages()->first(fn (HydePage $file): bool => $file->getRouteKey() === static::routeKey($version)) !== null;
     }
 }
diff --git a/packages/framework/src/Framework/Features/Documentation/Versioning/DocumentationVersion.php b/packages/framework/src/Framework/Features/Documentation/Versioning/DocumentationVersion.php
new file mode 100644
index 00000000000..fc9a2eda001
--- /dev/null
+++ b/packages/framework/src/Framework/Features/Documentation/Versioning/DocumentationVersion.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Features\Documentation\Versioning;
+
+use Stringable;
+use Hyde\Support\Models\Route;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Foundation\Facades\Routes;
+
+use function Hyde\unslash;
+
+/**
+ * Value object representing a documentation version registered in the `docs.versions` configuration.
+ *
+ * Each version corresponds to a subdirectory of the documentation source directory (for example `_docs/1.x`),
+ * which is compiled to a matching subdirectory of the documentation output directory (for example `docs/1.x`).
+ *
+ * @see \Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions
+ */
+final class DocumentationVersion implements Stringable
+{
+    public function __construct(
+        public readonly string $name,
+    ) {
+    }
+
+    public function __toString(): string
+    {
+        return $this->name;
+    }
+
+    /**
+     * Get the route key prefix for pages belonging to this version. For example, `docs/1.x`.
+     */
+    public function routeKeyPrefix(): string
+    {
+        return unslash(DocumentationPage::outputDirectory().'/'.$this->name);
+    }
+
+    /**
+     * Get the route key for this version's index page. For example, `docs/1.x/index`.
+     */
+    public function homeRouteName(): string
+    {
+        return $this->routeKeyPrefix().'/index';
+    }
+
+    /**
+     * Get the route for this version's index page, if it exists.
+     */
+    public function home(): ?Route
+    {
+        return Routes::find($this->homeRouteName());
+    }
+}
diff --git a/packages/framework/src/Framework/Features/Documentation/Versioning/DocumentationVersions.php b/packages/framework/src/Framework/Features/Documentation/Versioning/DocumentationVersions.php
new file mode 100644
index 00000000000..0d813628a99
--- /dev/null
+++ b/packages/framework/src/Framework/Features/Documentation/Versioning/DocumentationVersions.php
@@ -0,0 +1,222 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Features\Documentation\Versioning;
+
+use Hyde\Facades\Config;
+use Illuminate\Support\Arr;
+use Illuminate\Support\Str;
+use Hyde\Support\Models\Route;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Pages\Concerns\HydePage;
+use Hyde\Support\Facades\Render;
+use Illuminate\Support\Collection;
+use Hyde\Foundation\Facades\Routes;
+use Hyde\Framework\Exceptions\InvalidConfigurationException;
+
+use function count;
+use function sprintf;
+use function in_array;
+use function array_values;
+use function array_unique;
+use function Hyde\unslash;
+use function preg_match;
+use function str_contains;
+use function str_starts_with;
+
+/**
+ * Registry for the documentation versions defined in the `docs.versions` configuration.
+ *
+ * When the configuration array is empty (the default), documentation versioning is disabled,
+ * and the documentation module behaves exactly like a single-version site.
+ */
+final class DocumentationVersions
+{
+    /**
+     * The pattern version names must match. Notably, this excludes slashes,
+     * as version names are used as single directory and URL path segments.
+     */
+    final public const VERSION_NAME_PATTERN = '/^[a-zA-Z0-9][a-zA-Z0-9._-]*$/';
+
+    /**
+     * Is documentation versioning enabled? It is enabled by registering versions in the `docs.versions` configuration.
+     */
+    public static function enabled(): bool
+    {
+        return count(Config::getArray('docs.versions', [])) > 0;
+    }
+
+    /**
+     * Get all registered documentation versions, keyed by version name.
+     *
+     * @return \Illuminate\Support\Collection<string, \Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion>
+     */
+    public static function all(): Collection
+    {
+        if (! self::enabled()) {
+            return new Collection();
+        }
+
+        /** @var array<int, string> $versions */
+        $versions = Config::getArray('docs.versions', []);
+
+        return (new Collection($versions))->mapWithKeys(function (string $name): array {
+            return [self::validateVersionName($name) => new DocumentationVersion($name)];
+        });
+    }
+
+    /**
+     * Get a registered version by name, or null if it is not registered.
+     */
+    public static function get(string $name): ?DocumentationVersion
+    {
+        return self::all()->get($name);
+    }
+
+    /**
+     * Get the default documentation version, or null when documentation versioning is disabled.
+     *
+     * This is the version set in the `docs.default_version` configuration,
+     * falling back to the last entry in the `docs.versions` list.
+     */
+    public static function default(): ?DocumentationVersion
+    {
+        if (! self::enabled()) {
+            return null;
+        }
+
+        /** @var array<int, string> $versions */
+        $versions = Config::getArray('docs.versions', []);
+
+        $default = self::defaultVersionName($versions);
+
+        return $default === null ? null : self::get($default);
+    }
+
+    /**
+     * Get the version of the page currently being rendered, falling back to the default version
+     * when the rendered page does not belong to one, for example when the search modal is
+     * rendered on a page that is not part of the documentation module.
+     */
+    public static function current(): ?DocumentationVersion
+    {
+        $page = Render::getPage();
+
+        return ($page === null ? null : self::fromRouteKey($page->getRouteKey())) ?? self::default();
+    }
+
+    /**
+     * Get the version a documentation page identifier belongs to, or null if it does not belong to a registered version.
+     *
+     * The version is determined by the first path segment of the identifier, for example `1.x/installation`.
+     */
+    public static function fromIdentifier(string $identifier): ?DocumentationVersion
+    {
+        if (! self::enabled() || ! str_contains($identifier, '/')) {
+            return null;
+        }
+
+        return self::get(Str::before($identifier, '/'));
+    }
+
+    /**
+     * Get the version a route key belongs to, or null if it does not belong to a registered version.
+     */
+    public static function fromRouteKey(string $routeKey): ?DocumentationVersion
+    {
+        if (! self::enabled()) {
+            return null;
+        }
+
+        return self::all()->first(function (DocumentationVersion $version) use ($routeKey): bool {
+            return str_starts_with($routeKey, $version->routeKeyPrefix().'/');
+        });
+    }
+
+    /**
+     * Get the route for the page equivalent to the given page, but in another version.
+     *
+     * Returns null when the given page does not belong to a version,
+     * or when the equivalent page does not exist in the target version.
+     */
+    public static function getEquivalentRoute(HydePage $page, DocumentationVersion $targetVersion): ?Route
+    {
+        $currentVersion = self::fromRouteKey($page->getRouteKey());
+
+        if ($currentVersion === null) {
+            return null;
+        }
+
+        $pathWithinVersion = Str::after($page->getRouteKey(), $currentVersion->routeKeyPrefix().'/');
+
+        return Routes::find($targetVersion->routeKeyPrefix().'/'.$pathWithinVersion);
+    }
+
+    /**
+     * Get the version-specific and version-agnostic keys the documentation configuration
+     * entries can use to target a documentation page, most specific key first.
+     *
+     * @return array<int, string>
+     */
+    public static function configurationKeys(string $routeKey, string $identifier): array
+    {
+        return array_values(array_unique([
+            $routeKey,
+            $identifier,
+            self::stripVersionPrefixFromRouteKey($routeKey),
+            self::stripVersionPrefix($identifier),
+        ]));
+    }
+
+    /**
+     * Strip the version prefix from a documentation page identifier, if it has one.
+     *
+     * For example, `1.x/getting-started/installation` becomes `getting-started/installation`.
+     */
+    public static function stripVersionPrefix(string $identifier): string
+    {
+        $version = self::fromIdentifier($identifier);
+
+        return $version === null ? $identifier : Str::after($identifier, $version->name.'/');
+    }
+
+    /**
+     * Strip the version segment from a documentation route key, if it has one.
+     *
+     * For example, `docs/1.x/installation` becomes `docs/installation`.
+     */
+    public static function stripVersionPrefixFromRouteKey(string $routeKey): string
+    {
+        $version = self::fromRouteKey($routeKey);
+
+        return $version === null
+            ? $routeKey
+            : unslash(DocumentationPage::outputDirectory().'/'.Str::after($routeKey, $version->routeKeyPrefix().'/'));
+    }
+
+    /** @param array<int, string> $versions */
+    protected static function defaultVersionName(array $versions): ?string
+    {
+        if ($versions === []) {
+            return null;
+        }
+
+        $default = Config::getNullableString('docs.default_version') ?? Arr::last($versions);
+
+        if (! in_array($default, $versions, true)) {
+            throw new InvalidConfigurationException(sprintf("The default documentation version '%s' is not present in the `docs.versions` configuration.", $default), 'docs', 'default_version');
+        }
+
+        return $default;
+    }
+
+    protected static function validateVersionName(string $name): string
+    {
+        if (! preg_match(self::VERSION_NAME_PATTERN, $name)) {
+            throw new InvalidConfigurationException(sprintf("Invalid documentation version name '%s'. Version names may only contain alphanumeric characters, dots, dashes, and underscores.", $name), 'docs', 'versions');
+        }
+
+        return $name;
+    }
+}
diff --git a/packages/framework/src/Framework/Features/Navigation/DocumentationSidebar.php b/packages/framework/src/Framework/Features/Navigation/DocumentationSidebar.php
index a5f01904b27..8e84ef78642 100644
--- a/packages/framework/src/Framework/Features/Navigation/DocumentationSidebar.php
+++ b/packages/framework/src/Framework/Features/Navigation/DocumentationSidebar.php
@@ -5,26 +5,46 @@
 namespace Hyde\Framework\Features\Navigation;
 
 use Hyde\Facades\Config;
+use Hyde\Support\Models\Route;
 use Hyde\Pages\DocumentationPage;
 use Hyde\Support\Facades\Render;
 use Illuminate\Contracts\Support\Arrayable;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 use function app;
 use function is_string;
 
 class DocumentationSidebar extends NavigationMenu
 {
+    public readonly ?DocumentationVersion $version;
+
     /**
      * Get the navigation menu instance from the service container.
+     *
+     * When documentation versioning is enabled, this resolves the sidebar
+     * for the version of the page currently being rendered.
      */
     public static function get(): static
     {
-        return app('navigation.sidebar');
+        $version = DocumentationVersions::current();
+
+        return app($version === null ? 'navigation.sidebar' : "navigation.sidebar.$version->name");
     }
 
-    public function __construct(Arrayable|array $items = [])
+    public function __construct(Arrayable|array $items = [], ?DocumentationVersion $version = null)
     {
         parent::__construct($items);
+
+        $this->version = $version;
+    }
+
+    /**
+     * Get the route for this sidebar's documentation index page, if it exists.
+     */
+    public function getHomeRoute(): ?Route
+    {
+        return $this->version?->home() ?? DocumentationPage::home();
     }
 
     public function getHeader(): string
@@ -72,7 +92,7 @@ public function getActiveGroup(): ?NavigationGroup
 
         $currentPage = Render::getPage();
 
-        if ($currentPage->getRoute()->is(DocumentationPage::homeRouteName()) && blank($currentPage->navigationMenuGroup())) {
+        if ($currentPage->getRoute()->is($this->version?->homeRouteName() ?? DocumentationPage::homeRouteName()) && blank($currentPage->navigationMenuGroup())) {
             // Unless the index page has a specific group set, the first group in the sidebar should be open when visiting the index page.
             return $this->items->sortBy(fn (NavigationGroup $item): int => $item->getPriority())->first();
         }
diff --git a/packages/framework/src/Framework/Features/Navigation/NavigationMenuGenerator.php b/packages/framework/src/Framework/Features/Navigation/NavigationMenuGenerator.php
index c73d6663b4c..cf65c9c0a47 100644
--- a/packages/framework/src/Framework/Features/Navigation/NavigationMenuGenerator.php
+++ b/packages/framework/src/Framework/Features/Navigation/NavigationMenuGenerator.php
@@ -12,6 +12,8 @@
 use Hyde\Foundation\Facades\Routes;
 use Hyde\Foundation\Kernel\RouteCollection;
 use Hyde\Framework\Exceptions\InvalidConfigurationException;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 use function filled;
 use function assert;
@@ -33,8 +35,14 @@ class NavigationMenuGenerator
     protected bool $generatesSidebar;
     protected bool $usesGroups;
 
+    /**
+     * The documentation version the sidebar is generated for. For the main navigation
+     * menu, this only selects which documentation home page is included.
+     */
+    protected ?DocumentationVersion $documentationVersion;
+
     /** @param class-string<\Hyde\Framework\Features\Navigation\NavigationMenu> $menuType */
-    protected function __construct(string $menuType)
+    protected function __construct(string $menuType, ?DocumentationVersion $version = null)
     {
         assert(in_array($menuType, [MainNavigationMenu::class, DocumentationSidebar::class]));
 
@@ -44,21 +52,40 @@ protected function __construct(string $menuType)
 
         $this->generatesSidebar = $menuType === DocumentationSidebar::class;
 
+        $this->documentationVersion = $version ?? DocumentationVersions::default();
+
         $this->routes = $this->generatesSidebar
-            ? Routes::getRoutes(DocumentationPage::class)
+            ? $this->getSidebarRoutes()
             : Routes::all();
 
         $this->usesGroups = $this->usesGroups();
     }
 
     /** @param class-string<\Hyde\Framework\Features\Navigation\NavigationMenu> $menuType */
-    public static function handle(string $menuType): MainNavigationMenu|DocumentationSidebar
+    public static function handle(string $menuType, ?DocumentationVersion $version = null): MainNavigationMenu|DocumentationSidebar
     {
-        $menu = new static($menuType);
+        $menu = new static($menuType, $version);
 
         $menu->generate();
 
-        return new $menuType($menu->items);
+        return $menu->generatesSidebar ? new DocumentationSidebar($menu->items, $menu->documentationVersion) : new $menuType($menu->items);
+    }
+
+    /** @return \Hyde\Foundation\Kernel\RouteCollection<string, \Hyde\Support\Models\Route> */
+    protected function getSidebarRoutes(): RouteCollection
+    {
+        $routes = Routes::getRoutes(DocumentationPage::class);
+
+        if ($this->documentationVersion === null) {
+            return $routes;
+        }
+
+        return $routes->filter(function (Route $route): bool {
+            /** @var \Hyde\Pages\DocumentationPage $page */
+            $page = $route->getPage();
+
+            return $page->getDocumentationVersion()?->name === $this->documentationVersion->name;
+        });
     }
 
     protected function generate(): void
@@ -75,8 +102,8 @@ protected function generate(): void
 
         if ($this->generatesSidebar) {
             // If there are no pages other than the index page, we add it to the sidebar so that it's not empty
-            if ($this->items->count() === 0 && DocumentationPage::home() !== null) {
-                $this->items->push(NavigationItem::create(DocumentationPage::home()));
+            if ($this->items->count() === 0 && ($home = $this->documentationHome()) !== null) {
+                $this->items->push(NavigationItem::create($home));
             }
         } else {
             collect(Config::getArray('hyde.navigation.custom', []))->each(function (array $data): void {
@@ -110,15 +137,25 @@ protected function canAddRoute(Route $route): bool
 
         if ($this->generatesSidebar) {
             // Since the index page is linked in the header, we don't want it in the sidebar
-            return ! $route->is(DocumentationPage::homeRouteName());
+            return ! $route->is($this->documentationHomeRouteName());
         } else {
             // While we for the most part can rely on the navigation visibility state provided by the navigation data factory,
             // we need to make an exception for documentation pages, which generally have a visible state, as the data is
             // also used in the sidebar. But we only want the documentation index page to be in the main navigation.
-            return ! $route->getPage() instanceof DocumentationPage || $route->is(DocumentationPage::homeRouteName());
+            return ! $route->getPage() instanceof DocumentationPage || $route->is($this->documentationHomeRouteName());
         }
     }
 
+    protected function documentationHomeRouteName(): string
+    {
+        return $this->documentationVersion?->homeRouteName() ?? DocumentationPage::homeRouteName();
+    }
+
+    protected function documentationHome(): ?Route
+    {
+        return $this->documentationVersion?->home() ?? DocumentationPage::home();
+    }
+
     protected function canGroupRoute(Route $route): bool
     {
         if (! $this->generatesSidebar) {
diff --git a/packages/framework/src/Pages/DocumentationPage.php b/packages/framework/src/Pages/DocumentationPage.php
index 6777f4aba3f..519696581ed 100644
--- a/packages/framework/src/Pages/DocumentationPage.php
+++ b/packages/framework/src/Pages/DocumentationPage.php
@@ -8,6 +8,8 @@
 use Hyde\Foundation\Facades\Routes;
 use Hyde\Pages\Concerns\BaseMarkdownPage;
 use Hyde\Support\Models\Route;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 use function trim;
 use function sprintf;
@@ -20,6 +22,11 @@
  * Documentation pages are stored in the _docs directory and using the .md extension.
  * The Markdown will be compiled to HTML using the documentation page layout to the _site/docs/ directory.
  *
+ * When documentation versioning is enabled through the `docs.versions` configuration, each page belongs to the
+ * version subdirectory it is stored in (like `_docs/1.x`), and is compiled to a matching subdirectory of the
+ * output directory (like `_site/docs/1.x`). Source files stored outside the version directories are then
+ * not part of any version, and are therefore not discovered as documentation pages.
+ *
  * @see https://hydephp.com/docs/2.x/documentation-pages
  */
 class DocumentationPage extends BaseMarkdownPage
@@ -28,14 +35,36 @@ class DocumentationPage extends BaseMarkdownPage
     public static string $outputDirectory = 'docs';
     public static string $template = 'hyde::layouts/docs';
 
+    /**
+     * Get the route for the documentation index page, if it exists.
+     *
+     * When documentation versioning is enabled, this is the generated redirect page at the documentation root.
+     *
+     * @see \Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion::home() To get the index page of a specific version.
+     */
     public static function home(): ?Route
     {
         return Routes::find(static::homeRouteName());
     }
 
+    /**
+     * Get the route key for the documentation index page, for example `docs/index`.
+     *
+     * This is always the documentation root, regardless of whether documentation versioning is enabled.
+     *
+     * @see \Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion::homeRouteName() To get the route key of a specific version's index page.
+     */
     public static function homeRouteName(): string
     {
-        return unslash(static::baseRouteKey().'/index');
+        return static::baseRouteKey().'/index';
+    }
+
+    /**
+     * Get the documentation version this page belongs to, or null if documentation versioning is disabled.
+     */
+    public function getDocumentationVersion(): ?DocumentationVersion
+    {
+        return DocumentationVersions::fromIdentifier($this->identifier);
     }
 
     /** @see https://hydephp.com/docs/2.x/documentation-pages#automatic-edit-page-button */
@@ -52,11 +81,12 @@ public function getOnlineSourcePath(): string|false
      * Get the route key for the page.
      *
      * If flattened outputs are enabled, this will use the identifier basename so nested pages are flattened.
+     * Pages belonging to a documentation version keep the version prefix, so only the structure within the version is flattened.
      */
     public function getRouteKey(): string
     {
         return Config::getBool('docs.flattened_output_paths', true)
-            ? unslash(static::outputDirectory().'/'.basename(parent::getRouteKey()))
+            ? unslash(static::outputDirectory().'/'.$this->versionedBasename(basename(parent::getRouteKey())))
             : parent::getRouteKey();
     }
 
@@ -64,11 +94,22 @@ public function getRouteKey(): string
      * Get the path where the compiled page will be saved.
      *
      * If flattened outputs are enabled, this will use the identifier basename so nested pages are flattened.
+     * Pages belonging to a documentation version keep the version prefix, so only the structure within the version is flattened.
      */
     public function getOutputPath(): string
     {
         return Config::getBool('docs.flattened_output_paths', true)
-            ? static::outputPath(basename($this->identifier))
+            ? static::outputPath($this->versionedBasename(basename($this->identifier)))
             : parent::getOutputPath();
     }
+
+    /**
+     * Prefix a flattened page basename with the page's version name, if the page belongs to a version.
+     */
+    protected function versionedBasename(string $basename): string
+    {
+        $version = $this->getDocumentationVersion();
+
+        return $version === null ? $basename : "$version->name/$basename";
+    }
 }
diff --git a/packages/framework/src/Support/Models/Redirect.php b/packages/framework/src/Support/Models/Redirect.php
index 7070cbe24a3..bcb5b6193c4 100644
--- a/packages/framework/src/Support/Models/Redirect.php
+++ b/packages/framework/src/Support/Models/Redirect.php
@@ -7,6 +7,7 @@
 use Hyde\Facades\Filesystem;
 use Hyde\Hyde;
 use Hyde\Pages\InMemoryPage;
+use Hyde\Markdown\Models\FrontMatter;
 use Illuminate\Support\Facades\View;
 
 use function str_ends_with;
@@ -36,14 +37,15 @@ class Redirect extends InMemoryPage
      *
      * @param  string  $path  The URI path to redirect from.
      * @param  string  $destination  The destination to redirect to.
+     * @param  \Hyde\Markdown\Models\FrontMatter|array<string, mixed>  $matter  The front matter for the redirect page.
      */
-    public function __construct(string $path, string $destination, bool $showText = true)
+    public function __construct(string $path, string $destination, bool $showText = true, FrontMatter|array $matter = [])
     {
         $this->path = $this->normalizePath($path);
         $this->destination = $destination;
         $this->showText = $showText;
 
-        parent::__construct($this->path);
+        parent::__construct($this->path, $matter);
     }
 
     /**
diff --git a/packages/framework/tests/Feature/Commands/BuildSearchCommandTest.php b/packages/framework/tests/Feature/Commands/BuildSearchCommandTest.php
index 12ff89f973d..9c79aef0ecd 100644
--- a/packages/framework/tests/Feature/Commands/BuildSearchCommandTest.php
+++ b/packages/framework/tests/Feature/Commands/BuildSearchCommandTest.php
@@ -10,6 +10,7 @@
 use Hyde\Pages\DocumentationPage;
 use Hyde\Testing\TestCase;
 use Hyde\Framework\Features\Documentation\DocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 #[\PHPUnit\Framework\Attributes\CoversClass(\Hyde\Console\Commands\BuildSearchCommand::class)]
 #[\PHPUnit\Framework\Attributes\CoversClass(\Hyde\Framework\Features\Documentation\DocumentationSearchPage::class)]
@@ -104,6 +105,75 @@ public function testSearchFilesCanBeGeneratedForCustomSiteAndNestedDocsOutputDir
         Filesystem::deleteDirectory('foo');
     }
 
+    public function testVersionedSearchFilesAreGeneratedForEachDocumentationVersion()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->artisan('build:search')->assertExitCode(0);
+
+        $this->assertFileExists(Hyde::path('_site/docs/1.x/search.json'));
+        $this->assertFileExists(Hyde::path('_site/docs/2.x/search.json'));
+        $this->assertFileExists(Hyde::path('_site/docs/1.x/search.html'));
+        $this->assertFileExists(Hyde::path('_site/docs/2.x/search.html'));
+        $this->assertFileDoesNotExist(Hyde::path('_site/docs/search.json'));
+        $this->assertFileDoesNotExist(Hyde::path('_site/docs/search.html'));
+
+        Filesystem::deleteDirectory('_site/docs/1.x');
+        Filesystem::deleteDirectory('_site/docs/2.x');
+    }
+
+    public function testVersionedSearchCommandDoesNotCreateSearchPagesWhenDisabled()
+    {
+        config(['docs.versions' => ['1.x', '2.x'], 'docs.create_search_page' => false]);
+
+        $this->artisan('build:search')->assertExitCode(0);
+
+        $this->assertFileExists(Hyde::path('_site/docs/1.x/search.json'));
+        $this->assertFileExists(Hyde::path('_site/docs/2.x/search.json'));
+        $this->assertFileDoesNotExist(Hyde::path('_site/docs/1.x/search.html'));
+        $this->assertFileDoesNotExist(Hyde::path('_site/docs/2.x/search.html'));
+
+        Filesystem::deleteDirectory('_site/docs/1.x');
+        Filesystem::deleteDirectory('_site/docs/2.x');
+    }
+
+    public function testVersionedSearchFilesCanBeGeneratedForCustomSiteAndDocsOutputDirectories()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::setOutputDirectory('build');
+        DocumentationPage::setOutputDirectory('reference');
+
+        try {
+            $this->artisan('build:search')->assertExitCode(0);
+
+            $this->assertFileExists(Hyde::path('build/reference/1.x/search.json'));
+            $this->assertFileExists(Hyde::path('build/reference/2.x/search.json'));
+            $this->assertFileExists(Hyde::path('build/reference/1.x/search.html'));
+            $this->assertFileExists(Hyde::path('build/reference/2.x/search.html'));
+        } finally {
+            Filesystem::deleteDirectory('build');
+            Hyde::setOutputDirectory('_site');
+            DocumentationPage::setOutputDirectory('docs');
+        }
+    }
+
+    public function testVersionedCommandUsesSearchPagesFromKernelWhenPresent()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::pages()->addPage(new VersionedSearchIndexOverrideTestPage());
+
+        $this->artisan('build:search')->assertExitCode(0);
+
+        $this->assertFileExists(Hyde::path('_site/docs/1.x/search.json'));
+        $this->assertFileExists(Hyde::path('_site/docs/2.x/search.json'));
+        $this->assertSame('{"version":"1.x"}', Filesystem::getContents('_site/docs/1.x/search.json'));
+
+        Filesystem::deleteDirectory('_site/docs/1.x');
+        Filesystem::deleteDirectory('_site/docs/2.x');
+    }
+
     public function test_command_uses_search_pages_from_kernel_when_present()
     {
         Hyde::pages()->addPage(new SearchIndexOverrideTestPage());
@@ -134,3 +204,16 @@ public function getOutputPath(): string
         return 'docs/search.json';
     }
 }
+
+class VersionedSearchIndexOverrideTestPage extends DocumentationSearchIndex
+{
+    public function __construct()
+    {
+        parent::__construct(DocumentationVersions::get('1.x'));
+    }
+
+    public function compile(): string
+    {
+        return '{"version":"1.x"}';
+    }
+}
diff --git a/packages/framework/tests/Feature/DarkmodeFeatureTest.php b/packages/framework/tests/Feature/DarkmodeFeatureTest.php
index 14883c6bd2c..ed98aeb8417 100644
--- a/packages/framework/tests/Feature/DarkmodeFeatureTest.php
+++ b/packages/framework/tests/Feature/DarkmodeFeatureTest.php
@@ -5,6 +5,7 @@
 namespace Hyde\Framework\Testing\Feature;
 
 use Hyde\Facades\Features;
+use Hyde\Framework\Features\Navigation\DocumentationSidebar;
 use Hyde\Pages\DocumentationPage;
 use Hyde\Testing\TestCase;
 use Hyde\Enums\Feature;
@@ -22,6 +23,7 @@ protected function setUp(): void
         $this->mockPage();
 
         $this->app->instance('navigation.main', new MainNavigationMenu());
+        $this->app->instance('navigation.sidebar', new DocumentationSidebar());
     }
 
     public function testHasDarkmodeIsFalseWhenNotSet()
diff --git a/packages/framework/tests/Feature/DocumentationRootRedirectTest.php b/packages/framework/tests/Feature/DocumentationRootRedirectTest.php
new file mode 100644
index 00000000000..667d6559f88
--- /dev/null
+++ b/packages/framework/tests/Feature/DocumentationRootRedirectTest.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Pages\MarkdownPage;
+use Hyde\Support\Models\Redirect;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Foundation\HydeCoreExtension;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+require_once __DIR__.'/VersionedDocumentationTestCase.php';
+
+/**
+ * Tests the generated documentation root page that redirects to the default version.
+ */
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationPage::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(HydeCoreExtension::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class DocumentationRootRedirectTest extends VersionedDocumentationTestCase
+{
+    public function testDocumentationRootRedirectsToTheDefaultVersion()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $page = Hyde::routes()->get('docs/index')->getPage();
+
+        $this->assertInstanceOf(Redirect::class, $page);
+        $this->assertSame('2.x/index.html', $page->destination);
+        $this->assertStringContainsString('http-equiv="refresh" content="0;url=\'2.x/index.html\'"', $page->compile());
+        $this->assertFalse($page->showInNavigation());
+    }
+
+    public function testDocumentationRootRedirectUsesPrettyUrlsWhenEnabled()
+    {
+        $this->enableVersions();
+
+        config(['hyde.pretty_urls' => true]);
+
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame('2.x/', Hyde::routes()->get('docs/index')->getPage()->destination);
+    }
+
+    public function testDocumentationRootRedirectIsNotAddedWhenVersioningIsDisabled()
+    {
+        $this->file('_docs/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertInstanceOf(DocumentationPage::class, Hyde::routes()->get('docs/index')->getPage());
+    }
+
+    public function testDocumentationRootRedirectCanBeOverriddenByUserPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_pages/docs/index.md');
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertInstanceOf(MarkdownPage::class, Hyde::routes()->get('docs/index')->getPage());
+    }
+
+    public function testDocumentationRootRedirectIsNotOverriddenByUnversionedDocumentationIndexPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/index.md');
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertInstanceOf(Redirect::class, Hyde::routes()->get('docs/index')->getPage());
+    }
+
+    public function testDocumentationRootRedirectIsNotAddedWhenTheDefaultVersionHasNoIndexPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/index.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $this->assertNull(Hyde::routes()->get('docs/index'));
+    }
+}
diff --git a/packages/framework/tests/Feature/DocumentationSearchIndexTest.php b/packages/framework/tests/Feature/DocumentationSearchIndexTest.php
index ece094cb55e..5c8a3d4b373 100644
--- a/packages/framework/tests/Feature/DocumentationSearchIndexTest.php
+++ b/packages/framework/tests/Feature/DocumentationSearchIndexTest.php
@@ -5,8 +5,12 @@
 namespace Hyde\Framework\Testing\Feature;
 
 use Hyde\Testing\TestCase;
+use Hyde\Pages\InMemoryPage;
 use Hyde\Pages\DocumentationPage;
+use Hyde\Support\Facades\Render;
 use Hyde\Framework\Features\Documentation\DocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\DocumentationSearchPage;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 /**
  * @see \Hyde\Framework\Testing\Feature\Commands\BuildSearchCommandTest
@@ -33,20 +37,85 @@ public function testRouteKeyIsSetToConfiguredDocumentationOutputDirectory()
         $this->assertSame('foo/search.json', $page->routeKey);
     }
 
-    public function testStaticOutputPathHelper()
+    public function testRouteKeyIsSetToVersionedDocumentationOutputDirectory()
     {
-        $this->assertSame('docs/search.json', DocumentationSearchIndex::outputPath());
+        config(['docs.versions' => ['1.x']]);
+
+        $page = new DocumentationSearchIndex(DocumentationVersions::get('1.x'));
+
+        $this->assertSame('docs/1.x/search.json', $page->routeKey);
+        $this->assertSame('docs/1.x/search.json', $page->getOutputPath());
+        $this->assertSame('1.x', $page->getDocumentationVersion()->name);
+    }
+
+    public function testStaticRouteKeyHelper()
+    {
+        $this->assertSame('docs/search.json', DocumentationSearchIndex::routeKey());
+    }
+
+    public function testStaticRouteKeyHelperWithVersion()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        $this->assertSame('docs/1.x/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::get('1.x')));
     }
 
-    public function testStaticOutputPathHelperWithCustomOutputDirectory()
+    public function testStaticRouteKeyHelperWithCustomOutputDirectory()
     {
         DocumentationPage::setOutputDirectory('foo');
-        $this->assertSame('foo/search.json', DocumentationSearchIndex::outputPath());
+        $this->assertSame('foo/search.json', DocumentationSearchIndex::routeKey());
     }
 
-    public function testStaticOutputPathHelperWithRootOutputDirectory()
+    public function testStaticRouteKeyHelperWithVersionAndCustomOutputDirectory()
+    {
+        config(['docs.versions' => ['1.x']]);
+        DocumentationPage::setOutputDirectory('foo');
+
+        $this->assertSame('foo/1.x/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::get('1.x')));
+    }
+
+    public function testStaticRouteKeyHelperWithRootOutputDirectory()
     {
         DocumentationPage::setOutputDirectory('');
-        $this->assertSame('search.json', DocumentationSearchIndex::outputPath());
+        $this->assertSame('search.json', DocumentationSearchIndex::routeKey());
+    }
+
+    public function testCurrentVersionSearchIndexPathFallsBackToDefaultVersionSearchIndexWhenRenderedDocumentationPageIsUnversioned()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+        DocumentationPage::setOutputDirectory('docs');
+
+        Render::setPage(new DocumentationPage('installation'));
+
+        $this->assertSame('docs/2.x/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::current()));
+    }
+
+    public function testCurrentVersionSearchIndexPathFallsBackToDefaultVersionSearchIndexWhenRenderedPageHasNoDocumentationVersion()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+        DocumentationPage::setOutputDirectory('docs');
+
+        Render::setPage(new InMemoryPage('index'));
+
+        $this->assertSame('docs/2.x/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::current()));
+    }
+
+    public function testCurrentVersionSearchIndexPathFallsBackToUnversionedSearchIndexWhenVersioningIsDisabled()
+    {
+        DocumentationPage::setOutputDirectory('docs');
+
+        Render::setPage(new InMemoryPage('index'));
+
+        $this->assertSame('docs/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::current()));
+    }
+
+    public function testCurrentVersionSearchIndexPathUsesVersionedSearchIndexForVersionedSearchPages()
+    {
+        config(['docs.versions' => ['1.x']]);
+        DocumentationPage::setOutputDirectory('docs');
+
+        Render::setPage(new DocumentationSearchPage(DocumentationVersions::get('1.x')));
+
+        $this->assertSame('docs/1.x/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::current()));
     }
 }
diff --git a/packages/framework/tests/Feature/DocumentationSearchPageTest.php b/packages/framework/tests/Feature/DocumentationSearchPageTest.php
index 5ea4c83e02f..1bf67a32f38 100644
--- a/packages/framework/tests/Feature/DocumentationSearchPageTest.php
+++ b/packages/framework/tests/Feature/DocumentationSearchPageTest.php
@@ -9,6 +9,7 @@
 use Hyde\Pages\DocumentationPage;
 use Hyde\Pages\InMemoryPage;
 use Hyde\Testing\TestCase;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 /**
  * @see \Hyde\Framework\Testing\Feature\Commands\BuildSearchCommandTest
@@ -35,6 +36,16 @@ public function testRouteKeyIsSetToConfiguredDocumentationOutputDirectory()
         $this->assertSame('foo/search', $page->routeKey);
     }
 
+    public function testRouteKeyIsSetToVersionedDocumentationOutputDirectory()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        $page = new DocumentationSearchPage(DocumentationVersions::get('1.x'));
+
+        $this->assertSame('docs/1.x/search', $page->routeKey);
+        $this->assertSame('1.x', $page->getDocumentationVersion()->name);
+    }
+
     public function testEnabledDefaultsToTrue()
     {
         $this->assertTrue(DocumentationSearchPage::enabled());
@@ -52,6 +63,23 @@ public function testEnabledIsFalseWhenRouteExists()
         $this->assertFalse(DocumentationSearchPage::enabled());
     }
 
+    public function testEnabledIsFalseWhenVersionedRouteExists()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::pages()->put('docs/1.x/search', new InMemoryPage('docs/1.x/search'));
+
+        $this->assertFalse(DocumentationSearchPage::enabled(DocumentationVersions::get('1.x')));
+        $this->assertTrue(DocumentationSearchPage::enabled(DocumentationVersions::get('2.x')));
+    }
+
+    public function testVersionedSearchPageIsDisabledWhenSearchPagesAreDisabled()
+    {
+        config(['docs.versions' => ['1.x'], 'docs.create_search_page' => false]);
+
+        $this->assertFalse(DocumentationSearchPage::enabled(DocumentationVersions::get('1.x')));
+    }
+
     public function testEnabledIsFalseWhenDisabledAndRouteExists()
     {
         config(['docs.create_search_page' => false]);
@@ -64,12 +92,27 @@ public function testStaticRouteKeyHelper()
         $this->assertSame('docs/search', DocumentationSearchPage::routeKey());
     }
 
+    public function testStaticRouteKeyHelperWithVersion()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        $this->assertSame('docs/1.x/search', DocumentationSearchPage::routeKey(DocumentationVersions::get('1.x')));
+    }
+
     public function testStaticRouteKeyHelperWithCustomOutputDirectory()
     {
         DocumentationPage::setOutputDirectory('foo');
         $this->assertSame('foo/search', DocumentationSearchPage::routeKey());
     }
 
+    public function testStaticRouteKeyHelperWithVersionAndCustomOutputDirectory()
+    {
+        config(['docs.versions' => ['1.x']]);
+        DocumentationPage::setOutputDirectory('foo');
+
+        $this->assertSame('foo/1.x/search', DocumentationSearchPage::routeKey(DocumentationVersions::get('1.x')));
+    }
+
     public function testStaticRouteKeyHelperWithRootOutputDirectory()
     {
         DocumentationPage::setOutputDirectory('');
diff --git a/packages/framework/tests/Feature/DocumentationVersionRoutingTest.php b/packages/framework/tests/Feature/DocumentationVersionRoutingTest.php
new file mode 100644
index 00000000000..100f0255b76
--- /dev/null
+++ b/packages/framework/tests/Feature/DocumentationVersionRoutingTest.php
@@ -0,0 +1,141 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+require_once __DIR__.'/VersionedDocumentationTestCase.php';
+
+/**
+ * Tests how documentation versions shape page route keys, output paths, and home routes.
+ */
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationPage::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersion::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class DocumentationVersionRoutingTest extends VersionedDocumentationTestCase
+{
+    public function testPageVersionIsNullWhenVersioningIsDisabled()
+    {
+        $this->assertNull((new DocumentationPage('1.x/installation'))->getDocumentationVersion());
+    }
+
+    public function testPageVersionIsNullForPagesOutsideVersionDirectories()
+    {
+        $this->enableVersions();
+
+        $this->assertNull((new DocumentationPage('installation'))->getDocumentationVersion());
+        $this->assertNull((new DocumentationPage('getting-started/installation'))->getDocumentationVersion());
+    }
+
+    public function testPageVersionIsResolvedFromIdentifierPrefix()
+    {
+        $this->enableVersions();
+
+        $this->assertSame('1.x', (new DocumentationPage('1.x/installation'))->getDocumentationVersion()->name);
+        $this->assertSame('2.x', (new DocumentationPage('2.x/getting-started/installation'))->getDocumentationVersion()->name);
+    }
+
+    public function testFlattenedRouteKeysKeepVersionPrefix()
+    {
+        $this->enableVersions();
+
+        $page = new DocumentationPage('2.x/getting-started/installation');
+
+        $this->assertSame('docs/2.x/installation', $page->getRouteKey());
+        $this->assertSame('docs/2.x/installation.html', $page->getOutputPath());
+    }
+
+    public function testFlattenedRouteKeysForTopLevelVersionPages()
+    {
+        $this->enableVersions();
+
+        $page = new DocumentationPage('1.x/installation');
+
+        $this->assertSame('docs/1.x/installation', $page->getRouteKey());
+        $this->assertSame('docs/1.x/installation.html', $page->getOutputPath());
+    }
+
+    public function testFlattenedRouteKeysStripNumericalPrefixesWithinVersions()
+    {
+        $this->enableVersions();
+
+        $page = new DocumentationPage('2.x/01-installation');
+
+        $this->assertSame('docs/2.x/installation', $page->getRouteKey());
+    }
+
+    public function testNonFlattenedRouteKeysAreUnchanged()
+    {
+        $this->enableVersions();
+
+        config(['docs.flattened_output_paths' => false]);
+
+        $page = new DocumentationPage('2.x/getting-started/installation');
+
+        $this->assertSame('docs/2.x/getting-started/installation', $page->getRouteKey());
+        $this->assertSame('docs/2.x/getting-started/installation.html', $page->getOutputPath());
+    }
+
+    public function testFlattenedRouteKeysAreUnchangedWhenVersioningIsDisabled()
+    {
+        $page = new DocumentationPage('getting-started/installation');
+
+        $this->assertSame('docs/installation', $page->getRouteKey());
+        $this->assertSame('docs/installation.html', $page->getOutputPath());
+    }
+
+    public function testDocumentationHomeRouteNameIsTheDocumentationRootRegardlessOfVersioning()
+    {
+        $this->assertSame('docs/index', DocumentationPage::homeRouteName());
+
+        $this->enableVersions();
+
+        $this->assertSame('docs/index', DocumentationPage::homeRouteName());
+    }
+
+    public function testVersionsOwnTheirHomeRoutes()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/index.md');
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame('docs/1.x/index', DocumentationVersions::get('1.x')->homeRouteName());
+        $this->assertSame('docs/1.x/index', DocumentationVersions::get('1.x')->home()->getRouteKey());
+
+        // The documentation root is the generated redirect page pointing to the default version.
+        $this->assertSame('docs/index', DocumentationPage::home()->getRouteKey());
+    }
+
+    public function testExplicitDefaultVersionIsUsedForVersionedDocumentationEntryPoints()
+    {
+        config(['docs.versions' => ['1.x', '2.x'], 'docs.default_version' => '1.x']);
+
+        $this->file('_docs/1.x/index.md');
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/index.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame('docs/1.x/index', DocumentationVersions::default()->homeRouteName());
+
+        $sidebar = $this->defaultSidebar();
+
+        $this->assertSame('1.x', $sidebar->version->name);
+        $this->assertSame(['docs/1.x/installation'], $this->menuRouteKeys($sidebar));
+
+        $keys = $this->menuRouteKeys($this->mainNavigation());
+
+        $this->assertContains('docs/1.x/index', $keys);
+        $this->assertNotContains('docs/2.x/index', $keys);
+        $this->assertSame('1.x/index.html', Hyde::routes()->get('docs/index')->getPage()->destination);
+    }
+}
diff --git a/packages/framework/tests/Feature/DocumentationVersionsTest.php b/packages/framework/tests/Feature/DocumentationVersionsTest.php
new file mode 100644
index 00000000000..292fedd1132
--- /dev/null
+++ b/packages/framework/tests/Feature/DocumentationVersionsTest.php
@@ -0,0 +1,285 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Testing\TestCase;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Framework\Exceptions\InvalidConfigurationException;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersion::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class DocumentationVersionsTest extends TestCase
+{
+    public function testVersioningIsDisabledByDefault()
+    {
+        $this->assertFalse(DocumentationVersions::enabled());
+    }
+
+    public function testVersioningIsEnabledWhenVersionsAreRegistered()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertTrue(DocumentationVersions::enabled());
+    }
+
+    public function testAllReturnsEmptyCollectionWhenDisabled()
+    {
+        $this->assertTrue(DocumentationVersions::all()->isEmpty());
+    }
+
+    public function testAllReturnsRegisteredVersionsKeyedByName()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $versions = DocumentationVersions::all();
+
+        $this->assertCount(2, $versions);
+        $this->assertSame(['1.x', '2.x'], $versions->keys()->all());
+        $this->assertContainsOnlyInstancesOf(DocumentationVersion::class, $versions);
+    }
+
+    public function testDefaultVersionIsTheLastEntryByDefault()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertSame('2.x', DocumentationVersions::default()->name);
+    }
+
+    public function testDefaultVersionCanBeSetExplicitly()
+    {
+        config(['docs.versions' => ['1.x', '2.x'], 'docs.default_version' => '1.x']);
+
+        $this->assertSame('1.x', DocumentationVersions::default()->name);
+    }
+
+    public function testDefaultVersionIsNullWhenVersioningIsDisabled()
+    {
+        $this->assertNull(DocumentationVersions::default());
+    }
+
+    public function testDefaultVersionNameReturnsNullForEmptyVersionList()
+    {
+        $method = new \ReflectionMethod(DocumentationVersions::class, 'defaultVersionName');
+        $method->setAccessible(true);
+
+        $this->assertNull($method->invoke(null, []));
+    }
+
+    public function testUnknownDefaultVersionThrows()
+    {
+        config(['docs.versions' => ['1.x'], 'docs.default_version' => '2.x']);
+
+        $this->expectException(InvalidConfigurationException::class);
+        $this->expectExceptionMessage("The default documentation version '2.x' is not present in the `docs.versions` configuration.");
+
+        DocumentationVersions::default();
+    }
+
+    public function testInvalidVersionNameThrows()
+    {
+        config(['docs.versions' => ['1.x/nested']]);
+
+        $this->expectException(InvalidConfigurationException::class);
+        $this->expectExceptionMessage("Invalid documentation version name '1.x/nested'.");
+
+        DocumentationVersions::all();
+    }
+
+    #[\PHPUnit\Framework\Attributes\DataProvider('validVersionNameProvider')]
+    public function testValidVersionNamesAreAccepted(string $name)
+    {
+        config(['docs.versions' => [$name]]);
+
+        $this->assertSame($name, DocumentationVersions::get($name)->name);
+    }
+
+    #[\PHPUnit\Framework\Attributes\DataProvider('invalidVersionNameProvider')]
+    public function testInvalidVersionNamesAreRejected(string $name)
+    {
+        config(['docs.versions' => [$name]]);
+
+        $this->expectException(InvalidConfigurationException::class);
+        $this->expectExceptionMessage("Invalid documentation version name '$name'.");
+
+        DocumentationVersions::all();
+    }
+
+    public function testGetReturnsNullForUnregisteredVersion()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        $this->assertNull(DocumentationVersions::get('2.x'));
+    }
+
+    public function testFromIdentifierResolvesVersionFromFirstPathSegment()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertSame('1.x', DocumentationVersions::fromIdentifier('1.x/installation')->name);
+        $this->assertSame('2.x', DocumentationVersions::fromIdentifier('2.x/getting-started/installation')->name);
+    }
+
+    public function testFromIdentifierReturnsNullForUnversionedIdentifiers()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertNull(DocumentationVersions::fromIdentifier('installation'));
+        $this->assertNull(DocumentationVersions::fromIdentifier('getting-started/installation'));
+        $this->assertNull(DocumentationVersions::fromIdentifier('1.x'));
+    }
+
+    public function testFromIdentifierReturnsNullWhenVersioningIsDisabled()
+    {
+        $this->assertNull(DocumentationVersions::fromIdentifier('1.x/installation'));
+    }
+
+    public function testFromRouteKeyResolvesVersion()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertSame('1.x', DocumentationVersions::fromRouteKey('docs/1.x/installation')->name);
+        $this->assertNull(DocumentationVersions::fromRouteKey('docs/installation'));
+        $this->assertNull(DocumentationVersions::fromRouteKey('posts/1.x/installation'));
+    }
+
+    public function testStripVersionPrefix()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertSame('installation', DocumentationVersions::stripVersionPrefix('1.x/installation'));
+        $this->assertSame('getting-started/installation', DocumentationVersions::stripVersionPrefix('2.x/getting-started/installation'));
+        $this->assertSame('installation', DocumentationVersions::stripVersionPrefix('installation'));
+        $this->assertSame('3.x/installation', DocumentationVersions::stripVersionPrefix('3.x/installation'));
+    }
+
+    public function testStripVersionPrefixFromRouteKey()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->assertSame('docs/installation', DocumentationVersions::stripVersionPrefixFromRouteKey('docs/1.x/installation'));
+        $this->assertSame('docs/getting-started/installation', DocumentationVersions::stripVersionPrefixFromRouteKey('docs/2.x/getting-started/installation'));
+        $this->assertSame('docs/installation', DocumentationVersions::stripVersionPrefixFromRouteKey('docs/installation'));
+        $this->assertSame('posts/1.x/installation', DocumentationVersions::stripVersionPrefixFromRouteKey('posts/1.x/installation'));
+    }
+
+    public function testStripVersionPrefixFromRouteKeyRespectsCustomOutputDirectory()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        DocumentationPage::setOutputDirectory('reference');
+
+        try {
+            $this->assertSame('reference/installation', DocumentationVersions::stripVersionPrefixFromRouteKey('reference/1.x/installation'));
+        } finally {
+            DocumentationPage::setOutputDirectory('docs');
+        }
+    }
+
+    public function testStripVersionPrefixFromRouteKeyReturnsInputWhenVersioningIsDisabled()
+    {
+        $this->assertSame('docs/1.x/installation', DocumentationVersions::stripVersionPrefixFromRouteKey('docs/1.x/installation'));
+    }
+
+    public function testVersionRouteKeyPrefixAndHomeRouteName()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        $version = DocumentationVersions::get('1.x');
+
+        $this->assertSame('docs/1.x', $version->routeKeyPrefix());
+        $this->assertSame('docs/1.x/index', $version->homeRouteName());
+    }
+
+    public function testVersionRouteKeyPrefixRespectsCustomOutputDirectory()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        DocumentationPage::setOutputDirectory('documentation');
+
+        $this->assertSame('documentation/1.x', DocumentationVersions::get('1.x')->routeKeyPrefix());
+    }
+
+    public function testVersionCastsToStringName()
+    {
+        $this->assertSame('1.x', (string) new DocumentationVersion('1.x'));
+    }
+
+    public function testGetEquivalentRouteFindsPageInOtherVersion()
+    {
+        config(['docs.versions' => ['1.x', '2.x'], 'docs.flattened_output_paths' => false]);
+
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/installation.md');
+        $this->file('_docs/2.x/upgrading.md');
+
+        $this->rediscoverPages();
+
+        $page = DocumentationPage::get('2.x/installation');
+
+        $route = DocumentationVersions::getEquivalentRoute($page, DocumentationVersions::get('1.x'));
+
+        $this->assertNotNull($route);
+        $this->assertSame('docs/1.x/installation', $route->getRouteKey());
+
+        $this->assertNull(DocumentationVersions::getEquivalentRoute(DocumentationPage::get('2.x/upgrading'), DocumentationVersions::get('1.x')));
+    }
+
+    public function testGetEquivalentRouteFindsFlattenedPageInOtherVersion()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->file('_docs/1.x/getting-started/installation.md');
+        $this->file('_docs/2.x/getting-started/installation.md');
+
+        $this->rediscoverPages();
+
+        $route = DocumentationVersions::getEquivalentRoute(DocumentationPage::get('2.x/getting-started/installation'), DocumentationVersions::get('1.x'));
+
+        $this->assertNotNull($route);
+        $this->assertSame('docs/1.x/installation', $route->getRouteKey());
+    }
+
+    public function testGetEquivalentRouteReturnsNullForPagesThatAreNotInAVersion()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->file('_docs/1.x/shared.md');
+
+        $this->rediscoverPages();
+
+        $this->assertNull(DocumentationVersions::getEquivalentRoute(new DocumentationPage('shared'), DocumentationVersions::get('1.x')));
+    }
+
+    public static function validVersionNameProvider(): array
+    {
+        return [
+            ['1.x'],
+            ['v2'],
+            ['2026.07'],
+            ['beta-1'],
+            ['rc_1'],
+        ];
+    }
+
+    protected function rediscoverPages(): void
+    {
+        Hyde::boot();
+    }
+
+    public static function invalidVersionNameProvider(): array
+    {
+        return [
+            [''],
+            ['1.x/nested'],
+            ['.hidden'],
+            ['-draft'],
+            ['_internal'],
+            ['release candidate'],
+        ];
+    }
+}
diff --git a/packages/framework/tests/Feature/HydeServiceProviderTest.php b/packages/framework/tests/Feature/HydeServiceProviderTest.php
index faad0cb0fdc..35901f1b32f 100644
--- a/packages/framework/tests/Feature/HydeServiceProviderTest.php
+++ b/packages/framework/tests/Feature/HydeServiceProviderTest.php
@@ -358,6 +358,19 @@ public function testCanGetDocumentationSidebarFromContainer()
         $this->assertInstanceOf(DocumentationSidebar::class, app('navigation.sidebar'));
     }
 
+    public function testCanGetVersionedDocumentationSidebarFromContainer()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::boot();
+
+        /** @var DocumentationSidebar $sidebar */
+        $sidebar = app('navigation.sidebar.1.x');
+
+        $this->assertInstanceOf(DocumentationSidebar::class, $sidebar);
+        $this->assertSame('1.x', $sidebar->version->name);
+    }
+
     public function testCanGetMainNavigationMenuFromContainerUsingShorthand()
     {
         Hyde::boot();
diff --git a/packages/framework/tests/Feature/Services/DocumentationSearchServiceTest.php b/packages/framework/tests/Feature/Services/DocumentationSearchServiceTest.php
index 61f20194713..b37f23dcdd2 100644
--- a/packages/framework/tests/Feature/Services/DocumentationSearchServiceTest.php
+++ b/packages/framework/tests/Feature/Services/DocumentationSearchServiceTest.php
@@ -5,6 +5,8 @@
 namespace Hyde\Framework\Testing\Feature\Services;
 
 use Hyde\Framework\Actions\GeneratesDocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersion;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 use Hyde\Hyde;
 use Hyde\Testing\CreatesTemporaryFiles;
 use Hyde\Testing\UnitTestCase;
@@ -104,6 +106,85 @@ public function testExcludedPagesAreNotPresentInTheSearchIndex()
         );
     }
 
+    public function testPagesCanBeExcludedFromTheSearchIndexByRouteKey()
+    {
+        $this->file('_docs/excluded.md');
+        self::mockConfig(['docs.exclude_from_search' => ['docs/excluded']]);
+
+        $this->assertSame([], $this->getArray());
+    }
+
+    public function testVersionedPagesCanBeExcludedFromTheSearchIndexByRouteKey()
+    {
+        self::mockConfig([
+            'docs.versions' => ['1.x', '2.x'],
+            'docs.exclude_from_search' => ['docs/1.x/changelog'],
+        ]);
+
+        $this->file('_docs/1.x/changelog.md', '# Legacy Changelog');
+        $this->file('_docs/2.x/changelog.md', '# Current Changelog');
+
+        $this->assertSame([], $this->getArray(DocumentationVersions::get('1.x')));
+        $this->assertSame(['Current Changelog'], array_column($this->getArray(DocumentationVersions::get('2.x')), 'title'));
+    }
+
+    public function testVersionAgnosticRouteKeyExclusionsApplyToAllVersions()
+    {
+        self::mockConfig([
+            'docs.versions' => ['1.x', '2.x'],
+            'docs.exclude_from_search' => ['docs/changelog'],
+        ]);
+
+        $this->file('_docs/1.x/changelog.md', '# Legacy Changelog');
+        $this->file('_docs/2.x/changelog.md', '# Current Changelog');
+
+        $this->assertSame([], $this->getArray(DocumentationVersions::get('1.x')));
+        $this->assertSame([], $this->getArray(DocumentationVersions::get('2.x')));
+    }
+
+    public function testVersionedIndexOnlyContainsPagesForTheRequestedVersion()
+    {
+        self::mockConfig(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->file('_docs/shared.md', '# Shared');
+        $this->file('_docs/1.x/installation.md', '# Installing 1.x');
+        $this->file('_docs/2.x/installation.md', '# Installing 2.x');
+        $this->file('_docs/2.x/upgrading.md', '# Upgrading');
+
+        $this->assertSame(['Installing 1.x'], array_column($this->getArray(DocumentationVersions::get('1.x')), 'title'));
+        $this->assertSame(['Installing 2.x', 'Upgrading'], array_column($this->getArray(DocumentationVersions::get('2.x')), 'title'));
+    }
+
+    public function testVersionSpecificSearchExclusionsOnlyApplyToThatVersion()
+    {
+        self::mockConfig([
+            'docs.versions' => ['1.x', '2.x'],
+            'docs.exclude_from_search' => ['1.x/changelog'],
+        ]);
+
+        $this->file('_docs/1.x/changelog.md', '# Legacy Changelog');
+        $this->file('_docs/2.x/changelog.md', '# Current Changelog');
+
+        $this->assertSame([], $this->getArray(DocumentationVersions::get('1.x')));
+        $this->assertSame(['Current Changelog'], array_column($this->getArray(DocumentationVersions::get('2.x')), 'title'));
+    }
+
+    public function testVersionedIndexUsesPrettyUrlDestinations()
+    {
+        self::mockConfig([
+            'hyde.pretty_urls' => true,
+            'docs.versions' => ['1.x'],
+        ]);
+
+        $this->file('_docs/1.x/index.md', '# Home');
+        $this->file('_docs/1.x/installation.md', '# Installation');
+
+        $destinations = array_column($this->getArray(DocumentationVersions::get('1.x')), 'destination');
+
+        $this->assertContains('', $destinations);
+        $this->assertContains('installation', $destinations);
+    }
+
     public function testNestedSourceFilesDoNotRetainDirectoryNameInSearchIndex()
     {
         $this->directory(Hyde::path('_docs/foo'));
@@ -139,8 +220,8 @@ public function testNumericPrefixesAreRemovedFromNestedSearchResults()
         $this->assertStringNotContainsString('01-', json_encode($result));
     }
 
-    protected function getArray(): array
+    protected function getArray(?DocumentationVersion $version = null): array
     {
-        return json_decode(GeneratesDocumentationSearchIndex::handle(), true);
+        return json_decode(GeneratesDocumentationSearchIndex::handle($version), true);
     }
 }
diff --git a/packages/framework/tests/Feature/VersionedDocumentationDiscoveryTest.php b/packages/framework/tests/Feature/VersionedDocumentationDiscoveryTest.php
new file mode 100644
index 00000000000..0e7e1283668
--- /dev/null
+++ b/packages/framework/tests/Feature/VersionedDocumentationDiscoveryTest.php
@@ -0,0 +1,118 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Support\BuildWarnings;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Foundation\HydeCoreExtension;
+use Hyde\Framework\Exceptions\BuildWarning;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+require_once __DIR__.'/VersionedDocumentationTestCase.php';
+
+/**
+ * Tests how versioned documentation source files are discovered into pages and routes.
+ */
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationPage::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(HydeCoreExtension::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class VersionedDocumentationDiscoveryTest extends VersionedDocumentationTestCase
+{
+    public function testVersionedPagesAreDiscoveredWithVersionedRouteKeys()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/installation.md');
+        $this->file('_docs/2.x/getting-started/advanced.md');
+
+        $this->rediscoverPages();
+
+        $routes = Hyde::routes()->getRoutes(DocumentationPage::class)->keys()->sort()->values()->all();
+
+        $this->assertSame(['docs/1.x/installation', 'docs/2.x/advanced', 'docs/2.x/installation'], $routes);
+    }
+
+    public function testUnversionedDocumentationFilesAreIgnoredWhenVersioningIsEnabled()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/index.md');
+        $this->file('_docs/shared.md');
+        $this->file('_docs/getting-started/installation.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $routes = Hyde::routes()->getRoutes(DocumentationPage::class)->keys()->all();
+
+        $this->assertSame(['docs/2.x/installation'], $routes);
+
+        $this->assertEmpty(Hyde::files()->getFiles(DocumentationPage::class)->filter(function ($file): bool {
+            return ! str_starts_with($file->getPath(), '_docs/2.x/');
+        }));
+    }
+
+    public function testIgnoredUnversionedDocumentationFilesAreReportedAsBuildWarnings()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/installation.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $warnings = array_map(fn (BuildWarning $warning): string => $warning->getMessage(), BuildWarnings::getWarnings());
+
+        $this->assertSame(['Ignoring unversioned documentation file "_docs/installation.md" as documentation versioning is enabled. Move it into a registered version directory to include it in the site.'], $warnings);
+    }
+
+    public function testNoBuildWarningsAreReportedWhenAllDocumentationFilesAreVersioned()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $this->assertFalse(BuildWarnings::hasWarnings());
+    }
+
+    public function testUnversionedDocumentationFilesAreDiscoveredWhenVersioningIsDisabled()
+    {
+        $this->file('_docs/shared.md');
+
+        $this->rediscoverPages();
+
+        $this->assertContains('docs/shared', Hyde::routes()->getRoutes(DocumentationPage::class)->keys()->all());
+    }
+
+    public function testVersionedDocumentationUsesCustomDocumentationOutputDirectory()
+    {
+        $this->enableVersions();
+        DocumentationPage::setOutputDirectory('reference');
+
+        try {
+            $this->file('_docs/2.x/index.md');
+            $this->file('_docs/2.x/installation.md');
+
+            $this->rediscoverPages();
+
+            $routes = Hyde::routes()->keys()->all();
+
+            $this->assertContains('reference/index', $routes);
+            $this->assertContains('reference/2.x/index', $routes);
+            $this->assertContains('reference/2.x/installation', $routes);
+            $this->assertContains('reference/1.x/search.json', $routes);
+            $this->assertContains('reference/2.x/search.json', $routes);
+            $this->assertContains('reference/1.x/search', $routes);
+            $this->assertContains('reference/2.x/search', $routes);
+            $this->assertSame('2.x/index.html', Hyde::routes()->get('reference/index')->getPage()->destination);
+        } finally {
+            DocumentationPage::setOutputDirectory('docs');
+        }
+    }
+}
diff --git a/packages/framework/tests/Feature/VersionedDocumentationNavigationTest.php b/packages/framework/tests/Feature/VersionedDocumentationNavigationTest.php
new file mode 100644
index 00000000000..951a1410781
--- /dev/null
+++ b/packages/framework/tests/Feature/VersionedDocumentationNavigationTest.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Pages\DocumentationPage;
+use Hyde\Framework\Features\Navigation\NavigationItem;
+use Hyde\Foundation\Providers\NavigationServiceProvider;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+require_once __DIR__.'/VersionedDocumentationTestCase.php';
+
+/**
+ * Tests how versioned documentation pages are represented in the main navigation menu.
+ */
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationPage::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(NavigationServiceProvider::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class VersionedDocumentationNavigationTest extends VersionedDocumentationTestCase
+{
+    public function testMainNavigationOnlyShowsTheDefaultVersionDocumentationPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/index.md');
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/index.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $keys = $this->menuRouteKeys($this->mainNavigation());
+
+        $this->assertContains('docs/2.x/index', $keys);
+        $this->assertNotContains('docs/1.x/index', $keys);
+        $this->assertNotContains('docs/1.x/installation', $keys);
+        $this->assertNotContains('docs/2.x/installation', $keys);
+    }
+
+    public function testMainNavigationDocumentationLinkGetsTheDocsLabel()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $item = $this->mainNavigation()->getItems()->first(function ($item): bool {
+            return $item instanceof NavigationItem && $item->getPage()?->getRouteKey() === 'docs/2.x/index';
+        });
+
+        $this->assertNotNull($item);
+        $this->assertSame('Docs', $item->getLabel());
+    }
+}
diff --git a/packages/framework/tests/Feature/VersionedDocumentationSearchTest.php b/packages/framework/tests/Feature/VersionedDocumentationSearchTest.php
new file mode 100644
index 00000000000..80670620386
--- /dev/null
+++ b/packages/framework/tests/Feature/VersionedDocumentationSearchTest.php
@@ -0,0 +1,108 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Pages\BladePage;
+use Hyde\Support\Facades\Render;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Framework\Features\Documentation\DocumentationSearchIndex;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+require_once __DIR__.'/VersionedDocumentationTestCase.php';
+
+/**
+ * Tests how each documentation version gets its own search index and search page.
+ */
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationSearchIndex::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class VersionedDocumentationSearchTest extends VersionedDocumentationTestCase
+{
+    public function testEachVersionGetsItsOwnSearchIndexAndSearchPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $routes = Hyde::routes()->keys()->all();
+
+        $this->assertContains('docs/1.x/search.json', $routes);
+        $this->assertContains('docs/2.x/search.json', $routes);
+        $this->assertContains('docs/1.x/search', $routes);
+        $this->assertContains('docs/2.x/search', $routes);
+
+        $this->assertNotContains('docs/search.json', $routes);
+        $this->assertNotContains('docs/search', $routes);
+    }
+
+    public function testSearchIndexesOnlyContainPagesFromTheirVersion()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md', "# Installing 1.x\nLegacy");
+        $this->file('_docs/2.x/installation.md', "# Installing 2.x\nCurrent");
+        $this->file('_docs/2.x/upgrading.md', "# Upgrading\nUpgrade guide");
+
+        $this->rediscoverPages();
+
+        $one = json_decode($this->searchIndex('1.x')->compile(), true);
+        $two = json_decode($this->searchIndex('2.x')->compile(), true);
+
+        $this->assertSame(['Installing 1.x'], array_column($one, 'title'));
+        $this->assertSame(['Installing 2.x', 'Upgrading'], array_column($two, 'title'));
+
+        $this->assertSame('installation.html', $one[0]['destination']);
+    }
+
+    public function testVersionAgnosticSearchExclusionsApplyToAllVersions()
+    {
+        $this->enableVersions();
+
+        config(['docs.exclude_from_search' => ['changelog']]);
+
+        $this->file('_docs/1.x/changelog.md');
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/changelog.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame(['Installation'], array_column(json_decode($this->searchIndex('1.x')->compile(), true), 'title'));
+        $this->assertSame([], json_decode($this->searchIndex('2.x')->compile(), true));
+    }
+
+    public function testSearchIndexPathIsResolvedFromTheRenderedPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md');
+
+        $this->rediscoverPages();
+
+        Render::setPage(DocumentationPage::get('1.x/installation'));
+
+        $this->assertSame('docs/1.x/search.json', DocumentationSearchIndex::routeKey(DocumentationVersions::current()));
+    }
+
+    public function testVersionedSearchPageCanBeOverriddenByUserPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_pages/docs/1.x/search.blade.php');
+        $this->file('_docs/1.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $this->assertInstanceOf(BladePage::class, Hyde::routes()->get('docs/1.x/search')->getPage());
+        $this->assertNotInstanceOf(BladePage::class, Hyde::routes()->get('docs/2.x/search')->getPage());
+    }
+
+    protected function searchIndex(string $version): DocumentationSearchIndex
+    {
+        return Hyde::pages()->get("docs/$version/search.json");
+    }
+}
diff --git a/packages/framework/tests/Feature/VersionedDocumentationSidebarTest.php b/packages/framework/tests/Feature/VersionedDocumentationSidebarTest.php
new file mode 100644
index 00000000000..4814b61d6ac
--- /dev/null
+++ b/packages/framework/tests/Feature/VersionedDocumentationSidebarTest.php
@@ -0,0 +1,168 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Support\Facades\Render;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Foundation\Providers\NavigationServiceProvider;
+use Hyde\Framework\Features\Navigation\DocumentationSidebar;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+require_once __DIR__.'/VersionedDocumentationTestCase.php';
+
+/**
+ * Tests how documentation sidebars are generated and resolved for each documentation version.
+ */
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationPage::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(NavigationServiceProvider::class)]
+#[\PHPUnit\Framework\Attributes\CoversClass(DocumentationVersions::class)]
+class VersionedDocumentationSidebarTest extends VersionedDocumentationTestCase
+{
+    public function testEachVersionGetsItsOwnSidebar()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/index.md');
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/index.md');
+        $this->file('_docs/2.x/installation.md');
+        $this->file('_docs/2.x/upgrading.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame('1.x', $this->sidebar('1.x')->version->name);
+        $this->assertSame(['docs/1.x/installation'], $this->menuRouteKeys($this->sidebar('1.x')));
+
+        $this->assertSame('2.x', $this->sidebar('2.x')->version->name);
+        $this->assertSame(['docs/2.x/installation', 'docs/2.x/upgrading'], $this->menuRouteKeys($this->sidebar('2.x')));
+    }
+
+    public function testDefaultSidebarIsTheDefaultVersionSidebarWhenVersioningIsEnabled()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $sidebar = $this->defaultSidebar();
+
+        $this->assertSame('2.x', $sidebar->version->name);
+        $this->assertSame(['docs/2.x/installation'], $this->menuRouteKeys($sidebar));
+
+        $this->assertSame($this->sidebar('2.x'), $sidebar);
+    }
+
+    public function testSidebarResolutionUsesTheVersionOfTheRenderedPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        Render::setPage(DocumentationPage::get('1.x/installation'));
+
+        $this->assertSame('1.x', DocumentationSidebar::get()->version->name);
+
+        Render::setPage(DocumentationPage::get('2.x/installation'));
+
+        $this->assertSame('2.x', DocumentationSidebar::get()->version->name);
+    }
+
+    public function testSidebarResolutionSupportsCustomPagesOverridingAVersionedPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/installation.md');
+        $this->file('_pages/docs/1.x/search.blade.php', 'Custom search page');
+
+        $this->rediscoverPages();
+
+        $page = Hyde::routes()->get('docs/1.x/search')->getPage();
+
+        Render::setPage($page);
+
+        $this->assertSame('1.x', DocumentationSidebar::get()->version->name);
+        $this->assertSame('docs/2.x/search', DocumentationVersions::getEquivalentRoute($page, DocumentationVersions::get('2.x'))->getRouteKey());
+    }
+
+    public function testSidebarGroupsSkipTheVersionSegment()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/2.x/getting-started/installation.md');
+        $this->file('_docs/2.x/readme.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame('getting-started', DocumentationPage::get('2.x/getting-started/installation')->navigationMenuGroup());
+        $this->assertNull(DocumentationPage::get('2.x/readme')->navigationMenuGroup());
+    }
+
+    public function testVersionAgnosticSidebarConfigurationAppliesToAllVersions()
+    {
+        $this->enableVersions();
+
+        config(['docs.sidebar.order' => ['readme', 'installation']]);
+        config(['docs.sidebar.labels' => ['readme' => 'Start Here']]);
+        config(['docs.sidebar.exclude' => ['hidden-page']]);
+
+        $this->file('_docs/1.x/readme.md');
+        $this->file('_docs/1.x/installation.md');
+        $this->file('_docs/2.x/readme.md');
+        $this->file('_docs/2.x/hidden-page.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame(500, DocumentationPage::get('1.x/readme')->navigationMenuPriority());
+        $this->assertSame(501, DocumentationPage::get('1.x/installation')->navigationMenuPriority());
+        $this->assertSame(500, DocumentationPage::get('2.x/readme')->navigationMenuPriority());
+
+        $this->assertSame('Start Here', DocumentationPage::get('1.x/readme')->navigationMenuLabel());
+        $this->assertSame('Start Here', DocumentationPage::get('2.x/readme')->navigationMenuLabel());
+
+        $this->assertFalse(DocumentationPage::get('2.x/hidden-page')->showInNavigation());
+    }
+
+    public function testSidebarsExcludeTheirVersionIndexPage()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/2.x/index.md');
+        $this->file('_docs/2.x/installation.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame(['docs/2.x/installation'], $this->menuRouteKeys($this->sidebar('2.x')));
+    }
+
+    public function testVersionSidebarFallsBackToIndexPageWhenItWouldOtherwiseBeEmpty()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame(['docs/1.x/index'], $this->menuRouteKeys($this->sidebar('1.x')));
+    }
+
+    public function testSidebarHomeRouteUsesTheSidebarVersion()
+    {
+        $this->enableVersions();
+
+        $this->file('_docs/1.x/index.md');
+        $this->file('_docs/2.x/index.md');
+
+        $this->rediscoverPages();
+
+        $this->assertSame('docs/1.x/index', $this->sidebar('1.x')->getHomeRoute()->getRouteKey());
+    }
+}
diff --git a/packages/framework/tests/Feature/VersionedDocumentationTestCase.php b/packages/framework/tests/Feature/VersionedDocumentationTestCase.php
new file mode 100644
index 00000000000..dd26c639496
--- /dev/null
+++ b/packages/framework/tests/Feature/VersionedDocumentationTestCase.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Feature;
+
+use Hyde\Hyde;
+use Hyde\Testing\TestCase;
+use Hyde\Framework\Features\Navigation\NavigationItem;
+use Hyde\Framework\Features\Navigation\NavigationMenu;
+use Hyde\Framework\Features\Navigation\MainNavigationMenu;
+use Hyde\Framework\Features\Navigation\DocumentationSidebar;
+
+/**
+ * Base class for the high level feature tests for the versioned documentation pages feature.
+ *
+ * @see \Hyde\Framework\Testing\Feature\DocumentationVersionsTest
+ */
+abstract class VersionedDocumentationTestCase extends TestCase
+{
+    protected function enableVersions(): void
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+    }
+
+    protected function rediscoverPages(): void
+    {
+        Hyde::boot();
+    }
+
+    protected function sidebar(string $version): DocumentationSidebar
+    {
+        return app("navigation.sidebar.$version");
+    }
+
+    protected function defaultSidebar(): DocumentationSidebar
+    {
+        return app('navigation.sidebar');
+    }
+
+    protected function mainNavigation(): MainNavigationMenu
+    {
+        return app('navigation.main');
+    }
+
+    /** @return array<string> The route keys of the pages linked by the menu items. */
+    protected function menuRouteKeys(NavigationMenu $menu): array
+    {
+        return $menu->getItems()->map(function ($item): ?string {
+            return $item instanceof NavigationItem ? $item->getPage()?->getRouteKey() : null;
+        })->filter()->sort()->values()->all();
+    }
+}
diff --git a/packages/framework/tests/Unit/DocumentationSidebarUnitTest.php b/packages/framework/tests/Unit/DocumentationSidebarUnitTest.php
index afe744b807b..e03206276e2 100644
--- a/packages/framework/tests/Unit/DocumentationSidebarUnitTest.php
+++ b/packages/framework/tests/Unit/DocumentationSidebarUnitTest.php
@@ -4,11 +4,17 @@
 
 namespace Hyde\Framework\Testing\Unit;
 
+use Hyde\Hyde;
+use Hyde\Pages\DocumentationPage;
 use Hyde\Testing\UnitTestCase;
 use Illuminate\Support\Collection;
+use Hyde\Support\Facades\Render;
+use Hyde\Support\Models\RenderData;
+use Hyde\Framework\Features\Documentation\DocumentationSearchPage;
 use Hyde\Framework\Features\Navigation\NavigationItem;
 use Hyde\Framework\Features\Navigation\NavigationGroup;
 use Hyde\Framework\Features\Navigation\DocumentationSidebar;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
 
 /**
  * @see \Hyde\Framework\Testing\Feature\Services\DocumentationSidebarTest
@@ -22,6 +28,12 @@ class DocumentationSidebarUnitTest extends UnitTestCase
     protected static bool $needsKernel = true;
     protected static bool $needsConfig = true;
 
+    protected function setUp(): void
+    {
+        \Illuminate\Support\Facades\Facade::setFacadeApplication(app());
+        Render::swap(new RenderData());
+    }
+
     // Base menu tests
 
     public function testCanConstruct()
@@ -124,6 +136,52 @@ public function testGetMethodResolvesInstanceFromServiceContainer()
         $this->assertSame($instance, DocumentationSidebar::get());
     }
 
+    public function testGetMethodFallsBackToDefaultSidebarWhenNoPageIsBeingRendered()
+    {
+        app()->instance('navigation.sidebar', $instance = new DocumentationSidebar());
+
+        $this->assertSame($instance, DocumentationSidebar::get());
+    }
+
+    public function testGetMethodFallsBackToDefaultVersionSidebarForUnversionedDocumentationPage()
+    {
+        self::mockConfig(['docs.versions' => ['1.x', '2.x']]);
+        Hyde::kernel()->boot();
+
+        app()->instance('navigation.sidebar.1.x', new DocumentationSidebar([], DocumentationVersions::get('1.x')));
+        app()->instance('navigation.sidebar.2.x', $default = new DocumentationSidebar([], DocumentationVersions::get('2.x')));
+
+        Render::setPage(new DocumentationPage('installation'));
+
+        $this->assertSame($default, DocumentationSidebar::get());
+    }
+
+    public function testGetMethodResolvesVersionedSidebarForRenderedDocumentationPage()
+    {
+        self::mockConfig(['docs.versions' => ['1.x', '2.x']]);
+        Hyde::kernel()->boot();
+
+        app()->instance('navigation.sidebar', new DocumentationSidebar());
+        app()->instance('navigation.sidebar.1.x', new DocumentationSidebar([], DocumentationVersions::get('1.x')));
+
+        Render::setPage(new DocumentationPage('1.x/installation'));
+
+        $this->assertSame('1.x', DocumentationSidebar::get()->version->name);
+    }
+
+    public function testGetMethodResolvesVersionedSidebarForRenderedSearchPage()
+    {
+        self::mockConfig(['docs.versions' => ['1.x', '2.x']]);
+        Hyde::kernel()->boot();
+
+        app()->instance('navigation.sidebar', new DocumentationSidebar());
+        app()->instance('navigation.sidebar.1.x', new DocumentationSidebar([], DocumentationVersions::get('1.x')));
+
+        Render::setPage(new DocumentationSearchPage(DocumentationVersions::get('1.x')));
+
+        $this->assertSame('1.x', DocumentationSidebar::get()->version->name);
+    }
+
     public function testGetHeaderReturnsDefaultWhenNotConfigured()
     {
         self::mockConfig();
diff --git a/packages/framework/tests/Unit/NavigationDataFactoryUnitTest.php b/packages/framework/tests/Unit/NavigationDataFactoryUnitTest.php
index 7f209a45996..5c6e8a5da94 100644
--- a/packages/framework/tests/Unit/NavigationDataFactoryUnitTest.php
+++ b/packages/framework/tests/Unit/NavigationDataFactoryUnitTest.php
@@ -19,6 +19,8 @@ protected function setUp(): void
     {
         self::resetKernel();
         self::mockConfig();
+        \Illuminate\Support\Facades\Facade::setFacadeApplication(app());
+        DocumentationPage::setOutputDirectory('docs');
     }
 
     public function testSearchForPriorityInNavigationConfigForMarkdownPageWithKeyedConfig()
@@ -144,6 +146,49 @@ public function testRouteKeysCanBeUsedForDocumentationSidebarPriorities()
         $this->assertSame(502, $factory->makePriority());
     }
 
+    public function testVersionSpecificSidebarConfigurationTakesPrecedenceOverAgnosticConfiguration()
+    {
+        self::mockConfig([
+            'docs.versions' => ['1.x', '2.x'],
+            'docs.sidebar.labels' => [
+                'readme' => 'Readme',
+                '1.x/readme' => 'Legacy Readme',
+                'docs/2.x/readme' => 'Current Readme',
+            ],
+            'docs.sidebar.order' => [
+                'readme',
+                '1.x/readme' => 10,
+                'docs/2.x/readme' => 20,
+            ],
+        ]);
+
+        $legacy = new NavigationConfigTestClass($this->makeCoreDataObject('1.x/readme', 'docs/1.x/readme', DocumentationPage::class));
+        $current = new NavigationConfigTestClass($this->makeCoreDataObject('2.x/readme', 'docs/2.x/readme', DocumentationPage::class));
+
+        $this->assertSame('Legacy Readme', $legacy->makeLabel());
+        $this->assertSame(10, $legacy->makePriority());
+        $this->assertSame('Current Readme', $current->makeLabel());
+        $this->assertSame(20, $current->makePriority());
+    }
+
+    public function testVersionAgnosticRouteKeyConfigurationAppliesToVersionedDocumentationPages()
+    {
+        self::mockConfig([
+            'docs.versions' => ['1.x'],
+            'docs.sidebar.labels' => [
+                'docs/readme' => 'Docs Readme',
+            ],
+            'docs.sidebar.order' => [
+                'docs/readme',
+            ],
+        ]);
+
+        $factory = new NavigationConfigTestClass($this->makeCoreDataObject('1.x/readme', 'docs/1.x/readme', DocumentationPage::class));
+
+        $this->assertSame('Docs Readme', $factory->makeLabel());
+        $this->assertSame(500, $factory->makePriority());
+    }
+
     public function testSearchForLabelInNavigationConfigForMarkdownPage()
     {
         self::mockConfig([
@@ -213,6 +258,18 @@ public function testPageIsHiddenBasedOnSidebarConfigurationForDocumentationPage(
         $this->assertFalse($factory->makeHidden());
     }
 
+    public function testVersionedDocumentationPagesCanBeHiddenByFullIdentifierAndAgnosticRouteKey()
+    {
+        self::mockConfig([
+            'docs.versions' => ['1.x', '2.x'],
+            'docs.sidebar.exclude' => ['1.x/hidden', 'docs/shared'],
+        ]);
+
+        $this->assertTrue((new NavigationConfigTestClass($this->makeCoreDataObject('1.x/hidden', 'docs/1.x/hidden', DocumentationPage::class)))->makeHidden());
+        $this->assertFalse((new NavigationConfigTestClass($this->makeCoreDataObject('2.x/hidden', 'docs/2.x/hidden', DocumentationPage::class)))->makeHidden());
+        $this->assertTrue((new NavigationConfigTestClass($this->makeCoreDataObject('2.x/shared', 'docs/2.x/shared', DocumentationPage::class)))->makeHidden());
+    }
+
     public function testSearchForHiddenInConfigsSelectsCorrectConfigurationBasedOnPageType()
     {
         self::mockConfig([
diff --git a/packages/framework/tests/Unit/Views/HydeSearchViewTest.php b/packages/framework/tests/Unit/Views/HydeSearchViewTest.php
new file mode 100644
index 00000000000..68b5d043e6f
--- /dev/null
+++ b/packages/framework/tests/Unit/Views/HydeSearchViewTest.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Unit\Views;
+
+use Hyde\Pages\InMemoryPage;
+use Hyde\Testing\TestCase;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Testing\TestsBladeViews;
+
+/**
+ * @see resources/views/components/docs/hyde-search.blade.php
+ */
+class HydeSearchViewTest extends TestCase
+{
+    use TestsBladeViews;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->mockRoute();
+    }
+
+    public function testComponentUsesVersionedSearchIndexForRenderedDocumentationPage()
+    {
+        config(['docs.versions' => ['1.x']]);
+
+        $this->mockPage(new DocumentationPage('1.x/installation'), 'docs/1.x/installation');
+
+        $this->view('hyde::components.docs.hyde-search')
+            ->assertSee("initHydeSearch('../../docs/1.x/search.json')", false)
+            ->assertDontSee("initHydeSearch('../../docs/search.json')", false);
+    }
+
+    public function testComponentFallsBackToDefaultVersionSearchIndexForNonDocumentationVersionPages()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        $this->mockPage(new InMemoryPage('index'), 'index');
+
+        $this->view('hyde::components.docs.hyde-search')
+            ->assertSee("initHydeSearch('docs/2.x/search.json')", false)
+            ->assertDontSee("initHydeSearch('docs/search.json')", false);
+    }
+
+    public function testComponentFallsBackToRootSearchIndexWhenVersioningIsDisabled()
+    {
+        $this->mockPage(new InMemoryPage('index'), 'index');
+
+        $this->view('hyde::components.docs.hyde-search')
+            ->assertSee("initHydeSearch('docs/search.json')", false);
+    }
+}
diff --git a/packages/framework/tests/Unit/Views/VersionSwitcherViewTest.php b/packages/framework/tests/Unit/Views/VersionSwitcherViewTest.php
new file mode 100644
index 00000000000..e77888110f5
--- /dev/null
+++ b/packages/framework/tests/Unit/Views/VersionSwitcherViewTest.php
@@ -0,0 +1,169 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\Framework\Testing\Unit\Views;
+
+use Hyde\Hyde;
+use Hyde\Testing\TestCase;
+use Hyde\Support\Models\Route;
+use Hyde\Testing\TestsBladeViews;
+use Hyde\Pages\DocumentationPage;
+use Hyde\Support\Facades\Render;
+use Hyde\Testing\Support\TestView;
+use Hyde\Framework\Features\Navigation\DocumentationSidebar;
+use Hyde\Framework\Features\Navigation\NavigationMenuGenerator;
+use Hyde\Framework\Features\Documentation\Versioning\DocumentationVersions;
+
+/**
+ * @see resources/views/components/docs/version-switcher.blade.php
+ */
+class VersionSwitcherViewTest extends TestCase
+{
+    use TestsBladeViews;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->mockRoute();
+    }
+
+    protected function renderComponent(?string $version = null): TestView
+    {
+        return $this->view(view('hyde::components.docs.version-switcher', [
+            'sidebar' => NavigationMenuGenerator::handle(DocumentationSidebar::class, $version ? DocumentationVersions::get($version) : null),
+        ]));
+    }
+
+    public function testComponentIsNotRenderedWhenVersioningIsDisabled()
+    {
+        $this->renderComponent()->assertDontSee('docs-version-switcher');
+    }
+
+    public function testComponentIsNotRenderedWhenOnlyOneVersionIsConfigured()
+    {
+        config(['docs.versions' => ['2.x']]);
+
+        $this->renderComponent('2.x')->assertDontSee('docs-version-switcher');
+    }
+
+    public function testComponentRendersVersionsWhenVersioningIsEnabled()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('1.x/installation')));
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/installation')));
+
+        $this->mockPage(new DocumentationPage('2.x/installation'), 'docs/2.x/installation');
+
+        $view = $this->renderComponent('2.x');
+
+        $view->assertHasElement('#docs-version-switcher');
+        $view->assertSee('Version 2.x');
+        $view->assertSee('../../docs/1.x/installation.html');
+    }
+
+    public function testComponentLinksToVersionHomeWhenEquivalentPageIsMissing()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('1.x/index')));
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/upgrading')));
+
+        $this->mockPage(new DocumentationPage('2.x/upgrading'), 'docs/2.x/upgrading');
+
+        $view = $this->renderComponent('2.x');
+
+        $view->assertSee('../../docs/1.x/index.html');
+    }
+
+    public function testComponentLinksToVersionHomeWhenThereIsNoCurrentPage()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Render::clearData();
+        $this->mockRoute();
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('1.x/index')));
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/index')));
+
+        $view = $this->renderComponent('2.x');
+
+        $view->assertHasElement('#docs-version-switcher');
+        $view->assertSee('docs/1.x/index.html');
+    }
+
+    public function testComponentRendersDisabledVersionWhenNoEquivalentPageOrHomeExists()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/upgrading')));
+
+        $this->mockPage(new DocumentationPage('2.x/upgrading'), 'docs/2.x/upgrading');
+
+        $this->renderComponent('2.x')->assertSee('<span aria-disabled="true" class="block py-1 px-3 opacity-50">1.x</span>', false);
+    }
+
+    public function testComponentMarksTheCurrentVersionAsSelected()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('1.x/installation')));
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/installation')));
+
+        $this->mockPage(new DocumentationPage('2.x/installation'), 'docs/2.x/installation');
+
+        $this->renderComponent('2.x')->assertSeeOnce('aria-current="page"');
+    }
+
+    public function testComponentDoesNotUseListboxSemantics()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('1.x/installation')));
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/installation')));
+
+        $this->mockPage(new DocumentationPage('2.x/installation'), 'docs/2.x/installation');
+
+        $view = $this->renderComponent('2.x');
+
+        $view->assertDontSee('role="listbox"', false);
+        $view->assertDontSee('role="option"', false);
+        $view->assertDontSee('aria-haspopup', false);
+        $view->assertDontSee('aria-selected', false);
+    }
+
+    public function testEscapeKeyClosesTheSwitcherAndReturnsFocusToTheButton()
+    {
+        config(['docs.versions' => ['1.x', '2.x']]);
+
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('1.x/installation')));
+        Hyde::routes()->addRoute(new Route(new DocumentationPage('2.x/installation')));
+
+        $this->mockPage(new DocumentationPage('2.x/installation'), 'docs/2.x/installation');
+
+        $view = $this->renderComponent('2.x');
+
+        $view->assertSee('@keydown.escape.window="versionSwitcherOpen = false; $refs.versionSwitcherButton.focus()"', false);
+    }
+
+    public function testSwitcherListIsScrollableSoALongListOfVersionsRemainsUsable()
+    {
+        config(['docs.versions' => ['1.x', '2.x', '3.x', '4.x', '5.x', '6.x', '7.x', '8.x', '9.x', '10.x']]);
+
+        foreach (config('docs.versions') as $version) {
+            Hyde::routes()->addRoute(new Route(new DocumentationPage("$version/installation")));
+        }
+
+        $this->mockPage(new DocumentationPage('10.x/installation'), 'docs/10.x/installation');
+
+        $view = $this->renderComponent('10.x');
+
+        $view->assertSee('max-h-64 overflow-y-auto', false);
+
+        foreach (config('docs.versions') as $version) {
+            $view->assertSee($version);
+        }
+    }
+}
diff --git a/packages/hydefront/dist/app.css b/packages/hydefront/dist/app.css
index 207f851e0e1..31d53d15bc8 100644
--- a/packages/hydefront/dist/app.css
+++ b/packages/hydefront/dist/app.css
@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer base{pre code.torchlight .line-number,pre code.torchlight .summary-caret{margin-right:calc(var(--spacing) * 4)}.prose .torchlight-link,.torchlight-link{text-decoration-line:underline}.torchlight.has-focus-lines .line:not(.line-focus){filter:blur(.095rem);opacity:.65;transition:filter .35s,opacity .35s}.torchlight.has-focus-lines:hover .line:not(.line-focus){filter:blur();opacity:1}.torchlight summary:focus{--tw-outline-style:none;outline-style:none}.torchlight details>summary::marker{display:none}.torchlight details>summary::-webkit-details-marker{display:none}.torchlight details .summary-caret:after{pointer-events:none}.torchlight .summary-caret-empty:after,.torchlight details .summary-caret-middle:after,.torchlight details .summary-caret-end:after{content:" "}.torchlight details[open] .summary-caret-start:after{content:"-"}.torchlight details:not([open]) .summary-caret-start:after{content:"+"}.torchlight details[open] .summary-hide-when-open{display:none}.torchlight details:not([open]) .summary-hide-when-open{display:block}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-auto{top:auto}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-64{left:calc(var(--spacing) * -64)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-12{grid-column:12}.col-auto{grid-column:auto}.float-end{float:inline-end}.float-left{float:left}.float-right{float:right}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-8{margin:calc(var(--spacing) * 8)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-auto{margin-block:auto}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-auto{margin-inline-end:auto}.prose{color:var(--tw-prose-body);max-width:96ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#5956eb;font-weight:500;text-decoration:none}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4f46e5}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:unset;color:unset;border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";padding-inline-start:1em;background-color:#80808020;border-left-color:#d1d5db;margin-top:1em;margin-bottom:1em;padding-top:.25em;padding-bottom:.25em;padding-left:.75em;line-height:1.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p{margin-top:.25em;margin-bottom:.25em;padding-right:.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:before,.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:after{content:unset}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.75em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:unset}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;background-color:#292d3e;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) code{font-family:Fira Code Regular,Consolas,monospace,Courier New}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.5em}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(code:not(pre code)):not(:where([class~=not-prose],[class~=not-prose] *)){font:unset;vertical-align:top;word-break:break-all;background-color:#80808033;border-radius:4px;max-width:80vw;margin-left:-2px;margin-right:1px;padding-left:4px;padding-right:4px;overflow-x:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-auto{margin-bottom:auto}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-6{margin-left:calc(var(--spacing) * -6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75vh\]{max-height:75vh}.min-h-\[300px\]{min-height:300px}.min-h-\[calc\(100vh_-_4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-100{width:calc(var(--spacing) * 100)}.w-\[70ch\]{width:70ch}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1000px\]{max-width:1000px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-screen{min-width:100vw}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-center{transform-origin:50%}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.scroll-mt-2{scroll-margin-top:calc(var(--spacing) * 2)}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[0\.325rem\]{border-left-style:var(--tw-border-style);border-left-width:.325rem}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:#5956eb}.border-red-600{border-color:var(--color-red-600)}.border-transparent{border-color:#0000}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-transparent{border-top-color:#0000}.border-r-gray-900{border-right-color:var(--color-gray-900)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:var(--color-black)}.fill-current{fill:currentColor}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.ps-0{padding-inline-start:calc(var(--spacing) * 0)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.pe-0{padding-inline-end:calc(var(--spacing) * 0)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[75\%\]{font-size:75%}.text-\[90\%\]{font-size:90%}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-indigo-500{color:#5956eb}.text-indigo-600{color:var(--color-indigo-600)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-900\/5{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab,red,red)){.ring-gray-900\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.hover\:bg-gray-200\/20:hover{background-color:#e5e7eb33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-200\/20:hover{background-color:color-mix(in oklab,var(--color-gray-200) 20%,transparent)}}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-indigo-500:hover{background-color:#5956eb}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:mx-auto:focus{margin-inline:auto}.focus\:mt-2:focus{margin-top:calc(var(--spacing) * 2)}.focus\:w-64:focus{width:calc(var(--spacing) * 64)}.focus\:bg-gray-700:focus{background-color:var(--color-gray-700)}.focus\:bg-indigo-700:focus{background-color:var(--color-indigo-700)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-indigo-600:focus{--tw-ring-color:var(--color-indigo-600)}.focus\:grayscale-0:focus{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:-mx-6{margin-inline:calc(var(--spacing) * -6)}.sm\:mx-auto{margin-inline:auto}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.sm\:block{display:block}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:leading-none{--tw-leading:1;line-height:1}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:48rem){.md\:visible{visibility:visible}.md\:top-0{top:calc(var(--spacing) * 0)}.md\:left-0{left:calc(var(--spacing) * 0)}.md\:left-64{left:calc(var(--spacing) * 64)}.md\:mx-2{margin-inline:calc(var(--spacing) * 2)}.md\:my-0{margin-block:calc(var(--spacing) * 0)}.md\:my-6{margin-block:calc(var(--spacing) * 6)}.md\:mt-0{margin-top:calc(var(--spacing) * 0)}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.md\:ml-0{margin-left:calc(var(--spacing) * 0)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:w-\[calc\(100vw_-_16rem\)\]{width:calc(100vw - 16rem)}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-none{max-width:none}.md\:grow{flex-grow:1}.md\:grow-0{flex-grow:0}.md\:items-center{align-items:center}.md\:border-none{--tw-border-style:none;border-style:none}.md\:bg-transparent{background-color:#0000}.md\:bg-white{background-color:var(--color-white)}.md\:bg-left{background-position:0}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-0{padding-block:calc(var(--spacing) * 0)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:pl-0{padding-left:calc(var(--spacing) * 0)}.md\:text-center{text-align:center}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:64rem){.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.lg\:ml-8{margin-left:calc(var(--spacing) * 8)}.lg\:flex{display:flex}.lg\:bg-center{background-position:50%}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:80rem){.xl\:mb-16{margin-bottom:calc(var(--spacing) * 16)}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}:where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-\[\#1b2533\]:is(.dark *){border-color:#1b2533}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:bg-black\/10:is(.dark *){background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.dark\:bg-gray-600:is(.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-slate-800:is(.dark *){background-color:var(--color-slate-800)}.dark\:bg-yellow-300:is(.dark *){background-color:var(--color-yellow-300)}.dark\:fill-gray-200:is(.dark *){fill:var(--color-gray-200)}.dark\:fill-white:is(.dark *){fill:var(--color-white)}.dark\:font-medium:is(.dark *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#818cf8}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#6366f1}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-indigo-400:is(.dark *){color:var(--color-indigo-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}@media(hover:hover){.dark\:group-hover\:text-white:is(.dark *):is(:where(.group):hover *){color:var(--color-white)}.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.dark\:hover\:bg-gray-500:is(.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}}.dark\:focus\:text-white:is(.dark *):focus{color:var(--color-white)}.dark\:focus\:ring-indigo-500:is(.dark *):focus{--tw-ring-color:#5956eb}@media(min-width:48rem){.dark\:md\:bg-transparent:is(.dark *){background-color:#0000}}@media print{.print\:top-0{top:calc(var(--spacing) * 0)}.print\:hidden{display:none}}.prose-h1\:mb-3 :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:calc(var(--spacing) * 3)}.prose-p\:my-3 :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-block:calc(var(--spacing) * 3)}.prose-img\:inline :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){display:inline}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer base{pre code.torchlight .line-number,pre code.torchlight .summary-caret{margin-right:calc(var(--spacing) * 4)}.prose .torchlight-link,.torchlight-link{text-decoration-line:underline}.torchlight.has-focus-lines .line:not(.line-focus){filter:blur(.095rem);opacity:.65;transition:filter .35s,opacity .35s}.torchlight.has-focus-lines:hover .line:not(.line-focus){filter:blur();opacity:1}.torchlight summary:focus{--tw-outline-style:none;outline-style:none}.torchlight details>summary::marker{display:none}.torchlight details>summary::-webkit-details-marker{display:none}.torchlight details .summary-caret:after{pointer-events:none}.torchlight .summary-caret-empty:after,.torchlight details .summary-caret-middle:after,.torchlight details .summary-caret-end:after{content:" "}.torchlight details[open] .summary-caret-start:after{content:"-"}.torchlight details:not([open]) .summary-caret-start:after{content:"+"}.torchlight details[open] .summary-hide-when-open{display:none}.torchlight details:not([open]) .summary-hide-when-open{display:block}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-auto{top:auto}.right-0{right:0}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-64{left:calc(var(--spacing) * -64)}.left-0{left:0}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-12{grid-column:12}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.m-8{margin:calc(var(--spacing) * 8)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0{margin-inline:0}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-auto{margin-block:auto}.prose{color:var(--tw-prose-body);max-width:96ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#5956eb;font-weight:500;text-decoration:none}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4f46e5}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:unset;color:unset;border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";padding-inline-start:1em;background-color:#80808020;border-left-color:#d1d5db;margin-top:1em;margin-bottom:1em;padding-top:.25em;padding-bottom:.25em;padding-left:.75em;line-height:1.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p{margin-top:.25em;margin-bottom:.25em;padding-right:.25em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:before,.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) p:after{content:unset}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.75em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:unset}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;background-color:#292d3e;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) code{font-family:Fira Code Regular,Consolas,monospace,Courier New}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.5em}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(code:not(pre code)):not(:where([class~=not-prose],[class~=not-prose] *)){font:unset;vertical-align:top;word-break:break-all;background-color:#80808033;border-radius:4px;max-width:80vw;margin-left:-2px;margin-right:1px;padding-left:4px;padding-right:4px;overflow-x:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-6{margin-left:calc(var(--spacing) * -6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.ml-1{margin-left:var(--spacing)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75vh\]{max-height:75vh}.min-h-\[300px\]{min-height:300px}.min-h-\[calc\(100vh_-_4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[70ch\]{width:70ch}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1000px\]{max-width:1000px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-screen{min-width:100vw}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-center{transform-origin:50%}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-2{scroll-margin-top:calc(var(--spacing) * 2)}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[0\.325rem\]{border-left-style:var(--tw-border-style);border-left-width:.325rem}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:#5956eb}.border-red-600{border-color:var(--color-red-600)}.border-transparent{border-color:#0000}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-transparent{border-top-color:#0000}.border-r-gray-900{border-right-color:var(--color-gray-900)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:var(--color-black)}.fill-current{fill:currentColor}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[75\%\]{font-size:75%}.text-\[90\%\]{font-size:90%}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-indigo-500{color:#5956eb}.text-indigo-600{color:var(--color-indigo-600)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-900\/5{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab, red, red)){.ring-gray-900\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200\/20:hover{background-color:#e5e7eb33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-200\/20:hover{background-color:color-mix(in oklab, var(--color-gray-200) 20%, transparent)}}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-indigo-500:hover{background-color:#5956eb}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:mx-auto:focus{margin-inline:auto}.focus\:mt-2:focus{margin-top:calc(var(--spacing) * 2)}.focus\:w-64:focus{width:calc(var(--spacing) * 64)}.focus\:bg-gray-700:focus{background-color:var(--color-gray-700)}.focus\:bg-indigo-700:focus{background-color:var(--color-indigo-700)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-indigo-600:focus{--tw-ring-color:var(--color-indigo-600)}.focus\:grayscale-0:focus{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:-mx-6{margin-inline:calc(var(--spacing) * -6)}.sm\:mx-auto{margin-inline:auto}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mb-0{margin-bottom:0}.sm\:block{display:block}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:leading-none{--tw-leading:1;line-height:1}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=48rem){.md\:visible{visibility:visible}.md\:top-0{top:0}.md\:left-0{left:0}.md\:left-64{left:calc(var(--spacing) * 64)}.md\:mx-2{margin-inline:calc(var(--spacing) * 2)}.md\:my-0{margin-block:0}.md\:my-6{margin-block:calc(var(--spacing) * 6)}.md\:mt-0{margin-top:0}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.md\:ml-0{margin-left:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:w-\[calc\(100vw_-_16rem\)\]{width:calc(100vw - 16rem)}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-none{max-width:none}.md\:grow{flex-grow:1}.md\:grow-0{flex-grow:0}.md\:items-center{align-items:center}.md\:border-none{--tw-border-style:none;border-style:none}.md\:bg-transparent{background-color:#0000}.md\:bg-white{background-color:var(--color-white)}.md\:bg-left{background-position:0}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-0{padding-block:0}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pb-0{padding-bottom:0}.md\:pl-0{padding-left:0}.md\:text-center{text-align:center}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=64rem){.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.lg\:ml-8{margin-left:calc(var(--spacing) * 8)}.lg\:flex{display:flex}.lg\:bg-center{background-position:50%}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=80rem){.xl\:mb-16{margin-bottom:calc(var(--spacing) * 16)}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}:where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-\[\#1b2533\]:is(.dark *){border-color:#1b2533}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:bg-black\/10:is(.dark *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/10:is(.dark *){background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.dark\:bg-gray-600:is(.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-slate-800:is(.dark *){background-color:var(--color-slate-800)}.dark\:bg-yellow-300:is(.dark *){background-color:var(--color-yellow-300)}.dark\:fill-gray-200:is(.dark *){fill:var(--color-gray-200)}.dark\:fill-white:is(.dark *){fill:var(--color-white)}.dark\:font-medium:is(.dark *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#818cf8}.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#6366f1}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-indigo-400:is(.dark *){color:var(--color-indigo-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}@media (hover:hover){.dark\:group-hover\:text-white:is(.dark *):is(:where(.group):hover *){color:var(--color-white)}.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-black\/10:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.dark\:hover\:bg-gray-500:is(.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:bg-gray-600:is(.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}}.dark\:focus\:text-white:is(.dark *):focus{color:var(--color-white)}.dark\:focus\:ring-indigo-500:is(.dark *):focus{--tw-ring-color:#5956eb}@media (width>=48rem){.dark\:md\:bg-transparent:is(.dark *){background-color:#0000}}@media print{.print\:top-0{top:0}.print\:hidden{display:none}}.prose-h1\:mb-3 :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:calc(var(--spacing) * 3)}.prose-p\:my-3 :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-block:calc(var(--spacing) * 3)}.prose-img\:inline :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){display:inline}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
diff --git a/packages/realtime-compiler/src/Routing/PageRouter.php b/packages/realtime-compiler/src/Routing/PageRouter.php
index 63bb4b846ff..4fbca1c5f8f 100644
--- a/packages/realtime-compiler/src/Routing/PageRouter.php
+++ b/packages/realtime-compiler/src/Routing/PageRouter.php
@@ -7,6 +7,7 @@
 use Desilva\Microserve\Request;
 use Desilva\Microserve\Response;
 use Hyde\Foundation\Facades\Routes;
+use Hyde\Support\Models\Route;
 use Hyde\Pages\Concerns\BaseMarkdownPage;
 use Hyde\Framework\Actions\StaticPageBuilder;
 use Hyde\RealtimeCompiler\Http\LiveEditController;
@@ -108,18 +109,27 @@ public static function handle(Request $request): Response
         return (new self($request))->handlePageRequest();
     }
 
+    /**
+     * Does the request match a page route? This allows the router to tell a missing
+     * page apart from a missing static asset, without having to compile the page.
+     */
+    public static function hasRoute(Request $request): bool
+    {
+        return (new self($request))->findRoute() !== null;
+    }
+
     protected function getPageFromRoute(): HydePage
     {
-        try {
-            return Routes::get($this->normalizePath($this->request->path))->getPage();
-        } catch (RouteNotFoundException $exception) {
-            $index = Routes::find($this->normalizePath($this->request->path).'/index');
+        $route = $this->findRoute() ?? throw new RouteNotFoundException($this->normalizePath($this->request->path));
 
-            if ($index) {
-                return $index->getPage();
-            }
+        return $route->getPage();
+    }
 
-            throw $exception;
-        }
+    protected function findRoute(): ?Route
+    {
+        $routeKey = $this->normalizePath($this->request->path);
+
+        // Directory-style requests (like `/docs/1.x`) are served by their index page.
+        return Routes::find($routeKey) ?? Routes::find("$routeKey/index");
     }
 }
diff --git a/packages/realtime-compiler/src/Routing/Router.php b/packages/realtime-compiler/src/Routing/Router.php
index bf58946d4b3..315e6bf3eaf 100644
--- a/packages/realtime-compiler/src/Routing/Router.php
+++ b/packages/realtime-compiler/src/Routing/Router.php
@@ -19,6 +19,9 @@ class Router
 
     protected Request $request;
 
+    protected bool $assetPathResolved = false;
+    protected ?string $resolvedAssetPath = null;
+
     public function __construct(Request $request)
     {
         $this->request = $request;
@@ -26,7 +29,7 @@ public function __construct(Request $request)
 
     public function handle(): Response
     {
-        if ($this->shouldProxy($this->request)) {
+        if ($this->shouldProxy()) {
             return $this->proxyStatic();
         }
 
@@ -40,6 +43,13 @@ public function handle(): Response
             return $virtualRoutes[$this->request->path]($this->request);
         }
 
+        // A path with a file extension that matches neither a static file nor a page (like a
+        // missing stylesheet or source map) is a missing asset, and not a missing web page,
+        // so we send a normal 404 response instead of the pretty page not found error.
+        if ($this->hasAssetLikeExtension() && ! PageRouter::hasRoute($this->request)) {
+            return $this->notFound();
+        }
+
         return PageRouter::handle($this->request);
     }
 
@@ -47,30 +57,47 @@ public function handle(): Response
      * If the request is not for a web page, we assume it's
      * a static asset, which we instead want to proxy.
      */
-    protected function shouldProxy(Request $request): bool
+    protected function shouldProxy(): bool
     {
         // Always proxy media files. This condition is just to improve performance
         // without having to check the file extension.
-        if (str_starts_with($request->path, '/media/')) {
+        if (str_starts_with($this->request->path, '/media/')) {
             return true;
         }
 
-        // Get the requested file extension
-        $extension = pathinfo($request->path)['extension'] ?? null;
-
-        // If the extension is not set (pretty url), or is .html,
-        // we assume it's a web page which we need to compile.
-        if ($extension === null || $extension === 'html') {
+        if (! $this->hasAssetLikeExtension()) {
             return false;
         }
 
         // Don't proxy the search.json file, as it's generated on the fly.
-        if (str_ends_with($request->path, 'search.json')) {
+        if (str_ends_with($this->request->path, 'search.json')) {
             return false;
         }
 
-        // The page is not a web page, so we assume it should be proxied.
-        return true;
+        // Dotted page routes (like documentation version folders) are proxied only when a matching asset exists.
+        return $this->resolveAssetPath() !== null;
+    }
+
+    /**
+     * Does the request path have an extension that isn't a web page?
+     *
+     * Paths without an extension are pretty urls, and .html paths are compiled pages.
+     */
+    protected function hasAssetLikeExtension(): bool
+    {
+        $extension = pathinfo($this->request->path)['extension'] ?? null;
+
+        return $extension !== null && $extension !== 'html';
+    }
+
+    protected function resolveAssetPath(): ?string
+    {
+        if (! $this->assetPathResolved) {
+            $this->resolvedAssetPath = AssetFileLocator::find($this->request->path);
+            $this->assetPathResolved = true;
+        }
+
+        return $this->resolvedAssetPath;
     }
 
     /**
@@ -155,7 +182,7 @@ protected function getConfiguredServerHost(string $scheme): string
      */
     protected function proxyStatic(): Response
     {
-        $path = AssetFileLocator::find($this->request->path);
+        $path = $this->resolveAssetPath();
 
         if ($path === null) {
             return $this->notFound();
diff --git a/packages/realtime-compiler/tests/RealtimeCompilerTest.php b/packages/realtime-compiler/tests/RealtimeCompilerTest.php
index b8dc61cd46e..31f18636046 100644
--- a/packages/realtime-compiler/tests/RealtimeCompilerTest.php
+++ b/packages/realtime-compiler/tests/RealtimeCompilerTest.php
@@ -9,6 +9,7 @@
 use Hyde\Hyde;
 use Hyde\Facades\Filesystem;
 use Hyde\Pages\InMemoryPage;
+use Illuminate\View\ViewException;
 use Hyde\Framework\Exceptions\RouteNotFoundException;
 use Hyde\RealtimeCompiler\Http\ExceptionHandler;
 use Desilva\Microserve\HtmlResponse;
@@ -138,6 +139,18 @@ public function testThrowsRouteNotFoundExceptionForMissingRoute()
         $kernel->handle(new Request());
     }
 
+    public function testSends404ErrorResponseForMissingMediaAsset()
+    {
+        $this->mockCompilerRoute('media/missing.css');
+
+        $kernel = new HttpKernel();
+        $response = $kernel->handle(new Request());
+
+        $this->assertInstanceOf(Response::class, $response);
+        $this->assertSame(404, $response->statusCode);
+        $this->assertSame('Not Found', $response->statusMessage);
+    }
+
     public function testSends404ErrorResponseForMissingAsset()
     {
         $this->mockCompilerRoute('missing.css');
@@ -150,6 +163,59 @@ public function testSends404ErrorResponseForMissingAsset()
         $this->assertSame('Not Found', $response->statusMessage);
     }
 
+    public function testThrowsRouteNotFoundExceptionForMissingHtmlPage()
+    {
+        $this->mockCompilerRoute('missing.html');
+
+        $kernel = new HttpKernel();
+
+        $this->expectException(RouteNotFoundException::class);
+        $this->expectExceptionMessage('Route [missing] not found');
+
+        $kernel->handle(new Request());
+    }
+
+    public function testFallsBackToPageRouterForExtensionLikePathThatIsNotAnAsset()
+    {
+        $this->mockCompilerRoute('9.x');
+
+        Filesystem::ensureDirectoryExists('_pages/9.x');
+        Filesystem::put('_pages/9.x/index.md', '# Hello World!');
+
+        $kernel = new HttpKernel();
+        $response = $kernel->handle(new Request());
+
+        $this->assertInstanceOf(Response::class, $response);
+        $this->assertSame(200, $response->statusCode);
+        $this->assertStringContainsString('Hello World!', $response->body);
+
+        Filesystem::deleteDirectory('_pages/9.x');
+    }
+
+    public function testErrorThrownWhileCompilingExistingDottedPageIsNotSentAsA404()
+    {
+        // The dotted path makes the request look like a static asset, but as the page exists,
+        // an error thrown while compiling it must surface instead of being masked as a 404.
+        $this->mockCompilerRoute('9.x');
+
+        Filesystem::ensureDirectoryExists('_pages/9.x');
+        Filesystem::put('_pages/9.x/index.md', "[Blade]: {{ \Hyde\Foundation\Facades\Routes::get('missing-route') }}");
+
+        $kernel = new HttpKernel();
+
+        try {
+            $kernel->handle(new Request());
+
+            $this->fail('The error thrown while compiling the page was not sent.');
+        } catch (ViewException $exception) {
+            // Blade wraps exceptions thrown while rendering a view, so we assert on the underlying one.
+            $this->assertInstanceOf(RouteNotFoundException::class, $exception->getPrevious());
+            $this->assertStringContainsString('Route [missing-route] not found', $exception->getMessage());
+        } finally {
+            Filesystem::deleteDirectory('_pages/9.x');
+        }
+    }
+
     public function testTrailingSlashesAreNormalizedFromRoute()
     {
         $this->mockCompilerRoute('foo/');