Align docs with current KTX behavior (#106)

* docs: align docs with current KTX behavior

* fix: generate valid agent sl query command

* docs: clarify KTX product mechanics

* fix: use <ol> for runtime pipeline steps in product mechanics

The PipelineStep component renders <li> elements, but the RuntimeDiagram
wrapper was a plain <div> instead of a list element. This produced invalid
HTML and accessibility warnings. IngestionDiagram already used <ol>.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Add docs favicon

* docs: add semantic layer internals concept

* docs: refine documentation source label

* docs: clarify company documentation examples

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

docs-site/app/docs/[[...slug]]/page.tsx

@@ -39,20 +39,29 @@ export default async function Page(props: {
   const hero = isHeroPage(params.slug);
 
   return (
-    <DocsPage toc={page.data.toc}>
+    <DocsPage
+      toc={page.data.toc}
+      className="!mx-0 min-w-0 justify-self-start md:!mx-auto"
+      style={{
+        width: "calc(100vw - 2rem)",
+        maxWidth: "900px",
+      }}
+    >
       {!hero && (
         <>
-          <div className="flex items-start justify-between gap-4">
+          <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4">
             <DocsTitle>{page.data.title}</DocsTitle>
             <DocsPageActions
               markdownUrl={`${page.url}.md`}
               mdxSource={mdxSource}
             />
           </div>
-          <DocsDescription>{page.data.description}</DocsDescription>
+          <DocsDescription className="wrap-anywhere">
+            {page.data.description}
+          </DocsDescription>
         </>
       )}
-      <DocsBody>
+      <DocsBody className="min-w-0 max-w-full wrap-anywhere">
         <MDX components={{ ...defaultMdxComponents, pre: CodeBlock }} />
       </DocsBody>
     </DocsPage>