@sprig-and-prose/sprig-ui-csr 0.2.1 → 0.2.3

package/src/App.svelte

@@ -210,10 +210,26 @@
     width: 100%;
     position: sticky;
     top: 0;
-    background-color: var(--bg-color);
+    /* Background texture applied via JavaScript in main.js to match body texture */
+    /* Use semi-transparent background to allow texture to show while covering scrolling content */
+    background-color: rgba(250, 250, 250, 0.95); /* Light mode base with slight transparency */
     z-index: 100;
   }
 
+  @media (prefers-color-scheme: dark) {
+    .top-bar {
+      background-color: rgba(36, 34, 31, 0.95); /* Dark mode base with slight transparency */
+    }
+  }
+
+  :global(html[data-theme="dark"]) .top-bar {
+    background-color: rgba(36, 34, 31, 0.95); /* Dark mode base with slight transparency */
+  }
+
+  :global(html[data-theme="light"]) .top-bar {
+    background-color: rgba(250, 250, 250, 0.95); /* Light mode base with slight transparency */
+  }
+
   .main-content {
     padding: 64px 32px;
     min-height: calc(100vh - 200px);

package/src/lib/components/GlobalSearch.svelte

@@ -397,7 +397,7 @@
     top: calc(100% + 4px);
     left: 0;
     right: 0;
-    background: var(--bg-color);
+    background: var(--card-bg);
     border: 1px solid var(--border-color);
     border-radius: 4px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

package/src/lib/components/Prose.svelte

@@ -71,7 +71,7 @@
               listItems.push(currentItem);
             }
             const match = lines[i].match(/^[-—*]\s+(.+)$/);
