diff --git a/.marko-run/routes.d.ts b/.marko-run/routes.d.ts
index b7744c9b13..1eb06c8a3c 100644
--- a/.marko-run/routes.d.ts
+++ b/.marko-run/routes.d.ts
@@ -32,34 +32,35 @@ declare module "@marko/run" {
 		"/docs/explanation/targeted-compilation": [M1, L1, L2, P20, D18];
 		"/docs/explanation/why-is-marko-fast": [M1, L1, L2, P21, D19];
 		"/docs/guide/duplicate-form-submissions": [M1, L1, L2, P22, D20];
-		"/docs/guide/library-integration": [M1, L1, L2, P23, D21];
-		"/docs/guide/low-level-apis": [M1, L1, L2, P24, D22];
-		"/docs/guide/marko-5-interop": [M1, L1, L2, P25, D23];
-		"/docs/guide/publishing-components": [M1, L1, L2, P26, D24];
-		"/docs/guide/styling": [M1, L1, L2, P27, D25];
-		"/docs/introduction/getting-started": [M1, L1, L2, P28, D26];
-		"/docs/introduction/installation": [M1, L1, L2, P29, D27];
-		"/docs/introduction/integrations": [M1, L1, L2, P30, D28];
-		"/docs/introduction/welcome-to-marko": [M1, L1, L2, P31, D29];
-		"/docs/introduction/why-marko": [M1, L1, L2, P32, D30];
-		"/docs/marko-run/file-based-routing": [M1, L1, L2, P33, D31];
-		"/docs/marko-run/getting-started": [M1, L1, L2, P34, D32];
-		"/docs/marko-run/typescript": [M1, L1, L2, P35, D33];
-		"/docs/reference/concise-syntax": [M1, L1, L2, P36, D34];
-		"/docs/reference/core-tag": [M1, L1, L2, P37, D35];
-		"/docs/reference/custom-tag": [M1, L1, L2, P38, D36];
-		"/docs/reference/language": [M1, L1, L2, P39, D37];
-		"/docs/reference/lazy-loading": [M1, L1, L2, P40, D38];
-		"/docs/reference/native-tag": [M1, L1, L2, P41, D39];
-		"/docs/reference/reactivity": [M1, L1, L2, P42, D40];
-		"/docs/reference/supported-environments": [M1, L1, L2, P43, D41];
-		"/docs/reference/template": [M1, L1, L2, P44, D42];
-		"/docs/reference/typescript": [M1, L1, L2, P45, D43];
-		"/docs/tutorial/components-and-reactivity": [M1, L1, L2, P46, D44];
-		"/docs/tutorial/fundamentals": [M1, L1, L2, P47, D45];
+		"/docs/guide/forms": [M1, L1, L2, P23, D21];
+		"/docs/guide/library-integration": [M1, L1, L2, P24, D22];
+		"/docs/guide/low-level-apis": [M1, L1, L2, P25, D23];
+		"/docs/guide/marko-5-interop": [M1, L1, L2, P26, D24];
+		"/docs/guide/publishing-components": [M1, L1, L2, P27, D25];
+		"/docs/guide/styling": [M1, L1, L2, P28, D26];
+		"/docs/introduction/getting-started": [M1, L1, L2, P29, D27];
+		"/docs/introduction/installation": [M1, L1, L2, P30, D28];
+		"/docs/introduction/integrations": [M1, L1, L2, P31, D29];
+		"/docs/introduction/welcome-to-marko": [M1, L1, L2, P32, D30];
+		"/docs/introduction/why-marko": [M1, L1, L2, P33, D31];
+		"/docs/marko-run/file-based-routing": [M1, L1, L2, P34, D32];
+		"/docs/marko-run/getting-started": [M1, L1, L2, P35, D33];
+		"/docs/marko-run/typescript": [M1, L1, L2, P36, D34];
+		"/docs/reference/concise-syntax": [M1, L1, L2, P37, D35];
+		"/docs/reference/core-tag": [M1, L1, L2, P38, D36];
+		"/docs/reference/custom-tag": [M1, L1, L2, P39, D37];
+		"/docs/reference/language": [M1, L1, L2, P40, D38];
+		"/docs/reference/lazy-loading": [M1, L1, L2, P41, D39];
+		"/docs/reference/native-tag": [M1, L1, L2, P42, D40];
+		"/docs/reference/reactivity": [M1, L1, L2, P43, D41];
+		"/docs/reference/supported-environments": [M1, L1, L2, P44, D42];
+		"/docs/reference/template": [M1, L1, L2, P45, D43];
+		"/docs/reference/typescript": [M1, L1, L2, P46, D44];
+		"/docs/tutorial/components-and-reactivity": [M1, L1, L2, P47, D45];
+		"/docs/tutorial/fundamentals": [M1, L1, L2, P48, D46];
 		"/docs/reference-full.md": [M1, H2];
 		"/docs/newsletter/feed.xml": [M1, H3];
-		"/playground": [L1, P48, D46];
+		"/playground": [L1, P49, D47];
 	}> {}
 }
 
