NO-ISSUE: docs(website): add getting-started

website/.gitignore

@@ -142,3 +142,5 @@ dist
 .svelte-kit
 
 # End of https://www.toptal.com/developers/gitignore/api/node
+
+build/

website/AGENTS.md

@@ -4,15 +4,16 @@ This file defines rules for contributors and automation agents working in `websi
 
 ## 1. Structure & Metadata
 
-- **Frontmatter**: All `.mdx` files must start with the following (wrap titles in single quotes):
+- **File Extension**: All documentation files must use the `.mdx` extension.
+- **Frontmatter**: All documentation files must start with the following (wrap titles in single quotes):
   ```mdx
   ---
   title: <title>
   sidebar_label: <label>
   sidebar_position: <position>
   ---
   ```
-- **Categories**: Every subfolder under `docs/` containing docs must have a `_category_.yaml` with `label` and `position`.
+- **Categories**: Every subfolder under `docs/` containing docs must have a `_category_.yaml` with `label`, `position`, and `collapsed: false`.
 - **Placement**: Place new docs in appropriate subfolders (e.g., `getting-started`, `reference`). Create a new folder with `_category_.yaml` only if necessary.
 - **Artifacts**: Never edit `versioned_docs/` or `versioned_sidebars/`. Only edit source files in `docs/`.
 

website/css/custom.css

@@ -55,3 +55,34 @@ html.docs-doc-id-home .theme-doc-markdown article:has(a.card h2[title='Home']) {
   align-items: center;
   justify-content: center;
 }
+
+.prism-code {
+  counter-reset: line-number;
+  tab-size: 4;
+}
+
+.prism-code .token-line::marker {
+  color: var(--ifm-color-gray-700);
+  content: counter(line-number);
+}
+
+.prism-code .token-line {
+  counter-increment: line-number;
+  display: list-item;
+  padding-left: var(--ifm-pre-padding);
+  margin-left: var(--ifm-global-spacing);
+}
+
+:root {
+  --docusaurus-highlighted-code-line-bg: rgb(240, 240, 180);
+}
+
+[data-theme='dark'] {
+  --docusaurus-highlighted-code-line-bg: rgb(60, 60, 0);
+}
+
+div.docusaurus-mermaid-container {
+  margin: 0 auto 20px;
+  display: flex;
+  justify-content: center;
+}

website/docs/getting-started/_category_.yaml

@@ -0,0 +1,3 @@
+position: 1
+label: Getting Started
+collapsed: false