-            currentItem = match[1];
+            currentItem = match && match[1] ? match[1] : '';
           } else {
             // Continuation line - append to current item
             if (currentItem !== null) {
@@ -113,7 +113,7 @@
               listItems.push(currentItem);
             }
             const match = lines[i].match(/^\d+\.\s+(.+)$/);
-            currentItem = match[1];
+            currentItem = match && match[1] ? match[1] : '';
           } else {
             // Continuation line - append to current item
             if (currentItem !== null) {

package/src/lib/data/universeStore.js

@@ -15,6 +15,69 @@ export const universeGraph = writable(/** @type {UniverseGraph|null} */ (null));
 
 export const currentUniverseName = writable(/** @type {string|null} */ (null));
 
+// Hierarchy order: universe > anthology > series > book > chapter > concept
+const HIERARCHY_ORDER = ['universe', 'anthology', 'series', 'book', 'chapter', 'concept'];
+
+/**
+ * Get the expected primary child kind for a given parent kind
+ * @param {string} parentKind
+ * @returns {string | null}
+ */
+function getExpectedPrimaryKind(parentKind) {
+  const index = HIERARCHY_ORDER.indexOf(parentKind);
+  return index >= 0 && index < HIERARCHY_ORDER.length - 1 
+    ? HIERARCHY_ORDER[index + 1] 
+    : null;
+}
+
+/**
+ * Organize children into primary and other groups based on hierarchy
+ * Primary shows the highest-level child type that exists
+ * Other shows all remaining children
+ * @param {NodeModel[]} children
+ * @param {string} parentKind
+ * @returns {{ primary: NodeModel[], other: NodeModel[] }}
+ */
+export function organizeChildren(children, parentKind) {
+  const expectedPrimary = getExpectedPrimaryKind(parentKind);
+  if (!expectedPrimary) {
+    return { primary: children, other: [] };
+  }
+  
+  // Filter out relates nodes
+  const validChildren = children.filter(child => child.kind !== 'relates');
+  
+  // Find highest-level child type that exists
+  const childrenByKind = new Map();
+  for (const child of validChildren) {
+    if (!childrenByKind.has(child.kind)) {
+      childrenByKind.set(child.kind, []);
+    }
+    childrenByKind.get(child.kind).push(child);
+  }
+  
+  // Determine primary: use expected if it exists, otherwise find highest existing
+  let primaryKind = expectedPrimary;
+  if (!childrenByKind.has(primaryKind)) {
+    // Find the highest-level kind that exists (closest to parent in hierarchy)
+    for (const kind of HIERARCHY_ORDER) {
+      if (childrenByKind.has(kind) && HIERARCHY_ORDER.indexOf(kind) > HIERARCHY_ORDER.indexOf(parentKind)) {
+        primaryKind = kind;
+        break;
+      }
+    }
+    // If we still didn't find a primary kind, use the first available kind
+    if (!childrenByKind.has(primaryKind) && childrenByKind.size > 0) {
+      primaryKind = Array.from(childrenByKind.keys())[0];
+    }
+  }
+  
+  const primary = childrenByKind.get(primaryKind) || [];
+  const other = validChildren.filter(child => child.kind !== primaryKind);
+  
+  return { primary, other };
+}
+
 export const currentUniverse = derived(
   [universeGraph, currentUniverseName],
   ([$g, $name]) => $g?.universes?.[$name] ?? null,
@@ -29,10 +92,11 @@ export const rootChildren = derived(
   [universeGraph, universeRootNode],
   ([$g, $root]) => {
     if (!$g || !$root) return [];
-    return ($root.children || [])
+    const children = ($root.children || [])
       .map((id) => $g.nodes[id])
       .filter(Boolean)
       .filter((node) => node.kind !== 'relates'); // Exclude relates nodes from contents
+    return organizeChildren(children, 'universe');
   },
 );
 
@@ -75,8 +139,9 @@ export const currentSeries = derived(
 export const seriesChildren = derived(
   [universeGraph, currentSeries],
   ([$g, $series]) => {
-    if (!$g || !$series) return [];
-    return ($series.children || []).map((id) => $g.nodes[id]).filter(Boolean);
+    if (!$g || !$series) return { primary: [], other: [] };
+    const children = ($series.children || []).map((id) => $g.nodes[id]).filter(Boolean);
+    return organizeChildren(children, 'series');
   },
 );
 
@@ -87,17 +152,39 @@ export const currentAnthology = derived(
   ([$g, $anthologyId]) => ($g && $anthologyId ? $g.nodes[$anthologyId] : null),
 );
 
-export const anthologySeries = derived(
+export const currentBookId = writable(/** @type {string|null} */ (null));
+
+export const currentBook = derived(
+  [universeGraph, currentBookId],
+  ([$g, $bookId]) => ($g && $bookId ? $g.nodes[$bookId] : null),
+);
+
+export const bookChildren = derived(
+  [universeGraph, currentBook],
+  ([$g, $book]) => {
+    if (!$g || !$book) return { primary: [], other: [] };
+    const children = ($book.children || []).map((id) => $g.nodes[id]).filter(Boolean);
+    return organizeChildren(children, 'book');
+  },
+);
+
+export const anthologyChildren = derived(
   [universeGraph, currentAnthology],
   ([$g, $anthology]) => {
-    if (!$g || !$anthology) return [];
-    return ($anthology.children || [])
+    if (!$g || !$anthology) return { primary: [], other: [] };
+    const children = ($anthology.children || [])
       .map((id) => $g.nodes[id])
-      .filter(Boolean)
-      .filter((node) => node.kind === 'series');
+      .filter(Boolean);
+    return organizeChildren(children, 'anthology');
   },
 );
 
+// Keep old name for backward compatibility during migration
+export const anthologySeries = derived(
+  [anthologyChildren],
+  ([$organized]) => $organized.primary,
+);
+
 /**
  * Get contextual relationships for a node
  * @param {UniverseGraph | null} graph

package/src/lib/stores/describeRenderMode.js

@@ -3,7 +3,7 @@ import { writable } from 'svelte/store';
 /**
  * Store for describe block rendering mode.
  * Values: 'plain' | 'lists'
- * Default: 'plain'
+ * Default: 'lists'
  */
-export const describeRenderMode = writable(/** @type {'plain' | 'lists'} */ ('plain'));
+export const describeRenderMode = writable(/** @type {'plain' | 'lists'} */ ('lists'));
 

package/src/main.js

@@ -1,4 +1,5 @@
 import './styles/app.css';
+import '@fortawesome/fontawesome-free/css/all.css';
 import './lib/stores/theme.js'; // Initialize theme store
 import { theme } from './lib/stores/theme.js';
 import { get } from 'svelte/store';
@@ -49,10 +50,21 @@ async function initTexture() {
       const effectiveTheme = getEffectiveTheme(themeValue);
       const url = effectiveTheme === 'dark' ? textureState.dark : textureState.light;
       if (url) {
+        // Apply texture to body
         document.body.style.backgroundImage = `url(${url})`;
         document.body.style.backgroundRepeat = 'repeat';
         document.body.style.backgroundSize = '1024px 1024px';
         document.body.style.backgroundAttachment = 'fixed';
+        
+        // Apply same texture to top bar so it matches the background
+        const topBar = document.querySelector('.top-bar');
+        if (topBar) {
+          topBar.style.backgroundImage = `url(${url})`;
+          topBar.style.backgroundRepeat = 'repeat';
+          topBar.style.backgroundSize = '1024px 1024px';
+          topBar.style.backgroundAttachment = 'fixed';
+          topBar.style.backgroundPosition = '0 0'; // Align with body
+        }
       }
     }
 

package/src/pages/AnthologyPage.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { currentAnthology, anthologySeries, universeGraph, currentUniverseName, universeRootNode, getNodeRoute, currentAnthologyId } from '../lib/data/universeStore.js';
+  import { currentAnthology, anthologyChildren, universeGraph, currentUniverseName, universeRootNode, getNodeRoute, currentAnthologyId } from '../lib/data/universeStore.js';
   import { getDisplayTitle } from '../lib/format/title.js';
   import Prose from '../lib/components/Prose.svelte';
   import ContentsCard from '../lib/components/ContentsCard.svelte';
@@ -32,7 +32,10 @@
     </section>
 
     <aside class="index">
-      <ContentsCard children={$anthologySeries} />
+      {#if $anthologyChildren.primary.length > 0 || $anthologyChildren.other.length > 0}
+        {@const allChildren = [...$anthologyChildren.primary, ...$anthologyChildren.other]}
+        <ContentsCard children={allChildren} />
+      {/if}
     </aside>
   </div>
 

package/src/pages/ConceptPage.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { universeGraph, currentUniverseName, universeRootNode, getNodeRoute, getRelationshipsForNode, getAncestorChain } from '../lib/data/universeStore.js';
+  import { universeGraph, currentUniverseName, universeRootNode, getNodeRoute, getRelationshipsForNode, getAncestorChain, organizeChildren } from '../lib/data/universeStore.js';
   import { getDisplayTitle } from '../lib/format/title.js';
   import Prose from '../lib/components/Prose.svelte';
   import ContentsCard from '../lib/components/ContentsCard.svelte';
@@ -21,7 +21,8 @@
   // Decode the node ID from URL
   $: nodeId = decodeURIComponent(params.id);
   $: currentNode = $universeGraph?.nodes[nodeId];
-  $: children = currentNode?.children?.map((id) => $universeGraph?.nodes[id]).filter(Boolean) || [];
+  $: rawChildren = currentNode?.children?.map((id) => $universeGraph?.nodes[id]).filter(Boolean) || [];
+  $: organizedChildren = currentNode ? organizeChildren(rawChildren, currentNode.kind) : { primary: [], other: [] };
   $: relationships = currentNode ? getRelationshipsForNode($universeGraph, nodeId) : [];
   $: ancestors = currentNode ? getAncestorChain($universeGraph, currentNode) : [];
   $: showContextLine = currentNode && (currentNode.kind === 'book' || currentNode.kind === 'chapter' || (currentNode.kind === 'concept' && currentNode.parent));
@@ -128,11 +129,34 @@
 
 
   $: subtitle = (() => {
+    if (!currentNode) return '';
     if (showContextLine) {
-      if (currentNode.kind === 'book' && ancestors[0]) {
-        const series = ancestors[0];
-        const seriesRoute = getNodeRoute(series);
-        return `A book in the <a href="${seriesRoute}">${getDisplayTitle(series)}</a> series`;
+      if (currentNode.kind === 'book') {
+        // Check if book belongs to a series
+        if (ancestors[0] && ancestors[0].kind === 'series') {
+          const series = ancestors[0];
+          const seriesRoute = getNodeRoute(series);
+          return `A book in the <a href="${seriesRoute}">${getDisplayTitle(series)}</a> series`;
+        }
+        
+        // Check if book belongs to an anthology (but not a series)
+        if (currentNode.parent && $universeGraph) {
+          const parentNode = $universeGraph.nodes[currentNode.parent];
+          if (parentNode && parentNode.kind === 'anthology') {
+            const anthologyRoute = getNodeRoute(parentNode);
+            const anthologyName = getDisplayTitle(parentNode);
+            const universeLink = $universeRootNode 
+              ? `<a href="/">${getDisplayTitle($universeRootNode) || params.universe}</a>`
+              : params.universe;
+            return `A book in <a href="${anthologyRoute}">${anthologyName}</a> (in ${universeLink})`;
+          }
+        }
+        
+        // Standalone book - link to universe home page
+        const universeLink = $universeRootNode 
+          ? `<a href="/">${getDisplayTitle($universeRootNode) || params.universe}</a>`
+          : params.universe;
+        return `A book in ${universeLink}`;
       } else if (currentNode.kind === 'chapter' && ancestors[0] && ancestors[1]) {
         const book = ancestors[0];
         const series = ancestors[1];
@@ -162,6 +186,13 @@
           }
         }
       }
+      // Fallback for books without ancestors - link to universe home page
+      if (currentNode.kind === 'book') {
+        const universeLink = $universeRootNode 
+          ? `<a href="/">${getDisplayTitle($universeRootNode) || params.universe}</a>`
+          : params.universe;
+        return `A book in ${universeLink}`;
+      }
       return `${currentNode.kind} in ${params.universe}`;
     } else {
       if (currentNode.kind === 'concept') {
@@ -181,9 +212,10 @@
       <Prose textBlock={currentNode.describe} />
     </section>
 
-    {#if children.length > 0}
+    {#if organizedChildren.primary.length > 0 || organizedChildren.other.length > 0}
+      {@const allChildren = [...organizedChildren.primary, ...organizedChildren.other]}
       <aside class="index">
-        <ContentsCard children={children} currentNode={currentNode} />
+        <ContentsCard children={allChildren} currentNode={currentNode} />
       </aside>
     {/if}
   </div>
@@ -223,7 +255,7 @@
           <li class="relationship-item">
             <a class="relationship-link sprig-link" href={getNodeRoute(rel.otherNode)}>
               <span class="relationship-label">{rel.label}</span>
-              <span class="relationship-separator">→</span>
+              <span class="relationship-separator"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
               <span class="relationship-name">{displayName}</span>
               <span class="relationship-kind">{rel.otherNode.kind}</span>
             </a>

package/src/pages/HomePage.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { universeRootNode, rootChildren, rootAnthologies, rootUngroupedSeries, universeGraph } from '../lib/data/universeStore.js';
+  import { universeRootNode, rootChildren, universeGraph } from '../lib/data/universeStore.js';
   import UniverseHeader from '../lib/components/UniverseHeader.svelte';
   import Prose from '../lib/components/Prose.svelte';
   import ContentsCard from '../lib/components/ContentsCard.svelte';
@@ -15,15 +15,13 @@
     </section>
 
     <aside class="index">
-      {#if $rootAnthologies.length > 0}
-        <ContentsCard children={$rootAnthologies} title="Anthologies" />
-        {#if $rootUngroupedSeries.length > 0}
-          <div class="other-series">
-            <ContentsCard children={$rootUngroupedSeries} title="Other series" />
-          </div>
-        {/if}
-      {:else}
-        <ContentsCard children={$rootChildren} title="Concepts in this universe" />
+      {#if $rootChildren.primary.length > 0}
+        <ContentsCard children={$rootChildren.primary} />
+      {/if}
+      {#if $rootChildren.other.length > 0}
+        <div class="other-contents">
+          <ContentsCard children={$rootChildren.other} title="Other" />
+        </div>
       {/if}
     </aside>
   </div>
@@ -55,7 +53,7 @@
     width: 100%;
   }
 
-  .other-series {
+  .other-contents {
     margin-top: 1rem;
   }
 

package/src/pages/SeriesPage.svelte

@@ -151,7 +151,10 @@
     </section>
 
     <aside class="index">
-      <ContentsCard children={$seriesChildren} />
+      {#if $seriesChildren.primary.length > 0 || $seriesChildren.other.length > 0}
+        {@const allChildren = [...$seriesChildren.primary, ...$seriesChildren.other]}
+        <ContentsCard children={allChildren} />
+      {/if}
     </aside>
   </div>
 
@@ -172,7 +175,7 @@
           <li class="relationship-item">
             <a class="relationship-link sprig-link" href={getNodeRoute(rel.otherNode)}>
               <span class="relationship-label">{rel.label}</span>
-              <span class="relationship-separator">→</span>
+              <span class="relationship-separator"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
               <span class="relationship-name">{displayName}</span>
               <span class="relationship-kind">{rel.otherNode.kind}</span>
             </a>

package/src/styles/app.css

@@ -44,7 +44,7 @@
   --sprig-link-anchor-underline: rgba(0, 0, 0, 0.35);
   --sprig-link-anchor-underline-hover: rgba(0, 0, 0, 0.5);
 
-  --card-bg: rgba(235, 225, 210, 0.8); /* Original parchment tone for light theme */
+  --card-bg: rgb(235, 225, 210); /* Opaque parchment tone for light theme */
   --card-border: var(--border-color);
 
   --hairline: var(--border-color);
@@ -172,7 +172,7 @@ html[data-theme="light"] {
   --sprig-link-anchor-underline: rgba(0, 0, 0, 0.35);
   --sprig-link-anchor-underline-hover: rgba(0, 0, 0, 0.5);
 
-  --card-bg: rgba(235, 225, 210, 0.8); /* Original parchment tone for light theme */
+  --card-bg: rgb(235, 225, 210); /* Opaque parchment tone for light theme */
   --card-border: var(--border-color);
 
   --hairline: var(--border-color);

package/dist/assets/index-59_3EkH_.css

@@ -1 +0,0 @@
-.sprig-design{--sp-font-tiny: .75rem;--sp-font-small: .875rem;--sp-font-body: 1rem;--sp-font-h1: 3rem;--sp-font-h2: 1.5rem;--sp-font-h3: 1.25rem;--sp-line-body: 1.7;--sp-line-tight: 1.3;--sp-line-loose: 1.9;--sp-space-1: .25rem;--sp-space-2: .5rem;--sp-space-3: .75rem;--sp-space-4: 1rem;--sp-space-6: 1.5rem;--sp-space-8: 2rem;--sp-space-12: 3rem}.sprig-design .sp-prose{font-size:var(--sp-font-body);line-height:var(--sp-line-body)}.sprig-design .sp-prose p{margin:0 0 var(--sp-space-4) 0}.sprig-design .sp-prose h1{font-size:var(--sp-font-h1);line-height:1.15;margin:0 0 var(--sp-space-12) 0}.sprig-design .sp-prose h2{font-size:var(--sp-font-h2);line-height:var(--sp-line-tight);margin:var(--sp-space-12) 0 var(--sp-space-3) 0}.sprig-design .sp-prose h3{font-size:var(--sp-font-h3);line-height:var(--sp-line-tight);margin:var(--sp-space-8) 0 var(--sp-space-2) 0}.sprig-design .sp-prose small,.sprig-design .sp-prose .sp-meta{font-size:var(--sp-font-small);line-height:var(--sp-line-tight)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-prose: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-color: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #464646;--bg-color: #fafafa;--border-color: #e0e0e0;--dictionary-bg: #f5f5f5;--code-bg: #f8f8f8;--code-border: #e8e8e8;--bg: var(--bg-color);--text: var(--text-color);--muted: var(--text-secondary);--link-structural: #2a2a2a;--link-exploratory: #3d3d3d;--link-underline: rgba(0, 0, 0, .2);--sprig-link-fg: #2a2a2a;--sprig-link-underline: rgba(0, 0, 0, .25);--sprig-link-underline-hover: rgba(0, 0, 0, .4);--sprig-link-anchor-fg: #1f1f1f;--sprig-link-anchor-underline: rgba(0, 0, 0, .35);--sprig-link-anchor-underline-hover: rgba(0, 0, 0, .5);--card-bg: rgba(235, 225, 210, .8);--card-border: var(--border-color);--hairline: var(--border-color);--hover: rgba(0, 0, 0, .04);--tex-a: .015;--tex-b: .01}@media(prefers-color-scheme:dark){:root{--text-color: #e8e8e8;--text-secondary: #b8b8b8;--text-tertiary: #b4b4b4;--bg-color: #24221f;--border-color: #3a3a3a;--dictionary-bg: #1c1a17;--code-bg: #1c1a17;--code-border: #2a2a2a;--bg: var(--bg-color);--text: var(--text-color);--muted: var(--text-secondary);--link-structural: #e8e8e8;--link-exploratory: #b8b8b8;--link-underline: rgba(255, 255, 255, .3);--sprig-link-fg: #e8e8e8;--sprig-link-underline: rgba(255, 255, 255, .35);--sprig-link-underline-hover: rgba(255, 255, 255, .5);--sprig-link-anchor-fg: #e8e8e8;--sprig-link-anchor-underline: rgba(255, 255, 255, .45);--sprig-link-anchor-underline-hover: rgba(255, 255, 255, .6);--card-bg: var(--dictionary-bg);--card-border: var(--border-color);--hairline: var(--border-color);--hover: rgba(255, 255, 255, .06);--tex-a: .03;--tex-b: .02}}html,body{margin:0;padding:0}html[data-theme=dark]{--text-color: #e8e8e8;--text-secondary: #b8b8b8;--text-tertiary: #b4b4b4;--bg-color: #24221f;--border-color: #3a3a3a;--dictionary-bg: #1c1a17;--code-bg: #1c1a17;--code-border: #2a2a2a;--bg: var(--bg-color);--text: var(--text-color);--muted: var(--text-secondary);--link-structural: #e8e8e8;--link-exploratory: #b8b8b8;--link-underline: rgba(255, 255, 255, .3);--sprig-link-fg: #e8e8e8;--sprig-link-underline: rgba(255, 255, 255, .35);--sprig-link-underline-hover: rgba(255, 255, 255, .5);--sprig-link-anchor-fg: #e8e8e8;--sprig-link-anchor-underline: rgba(255, 255, 255, .45);--sprig-link-anchor-underline-hover: rgba(255, 255, 255, .6);--card-bg: var(--dictionary-bg);--card-border: var(--border-color);--hairline: var(--border-color);--hover: rgba(255, 255, 255, .06);--tex-a: .03;--tex-b: .02}html[data-theme=light]{--text-color: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #464646;--bg-color: #fafafa;--border-color: #e0e0e0;--dictionary-bg: #f5f5f5;--code-bg: #f8f8f8;--code-border: #e8e8e8;--bg: var(--bg-color);--text: var(--text-color);--muted: var(--text-secondary);--link-structural: #2a2a2a;--link-exploratory: #3d3d3d;--link-underline: rgba(0, 0, 0, .2);--sprig-link-fg: #2a2a2a;--sprig-link-underline: rgba(0, 0, 0, .25);--sprig-link-underline-hover: rgba(0, 0, 0, .4);--sprig-link-anchor-fg: #1f1f1f;--sprig-link-anchor-underline: rgba(0, 0, 0, .35);--sprig-link-anchor-underline-hover: rgba(0, 0, 0, .5);--card-bg: rgba(235, 225, 210, .8);--card-border: var(--border-color);--hairline: var(--border-color);--hover: rgba(0, 0, 0, .04);--tex-a: .015;--tex-b: .01}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--sp-font-body);line-height:var(--sp-line-body);color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25rem;text-decoration-color:#00000040;transition:text-decoration-thickness .15s ease,text-decoration-color .15s ease;cursor:pointer}@media(prefers-color-scheme:dark){a{text-decoration-color:#ffffff59}}html[data-theme=dark] a{text-decoration-color:#ffffff59}html[data-theme=light] a{text-decoration-color:#00000040}a:hover{text-decoration-thickness:1.5px;text-decoration-color:#0006}@media(prefers-color-scheme:dark){a:hover{text-decoration-color:#ffffff80}}html[data-theme=dark] a:hover{text-decoration-color:#ffffff80}html[data-theme=light] a:hover{text-decoration-color:#0006}a:focus{outline:2px solid var(--text-tertiary);outline-offset:2px;border-radius:2px}a.sprig-link,.sprig-link{color:var(--sprig-link-fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#00000040;cursor:pointer;transition:text-decoration-thickness .15s ease,text-decoration-color .15s ease}@media(prefers-color-scheme:dark){a.sprig-link,.sprig-link{text-decoration-color:#ffffff59}}html[data-theme=dark] a.sprig-link,html[data-theme=dark] .sprig-link{text-decoration-color:#ffffff59}html[data-theme=light] a.sprig-link,html[data-theme=light] .sprig-link{text-decoration-color:#00000040}a.sprig-link:hover,.sprig-link:hover{text-decoration-thickness:1.5px;text-decoration-color:#0006}@media(prefers-color-scheme:dark){a.sprig-link:hover,.sprig-link:hover{text-decoration-color:#ffffff80}}html[data-theme=dark] a.sprig-link:hover,html[data-theme=dark] .sprig-link:hover{text-decoration-color:#ffffff80}html[data-theme=light] a.sprig-link:hover,html[data-theme=light] .sprig-link:hover{text-decoration-color:#0006}a.sprig-link:focus-visible,.sprig-link:focus-visible{outline:2px solid var(--text-tertiary);outline-offset:3px;border-radius:2px}a.sprig-link--quiet,.sprig-link--quiet{color:var(--sprig-link-fg);text-decoration-color:#00000040;opacity:.9}@media(prefers-color-scheme:dark){a.sprig-link--quiet,.sprig-link--quiet{text-decoration-color:#ffffff59}}html[data-theme=dark] a.sprig-link--quiet,html[data-theme=dark] .sprig-link--quiet{text-decoration-color:#ffffff59}html[data-theme=light] a.sprig-link--quiet,html[data-theme=light] .sprig-link--quiet{text-decoration-color:#00000040}a.sprig-link--quiet:hover,.sprig-link--quiet:hover{text-decoration-thickness:1.5px;text-decoration-color:#0006;opacity:1}@media(prefers-color-scheme:dark){a.sprig-link--quiet:hover,.sprig-link--quiet:hover{text-decoration-color:#ffffff80}}html[data-theme=dark] a.sprig-link--quiet:hover,html[data-theme=dark] .sprig-link--quiet:hover{text-decoration-color:#ffffff80}html[data-theme=light] a.sprig-link--quiet:hover,html[data-theme=light] .sprig-link--quiet:hover{text-decoration-color:#0006}.search-container.svelte-1ytcet{display:flex;flex:1}.search-wrapper.svelte-1ytcet{position:relative;max-width:500px;width:100%}.search-input.svelte-1ytcet{width:100%;padding:10px 14px;font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-color);background:var(--card-bg);border:none;border-radius:4px;outline:none;transition:box-shadow .2s}.search-input.svelte-1ytcet:focus{box-shadow:0 0 0 3px #0000000d}@media(prefers-color-scheme:dark){.search-input.svelte-1ytcet:focus{box-shadow:0 0 0 3px #ffffff0d}}html[data-theme=dark] .search-input.svelte-1ytcet:focus{box-shadow:0 0 0 3px #ffffff0d}.search-input.svelte-1ytcet::placeholder{color:var(--text-tertiary)}.results-dropdown.svelte-1ytcet{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000014;max-height:400px;overflow-y:auto;z-index:1000;margin-top:4px}@media(prefers-color-scheme:dark){.results-dropdown.svelte-1ytcet{box-shadow:0 4px 12px #0000004d}}html[data-theme=dark] .results-dropdown.svelte-1ytcet{box-shadow:0 4px 12px #0000004d}.result-item.svelte-1ytcet{display:block;padding:12px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--hairline);transition:background-color .15s;cursor:pointer}.result-item.svelte-1ytcet:last-child{border-bottom:none}.result-item.svelte-1ytcet:hover,.result-item.svelte-1ytcet:focus{background:var(--hover);outline:none}.result-item.svelte-1ytcet:focus-visible{outline:2px solid var(--text-tertiary);outline-offset:-2px}.result-item--active.svelte-1ytcet{background:var(--hover)}.result-item--active.svelte-1ytcet .result-title:where(.svelte-1ytcet){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--text-secondary)}.result-content.svelte-1ytcet{display:flex;flex-direction:column;gap:4px}.result-title.svelte-1ytcet{font-family:var(--font-prose);font-size:var(--sp-font-body);color:var(--text-color);font-weight:400}.result-meta.svelte-1ytcet{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:var(--sp-font-tiny)}.result-kind.svelte-1ytcet{color:var(--text-tertiary);text-transform:capitalize;font-weight:400}.result-context.svelte-1ytcet{color:var(--text-secondary)}.result-context.svelte-1ytcet:before{content:"·";margin-right:4px;color:var(--text-tertiary)}.header.svelte-162svzm{margin-bottom:48px}.title.svelte-162svzm{font-size:var(--sp-font-h1);font-weight:400;line-height:1.2;margin-bottom:0;color:var(--text-color);letter-spacing:-.5px;font-family:var(--font-prose)}.subtitle.svelte-162svzm{margin:0;font-size:var(--sp-font-body);line-height:1.6;color:var(--text-color);font-family:var(--font-ui)}.subtitle.svelte-162svzm a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25rem;text-decoration-color:#00000040;transition:text-decoration-thickness .15s ease,text-decoration-color .15s ease}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .subtitle.svelte-162svzm a{text-decoration-color:#ffffff59}}html[data-theme=dark] .subtitle.svelte-162svzm a{text-decoration-color:#ffffff59}html[data-theme=light] .subtitle.svelte-162svzm a{text-decoration-color:#00000040}.subtitle.svelte-162svzm a:hover{text-decoration-thickness:1.5px;text-decoration-color:#0006}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .subtitle.svelte-162svzm a:hover{text-decoration-color:#ffffff80}}html[data-theme=dark] .subtitle.svelte-162svzm a:hover{text-decoration-color:#ffffff80}html[data-theme=light] .subtitle.svelte-162svzm a:hover{text-decoration-color:#0006}@media(max-width:768px){.title.svelte-162svzm{font-size:36px;margin-bottom:32px;letter-spacing:-.3px}.subtitle.svelte-162svzm{font-size:var(--sp-font-body);line-height:1.65}}@media(max-width:480px){.title.svelte-162svzm{font-size:32px;margin-bottom:28px;letter-spacing:-.2px}.subtitle.svelte-162svzm{font-size:var(--sp-font-body)}}.prose.svelte-1szor9z{max-width:70ch;font-size:var(--sp-font-body);line-height:var(--sp-line-body)}p.svelte-1szor9z{font-size:var(--sp-font-body);line-height:var(--sp-line-body);margin-bottom:var(--sp-space-4);color:var(--text-color)}p.svelte-1szor9z:last-child{margin-bottom:0}ul.svelte-1szor9z{list-style:none;padding-left:0;margin-bottom:var(--sp-space-6)}ul.svelte-1szor9z li:where(.svelte-1szor9z){font-size:var(--sp-font-body);line-height:var(--sp-line-loose);color:var(--text-secondary);margin-bottom:var(--sp-space-3);padding-left:var(--sp-space-6);position:relative}ul.svelte-1szor9z li:where(.svelte-1szor9z):before{content:"—";position:absolute;left:0;color:var(--text-tertiary)}ul.svelte-1szor9z li:where(.svelte-1szor9z):last-child{margin-bottom:0}ol.svelte-1szor9z{margin-bottom:var(--sp-space-6);padding-left:var(--sp-space-6)}ol.svelte-1szor9z li:where(.svelte-1szor9z){font-size:var(--sp-font-body);line-height:var(--sp-line-body);margin-bottom:var(--sp-space-3);color:var(--text-color)}ol.svelte-1szor9z li:where(.svelte-1szor9z):last-child{margin-bottom:0}.empty.svelte-1szor9z{color:var(--text-tertiary);font-size:var(--sp-font-small);padding:10px 0}@media(max-width:480px){ul.svelte-1szor9z li:where(.svelte-1szor9z){padding-left:20px}}.card.svelte-fr86xg{background-color:var(--card-bg);border-radius:4px;padding:24px;font-size:var(--sp-font-small);line-height:1.6;width:100%;position:sticky;top:32px}.title.svelte-fr86xg{font-size:var(--sp-font-tiny);color:var(--text-tertiary);letter-spacing:.5px;margin-bottom:20px;font-family:var(--font-ui)}.list.svelte-fr86xg{list-style:none;padding:0;margin:0}.item.svelte-fr86xg{margin-bottom:20px;color:var(--text-secondary)}.item.svelte-fr86xg:last-child{margin-bottom:0}.link.svelte-fr86xg{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:.75rem;justify-content:space-between;padding:0;text-align:left;width:100%}.link.sprig-link.svelte-fr86xg{text-decoration:none}.link.sprig-link.svelte-fr86xg .name:where(.svelte-fr86xg){text-decoration:none}.link.sprig-link.svelte-fr86xg:hover .name:where(.svelte-fr86xg){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25rem;text-decoration-color:#00000040}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .link.sprig-link.svelte-fr86xg:hover .name:where(.svelte-fr86xg){text-decoration-color:#ffffff59}}html[data-theme=dark] .link.sprig-link.svelte-fr86xg:hover .name:where(.svelte-fr86xg){text-decoration-color:#ffffff59}html[data-theme=light] .link.sprig-link.svelte-fr86xg:hover .name:where(.svelte-fr86xg){text-decoration-color:#0006}.link.svelte-fr86xg:focus{outline:2px solid var(--text-tertiary);outline-offset:.25rem;border-radius:2px}.name.svelte-fr86xg{font-size:var(--sp-font-body);font-family:var(--font-prose);font-weight:400;color:var(--text-color)}.kind.svelte-fr86xg{font-size:var(--sp-font-tiny);color:var(--text-tertiary);font-family:var(--font-ui);font-style:italic;font-weight:400;text-decoration:none}.empty.svelte-fr86xg{color:var(--text-tertiary);font-size:var(--sp-font-small);margin:0;font-family:var(--font-ui)}@media(max-width:768px){.card.svelte-fr86xg{padding:20px;font-size:var(--sp-font-small);position:static}.item.svelte-fr86xg{margin-bottom:20px}}@media(max-width:480px){.card.svelte-fr86xg{padding:18px;font-size:var(--sp-font-tiny)}}.footer.svelte-1ynevzn{padding:2rem 0;border-top:1px solid var(--border-color);margin-top:4rem;width:100%;overflow-x:hidden;display:flex;justify-content:space-between;gap:18px;font-size:var(--sp-font-tiny);color:var(--text-tertiary);max-width:1200px;margin-left:auto;margin-right:auto}.left.svelte-1ynevzn,.right.svelte-1ynevzn{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.label.svelte-1ynevzn{color:var(--text-tertiary)}.value.svelte-1ynevzn{color:var(--text-secondary)}.dot.svelte-1ynevzn{color:var(--text-tertiary)}@media(max-width:768px){.footer.svelte-1ynevzn{padding:2rem 0;margin-top:48px;font-size:var(--sp-font-tiny)}}@media(max-width:480px){.footer.svelte-1ynevzn{padding:1.5rem 0;margin-top:40px;font-size:var(--sp-font-tiny)}}.grid.svelte-bpgxme{display:grid;grid-template-columns:1fr 350px;gap:64px;align-items:start;max-width:1200px;margin:0 auto;width:100%}.narrative.svelte-bpgxme{max-width:680px;min-width:0;width:100%}.index.svelte-bpgxme{min-width:0;width:100%}.other-series.svelte-bpgxme{margin-top:1rem}.loading.svelte-bpgxme{color:var(--text-tertiary);padding:24px 0}@media(max-width:768px){.grid.svelte-bpgxme{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.grid.svelte-bpgxme{gap:32px}}.grid.svelte-1f5uo2k{display:grid;grid-template-columns:1fr 350px;gap:64px;align-items:start;max-width:1200px;margin:0 auto;width:100%}.narrative.svelte-1f5uo2k{max-width:680px;min-width:0;width:100%}.index.svelte-1f5uo2k{min-width:0;width:100%}.relationships.svelte-1f5uo2k{margin-top:32px;padding-top:24px;border-top:1px solid var(--hairline)}.relationships-title.svelte-1f5uo2k{font-family:var(--font-ui);font-size:var(--sp-font-tiny);letter-spacing:.02em;text-transform:none;color:var(--text-secondary);margin:0 0 .75rem}.relationships-list.svelte-1f5uo2k{list-style:none;padding:0;margin:0}.relationship-item.svelte-1f5uo2k{margin-bottom:2rem}.relationship-item.svelte-1f5uo2k:last-child{margin-bottom:0}.relationship-link.svelte-1f5uo2k{display:flex;align-items:center;gap:8px;padding:4px 0}.relationship-link.sprig-link.svelte-1f5uo2k{text-decoration:none}.relationship-link.sprig-link.svelte-1f5uo2k .relationship-name:where(.svelte-1f5uo2k){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem;text-decoration-color:var(--sprig-link-underline)}.relationship-link.sprig-link.svelte-1f5uo2k:hover .relationship-name:where(.svelte-1f5uo2k){text-decoration-thickness:1.5px;text-decoration-color:var(--sprig-link-underline-hover)}.relationship-label.svelte-1f5uo2k{font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-secondary)}.relationship-separator.svelte-1f5uo2k{font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-tertiary);opacity:.6}.relationship-name.svelte-1f5uo2k{font-family:var(--font-prose);font-size:var(--sp-font-small);color:inherit}.relationship-kind.svelte-1f5uo2k{font-family:var(--font-ui);font-size:var(--sp-font-tiny);color:var(--text-tertiary);margin-left:auto}.relationship-description.svelte-1f5uo2k{margin:8px 0 0;font-family:var(--font-prose);font-size:var(--sp-font-body);color:var(--text-secondary);line-height:1.6;max-width:70ch}.loading.svelte-1f5uo2k{color:var(--text-tertiary);padding:24px 0}.references.svelte-1f5uo2k{margin-top:32px;padding-top:24px;border-top:1px solid var(--hairline)}.references-title.svelte-1f5uo2k{font-family:var(--font-ui);font-size:var(--sp-font-tiny);letter-spacing:.02em;text-transform:none;color:var(--text-secondary);margin:0 0 .75rem}.references-subtitle.svelte-1f5uo2k{font-family:var(--font-ui);font-size:var(--sp-font-tiny);color:var(--text-tertiary);margin:0 0 1.5rem}.reference-list.svelte-1f5uo2k{list-style:none;padding:0;margin:0}.reference-item.svelte-1f5uo2k{margin-bottom:2rem}.reference-item.svelte-1f5uo2k:last-child{margin-bottom:0}.reference-repo-pill.svelte-1f5uo2k{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-family:var(--font-ui);font-size:var(--sp-font-small);text-transform:lowercase;color:var(--text-tertiary);border:1px solid var(--hairline);margin-bottom:1rem;text-decoration:none}.reference-path-link.svelte-1f5uo2k{display:block;margin-top:2px;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--sp-font-body);color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem;text-decoration-color:var(--sprig-link-underline)}.reference-row.svelte-1f5uo2k{display:flex;align-items:baseline;gap:8px}.reference-kind.svelte-1f5uo2k{margin-left:auto;font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-tertiary)}.reference-description.svelte-1f5uo2k,.reference-note.svelte-1f5uo2k{margin:6px 0 0;font-family:var(--font-prose);font-size:var(--sp-font-body);color:var(--text-secondary);line-height:1.5;max-width:70ch}.reference-links-list.svelte-1f5uo2k{list-style:none;padding:0;margin:8px 0 0}.reference-group-list.svelte-1f5uo2k{list-style:none;padding:0;margin:0}.reference-group-item.svelte-1f5uo2k+.reference-group-item:where(.svelte-1f5uo2k){margin-top:2rem}.reference-links-item.svelte-1f5uo2k{margin-bottom:6px}.reference-links-item.svelte-1f5uo2k:last-child{margin-bottom:0}@media(max-width:768px){.grid.svelte-1f5uo2k{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.grid.svelte-1f5uo2k{gap:32px}}.grid.svelte-10bbj5c{display:grid;grid-template-columns:1fr 350px;gap:64px;align-items:start;max-width:1200px;margin:0 auto;width:100%}.narrative.svelte-10bbj5c{max-width:680px;min-width:0;width:100%}.index.svelte-10bbj5c{min-width:0;width:100%}.loading.svelte-10bbj5c{color:var(--text-tertiary);padding:24px 0}@media(max-width:768px){.grid.svelte-10bbj5c{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.grid.svelte-10bbj5c{gap:32px}}.grid.svelte-9edgfz{display:grid;grid-template-columns:1fr 350px;gap:64px;align-items:start;max-width:1200px;margin:0 auto;width:100%}.narrative.svelte-9edgfz{max-width:680px;min-width:0;width:100%}.index.svelte-9edgfz{min-width:0;width:100%}.chapter-navigation.svelte-9edgfz{margin-top:20px;padding-top:18px}.chapter-navigation-title.svelte-9edgfz{font-family:var(--font-prose);font-size:var(--sp-font-small);letter-spacing:0;text-transform:none;color:var(--text-secondary);margin:0 0 .5rem;font-weight:400}.chapter-navigation-list.svelte-9edgfz{list-style:none;padding:0;margin:0}.chapter-navigation-item.svelte-9edgfz{margin-bottom:.4rem}.chapter-navigation-item.svelte-9edgfz:last-child{margin-bottom:0}.chapter-navigation-link.svelte-9edgfz{display:inline-block;font-family:var(--font-prose);font-size:var(--sp-font-body);font-weight:400;color:inherit;padding:2px 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem;text-decoration-color:var(--sprig-link-underline)}.chapter-navigation-link.svelte-9edgfz:hover{text-decoration-thickness:1.5px;text-decoration-color:var(--sprig-link-underline-hover)}.relationships.svelte-9edgfz{margin-top:32px;padding-top:24px;border-top:1px solid var(--hairline)}.relationships-title.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);letter-spacing:.02em;text-transform:none;color:var(--text-secondary);margin:0 0 .75rem}.relationships-list.svelte-9edgfz{list-style:none;padding:0;margin:0}.relationship-item.svelte-9edgfz{margin-bottom:2rem}.relationship-item.svelte-9edgfz:last-child{margin-bottom:0}.relationship-link.svelte-9edgfz{display:flex;align-items:center;gap:8px;padding:4px 0}.relationship-link.sprig-link.svelte-9edgfz{text-decoration:none}.relationship-link.sprig-link.svelte-9edgfz .relationship-name:where(.svelte-9edgfz){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem;text-decoration-color:var(--sprig-link-underline)}.relationship-link.sprig-link.svelte-9edgfz:hover .relationship-name:where(.svelte-9edgfz){text-decoration-thickness:1.5px;text-decoration-color:var(--sprig-link-underline-hover)}.relationship-label.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-secondary)}.relationship-separator.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-tertiary);opacity:.6}.relationship-name.svelte-9edgfz{font-family:var(--font-prose);font-size:var(--sp-font-small);color:inherit}.relationship-kind.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);color:var(--text-tertiary);margin-left:auto}.relationship-description.svelte-9edgfz{margin:8px 0 0;font-family:var(--font-prose);font-size:var(--sp-font-body);color:var(--text-secondary);line-height:1.6;max-width:70ch}.loading.svelte-9edgfz{color:var(--text-tertiary);padding:24px 0}.references.svelte-9edgfz{margin-top:32px;padding-top:24px;border-top:1px solid var(--hairline)}.references-title.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);letter-spacing:.02em;text-transform:none;color:var(--text-secondary);margin:0 0 .75rem}.references-subtitle.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);color:var(--text-tertiary);margin:0 0 1.5rem}.reference-list.svelte-9edgfz{list-style:none;padding:0;margin:0}.reference-item.svelte-9edgfz{margin-bottom:2rem}.reference-item.svelte-9edgfz:last-child{margin-bottom:0}.reference-repo-pill.svelte-9edgfz{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-family:var(--font-ui);font-size:var(--sp-font-small);text-transform:lowercase;color:var(--text-tertiary);border:1px solid var(--hairline);margin-bottom:1rem;text-decoration:none}.reference-path-link.svelte-9edgfz{display:block;margin-top:2px;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--sp-font-body);color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem;text-decoration-color:var(--sprig-link-underline)}.reference-row.svelte-9edgfz{display:flex;align-items:baseline;gap:8px}.reference-kind.svelte-9edgfz{margin-left:auto;font-family:var(--font-ui);font-size:var(--sp-font-small);color:var(--text-tertiary)}.reference-description.svelte-9edgfz,.reference-note.svelte-9edgfz{margin:6px 0 0;font-family:var(--font-prose);font-size:var(--sp-font-body);color:var(--text-secondary);line-height:1.5;max-width:70ch}.reference-links-list.svelte-9edgfz{list-style:none;padding:0;margin:8px 0 0}.reference-group-list.svelte-9edgfz{list-style:none;padding:0;margin:0}.reference-group-item.svelte-9edgfz+.reference-group-item:where(.svelte-9edgfz){margin-top:2rem}.reference-links-item.svelte-9edgfz{margin-bottom:6px}.reference-links-item.svelte-9edgfz:last-child{margin-bottom:0}.documentation.svelte-9edgfz{margin-top:32px;padding-top:24px;border-top:1px solid var(--hairline)}.documentation-title.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);letter-spacing:.02em;text-transform:none;color:var(--text-secondary);margin:0 0 .75rem}.documentation-subtitle.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);color:var(--text-tertiary);margin:0 0 1.5rem}.documentation-list.svelte-9edgfz{list-style:none;padding:0;margin:0}.documentation-item.svelte-9edgfz{margin-bottom:1.5rem}.documentation-item.svelte-9edgfz:last-child{margin-bottom:0}.documentation-link.svelte-9edgfz{display:flex;align-items:center;gap:8px;padding:4px 0;text-decoration:none}.documentation-title-text.svelte-9edgfz{font-family:var(--font-prose);font-size:var(--sp-font-body);color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem;text-decoration-color:var(--sprig-link-underline)}.documentation-link.svelte-9edgfz:hover .documentation-title-text:where(.svelte-9edgfz){text-decoration-thickness:1.5px;text-decoration-color:var(--sprig-link-underline-hover)}.documentation-kind.svelte-9edgfz{font-family:var(--font-ui);font-size:var(--sp-font-tiny);letter-spacing:.05em;text-transform:lowercase;color:var(--text-tertiary);font-weight:400;padding:2px 6px;background:var(--card-bg);border-radius:4px}.documentation-path.svelte-9edgfz{margin:6px 0 0;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--sp-font-tiny);color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.01em}.documentation-description.svelte-9edgfz{margin:8px 0 0;font-family:var(--font-prose);font-size:var(--sp-font-body);color:var(--text-secondary);line-height:1.5;max-width:70ch}@media(max-width:768px){.grid.svelte-9edgfz{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.grid.svelte-9edgfz{gap:32px}}.reference-section.svelte-1gel1uo{margin-top:24px}.reference-section-title.svelte-1gel1uo{font-family:var(--font-ui);font-size:var(--sp-font-tiny);color:var(--text-secondary);margin:0 0 .75rem}.reference-links-list.svelte-1gel1uo{list-style:none;padding:0;margin:0}.reference-links-item.svelte-1gel1uo{margin-bottom:.5rem}.reference-links-item.svelte-1gel1uo:last-child{margin-bottom:0}.reference-link.svelte-1gel1uo{display:inline-block;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--sp-font-body)}.loading.svelte-1gel1uo{color:var(--text-tertiary);padding:24px 0}.app.svelte-1n46o8q{min-height:100vh;width:100%}.page.svelte-1n46o8q{max-width:1200px;margin:0 auto;width:100%}.top-bar.svelte-1n46o8q{padding:24px 32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;position:sticky;top:0;background-color:var(--bg-color);z-index:100}.main-content.svelte-1n46o8q{padding:64px 32px;min-height:calc(100vh - 200px);width:100%}.theme-toggle.svelte-1n46o8q{background:var(--card-bg);border:none;border-radius:4px;color:var(--text-color);font-family:var(--font-ui);font-size:var(--sp-font-small);padding:8px 12px;cursor:pointer;white-space:nowrap;transition:background .2s,opacity .2s}.theme-toggle.svelte-1n46o8q:hover{background:var(--hover);opacity:.8}.theme-toggle.svelte-1n46o8q:focus{outline:2px solid var(--text-tertiary);outline-offset:2px;border-radius:2px}.loading.svelte-1n46o8q,.error.svelte-1n46o8q{color:var(--text-tertiary);padding:24px 0;font-size:var(--sp-font-body)}.error.svelte-1n46o8q{color:#d32f2f}@media(max-width:768px){.top-bar.svelte-1n46o8q{padding:20px 24px}.main-content.svelte-1n46o8q{padding:48px 24px}}@media(max-width:480px){.top-bar.svelte-1n46o8q{padding:16px 20px;flex-wrap:wrap;gap:8px}.main-content.svelte-1n46o8q{padding:32px 20px}}