@@ -73,7 +74,7 @@ declare module "../src/routes/docs/+middleware" {
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs" | "/docs/newsletter" | "/docs/newsletter/april-2026" | "/docs/newsletter/february-2026" | "/docs/newsletter/january-2026" | "/docs/newsletter/june-2026" | "/docs/newsletter/march-2026" | "/docs/newsletter/may-2026" | "/docs/explanation/class-vs-tags-api" | "/docs/explanation/controllable-components" | "/docs/explanation/fine-grained-bundling" | "/docs/explanation/immutable-state" | "/docs/explanation/let-vs-const" | "/docs/explanation/nested-reactivity" | "/docs/explanation/optimizing-performance" | "/docs/explanation/separation-of-concerns" | "/docs/explanation/serializable-state" | "/docs/explanation/streaming" | "/docs/explanation/targeted-compilation" | "/docs/explanation/why-is-marko-fast" | "/docs/guide/duplicate-form-submissions" | "/docs/guide/library-integration" | "/docs/guide/low-level-apis" | "/docs/guide/marko-5-interop" | "/docs/guide/publishing-components" | "/docs/guide/styling" | "/docs/introduction/getting-started" | "/docs/introduction/installation" | "/docs/introduction/integrations" | "/docs/introduction/welcome-to-marko" | "/docs/introduction/why-marko" | "/docs/marko-run/file-based-routing" | "/docs/marko-run/getting-started" | "/docs/marko-run/typescript" | "/docs/reference/concise-syntax" | "/docs/reference/core-tag" | "/docs/reference/custom-tag" | "/docs/reference/language" | "/docs/reference/lazy-loading" | "/docs/reference/native-tag" | "/docs/reference/reactivity" | "/docs/reference/supported-environments" | "/docs/reference/template" | "/docs/reference/typescript" | "/docs/tutorial/components-and-reactivity" | "/docs/tutorial/fundamentals" | "/docs/reference-full.md" | "/docs/newsletter/feed.xml"];
+    export type Route = $.Routes["/docs" | "/docs/newsletter" | "/docs/newsletter/april-2026" | "/docs/newsletter/february-2026" | "/docs/newsletter/january-2026" | "/docs/newsletter/june-2026" | "/docs/newsletter/march-2026" | "/docs/newsletter/may-2026" | "/docs/explanation/class-vs-tags-api" | "/docs/explanation/controllable-components" | "/docs/explanation/fine-grained-bundling" | "/docs/explanation/immutable-state" | "/docs/explanation/let-vs-const" | "/docs/explanation/nested-reactivity" | "/docs/explanation/optimizing-performance" | "/docs/explanation/separation-of-concerns" | "/docs/explanation/serializable-state" | "/docs/explanation/streaming" | "/docs/explanation/targeted-compilation" | "/docs/explanation/why-is-marko-fast" | "/docs/guide/duplicate-form-submissions" | "/docs/guide/forms" | "/docs/guide/library-integration" | "/docs/guide/low-level-apis" | "/docs/guide/marko-5-interop" | "/docs/guide/publishing-components" | "/docs/guide/styling" | "/docs/introduction/getting-started" | "/docs/introduction/installation" | "/docs/introduction/integrations" | "/docs/introduction/welcome-to-marko" | "/docs/introduction/why-marko" | "/docs/marko-run/file-based-routing" | "/docs/marko-run/getting-started" | "/docs/marko-run/typescript" | "/docs/reference/concise-syntax" | "/docs/reference/core-tag" | "/docs/reference/custom-tag" | "/docs/reference/language" | "/docs/reference/lazy-loading" | "/docs/reference/native-tag" | "/docs/reference/reactivity" | "/docs/reference/supported-environments" | "/docs/reference/template" | "/docs/reference/typescript" | "/docs/tutorial/components-and-reactivity" | "/docs/tutorial/fundamentals" | "/docs/reference-full.md" | "/docs/newsletter/feed.xml"];
     export type Context = $.MultiRouteContext<Route>;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -166,7 +167,7 @@ declare module "../src/routes/+layout.marko" {
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/" | "/brand" | "/docs/newsletter" | "/docs/newsletter/april-2026" | "/docs/newsletter/february-2026" | "/docs/newsletter/january-2026" | "/docs/newsletter/june-2026" | "/docs/newsletter/march-2026" | "/docs/newsletter/may-2026" | "/docs/explanation/class-vs-tags-api" | "/docs/explanation/controllable-components" | "/docs/explanation/fine-grained-bundling" | "/docs/explanation/immutable-state" | "/docs/explanation/let-vs-const" | "/docs/explanation/nested-reactivity" | "/docs/explanation/optimizing-performance" | "/docs/explanation/separation-of-concerns" | "/docs/explanation/serializable-state" | "/docs/explanation/streaming" | "/docs/explanation/targeted-compilation" | "/docs/explanation/why-is-marko-fast" | "/docs/guide/duplicate-form-submissions" | "/docs/guide/library-integration" | "/docs/guide/low-level-apis" | "/docs/guide/marko-5-interop" | "/docs/guide/publishing-components" | "/docs/guide/styling" | "/docs/introduction/getting-started" | "/docs/introduction/installation" | "/docs/introduction/integrations" | "/docs/introduction/welcome-to-marko" | "/docs/introduction/why-marko" | "/docs/marko-run/file-based-routing" | "/docs/marko-run/getting-started" | "/docs/marko-run/typescript" | "/docs/reference/concise-syntax" | "/docs/reference/core-tag" | "/docs/reference/custom-tag" | "/docs/reference/language" | "/docs/reference/lazy-loading" | "/docs/reference/native-tag" | "/docs/reference/reactivity" | "/docs/reference/supported-environments" | "/docs/reference/template" | "/docs/reference/typescript" | "/docs/tutorial/components-and-reactivity" | "/docs/tutorial/fundamentals" | "/playground"];
+    export type Route = $.Routes["/" | "/brand" | "/docs/newsletter" | "/docs/newsletter/april-2026" | "/docs/newsletter/february-2026" | "/docs/newsletter/january-2026" | "/docs/newsletter/june-2026" | "/docs/newsletter/march-2026" | "/docs/newsletter/may-2026" | "/docs/explanation/class-vs-tags-api" | "/docs/explanation/controllable-components" | "/docs/explanation/fine-grained-bundling" | "/docs/explanation/immutable-state" | "/docs/explanation/let-vs-const" | "/docs/explanation/nested-reactivity" | "/docs/explanation/optimizing-performance" | "/docs/explanation/separation-of-concerns" | "/docs/explanation/serializable-state" | "/docs/explanation/streaming" | "/docs/explanation/targeted-compilation" | "/docs/explanation/why-is-marko-fast" | "/docs/guide/duplicate-form-submissions" | "/docs/guide/forms" | "/docs/guide/library-integration" | "/docs/guide/low-level-apis" | "/docs/guide/marko-5-interop" | "/docs/guide/publishing-components" | "/docs/guide/styling" | "/docs/introduction/getting-started" | "/docs/introduction/installation" | "/docs/introduction/integrations" | "/docs/introduction/welcome-to-marko" | "/docs/introduction/why-marko" | "/docs/marko-run/file-based-routing" | "/docs/marko-run/getting-started" | "/docs/marko-run/typescript" | "/docs/reference/concise-syntax" | "/docs/reference/core-tag" | "/docs/reference/custom-tag" | "/docs/reference/language" | "/docs/reference/lazy-loading" | "/docs/reference/native-tag" | "/docs/reference/reactivity" | "/docs/reference/supported-environments" | "/docs/reference/template" | "/docs/reference/typescript" | "/docs/tutorial/components-and-reactivity" | "/docs/tutorial/fundamentals" | "/playground"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -190,7 +191,7 @@ declare module "../src/routes/docs/+layout.marko" {
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/newsletter" | "/docs/newsletter/april-2026" | "/docs/newsletter/february-2026" | "/docs/newsletter/january-2026" | "/docs/newsletter/june-2026" | "/docs/newsletter/march-2026" | "/docs/newsletter/may-2026" | "/docs/explanation/class-vs-tags-api" | "/docs/explanation/controllable-components" | "/docs/explanation/fine-grained-bundling" | "/docs/explanation/immutable-state" | "/docs/explanation/let-vs-const" | "/docs/explanation/nested-reactivity" | "/docs/explanation/optimizing-performance" | "/docs/explanation/separation-of-concerns" | "/docs/explanation/serializable-state" | "/docs/explanation/streaming" | "/docs/explanation/targeted-compilation" | "/docs/explanation/why-is-marko-fast" | "/docs/guide/duplicate-form-submissions" | "/docs/guide/library-integration" | "/docs/guide/low-level-apis" | "/docs/guide/marko-5-interop" | "/docs/guide/publishing-components" | "/docs/guide/styling" | "/docs/introduction/getting-started" | "/docs/introduction/installation" | "/docs/introduction/integrations" | "/docs/introduction/welcome-to-marko" | "/docs/introduction/why-marko" | "/docs/marko-run/file-based-routing" | "/docs/marko-run/getting-started" | "/docs/marko-run/typescript" | "/docs/reference/concise-syntax" | "/docs/reference/core-tag" | "/docs/reference/custom-tag" | "/docs/reference/language" | "/docs/reference/lazy-loading" | "/docs/reference/native-tag" | "/docs/reference/reactivity" | "/docs/reference/supported-environments" | "/docs/reference/template" | "/docs/reference/typescript" | "/docs/tutorial/components-and-reactivity" | "/docs/tutorial/fundamentals"];
+    export type Route = $.Routes["/docs/newsletter" | "/docs/newsletter/april-2026" | "/docs/newsletter/february-2026" | "/docs/newsletter/january-2026" | "/docs/newsletter/june-2026" | "/docs/newsletter/march-2026" | "/docs/newsletter/may-2026" | "/docs/explanation/class-vs-tags-api" | "/docs/explanation/controllable-components" | "/docs/explanation/fine-grained-bundling" | "/docs/explanation/immutable-state" | "/docs/explanation/let-vs-const" | "/docs/explanation/nested-reactivity" | "/docs/explanation/optimizing-performance" | "/docs/explanation/separation-of-concerns" | "/docs/explanation/serializable-state" | "/docs/explanation/streaming" | "/docs/explanation/targeted-compilation" | "/docs/explanation/why-is-marko-fast" | "/docs/guide/duplicate-form-submissions" | "/docs/guide/forms" | "/docs/guide/library-integration" | "/docs/guide/low-level-apis" | "/docs/guide/marko-5-interop" | "/docs/guide/publishing-components" | "/docs/guide/styling" | "/docs/introduction/getting-started" | "/docs/introduction/installation" | "/docs/introduction/integrations" | "/docs/introduction/welcome-to-marko" | "/docs/introduction/why-marko" | "/docs/marko-run/file-based-routing" | "/docs/marko-run/getting-started" | "/docs/marko-run/typescript" | "/docs/reference/concise-syntax" | "/docs/reference/core-tag" | "/docs/reference/custom-tag" | "/docs/reference/language" | "/docs/reference/lazy-loading" | "/docs/reference/native-tag" | "/docs/reference/reactivity" | "/docs/reference/supported-environments" | "/docs/reference/template" | "/docs/reference/typescript" | "/docs/tutorial/components-and-reactivity" | "/docs/tutorial/fundamentals"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -709,8 +710,8 @@ declare module "../src/routes/docs/_compiled-docs/guide/duplicate-form-submissio
   }
 }
 
-type P23 = $.Template<"P23", typeof import("../src/routes/docs/_compiled-docs/guide/library-integration+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/guide/library-integration+page.marko" {
+type P23 = $.Template<"P23", typeof import("../src/routes/docs/_compiled-docs/guide/forms+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/guide/forms+page.marko" {
   const Run: $.Namespace<P23>;
   namespace Run {
     type Context = $.ContextForFile<P23> & Marko.Global;
@@ -719,7 +720,7 @@ declare module "../src/routes/docs/_compiled-docs/guide/library-integration+page
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/guide/library-integration"];
+    export type Route = $.Routes["/docs/guide/forms"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -732,8 +733,8 @@ declare module "../src/routes/docs/_compiled-docs/guide/library-integration+page
   }
 }
 
-type P24 = $.Template<"P24", typeof import("../src/routes/docs/_compiled-docs/guide/low-level-apis+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/guide/low-level-apis+page.marko" {
+type P24 = $.Template<"P24", typeof import("../src/routes/docs/_compiled-docs/guide/library-integration+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/guide/library-integration+page.marko" {
   const Run: $.Namespace<P24>;
   namespace Run {
     type Context = $.ContextForFile<P24> & Marko.Global;
@@ -742,7 +743,7 @@ declare module "../src/routes/docs/_compiled-docs/guide/low-level-apis+page.mark
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/guide/low-level-apis"];
+    export type Route = $.Routes["/docs/guide/library-integration"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -755,8 +756,8 @@ declare module "../src/routes/docs/_compiled-docs/guide/low-level-apis+page.mark
   }
 }
 
-type P25 = $.Template<"P25", typeof import("../src/routes/docs/_compiled-docs/guide/marko-5-interop+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/guide/marko-5-interop+page.marko" {
+type P25 = $.Template<"P25", typeof import("../src/routes/docs/_compiled-docs/guide/low-level-apis+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/guide/low-level-apis+page.marko" {
   const Run: $.Namespace<P25>;
   namespace Run {
     type Context = $.ContextForFile<P25> & Marko.Global;
@@ -765,7 +766,7 @@ declare module "../src/routes/docs/_compiled-docs/guide/marko-5-interop+page.mar
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/guide/marko-5-interop"];
+    export type Route = $.Routes["/docs/guide/low-level-apis"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -778,8 +779,8 @@ declare module "../src/routes/docs/_compiled-docs/guide/marko-5-interop+page.mar
   }
 }
 
-type P26 = $.Template<"P26", typeof import("../src/routes/docs/_compiled-docs/guide/publishing-components+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/guide/publishing-components+page.marko" {
+type P26 = $.Template<"P26", typeof import("../src/routes/docs/_compiled-docs/guide/marko-5-interop+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/guide/marko-5-interop+page.marko" {
   const Run: $.Namespace<P26>;
   namespace Run {
     type Context = $.ContextForFile<P26> & Marko.Global;
@@ -788,7 +789,7 @@ declare module "../src/routes/docs/_compiled-docs/guide/publishing-components+pa
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/guide/publishing-components"];
+    export type Route = $.Routes["/docs/guide/marko-5-interop"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -801,8 +802,8 @@ declare module "../src/routes/docs/_compiled-docs/guide/publishing-components+pa
   }
 }
 
-type P27 = $.Template<"P27", typeof import("../src/routes/docs/_compiled-docs/guide/styling+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/guide/styling+page.marko" {
+type P27 = $.Template<"P27", typeof import("../src/routes/docs/_compiled-docs/guide/publishing-components+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/guide/publishing-components+page.marko" {
   const Run: $.Namespace<P27>;
   namespace Run {
     type Context = $.ContextForFile<P27> & Marko.Global;
@@ -811,7 +812,7 @@ declare module "../src/routes/docs/_compiled-docs/guide/styling+page.marko" {
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/guide/styling"];
+    export type Route = $.Routes["/docs/guide/publishing-components"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -824,8 +825,8 @@ declare module "../src/routes/docs/_compiled-docs/guide/styling+page.marko" {
   }
 }
 
-type P28 = $.Template<"P28", typeof import("../src/routes/docs/_compiled-docs/introduction/getting-started+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/introduction/getting-started+page.marko" {
+type P28 = $.Template<"P28", typeof import("../src/routes/docs/_compiled-docs/guide/styling+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/guide/styling+page.marko" {
   const Run: $.Namespace<P28>;
   namespace Run {
     type Context = $.ContextForFile<P28> & Marko.Global;
@@ -834,7 +835,7 @@ declare module "../src/routes/docs/_compiled-docs/introduction/getting-started+p
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/introduction/getting-started"];
+    export type Route = $.Routes["/docs/guide/styling"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -847,8 +848,8 @@ declare module "../src/routes/docs/_compiled-docs/introduction/getting-started+p
   }
 }
 
-type P29 = $.Template<"P29", typeof import("../src/routes/docs/_compiled-docs/introduction/installation+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/introduction/installation+page.marko" {
+type P29 = $.Template<"P29", typeof import("../src/routes/docs/_compiled-docs/introduction/getting-started+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/introduction/getting-started+page.marko" {
   const Run: $.Namespace<P29>;
   namespace Run {
     type Context = $.ContextForFile<P29> & Marko.Global;
@@ -857,7 +858,7 @@ declare module "../src/routes/docs/_compiled-docs/introduction/installation+page
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/introduction/installation"];
+    export type Route = $.Routes["/docs/introduction/getting-started"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -870,8 +871,8 @@ declare module "../src/routes/docs/_compiled-docs/introduction/installation+page
   }
 }
 
-type P30 = $.Template<"P30", typeof import("../src/routes/docs/_compiled-docs/introduction/integrations+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/introduction/integrations+page.marko" {
+type P30 = $.Template<"P30", typeof import("../src/routes/docs/_compiled-docs/introduction/installation+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/introduction/installation+page.marko" {
   const Run: $.Namespace<P30>;
   namespace Run {
     type Context = $.ContextForFile<P30> & Marko.Global;
@@ -880,7 +881,7 @@ declare module "../src/routes/docs/_compiled-docs/introduction/integrations+page
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/introduction/integrations"];
+    export type Route = $.Routes["/docs/introduction/installation"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -893,8 +894,8 @@ declare module "../src/routes/docs/_compiled-docs/introduction/integrations+page
   }
 }
 
-type P31 = $.Template<"P31", typeof import("../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+page.marko" {
+type P31 = $.Template<"P31", typeof import("../src/routes/docs/_compiled-docs/introduction/integrations+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/introduction/integrations+page.marko" {
   const Run: $.Namespace<P31>;
   namespace Run {
     type Context = $.ContextForFile<P31> & Marko.Global;
@@ -903,7 +904,7 @@ declare module "../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/introduction/welcome-to-marko"];
+    export type Route = $.Routes["/docs/introduction/integrations"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -916,8 +917,8 @@ declare module "../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+
   }
 }
 
-type P32 = $.Template<"P32", typeof import("../src/routes/docs/_compiled-docs/introduction/why-marko+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/introduction/why-marko+page.marko" {
+type P32 = $.Template<"P32", typeof import("../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+page.marko" {
   const Run: $.Namespace<P32>;
   namespace Run {
     type Context = $.ContextForFile<P32> & Marko.Global;
@@ -926,7 +927,7 @@ declare module "../src/routes/docs/_compiled-docs/introduction/why-marko+page.ma
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/introduction/why-marko"];
+    export type Route = $.Routes["/docs/introduction/welcome-to-marko"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -939,8 +940,8 @@ declare module "../src/routes/docs/_compiled-docs/introduction/why-marko+page.ma
   }
 }
 
-type P33 = $.Template<"P33", typeof import("../src/routes/docs/_compiled-docs/marko-run/file-based-routing+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/marko-run/file-based-routing+page.marko" {
+type P33 = $.Template<"P33", typeof import("../src/routes/docs/_compiled-docs/introduction/why-marko+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/introduction/why-marko+page.marko" {
   const Run: $.Namespace<P33>;
   namespace Run {
     type Context = $.ContextForFile<P33> & Marko.Global;
@@ -949,7 +950,7 @@ declare module "../src/routes/docs/_compiled-docs/marko-run/file-based-routing+p
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/marko-run/file-based-routing"];
+    export type Route = $.Routes["/docs/introduction/why-marko"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -962,8 +963,8 @@ declare module "../src/routes/docs/_compiled-docs/marko-run/file-based-routing+p
   }
 }
 
-type P34 = $.Template<"P34", typeof import("../src/routes/docs/_compiled-docs/marko-run/getting-started+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/marko-run/getting-started+page.marko" {
+type P34 = $.Template<"P34", typeof import("../src/routes/docs/_compiled-docs/marko-run/file-based-routing+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/marko-run/file-based-routing+page.marko" {
   const Run: $.Namespace<P34>;
   namespace Run {
     type Context = $.ContextForFile<P34> & Marko.Global;
@@ -972,7 +973,7 @@ declare module "../src/routes/docs/_compiled-docs/marko-run/getting-started+page
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/marko-run/getting-started"];
+    export type Route = $.Routes["/docs/marko-run/file-based-routing"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -985,8 +986,8 @@ declare module "../src/routes/docs/_compiled-docs/marko-run/getting-started+page
   }
 }
 
-type P35 = $.Template<"P35", typeof import("../src/routes/docs/_compiled-docs/marko-run/typescript+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/marko-run/typescript+page.marko" {
+type P35 = $.Template<"P35", typeof import("../src/routes/docs/_compiled-docs/marko-run/getting-started+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/marko-run/getting-started+page.marko" {
   const Run: $.Namespace<P35>;
   namespace Run {
     type Context = $.ContextForFile<P35> & Marko.Global;
@@ -995,7 +996,7 @@ declare module "../src/routes/docs/_compiled-docs/marko-run/typescript+page.mark
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/marko-run/typescript"];
+    export type Route = $.Routes["/docs/marko-run/getting-started"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1008,8 +1009,8 @@ declare module "../src/routes/docs/_compiled-docs/marko-run/typescript+page.mark
   }
 }
 
-type P36 = $.Template<"P36", typeof import("../src/routes/docs/_compiled-docs/reference/concise-syntax+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/concise-syntax+page.marko" {
+type P36 = $.Template<"P36", typeof import("../src/routes/docs/_compiled-docs/marko-run/typescript+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/marko-run/typescript+page.marko" {
   const Run: $.Namespace<P36>;
   namespace Run {
     type Context = $.ContextForFile<P36> & Marko.Global;
@@ -1018,7 +1019,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/concise-syntax+page.
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/concise-syntax"];
+    export type Route = $.Routes["/docs/marko-run/typescript"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1031,8 +1032,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/concise-syntax+page.
   }
 }
 
-type P37 = $.Template<"P37", typeof import("../src/routes/docs/_compiled-docs/reference/core-tag+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/core-tag+page.marko" {
+type P37 = $.Template<"P37", typeof import("../src/routes/docs/_compiled-docs/reference/concise-syntax+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/concise-syntax+page.marko" {
   const Run: $.Namespace<P37>;
   namespace Run {
     type Context = $.ContextForFile<P37> & Marko.Global;
@@ -1041,7 +1042,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/core-tag+page.marko"
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/core-tag"];
+    export type Route = $.Routes["/docs/reference/concise-syntax"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1054,8 +1055,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/core-tag+page.marko"
   }
 }
 
-type P38 = $.Template<"P38", typeof import("../src/routes/docs/_compiled-docs/reference/custom-tag+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/custom-tag+page.marko" {
+type P38 = $.Template<"P38", typeof import("../src/routes/docs/_compiled-docs/reference/core-tag+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/core-tag+page.marko" {
   const Run: $.Namespace<P38>;
   namespace Run {
     type Context = $.ContextForFile<P38> & Marko.Global;
@@ -1064,7 +1065,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/custom-tag+page.mark
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/custom-tag"];
+    export type Route = $.Routes["/docs/reference/core-tag"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1077,8 +1078,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/custom-tag+page.mark
   }
 }
 
-type P39 = $.Template<"P39", typeof import("../src/routes/docs/_compiled-docs/reference/language+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/language+page.marko" {
+type P39 = $.Template<"P39", typeof import("../src/routes/docs/_compiled-docs/reference/custom-tag+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/custom-tag+page.marko" {
   const Run: $.Namespace<P39>;
   namespace Run {
     type Context = $.ContextForFile<P39> & Marko.Global;
@@ -1087,7 +1088,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/language+page.marko"
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/language"];
+    export type Route = $.Routes["/docs/reference/custom-tag"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1100,8 +1101,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/language+page.marko"
   }
 }
 
-type P40 = $.Template<"P40", typeof import("../src/routes/docs/_compiled-docs/reference/lazy-loading+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/lazy-loading+page.marko" {
+type P40 = $.Template<"P40", typeof import("../src/routes/docs/_compiled-docs/reference/language+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/language+page.marko" {
   const Run: $.Namespace<P40>;
   namespace Run {
     type Context = $.ContextForFile<P40> & Marko.Global;
@@ -1110,7 +1111,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/lazy-loading+page.ma
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/lazy-loading"];
+    export type Route = $.Routes["/docs/reference/language"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1123,8 +1124,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/lazy-loading+page.ma
   }
 }
 
-type P41 = $.Template<"P41", typeof import("../src/routes/docs/_compiled-docs/reference/native-tag+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/native-tag+page.marko" {
+type P41 = $.Template<"P41", typeof import("../src/routes/docs/_compiled-docs/reference/lazy-loading+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/lazy-loading+page.marko" {
   const Run: $.Namespace<P41>;
   namespace Run {
     type Context = $.ContextForFile<P41> & Marko.Global;
@@ -1133,7 +1134,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/native-tag+page.mark
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/native-tag"];
+    export type Route = $.Routes["/docs/reference/lazy-loading"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1146,8 +1147,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/native-tag+page.mark
   }
 }
 
-type P42 = $.Template<"P42", typeof import("../src/routes/docs/_compiled-docs/reference/reactivity+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/reactivity+page.marko" {
+type P42 = $.Template<"P42", typeof import("../src/routes/docs/_compiled-docs/reference/native-tag+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/native-tag+page.marko" {
   const Run: $.Namespace<P42>;
   namespace Run {
     type Context = $.ContextForFile<P42> & Marko.Global;
@@ -1156,7 +1157,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/reactivity+page.mark
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/reactivity"];
+    export type Route = $.Routes["/docs/reference/native-tag"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1169,8 +1170,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/reactivity+page.mark
   }
 }
 
-type P43 = $.Template<"P43", typeof import("../src/routes/docs/_compiled-docs/reference/supported-environments+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/supported-environments+page.marko" {
+type P43 = $.Template<"P43", typeof import("../src/routes/docs/_compiled-docs/reference/reactivity+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/reactivity+page.marko" {
   const Run: $.Namespace<P43>;
   namespace Run {
     type Context = $.ContextForFile<P43> & Marko.Global;
@@ -1179,7 +1180,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/supported-environmen
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/supported-environments"];
+    export type Route = $.Routes["/docs/reference/reactivity"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1192,8 +1193,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/supported-environmen
   }
 }
 
-type P44 = $.Template<"P44", typeof import("../src/routes/docs/_compiled-docs/reference/template+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/template+page.marko" {
+type P44 = $.Template<"P44", typeof import("../src/routes/docs/_compiled-docs/reference/supported-environments+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/supported-environments+page.marko" {
   const Run: $.Namespace<P44>;
   namespace Run {
     type Context = $.ContextForFile<P44> & Marko.Global;
@@ -1202,7 +1203,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/template+page.marko"
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/template"];
+    export type Route = $.Routes["/docs/reference/supported-environments"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1215,8 +1216,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/template+page.marko"
   }
 }
 
-type P45 = $.Template<"P45", typeof import("../src/routes/docs/_compiled-docs/reference/typescript+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/reference/typescript+page.marko" {
+type P45 = $.Template<"P45", typeof import("../src/routes/docs/_compiled-docs/reference/template+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/template+page.marko" {
   const Run: $.Namespace<P45>;
   namespace Run {
     type Context = $.ContextForFile<P45> & Marko.Global;
@@ -1225,7 +1226,7 @@ declare module "../src/routes/docs/_compiled-docs/reference/typescript+page.mark
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/reference/typescript"];
+    export type Route = $.Routes["/docs/reference/template"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1238,8 +1239,8 @@ declare module "../src/routes/docs/_compiled-docs/reference/typescript+page.mark
   }
 }
 
-type P46 = $.Template<"P46", typeof import("../src/routes/docs/_compiled-docs/tutorial/components-and-reactivity+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/tutorial/components-and-reactivity+page.marko" {
+type P46 = $.Template<"P46", typeof import("../src/routes/docs/_compiled-docs/reference/typescript+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/reference/typescript+page.marko" {
   const Run: $.Namespace<P46>;
   namespace Run {
     type Context = $.ContextForFile<P46> & Marko.Global;
@@ -1248,7 +1249,7 @@ declare module "../src/routes/docs/_compiled-docs/tutorial/components-and-reacti
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/tutorial/components-and-reactivity"];
+    export type Route = $.Routes["/docs/reference/typescript"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1261,8 +1262,8 @@ declare module "../src/routes/docs/_compiled-docs/tutorial/components-and-reacti
   }
 }
 
-type P47 = $.Template<"P47", typeof import("../src/routes/docs/_compiled-docs/tutorial/fundamentals+page.marko")>;
-declare module "../src/routes/docs/_compiled-docs/tutorial/fundamentals+page.marko" {
+type P47 = $.Template<"P47", typeof import("../src/routes/docs/_compiled-docs/tutorial/components-and-reactivity+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/tutorial/components-and-reactivity+page.marko" {
   const Run: $.Namespace<P47>;
   namespace Run {
     type Context = $.ContextForFile<P47> & Marko.Global;
@@ -1271,7 +1272,7 @@ declare module "../src/routes/docs/_compiled-docs/tutorial/fundamentals+page.mar
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
-    export type Route = $.Routes["/docs/tutorial/fundamentals"];
+    export type Route = $.Routes["/docs/tutorial/components-and-reactivity"];
     export type Context = Run.Context;
     export type Handler = $.HandlerLike<Route>;
     export type GET = $.HandlerLike<Route, "GET">;
@@ -1284,13 +1285,36 @@ declare module "../src/routes/docs/_compiled-docs/tutorial/fundamentals+page.mar
   }
 }
 
-type P48 = $.Template<"P48", typeof import("../src/routes/playground/+page.marko")>;
-declare module "../src/routes/playground/+page.marko" {
+type P48 = $.Template<"P48", typeof import("../src/routes/docs/_compiled-docs/tutorial/fundamentals+page.marko")>;
+declare module "../src/routes/docs/_compiled-docs/tutorial/fundamentals+page.marko" {
   const Run: $.Namespace<P48>;
   namespace Run {
     type Context = $.ContextForFile<P48> & Marko.Global;
   }
 
+  /** @deprecated use `Run` namespace instead */
+  namespace MarkoRun {
+    export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
+    export type Route = $.Routes["/docs/tutorial/fundamentals"];
+    export type Context = Run.Context;
+    export type Handler = $.HandlerLike<Route>;
+    export type GET = $.HandlerLike<Route, "GET">;
+    export type HEAD = $.HandlerLike<Route, "HEAD">;
+    export type POST = $.HandlerLike<Route, "POST">;
+    export type PUT = $.HandlerLike<Route, "PUT">;
+    export type DELETE = $.HandlerLike<Route, "DELETE">;
+    export type PATCH = $.HandlerLike<Route, "PATCH">;
+    export type OPTIONS = $.HandlerLike<Route, "OPTIONS">;
+  }
+}
+
+type P49 = $.Template<"P49", typeof import("../src/routes/playground/+page.marko")>;
+declare module "../src/routes/playground/+page.marko" {
+  const Run: $.Namespace<P49>;
+  namespace Run {
+    type Context = $.ContextForFile<P49> & Marko.Global;
+  }
+
   /** @deprecated use `Run` namespace instead */
   namespace MarkoRun {
     export { NotHandled, NotMatched, GetPaths, PostPaths, GetablePath, GetableHref, PostablePath, PostableHref, Platform };
@@ -1349,29 +1373,30 @@ type D17 = $.Meta<"D17", typeof import("../src/routes/docs/_compiled-docs/explan
 type D18 = $.Meta<"D18", typeof import("../src/routes/docs/_compiled-docs/explanation/targeted-compilation+meta.json")>;
 type D19 = $.Meta<"D19", typeof import("../src/routes/docs/_compiled-docs/explanation/why-is-marko-fast+meta.json")>;
 type D20 = $.Meta<"D20", typeof import("../src/routes/docs/_compiled-docs/guide/duplicate-form-submissions+meta.json")>;
-type D21 = $.Meta<"D21", typeof import("../src/routes/docs/_compiled-docs/guide/library-integration+meta.json")>;
-type D22 = $.Meta<"D22", typeof import("../src/routes/docs/_compiled-docs/guide/low-level-apis+meta.json")>;
-type D23 = $.Meta<"D23", typeof import("../src/routes/docs/_compiled-docs/guide/marko-5-interop+meta.json")>;
-type D24 = $.Meta<"D24", typeof import("../src/routes/docs/_compiled-docs/guide/publishing-components+meta.json")>;
-type D25 = $.Meta<"D25", typeof import("../src/routes/docs/_compiled-docs/guide/styling+meta.json")>;
-type D26 = $.Meta<"D26", typeof import("../src/routes/docs/_compiled-docs/introduction/getting-started+meta.json")>;
-type D27 = $.Meta<"D27", typeof import("../src/routes/docs/_compiled-docs/introduction/installation+meta.json")>;
-type D28 = $.Meta<"D28", typeof import("../src/routes/docs/_compiled-docs/introduction/integrations+meta.json")>;
-type D29 = $.Meta<"D29", typeof import("../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+meta.json")>;
-type D30 = $.Meta<"D30", typeof import("../src/routes/docs/_compiled-docs/introduction/why-marko+meta.json")>;
-type D31 = $.Meta<"D31", typeof import("../src/routes/docs/_compiled-docs/marko-run/file-based-routing+meta.json")>;
-type D32 = $.Meta<"D32", typeof import("../src/routes/docs/_compiled-docs/marko-run/getting-started+meta.json")>;
-type D33 = $.Meta<"D33", typeof import("../src/routes/docs/_compiled-docs/marko-run/typescript+meta.json")>;
-type D34 = $.Meta<"D34", typeof import("../src/routes/docs/_compiled-docs/reference/concise-syntax+meta.json")>;
-type D35 = $.Meta<"D35", typeof import("../src/routes/docs/_compiled-docs/reference/core-tag+meta.json")>;
-type D36 = $.Meta<"D36", typeof import("../src/routes/docs/_compiled-docs/reference/custom-tag+meta.json")>;
-type D37 = $.Meta<"D37", typeof import("../src/routes/docs/_compiled-docs/reference/language+meta.json")>;
-type D38 = $.Meta<"D38", typeof import("../src/routes/docs/_compiled-docs/reference/lazy-loading+meta.json")>;
-type D39 = $.Meta<"D39", typeof import("../src/routes/docs/_compiled-docs/reference/native-tag+meta.json")>;
-type D40 = $.Meta<"D40", typeof import("../src/routes/docs/_compiled-docs/reference/reactivity+meta.json")>;
-type D41 = $.Meta<"D41", typeof import("../src/routes/docs/_compiled-docs/reference/supported-environments+meta.json")>;
-type D42 = $.Meta<"D42", typeof import("../src/routes/docs/_compiled-docs/reference/template+meta.json")>;
-type D43 = $.Meta<"D43", typeof import("../src/routes/docs/_compiled-docs/reference/typescript+meta.json")>;
-type D44 = $.Meta<"D44", typeof import("../src/routes/docs/_compiled-docs/tutorial/components-and-reactivity+meta.json")>;
-type D45 = $.Meta<"D45", typeof import("../src/routes/docs/_compiled-docs/tutorial/fundamentals+meta.json")>;
-type D46 = $.Meta<"D46", typeof import("../src/routes/playground/+meta.json")>;
+type D21 = $.Meta<"D21", typeof import("../src/routes/docs/_compiled-docs/guide/forms+meta.json")>;
+type D22 = $.Meta<"D22", typeof import("../src/routes/docs/_compiled-docs/guide/library-integration+meta.json")>;
+type D23 = $.Meta<"D23", typeof import("../src/routes/docs/_compiled-docs/guide/low-level-apis+meta.json")>;
+type D24 = $.Meta<"D24", typeof import("../src/routes/docs/_compiled-docs/guide/marko-5-interop+meta.json")>;
+type D25 = $.Meta<"D25", typeof import("../src/routes/docs/_compiled-docs/guide/publishing-components+meta.json")>;
+type D26 = $.Meta<"D26", typeof import("../src/routes/docs/_compiled-docs/guide/styling+meta.json")>;
+type D27 = $.Meta<"D27", typeof import("../src/routes/docs/_compiled-docs/introduction/getting-started+meta.json")>;
+type D28 = $.Meta<"D28", typeof import("../src/routes/docs/_compiled-docs/introduction/installation+meta.json")>;
+type D29 = $.Meta<"D29", typeof import("../src/routes/docs/_compiled-docs/introduction/integrations+meta.json")>;
+type D30 = $.Meta<"D30", typeof import("../src/routes/docs/_compiled-docs/introduction/welcome-to-marko+meta.json")>;
+type D31 = $.Meta<"D31", typeof import("../src/routes/docs/_compiled-docs/introduction/why-marko+meta.json")>;
+type D32 = $.Meta<"D32", typeof import("../src/routes/docs/_compiled-docs/marko-run/file-based-routing+meta.json")>;
+type D33 = $.Meta<"D33", typeof import("../src/routes/docs/_compiled-docs/marko-run/getting-started+meta.json")>;
+type D34 = $.Meta<"D34", typeof import("../src/routes/docs/_compiled-docs/marko-run/typescript+meta.json")>;
+type D35 = $.Meta<"D35", typeof import("../src/routes/docs/_compiled-docs/reference/concise-syntax+meta.json")>;
+type D36 = $.Meta<"D36", typeof import("../src/routes/docs/_compiled-docs/reference/core-tag+meta.json")>;
+type D37 = $.Meta<"D37", typeof import("../src/routes/docs/_compiled-docs/reference/custom-tag+meta.json")>;
+type D38 = $.Meta<"D38", typeof import("../src/routes/docs/_compiled-docs/reference/language+meta.json")>;
+type D39 = $.Meta<"D39", typeof import("../src/routes/docs/_compiled-docs/reference/lazy-loading+meta.json")>;
+type D40 = $.Meta<"D40", typeof import("../src/routes/docs/_compiled-docs/reference/native-tag+meta.json")>;
+type D41 = $.Meta<"D41", typeof import("../src/routes/docs/_compiled-docs/reference/reactivity+meta.json")>;
+type D42 = $.Meta<"D42", typeof import("../src/routes/docs/_compiled-docs/reference/supported-environments+meta.json")>;
+type D43 = $.Meta<"D43", typeof import("../src/routes/docs/_compiled-docs/reference/template+meta.json")>;
+type D44 = $.Meta<"D44", typeof import("../src/routes/docs/_compiled-docs/reference/typescript+meta.json")>;
+type D45 = $.Meta<"D45", typeof import("../src/routes/docs/_compiled-docs/tutorial/components-and-reactivity+meta.json")>;
+type D46 = $.Meta<"D46", typeof import("../src/routes/docs/_compiled-docs/tutorial/fundamentals+meta.json")>;
+type D47 = $.Meta<"D47", typeof import("../src/routes/playground/+meta.json")>;
diff --git a/docs/explanation/immutable-state.md b/docs/explanation/immutable-state.md
index 9d1c345768..72c1e45118 100644
--- a/docs/explanation/immutable-state.md
+++ b/docs/explanation/immutable-state.md
@@ -32,7 +32,7 @@ Consider this Marko template. Reassigning the array triggers an update; mutating
 </ul>
 ```
 
-Immutable updates work naturally with Marko's assignment-based reactivity. Replacing a value (object, array, map-like structure) makes change propagation explicit and reliable.
+Immutable updates work naturally with Marko's [assignment-based reactivity](../reference/reactivity.md). Replacing a value (object, array, map-like structure) makes change propagation explicit and reliable.
 
 ## Functional UI
 
diff --git a/docs/explanation/nested-reactivity.md b/docs/explanation/nested-reactivity.md
index b15ad5acce..f6fac564ab 100644
--- a/docs/explanation/nested-reactivity.md
+++ b/docs/explanation/nested-reactivity.md
@@ -118,7 +118,3 @@ import { produce } from "immer"
   });
 }>
 ```
-
-## Case 3: Complex Hoisted State
-
-<!-- TODO: discuss `<mut>` tag -->
diff --git a/docs/explanation/serializable-state.md b/docs/explanation/serializable-state.md
index 56bee7d8e4..0823052502 100644
--- a/docs/explanation/serializable-state.md
+++ b/docs/explanation/serializable-state.md
@@ -16,6 +16,14 @@ Most standard data types can be serialized, including:
 
 ... and many more.
 
+## Reaching the Client
+
+State does not travel through a separate data request or a client-side re-render. When a template renders on the server, inline `<script>` tags are emitted alongside the markup, carrying the serialized state and markers that tie each value back to its place in the DOM. When the page loads, the runtime reads this data and resumes exactly where the server finished, without re-executing the template.
+
+The wire format of this data is an implementation detail that changes between versions, so application code should never read or write it directly.
+
+Since values are only serialized when client-side logic can reference them, state that is rendered into HTML and never touched again in the browser adds nothing to the serialized client-state payload. [Fine-Grained Bundling](./fine-grained-bundling.md) explains how the compiler makes that determination.
+
 ## Unserializable Data
 
 Some values cannot be serialized. When these values are encountered the Marko runtime will provide a helpful message to locate the relevant code.
diff --git a/docs/guide/duplicate-form-submissions.md b/docs/guide/duplicate-form-submissions.md
index 57b20c200e..d6b0e3a9b8 100644
--- a/docs/guide/duplicate-form-submissions.md
+++ b/docs/guide/duplicate-form-submissions.md
@@ -1,3 +1,54 @@
-# Preventing Multiple Form Submissions
+# Preventing Duplicate Form Submissions
 
-This guide will discuss disabling buttons & forms after the first submission.
+A native form sends an HTTP request and follows the server's response. The browser may send the same request more than once because of repeated submissions, retries, or multiple open tabs, so correctness cannot depend on disabling a button. The server should make repeated submissions safe.
+
+## Submission Keys
+
+Include a unique submission key in the rendered form. Because the page renders on the server, the form works without browser JavaScript.
+
+```marko
+/* src/routes/rsvp/+page.marko */
+<const/submissionId=crypto.randomUUID()>
+
+<form method="POST" action="/rsvp">
+  <input type="hidden" name="submissionId" value=submissionId>
+
+  <label for="guests">Number of guests</label>
+  <input id="guests" name="guests" type="number" min="1" required>
+
+  <button type="submit">RSVP</button>
+</form>
+```
+
+The handler validates the submitted fields and passes the key to the persistence layer. Repeating the request returns the record created by the first request instead of creating another one.
+
+```ts
+/* src/routes/rsvp/+handler.ts */
+export async function POST(context) {
+  const data = await context.request.formData();
+  const submissionId = data.get("submissionId");
+  const guestsValue = data.get("guests");
+  const guests = typeof guestsValue === "string" ? Number(guestsValue) : NaN;
+
+  if (
+    typeof submissionId !== "string" ||
+    !submissionId ||
+    !Number.isInteger(guests) ||
+    guests < 1
+  ) {
+    return new Response("Invalid submission.", { status: 400 });
+  }
+
+  const rsvp = await saveRsvpOnce({ submissionId, guests });
+  return context.redirect(`/rsvp/${rsvp.id}`, 303);
+}
+```
+
+> [!WARNING]
+> `saveRsvpOnce` must enforce uniqueness for the submission key in the same database transaction that creates the record. Checking for an existing key and inserting in separate operations leaves a race condition.
+
+## Redirecting
+
+After processing the `POST`, the handler returns a `303` redirect to a `GET` page. This [Post/Redirect/Get pattern](https://en.wikipedia.org/wiki/Post/Redirect/Get) means refreshing the resulting page repeats only the `GET`, not the form submission. The submission key still protects against duplicate requests that reach the server before the redirect.
+
+For the complete native form flow, see the [Forms guide](./forms.md).
diff --git a/docs/guide/forms.md b/docs/guide/forms.md
new file mode 100644
index 0000000000..c4bf5a1bc8
--- /dev/null
+++ b/docs/guide/forms.md
@@ -0,0 +1,149 @@
+# Forms
+
+Marko renders HTML, and HTML forms work without any JavaScript. Starting from a native `<form>` keeps submissions functional before scripts load, and Marko's reactivity can then layer on richer behavior where it helps.
+
+## Server Submission
+
+In a [Marko Run](../marko-run/getting-started.md) app, a form posts to a route, and a [`+handler`](../marko-run/file-based-routing.md#handler) beside the page receives the submission. The handler reads the submitted fields with the standard [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData) API and redirects when finished.
+
+```marko
+/* src/routes/feedback/+page.marko */
+<h1>Send Feedback</h1>
+<form method="POST">
+  <label for="message">Message</label>
+  <textarea id="message" name="message" required></textarea>
+
+  <button type="submit">Send</button>
+</form>
+```
+
+```ts
+/* src/routes/feedback/+handler.ts */
+export async function POST(context) {
+  const data = await context.request.formData();
+  const message = data.get("message");
+
+  if (typeof message !== "string" || !message.trim()) {
+    return new Response("A message is required.", { status: 400 });
+  }
+
+  await saveFeedback(message);
+  return context.redirect("/feedback/thanks", 303);
+}
+```
+
+`GET` requests continue to the page as usual, while the `POST` export handles submissions from the form above.
+
+> [!NOTE]
+> Redirecting after a successful `POST` (the [Post/Redirect/Get pattern](https://en.wikipedia.org/wiki/Post/Redirect/Get)) prevents a page refresh from resubmitting the form. See [Preventing Duplicate Form Submissions](./duplicate-form-submissions.md) for making repeated requests safe on the server.
+
+## Validating
+
+Native [validation attributes](https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation) such as `required`, `min`, and `pattern` block invalid submissions in the browser without any additional code.
+
+```marko
+<form method="POST">
+  <label for="age">Age</label>
+  <input id="age" name="age" type="number" min="18" required>
+
+  <button type="submit">Continue</button>
+</form>
+```
+
+> [!WARNING]
+> Browser validation is a convenience, not a boundary. Requests can be constructed without the form, so handlers must validate submitted values again on the server.
+
+## Reacting to Input
+
+Binding form controls to [tag variables](../reference/language.md#tag-variables) enables live behavior such as previews, character counts, or dependent fields. The [change handler shorthand](../reference/language.md#shorthand-change-handlers-two-way-binding) (`:=`) keeps a variable in sync with a control.
+
+```marko
+<let/message="">
+
+<form method="POST">
+  <label for="message">Message</label>
+  <textarea id="message" name="message" maxlength="280" value:=message/>
+  <p>${280 - message.length} characters left</p>
+
+  <button type="submit">Send</button>
+</form>
+```
+
+Because the form still posts natively, this enhancement degrades gracefully: without JavaScript the character counter stays static, but the form submits all the same.
+
+> [!WARNING]
+> Deriving `disabled` on the submit button from bound state (for example, disabling it until a field is filled in) renders the button disabled in the server HTML, locking out visitors whose JavaScript has not loaded. Prefer [validation attributes](#validating), which the browser enforces on its own.
+
+## Binding Controls
+
+Every stateful form control has a [`Change` handler](../reference/native-tag.md#change-handlers) in Marko, so the `:=` shorthand from the previous section is not limited to text. Radio groups and checkboxes bind through the [`checkedValue` attribute](../reference/native-tag.md#input-typeradio-and-input-typecheckbox), which holds a string for radios and an array for checkbox groups, and `<select>` binds through its [enhanced `value` attribute](../reference/native-tag.md#select).
+
+```marko
+<let/format="html">
+<let/topics=[]>
+<let/frequency="weekly">
+
+<form method="POST" action="/newsletter">
+  <fieldset>
+    <legend>Format</legend>
+    <label><input type="radio" name="format" value="html" checkedValue:=format> HTML</label>
+    <label><input type="radio" name="format" value="text" checkedValue:=format> Plain text</label>
+  </fieldset>
+
+  <fieldset>
+    <legend>Topics</legend>
+    <label><input type="checkbox" name="topics" value="releases" checkedValue:=topics> Releases</label>
+    <label><input type="checkbox" name="topics" value="community" checkedValue:=topics> Community</label>
+  </fieldset>
+
+  <label for="frequency">Frequency</label>
+  <select id="frequency" name="frequency" value:=frequency>
+    <option value="daily">Daily</option>
+    <option value="weekly">Weekly</option>
+    <option value="monthly">Monthly</option>
+  </select>
+
+  <p>${topics.length} topic${topics.length === 1 ? "" : "s"}, delivered ${frequency}.</p>
+
+  <button type="submit">Subscribe</button>
+</form>
+```
+
+Successful, named controls still submit their values natively; the bound variables exist so the rest of the template can react, as the summary line does here.
+
+> [!CAUTION]
+> `value` bindings report strings. Binding a numeric input directly (`value:=quantity`) turns the variable into a string on the first edit. In contrast, `checked` bindings produce booleans, while `checkedValue` may produce an array for checkbox groups. Add a [refining function](../reference/language.md#refining-function) to convert each `value` change before it is assigned:
+>
+> ```marko
+> <let/quantity=1>
+>
+> <input type="number" name="quantity" min="1" value:parseFloat:=quantity>
+> ```
+
+## Reusable Fields
+
+Repeated label-and-input markup can move into a [custom tag](../reference/custom-tag.md#relative-custom-tags), discovered from a `tags/` directory. The [`<id>` tag](../reference/core-tag.md#id) generates a unique id per instance to associate the label with its control, and binding the native input to `input.value` forwards both the value and its change handler to the parent, so the tag is bound with `:=` exactly like a native control.
+
+```marko
+/* tags/labeled-input.marko */
+<id/fieldId>
+
+<div class="field">
+  <label for=fieldId>${input.label}</label>
+  <input id=fieldId name=input.name value:=input.value>
+</div>
+```
+
+```marko
+/* profile-form.marko */
+<let/displayName="">
+
+<form method="POST">
+  <labeled-input label="Display name" name="displayName" value:=displayName/>
+  <p hidden=!displayName>Previewing as ${displayName}</p>
+
+  <button type="submit">Save</button>
+</form>
+```
+
+Components that hold their own state can offer the same interface by making that state controllable; [Controllable Components](../explanation/controllable-components.md) covers the pattern in depth.
diff --git a/docs/guide/styling.md b/docs/guide/styling.md
index d8d2ef32e3..ecafa1609c 100644
--- a/docs/guide/styling.md
+++ b/docs/guide/styling.md
@@ -4,7 +4,7 @@ This section explains some different ways to style HTML within Marko. From simpl
 
 ## Inline Styles
 
-Marko [enhances the HTML `<style>` tag](../reference/core-tag.md#style) to be processed and optimized by the [bundler used in the project](TODO). A template may specify any number of `<style>` tags.
+Marko [enhances the HTML `<style>` tag](../reference/core-tag.md#style) to be processed and optimized by the [bundler used in the project](../introduction/integrations.md). A template may specify any number of `<style>` tags.
 
 By default, all styles defined in the template are **globally scoped**. As such, many Marko projects use patterns like [BEM](https://getbem.com/introduction/) to avoid name conflicts.
 
@@ -45,7 +45,7 @@ The `<style>` may include a file extension to enable css preprocessors such as [
 
 ### Inline CSS Modules
 
-If the `<style>` tag has a [Tag Variable](../reference/language.md#tag-variables), it leverages [CSS Modules](https://github.com/css-modules/css-modules) to expose its classes as an object.
+If the `<style>` tag has a [tag variable](../reference/language.md#tag-variables) (the `/styles` in `<style/styles>` below), it leverages [CSS Modules](https://github.com/css-modules/css-modules) to expose its classes as an object.
 
 ```marko
 <style/styles>
diff --git a/docs/marko-run/file-based-routing.md b/docs/marko-run/file-based-routing.md
index 1b7597610f..d979edd597 100644
--- a/docs/marko-run/file-based-routing.md
+++ b/docs/marko-run/file-based-routing.md
@@ -28,10 +28,16 @@ The router only recognizes certain filenames, all prefixed with `+`. The followi
 
 These files establish a route at the current directory path, which will be served for `GET` requests with the HTML content of the page. Only one page may exist for any served path.
 
+Within a page, the request, path parameters, URL, and route metadata are available through [`$global`](../reference/language.md#global). For example, a page under a [dynamic directory](#path-structure) reads its parameter from `$global.params`:
+
+```marko
+/* src/routes/blog/$slug/+page.marko */
+<h1>Reading post: ${$global.params.slug}</h1>
+```
+
 ### `+layout.marko`
 
-These files provide a **layout component**, which will wrap all nested layouts and pages. Information is obtained from [`$global`](../reference/language.md#global) and `input`
-Layouts are like any other Marko component, with no extra constraints. Each layout receives the request, path params, URL, and route metadata as input, as well as a `content` which refers to the nested page that is being rendered.
+These files provide a **layout component**, which will wrap all nested layouts and pages. Layouts are like any other Marko component, with no extra constraints. Each layout receives a `content` input, which refers to the nested page that is being rendered. As with [pages](#pagemarko), the request, path parameters, URL, and route metadata are available through [`$global`](../reference/language.md#global).
 
 ```marko
 /* +layout.marko */
@@ -78,6 +84,9 @@ Typically, these will be `.js` or `.ts` files, depending on your project. Like p
     }
     ```
 
+> [!TIP]
+> The [Forms guide](../guide/forms.md) shows a handler receiving a form submission and redirecting on success.
+
 ### `+middleware.*`
 
 These files are like layouts, but for handlers. Middleware files are called before handlers and let you perform arbitrary work before and after.
@@ -225,12 +234,12 @@ Without flat routes, you would have a file structure like:
 
 ```text
 routes/
+  +layout.marko
   projects/
+    +layout.marko
     $projectId/
-    $members/
-      +page.marko
-        +layout.marko
-        +layout.marko
+      members/
+        +page.marko
 ```
 
 With flat routes, move the path defined by the directories into the files and separate with a period
@@ -242,17 +251,19 @@ routes/
   projects.$projectId.members+page.marko
 ```
 
-Additionally, you can continue to organize files under directories to decrease duplication and use flat route syntax in the folder name
+Additionally, you can continue to organize files under directories to decrease duplication and use flat route syntax in the folder name. Every file inside the directory is nested under its flat route prefix, so a members page and a settings page can share one folder:
 
 ```text
 routes/
-  projects.$projectId/
-  +layout.marko
-  members+page.marko
   +layout.marko
+  projects.$projectId/
+    members+page.marko
+    settings+page.marko
 ```
 
-Finally, flat routes and routes defined with directories are all treated equally and merged together. For example, this page will have layout
+This serves both `/projects/$projectId/members` and `/projects/$projectId/settings`.
+
+Finally, flat routes and routes defined with directories are all treated equally and merged together. For example, this page will have the layout
 
 ```text
 routes/
@@ -305,3 +316,9 @@ routes/
 ```
 
 While both of these create a route which matches the paths, they have slightly different semantics. Using a pathless segment is the same as creating a pathless directory, which allows you to isolate middleware and layouts. Using an empty segment is the same as defining a file at the current location.
+
+## Next Steps
+
+- [TypeScript](./typescript.md)
+- [Forms](../guide/forms.md)
+- [HTML Streaming](../explanation/streaming.md)
diff --git a/docs/marko-run/getting-started.md b/docs/marko-run/getting-started.md
index 46a83fa46c..cab8ea8a67 100644
--- a/docs/marko-run/getting-started.md
+++ b/docs/marko-run/getting-started.md
@@ -56,7 +56,7 @@ Starting with a template:
 Manual project setup:
 
 1. Install the required package: `npm install @marko/run`
-2. Create the entry file: `src/routes/+page.marko`
+2. Create the entry file: `src/routes/+page.marko` (see [File-based Routing](./file-based-routing.md))
 3. Start the development server: `npm exec marko-run`
 
 The application will be available at `http://localhost:3000` 🚀
@@ -92,3 +92,8 @@ Creates a production build and start the preview server
 ```sh
 npm exec marko-run preview
 ```
+
+## Next Steps
+
+- [File-based Routing](./file-based-routing.md)
+- [TypeScript](./typescript.md)
diff --git a/docs/marko-run/typescript.md b/docs/marko-run/typescript.md
index a4e3d70489..d3bab93061 100644
--- a/docs/marko-run/typescript.md
+++ b/docs/marko-run/typescript.md
@@ -49,3 +49,8 @@ These types are replaced with more specific versions per routable file:
 
 - In middleware and layouts which are used in many routes, this type will be a union of all possible routes that the file will see.
 - When an adapter is used, it can provide types for the platform
+
+## Next Steps
+
+- [TypeScript Reference](../reference/typescript.md)
+- [Supported Environments](../reference/supported-environments.md)
diff --git a/docs/tutorial/components-and-reactivity.md b/docs/tutorial/components-and-reactivity.md
index ec85cd7384..274d2a1d90 100644
--- a/docs/tutorial/components-and-reactivity.md
+++ b/docs/tutorial/components-and-reactivity.md
@@ -57,6 +57,8 @@ Because this is such a common pattern, Marko provides a [shorthand](../reference
 <div>It's ${degF}°F</div>
 ```
 
+The `:=` binds `value` to `degF` and wires up the `valueChange` handler for us, and the function between the colons (`parseFloat`) is a [refining function](../reference/language.md#refining-function) that transforms each new value before it is assigned.
+
 ## Adding Computed Values
 
 Now we can use [the `<const>` tag](../reference/core-tag.md#const) to convert to celsius!
@@ -99,7 +101,7 @@ Now that we have a reactive variable, let's see what else we can do! Maybe some
 
 ## Adding Styles and Visualization
 
-Or what about a temperature gauge, with some fancy CSS?
+Or what about a temperature gauge, with some fancy CSS? By default styles in a `.marko` file are globally scoped and loaded once, and the [Styling guide](../guide/styling.md) covers more options.
 
 ```marko
 <let/degF=80>
diff --git a/docs/tutorial/fundamentals.md b/docs/tutorial/fundamentals.md
index 4aa659f603..a1fa8e2de1 100644
--- a/docs/tutorial/fundamentals.md
+++ b/docs/tutorial/fundamentals.md
@@ -118,6 +118,9 @@ Marko provides many helpful [Core Tags](../reference/core-tag.md). For example,
 </div>
 ```
 
+> [!NOTE]
+> Buttons like these respond to clicks with [event handlers](../reference/native-tag.md#event-handlers), which we use in [Components and Reactivity](./components-and-reactivity.md).
+
 Now we can show different states based on the product data:
 
 ```marko
diff --git a/src/tags/app-menu/app-menu.marko b/src/tags/app-menu/app-menu.marko
index 72141467ba..a84c0dbe28 100644
--- a/src/tags/app-menu/app-menu.marko
+++ b/src/tags/app-menu/app-menu.marko
@@ -47,6 +47,9 @@ div#site-menu class=styles.menu
         strong -- Guides
         ul
           Page="/docs/guide/styling" -- Styling
+          Page="/docs/guide/forms" -- Forms
+          Page="/docs/guide/duplicate-form-submissions" --
+            Duplicate Form Submissions
           Page="/docs/guide/marko-5-interop" -- Marko 5 Interop
       li
         strong -- Explanation