svedocs 0.1.0-beta.10

package/dist/theme/styles.css

@@ -0,0 +1,4232 @@
+@import "tailwindcss";
+@source "./**/*.{svelte,ts,js}";
+
+@import 'katex/dist/katex.min.css';
+
+@theme {
+  --font-sans: "IBM Plex Sans", "Avenir Next", sans-serif;
+  --font-mono: "JetBrains Mono", "SFMono-Regular", monospace;
+  --color-sd-bg: #f8f7f2;
+  --color-sd-ink: #161612;
+  --color-sd-muted: #68675f;
+  --color-sd-line: #dedbd0;
+  --color-sd-panel: #fffdf7;
+  --color-sd-accent: #007f68;
+  --color-sd-accent-2: #d64735;
+}
+
+:root {
+  color-scheme: light;
+  --sd-bg: #f8f7f2;
+  --sd-ink: #161612;
+  --sd-muted: #68675f;
+  --sd-line: #dedbd0;
+  --sd-grid-line: color-mix(in srgb, var(--sd-line) 42%, transparent);
+  --sd-panel: #fffdf7;
+  --sd-accent: #007f68;
+  --sd-accent-2: #d64735;
+  --sd-radius: 0px;
+  --sd-font-display: var(--font-sans);
+  --sd-scrollbar-size: 10px;
+  --sd-scrollbar-thumb: color-mix(in srgb, var(--sd-ink) 30%, transparent);
+  --sd-scrollbar-thumb-hover: color-mix(in srgb, var(--sd-accent) 62%, var(--sd-ink));
+  --sd-scrollbar-track: transparent;
+}
+
+:root[data-theme="dark"],
+html:has(.sd-root[data-theme="dark"]),
+.sd-root[data-theme="dark"] {
+  color-scheme: dark;
+  --sd-bg: #11130f;
+  --sd-ink: #f4f1e8;
+  --sd-muted: #aaa698;
+  --sd-line: #2f332d;
+  --sd-grid-line: color-mix(in srgb, var(--sd-line) 45%, transparent);
+  --sd-panel: #181b16;
+  --sd-accent: #50d6b3;
+  --sd-accent-2: #ff8a66;
+  --sd-scrollbar-thumb: color-mix(in srgb, var(--sd-ink) 34%, transparent);
+  --sd-scrollbar-thumb-hover: color-mix(in srgb, var(--sd-accent) 70%, var(--sd-ink));
+}
+
+html {
+  scroll-behavior: auto;
+  background: var(--sd-bg);
+  color: var(--sd-ink);
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font-sans);
+  background: var(--sd-bg);
+  color: var(--sd-ink);
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+}
+
+:is(
+  html,
+  body,
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+) {
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+}
+
+html.sd-is-window-scrolling,
+body.sd-is-window-scrolling,
+:is(
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+):is(:hover, :focus, :focus-within, .sd-is-scrolling) {
+  scrollbar-color: var(--sd-scrollbar-thumb) var(--sd-scrollbar-track);
+}
+
+:is(
+  html,
+  body,
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+)::-webkit-scrollbar {
+  width: var(--sd-scrollbar-size);
+  height: var(--sd-scrollbar-size);
+}
+
+:is(
+  html,
+  body,
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+)::-webkit-scrollbar-track {
+  background: var(--sd-scrollbar-track);
+}
+
+:is(
+  html,
+  body,
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+)::-webkit-scrollbar-thumb {
+  border: 3px solid transparent;
+  border-radius: 999px;
+  background: transparent;
+  background-clip: padding-box;
+}
+
+html.sd-is-window-scrolling::-webkit-scrollbar-thumb,
+body.sd-is-window-scrolling::-webkit-scrollbar-thumb,
+:is(
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+):is(:hover, :focus, :focus-within, .sd-is-scrolling)::-webkit-scrollbar-thumb {
+  background-color: var(--sd-scrollbar-thumb);
+}
+
+:is(
+  html,
+  body,
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-code code,
+  .sd-prose pre code,
+  .sd-diff-scroll
+)::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sd-scrollbar-thumb-hover);
+}
+
+@supports (overflow: overlay) {
+  html {
+    overflow-y: overlay;
+  }
+
+  .sd-sidebar,
+  .sd-toc,
+  .sd-topbar-menu,
+  .sd-search-results,
+  .sd-chat-messages,
+  .sd-prose table,
+  .sd-diff-scroll {
+    overflow: overlay;
+  }
+
+  .sd-code code,
+  .sd-prose pre code {
+    overflow-x: overlay;
+    overflow-y: hidden;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+@keyframes sd-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes sd-dialog-in {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-8px) scale(.985);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0) scale(1);
+  }
+}
+
+@keyframes sd-panel-in {
+  from {
+    opacity: 0;
+    transform: translateX(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes sd-pixel-wave {
+  0%, 100% {
+    opacity: .52;
+    background: color-mix(in srgb, var(--sd-accent) var(--mix), var(--sd-line));
+  }
+  38% {
+    opacity: .96;
+    background: color-mix(in srgb, var(--sd-accent-2) 42%, var(--sd-accent));
+  }
+  64% {
+    opacity: .76;
+    background: color-mix(in srgb, var(--sd-accent) 64%, var(--sd-line));
+  }
+}
+
+@keyframes sd-reading-grid-drift {
+  from {
+    background-position: 0 0, 0 0, 0 0;
+  }
+  to {
+    background-position: 56px 56px, 56px 56px, 0 0;
+  }
+}
+
+.sd-root {
+  position: relative;
+  isolation: isolate;
+  min-height: 100vh;
+  background:
+    linear-gradient(var(--sd-grid-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--sd-grid-line) 1px, transparent 1px),
+    var(--sd-bg);
+  background-size: 48px 48px;
+}
+
+.sd-root[data-surface="reading"] {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--sd-panel) 58%, transparent), transparent 18rem),
+    var(--sd-bg);
+}
+
+.sd-root.sd-has-background-slot,
+.sd-root.sd-has-background-slot[data-surface="reading"] {
+  background: var(--sd-bg);
+}
+
+.sd-root.sd-has-background-slot[data-surface="reading"]::after {
+  display: none;
+}
+
+.sd-root.sd-has-background-slot .sd-home-hero::before {
+  display: none;
+}
+
+.sd-background-slot {
+  position: fixed;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+.sd-background-slot > * {
+  width: 100%;
+  min-height: 100%;
+}
+
+.sd-root[data-surface="reading"]::after {
+  content: "";
+  position: fixed;
+  inset: auto 0 0;
+  height: min(22rem, 42vh);
+  pointer-events: none;
+  z-index: 0;
+  background:
+    linear-gradient(var(--sd-grid-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--sd-grid-line) 1px, transparent 1px),
+    radial-gradient(circle at 72% 86%, color-mix(in srgb, var(--sd-accent) 13%, transparent), transparent 19rem);
+  background-size: 56px 56px, 56px 56px, 100% 100%;
+  mask-image: linear-gradient(to top, black 12%, transparent 100%);
+  opacity: .72;
+  animation: sd-reading-grid-drift 24s linear infinite;
+}
+
+.sd-root[data-surface="reading"] > main,
+.sd-root[data-surface="reading"] > .sd-doc-shell,
+.sd-root[data-surface="reading"] > .sd-page,
+.sd-root[data-surface="reading"] > .sd-footer {
+  position: relative;
+  z-index: 1;
+}
+
+.sd-root.sd-has-background-slot > main,
+.sd-root.sd-has-background-slot > .sd-doc-shell,
+.sd-root.sd-has-background-slot > .sd-page,
+.sd-root.sd-has-background-slot > .sd-footer {
+  position: relative;
+  z-index: 1;
+}
+
+.sd-skip {
+  position: fixed;
+  left: 1rem;
+  top: -4rem;
+  z-index: 50;
+  background: var(--sd-ink);
+  color: var(--sd-bg);
+  padding: .6rem .8rem;
+}
+
+.sd-skip:focus {
+  top: 1rem;
+}
+
+.sd-topbar {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  gap: .5rem;
+  height: 64px;
+  padding: 0 clamp(1.2rem, 4vw, 2rem);
+  border-bottom: 1px solid var(--sd-line);
+  background: color-mix(in srgb, var(--sd-bg) 88%, transparent);
+  backdrop-filter: blur(16px);
+  white-space: nowrap;
+}
+
+.sd-topbar-menu {
+  display: contents;
+}
+
+.sd-topbar-tools {
+  display: inline-flex;
+  align-items: center;
+  gap: .45rem;
+}
+
+.sd-mobile-docnav {
+  display: none;
+}
+
+.sd-brand,
+.sd-topnav a,
+.sd-socialnav a,
+.sd-sidebar a,
+.sd-sidebar-link,
+.sd-sidebar-summary-link,
+.sd-sidebar-section-link,
+.sd-toc-link,
+.sd-button,
+.sd-prev-next,
+.sd-footer a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.sd-brand,
+.sd-brand *,
+.sd-topnav a,
+.sd-socialnav a,
+.sd-theme-toggle,
+.sd-menu-button,
+.sd-search-trigger,
+.sd-search-trigger kbd,
+.sd-search-results a,
+.sd-scope-trigger,
+.sd-scope-options a,
+.sd-checkbox,
+.sd-checkbox *,
+.sd-control-button,
+.sd-floating-toolbar,
+.sd-floating-tool,
+.sd-floating-tool-label,
+.sd-sidebar-section-heading,
+.sd-sidebar-section-heading *,
+.sd-sidebar-section-label,
+.sd-sidebar-summary,
+.sd-sidebar-summary *,
+.sd-sidebar-link,
+.sd-sidebar-link *,
+.sd-toc-title,
+.sd-toc-link,
+.sd-doc-eyebrow,
+.sd-doc-eyebrow *,
+.sd-kicker,
+.sd-kicker *,
+.sd-heading-anchor,
+.sd-code-header,
+.sd-code-header *,
+.sd-code-copy,
+.sd-diff-column-label,
+.sd-diff-line-no,
+.sd-prev-next,
+.sd-prev-next *,
+.sd-button,
+.sd-button *,
+.sd-pixel-stage,
+.sd-pixel-stage *,
+.sd-home-grid a,
+.sd-home-grid a *,
+.sd-qa-num,
+.sd-qa-chips li,
+.sd-chat-header,
+.sd-chat-header *,
+.sd-chat-icon-button,
+.sd-chat-suggestions,
+.sd-chat-suggestions button,
+.sd-chat-send,
+.sd-footer a,
+.sd-footer a * {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.sd-brand,
+.sd-brand *,
+.sd-brand-logo,
+.sd-topnav a,
+.sd-socialnav a,
+.sd-search-results a,
+.sd-scope-options a,
+.sd-sidebar a,
+.sd-sidebar-link,
+.sd-sidebar-summary-link,
+.sd-toc-link,
+.sd-button,
+.sd-button *,
+.sd-prev-next,
+.sd-prev-next *,
+.sd-code-copy,
+.sd-home-visual,
+.sd-home-grid a,
+.sd-home-grid a *,
+.sd-chat-citations a,
+.sd-chat-suggestions button,
+.sd-footer a,
+.sd-footer a * {
+  -webkit-user-drag: none;
+}
+
+.sd-brand {
+  display: inline-flex;
+  align-items: center;
+  gap: .55rem;
+  font-family: var(--font-sans);
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: -.005em;
+  margin-right: 1.4rem;
+}
+
+.sd-brand-mark {
+  width: 1.3rem;
+  height: 1.3rem;
+  image-rendering: pixelated;
+  background:
+    linear-gradient(90deg, var(--sd-accent) 50%, transparent 0) 0 0 / 50% 50%,
+    linear-gradient(90deg, transparent 50%, var(--sd-accent-2) 0) 0 100% / 50% 50%,
+    var(--sd-ink);
+}
+
+.sd-brand-logo {
+  width: 1.35rem;
+  height: 1.35rem;
+  object-fit: contain;
+}
+
+.sd-topnav {
+  display: flex;
+  align-items: center;
+  gap: 1.4rem;
+  color: var(--sd-muted);
+  font-family: var(--font-sans);
+  font-size: .885rem;
+  font-weight: 500;
+  letter-spacing: -.005em;
+}
+
+.sd-socialnav {
+  display: flex;
+  align-items: center;
+  gap: .9rem;
+  color: var(--sd-muted);
+  font-family: var(--font-sans);
+  font-size: .885rem;
+  font-weight: 500;
+}
+
+.sd-topbar-spacer {
+  flex: 1 1 auto;
+}
+
+.sd-topbar-tools .sd-search-trigger {
+  margin-left: 0;
+  margin-right: .35rem;
+}
+
+.sd-topnav a:hover,
+.sd-socialnav a:hover,
+.sd-sidebar a:hover,
+.sd-sidebar-summary-link:hover,
+.sd-toc-link:hover,
+.sd-footer a:hover {
+  color: var(--sd-accent);
+}
+
+.sd-topnav a.sd-active {
+  color: var(--sd-accent);
+}
+
+.sd-theme-toggle,
+.sd-menu-button,
+.sd-search-trigger,
+.sd-button {
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  min-height: 2.35rem;
+  padding: 0 .8rem;
+  font: inherit;
+  border-radius: var(--sd-radius);
+  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
+}
+
+.sd-theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.35rem;
+  padding: 0;
+}
+
+.sd-theme-toggle svg {
+  width: 1.05rem;
+  height: 1.05rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.9;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+}
+
+.sd-theme-toggle [data-theme-icon="light"],
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-theme-toggle [data-theme-icon="dark"] {
+  display: none;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-theme-toggle [data-theme-icon="light"] {
+  display: block;
+}
+
+.sd-theme-toggle:focus-visible,
+.sd-menu-button:focus-visible,
+.sd-button:focus-visible,
+.sd-search-trigger:focus-visible,
+.sd-floating-tool:focus-visible,
+.sd-sidebar a:focus-visible,
+.sd-sidebar-link:focus-visible,
+.sd-sidebar-summary:focus-visible,
+.sd-sidebar-summary-link:focus-visible,
+.sd-sidebar-section-link:focus-visible,
+.sd-toc-link:focus-visible {
+  outline: 2px solid var(--sd-accent);
+  outline-offset: 2px;
+}
+
+.sd-field {
+  display: grid;
+  gap: .42rem;
+  max-width: 100%;
+  color: var(--sd-ink);
+  font-family: var(--font-sans);
+}
+
+.sd-field-label {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: .35rem;
+  max-width: 100%;
+  color: var(--sd-ink);
+  font: 650 .88rem/1.35 var(--font-sans);
+}
+
+.sd-field-required,
+.sd-field-error {
+  color: var(--sd-accent-2);
+}
+
+.sd-field-description,
+.sd-field-error {
+  margin: 0;
+  font: .8rem/1.45 var(--font-sans);
+}
+
+.sd-field-description {
+  color: var(--sd-muted);
+}
+
+.sd-input,
+.sd-textarea,
+.sd-select-control {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  border: 1px solid var(--sd-line);
+  border-radius: var(--sd-radius);
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  font: .92rem/1.45 var(--font-sans);
+  outline: none;
+  transition: background .14s ease, border-color .14s ease, color .14s ease, opacity .14s ease;
+}
+
+.sd-input::placeholder,
+.sd-textarea::placeholder {
+  color: color-mix(in srgb, var(--sd-muted) 72%, transparent);
+}
+
+.sd-input[data-density='sm'],
+.sd-select[data-density='sm'] .sd-select-control {
+  min-height: 2rem;
+  padding: 0 .6rem;
+  font-size: .84rem;
+}
+
+.sd-input[data-density='md'],
+.sd-select[data-density='md'] .sd-select-control {
+  min-height: 2.35rem;
+  padding: 0 .72rem;
+}
+
+.sd-input[data-density='lg'],
+.sd-select[data-density='lg'] .sd-select-control {
+  min-height: 2.8rem;
+  padding: 0 .9rem;
+  font-size: 1rem;
+}
+
+.sd-textarea {
+  min-height: 6rem;
+  resize: vertical;
+}
+
+.sd-textarea[data-density='sm'] {
+  min-height: 4.6rem;
+  padding: .48rem .6rem;
+  font-size: .84rem;
+}
+
+.sd-textarea[data-density='md'] {
+  padding: .58rem .72rem;
+}
+
+.sd-textarea[data-density='lg'] {
+  min-height: 7rem;
+  padding: .72rem .9rem;
+  font-size: 1rem;
+}
+
+.sd-select {
+  position: relative;
+  display: inline-grid;
+  width: 100%;
+  max-width: 100%;
+  color: var(--sd-ink);
+}
+
+.sd-select-control {
+  appearance: none;
+  padding-right: 2.1rem;
+}
+
+.sd-select-icon {
+  position: absolute;
+  top: 50%;
+  right: .8rem;
+  width: .45rem;
+  height: .45rem;
+  pointer-events: none;
+  border-right: 1.5px solid currentColor;
+  border-bottom: 1.5px solid currentColor;
+  color: var(--sd-muted);
+  transform: translateY(-68%) rotate(45deg);
+}
+
+.sd-input:not(:disabled):hover,
+.sd-textarea:not(:disabled):hover,
+.sd-select-control:not(:disabled):hover {
+  border-color: color-mix(in srgb, var(--sd-accent) 48%, var(--sd-line));
+}
+
+.sd-input:focus-visible,
+.sd-textarea:focus-visible,
+.sd-select-control:focus-visible {
+  border-color: color-mix(in srgb, var(--sd-accent) 72%, var(--sd-line));
+  outline: 2px solid color-mix(in srgb, var(--sd-accent) 22%, transparent);
+  outline-offset: 1px;
+}
+
+.sd-input[aria-invalid='true'],
+.sd-textarea[aria-invalid='true'],
+.sd-select-control[aria-invalid='true'] {
+  border-color: color-mix(in srgb, var(--sd-accent-2) 70%, var(--sd-line));
+  background: color-mix(in srgb, var(--sd-accent-2) 5%, var(--sd-panel));
+}
+
+.sd-input:disabled,
+.sd-textarea:disabled,
+.sd-select-control:disabled {
+  cursor: not-allowed;
+  opacity: .56;
+}
+
+.sd-checkbox {
+  position: relative;
+  display: inline-grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: flex-start;
+  gap: .55rem;
+  max-width: 100%;
+  color: var(--sd-ink);
+  font: .9rem/1.4 var(--font-sans);
+  cursor: pointer;
+}
+
+.sd-checkbox input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.sd-checkbox-box {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  color: var(--sd-bg);
+  transition: background .14s ease, border-color .14s ease, opacity .14s ease;
+}
+
+.sd-checkbox[data-density='sm'] .sd-checkbox-box {
+  width: .95rem;
+  height: .95rem;
+  margin-top: .13rem;
+}
+
+.sd-checkbox[data-density='md'] .sd-checkbox-box {
+  width: 1.08rem;
+  height: 1.08rem;
+  margin-top: .12rem;
+}
+
+.sd-checkbox[data-density='lg'] .sd-checkbox-box {
+  width: 1.22rem;
+  height: 1.22rem;
+  margin-top: .14rem;
+}
+
+.sd-checkbox-box svg {
+  position: absolute;
+  width: 78%;
+  height: 78%;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  opacity: 0;
+}
+
+.sd-checkbox input:checked + .sd-checkbox-box,
+.sd-checkbox input:indeterminate + .sd-checkbox-box {
+  border-color: var(--sd-accent);
+  background: var(--sd-accent);
+}
+
+.sd-checkbox input:checked + .sd-checkbox-box .sd-checkbox-check,
+.sd-checkbox input:indeterminate + .sd-checkbox-box .sd-checkbox-minus {
+  opacity: 1;
+}
+
+.sd-checkbox input:focus-visible + .sd-checkbox-box {
+  outline: 2px solid var(--sd-accent);
+  outline-offset: 2px;
+}
+
+.sd-checkbox[data-invalid='true'] .sd-checkbox-box {
+  border-color: color-mix(in srgb, var(--sd-accent-2) 74%, var(--sd-line));
+}
+
+.sd-checkbox:has(input:disabled) {
+  cursor: not-allowed;
+  color: var(--sd-muted);
+}
+
+.sd-checkbox input:disabled + .sd-checkbox-box,
+.sd-checkbox:has(input:disabled) .sd-checkbox-copy {
+  opacity: .58;
+}
+
+.sd-checkbox-copy {
+  display: grid;
+  gap: .12rem;
+  min-width: 0;
+}
+
+.sd-checkbox-label {
+  font-weight: 650;
+}
+
+.sd-checkbox-description {
+  color: var(--sd-muted);
+  font-size: .82rem;
+}
+
+.sd-control-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: .5rem;
+  border: 1px solid var(--sd-line);
+  border-radius: var(--sd-radius);
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  font: 650 .9rem/1 var(--font-sans);
+  max-width: 100%;
+  text-align: center;
+  overflow-wrap: anywhere;
+  white-space: normal;
+  cursor: pointer;
+  transition: background .14s ease, border-color .14s ease, color .14s ease, opacity .14s ease, transform .14s ease;
+}
+
+.sd-control-button[data-density='sm'] {
+  min-height: 2rem;
+  padding: 0 .68rem;
+  font-size: .82rem;
+}
+
+.sd-control-button[data-density='md'] {
+  min-height: 2.35rem;
+  padding: 0 .82rem;
+}
+
+.sd-control-button[data-density='lg'] {
+  min-height: 2.8rem;
+  padding: 0 1rem;
+  font-size: .96rem;
+}
+
+.sd-control-button[data-variant='primary'] {
+  border-color: var(--sd-ink);
+  background: var(--sd-ink);
+  color: var(--sd-bg);
+}
+
+.sd-control-button[data-variant='ghost'] {
+  background: transparent;
+}
+
+.sd-control-button[data-variant='danger'] {
+  border-color: color-mix(in srgb, var(--sd-accent-2) 72%, var(--sd-line));
+  background: color-mix(in srgb, var(--sd-accent-2) 10%, var(--sd-panel));
+  color: color-mix(in srgb, var(--sd-accent-2) 84%, var(--sd-ink));
+}
+
+.sd-control-button:not(:disabled):hover {
+  border-color: color-mix(in srgb, var(--sd-accent) 55%, var(--sd-line));
+  transform: translateY(-1px);
+}
+
+.sd-control-button[data-variant='primary']:not(:disabled):hover {
+  background: color-mix(in srgb, var(--sd-ink) 84%, var(--sd-accent) 16%);
+}
+
+.sd-control-button[data-variant='danger']:not(:disabled):hover {
+  border-color: var(--sd-accent-2);
+  background: color-mix(in srgb, var(--sd-accent-2) 14%, var(--sd-panel));
+}
+
+.sd-control-button:focus-visible {
+  outline: 2px solid var(--sd-accent);
+  outline-offset: 2px;
+}
+
+.sd-control-button:disabled {
+  cursor: not-allowed;
+  opacity: .48;
+}
+
+.sd-menu-button {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 2.45rem;
+  padding: 0;
+  margin-left: auto;
+}
+
+.sd-menu-button svg {
+  width: 1.08rem;
+  height: 1.08rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.9;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+}
+
+.sd-search-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: .55rem;
+  border-radius: 0;
+  color: var(--sd-muted);
+}
+
+.sd-theme-toggle:hover,
+.sd-menu-button:hover,
+.sd-search-trigger:hover,
+.sd-floating-tool:hover,
+.sd-button:hover {
+  border-color: color-mix(in srgb, var(--sd-accent) 55%, var(--sd-line));
+  transform: translateY(-1px);
+}
+
+.sd-search-trigger {
+  min-width: min(16rem, 28vw);
+  justify-content: space-between;
+}
+
+.sd-search-trigger kbd {
+  border: 1px solid var(--sd-line);
+  padding: .05rem .35rem;
+  color: var(--sd-muted);
+  font: .72rem var(--font-mono);
+}
+
+.sd-dialog-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 60;
+  background: color-mix(in srgb, var(--sd-bg) 70%, transparent);
+  backdrop-filter: blur(8px);
+  animation: sd-fade-in .14s ease both;
+}
+
+.sd-search-dialog {
+  position: fixed;
+  z-index: 70;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  box-shadow: 0 24px 80px color-mix(in srgb, var(--sd-ink) 18%, transparent);
+  animation: sd-dialog-in .16s ease both;
+}
+
+.sd-search-dialog {
+  left: 50%;
+  top: 5.5rem;
+  width: min(44rem, calc(100vw - 2rem));
+  transform: translateX(-50%);
+}
+
+.sd-search-box {
+  display: block;
+  border-bottom: 1px solid var(--sd-line);
+}
+
+.sd-search-box input {
+  width: 100%;
+  box-sizing: border-box;
+  border: 0;
+  background: transparent;
+  color: var(--sd-ink);
+  font: inherit;
+}
+
+.sd-search-box input {
+  min-height: 3.6rem;
+  padding: 0 1rem;
+  font-size: 1.05rem;
+}
+
+.sd-search-box input:focus {
+  outline: none;
+}
+
+.sd-search-results {
+  display: grid;
+  max-height: min(32rem, 70vh);
+  overflow: auto;
+  padding: .45rem;
+}
+
+.sd-search-results a {
+  display: grid;
+  gap: .22rem;
+  padding: .8rem;
+  color: inherit;
+  text-decoration: none;
+  border: 1px solid transparent;
+}
+
+.sd-search-results a.sd-active,
+.sd-search-results a:hover {
+  border-color: var(--sd-line);
+  background: color-mix(in srgb, var(--sd-accent) 10%, transparent);
+}
+
+.sd-search-results span {
+  font-family: var(--font-sans);
+  font-weight: 650;
+}
+
+.sd-search-results small,
+.sd-search-results p,
+.sd-empty-state {
+  color: var(--sd-muted);
+}
+
+.sd-search-results p,
+.sd-empty-state {
+  margin: 0;
+  font-size: .9rem;
+  line-height: 1.5;
+}
+
+.sd-empty-state {
+  padding: 1rem;
+}
+
+.sd-floating-toolbar {
+  position: fixed;
+  right: max(1rem, env(safe-area-inset-right));
+  bottom: max(1rem, env(safe-area-inset-bottom));
+  z-index: 50;
+  display: inline-flex;
+  align-items: center;
+  gap: .3rem;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 86%, transparent);
+  background: color-mix(in srgb, var(--sd-panel) 88%, transparent);
+  box-shadow: 0 18px 42px color-mix(in srgb, var(--sd-ink) 13%, transparent);
+  backdrop-filter: blur(14px);
+  padding: .3rem;
+  transition: padding .24s cubic-bezier(.4, 0, .2, 1), gap .24s cubic-bezier(.4, 0, .2, 1), background .24s ease, border-color .24s ease;
+}
+
+.sd-floating-toolbar[data-mode='solo'] {
+  background: transparent;
+  border-color: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  padding: 0;
+  gap: 0;
+}
+
+.sd-floating-tool {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: .42rem;
+  min-width: 2.2rem;
+  min-height: 2.2rem;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--sd-muted);
+  padding: 0 .6rem;
+  font: .82rem var(--font-sans);
+  border-radius: var(--sd-radius);
+  cursor: pointer;
+  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, padding .24s cubic-bezier(.4, 0, .2, 1), min-width .24s cubic-bezier(.4, 0, .2, 1), width .24s cubic-bezier(.4, 0, .2, 1);
+}
+
+.sd-floating-tool-icon {
+  padding: 0;
+  min-width: 2.2rem;
+  width: 2.2rem;
+}
+
+.sd-floating-tool svg {
+  width: 1rem;
+  height: 1rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  flex-shrink: 0;
+}
+
+.sd-floating-tool-ai {
+  background: var(--sd-ink);
+  color: var(--sd-bg);
+  overflow: hidden;
+  padding: 0 .8rem 0 .65rem;
+}
+
+.sd-floating-tool-label {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 8rem;
+  opacity: 1;
+  transition: max-width .28s cubic-bezier(.4, 0, .2, 1), opacity .2s ease, margin .28s cubic-bezier(.4, 0, .2, 1);
+}
+
+.sd-floating-tool-ai[data-collapsed='true'] {
+  padding: 0;
+  min-width: 2.2rem;
+  width: 2.2rem;
+  gap: 0;
+}
+
+.sd-floating-tool-ai[data-collapsed='true'] .sd-floating-tool-label {
+  max-width: 0;
+  opacity: 0;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.sd-floating-tool-back {
+  animation: sd-floating-tool-pop .22s cubic-bezier(.4, 0, .2, 1) both;
+}
+
+@keyframes sd-floating-tool-pop {
+  0% { opacity: 0; transform: scale(.85); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+.sd-floating-tool:hover {
+  background: color-mix(in srgb, var(--sd-accent) 10%, transparent);
+  color: var(--sd-ink);
+}
+
+.sd-floating-tool-ai:hover {
+  background: color-mix(in srgb, var(--sd-ink) 86%, var(--sd-accent) 14%);
+  color: var(--sd-bg);
+}
+
+.sd-floating-toolbar[data-mode='solo'] .sd-floating-tool-icon {
+  background: color-mix(in srgb, var(--sd-panel) 92%, transparent);
+  border-color: color-mix(in srgb, var(--sd-line) 86%, transparent);
+  box-shadow: 0 12px 28px color-mix(in srgb, var(--sd-ink) 12%, transparent);
+  backdrop-filter: blur(12px);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sd-floating-toolbar,
+  .sd-floating-tool,
+  .sd-floating-tool-label {
+    transition: none;
+  }
+  .sd-floating-tool-back {
+    animation: none;
+  }
+}
+
+.sd-chat-portal {
+  display: contents;
+}
+
+.sd-chat-panel {
+  position: fixed;
+  top: 80px;
+  right: clamp(.5rem, 1.2vw, 1rem);
+  bottom: clamp(.5rem, 1.2vw, 1rem);
+  z-index: 70;
+  width: min(24rem, calc(100vw - 1.5rem));
+  display: grid;
+  grid-template-rows: auto 1fr auto auto;
+  background: var(--sd-panel);
+  border: 1px solid var(--sd-line);
+  box-shadow: -18px 0 48px color-mix(in srgb, var(--sd-ink) 12%, transparent);
+  animation: sd-chat-panel-in .18s ease both;
+  outline: none;
+}
+
+@keyframes sd-chat-panel-in {
+  from { opacity: 0; transform: translateX(12px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+.sd-chat-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: .5rem;
+  padding: .7rem .85rem;
+  border-bottom: 1px solid var(--sd-line);
+  background: color-mix(in srgb, var(--sd-panel) 92%, var(--sd-accent) 8%);
+}
+
+.sd-chat-title {
+  display: inline-flex;
+  align-items: center;
+  gap: .55rem;
+  color: var(--sd-ink);
+}
+
+.sd-chat-title strong {
+  font: 650 .92rem var(--font-sans);
+  letter-spacing: .01em;
+}
+
+.sd-chat-mark {
+  display: inline-block;
+  width: .65rem;
+  height: .65rem;
+  background: var(--sd-accent);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sd-accent) 32%, transparent);
+}
+
+.sd-chat-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: .15rem;
+}
+
+.sd-chat-icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.85rem;
+  height: 1.85rem;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--sd-muted);
+  cursor: pointer;
+  transition: background .14s ease, color .14s ease, border-color .14s ease;
+}
+
+.sd-chat-icon-button:hover {
+  background: color-mix(in srgb, var(--sd-accent) 12%, transparent);
+  color: var(--sd-ink);
+}
+
+.sd-chat-icon-button svg {
+  width: .95rem;
+  height: .95rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+}
+
+.sd-chat-messages {
+  display: flex;
+  flex-direction: column;
+  gap: .55rem;
+  padding: .85rem;
+  overflow-y: auto;
+  scroll-behavior: smooth;
+}
+
+.sd-chat-empty {
+  margin: auto;
+  padding: 1.5rem 1rem;
+  text-align: center;
+  color: var(--sd-muted);
+  font-size: .9rem;
+}
+
+.sd-chat-bubble {
+  display: flex;
+  flex-direction: column;
+  gap: .35rem;
+  max-width: 92%;
+}
+
+.sd-chat-bubble[data-role='user'] {
+  align-self: flex-end;
+  align-items: flex-end;
+}
+
+.sd-chat-bubble[data-role='assistant'] {
+  align-self: flex-start;
+  align-items: flex-start;
+}
+
+.sd-chat-bubble-body {
+  padding: .55rem .75rem;
+  font: .9rem/1.55 var(--font-sans);
+  white-space: pre-wrap;
+  word-break: break-word;
+  background: var(--sd-panel);
+  border: 1px solid var(--sd-line);
+}
+
+.sd-chat-bubble[data-role='assistant'] .sd-chat-bubble-body {
+  border-left: 2px solid var(--sd-accent);
+  background: color-mix(in srgb, var(--sd-panel) 96%, var(--sd-accent) 4%);
+}
+
+.sd-chat-bubble[data-role='user'] .sd-chat-bubble-body {
+  border-right: 2px solid var(--sd-accent);
+  background: color-mix(in srgb, var(--sd-accent) 12%, var(--sd-panel) 88%);
+  color: var(--sd-ink);
+}
+
+.sd-chat-typing {
+  display: inline-flex;
+  gap: .25rem;
+  align-items: center;
+  height: 1rem;
+}
+
+.sd-chat-typing span {
+  width: .35rem;
+  height: .35rem;
+  background: color-mix(in srgb, var(--sd-accent) 70%, var(--sd-muted) 30%);
+  animation: sd-chat-typing 1s infinite ease-in-out;
+}
+
+.sd-chat-typing span:nth-child(2) {
+  animation-delay: .16s;
+}
+
+.sd-chat-typing span:nth-child(3) {
+  animation-delay: .32s;
+}
+
+@keyframes sd-chat-typing {
+  0%, 80%, 100% { opacity: .25; transform: translateY(0); }
+  40% { opacity: 1; transform: translateY(-3px); }
+}
+
+.sd-chat-citations {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .3rem;
+}
+
+.sd-chat-citations a {
+  display: inline-flex;
+  padding: .18rem .5rem;
+  font: .74rem var(--font-sans);
+  color: var(--sd-muted);
+  border: 1px solid var(--sd-line);
+  background: color-mix(in srgb, var(--sd-panel) 96%, transparent);
+  text-decoration: none;
+  transition: color .14s ease, border-color .14s ease, background .14s ease;
+}
+
+.sd-chat-citations a:hover {
+  color: var(--sd-ink);
+  border-color: color-mix(in srgb, var(--sd-accent) 60%, var(--sd-line) 40%);
+  background: color-mix(in srgb, var(--sd-accent) 8%, var(--sd-panel) 92%);
+}
+
+.sd-chat-error {
+  margin: 0;
+  font: .78rem var(--font-sans);
+  color: var(--sd-accent-2, var(--sd-muted));
+}
+
+.sd-chat-suggestions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .3rem;
+  padding: 0 .85rem .65rem;
+  border-top: 1px dashed color-mix(in srgb, var(--sd-line) 80%, transparent);
+  padding-top: .65rem;
+}
+
+.sd-chat-suggestions button {
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  padding: .3rem .55rem;
+  font: .78rem var(--font-sans);
+  cursor: pointer;
+  transition: background .14s ease, border-color .14s ease, color .14s ease;
+}
+
+.sd-chat-suggestions button:hover {
+  background: color-mix(in srgb, var(--sd-accent) 10%, var(--sd-panel) 90%);
+  border-color: color-mix(in srgb, var(--sd-accent) 55%, var(--sd-line) 45%);
+}
+
+.sd-chat-composer {
+  display: flex;
+  align-items: flex-end;
+  gap: .4rem;
+  padding: .55rem .65rem .65rem;
+  border-top: 1px solid var(--sd-line);
+  background: color-mix(in srgb, var(--sd-panel) 96%, transparent);
+}
+
+.sd-chat-composer textarea {
+  flex: 1;
+  min-height: 2.4rem;
+  max-height: 9rem;
+  resize: none;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-bg);
+  color: var(--sd-ink);
+  padding: .5rem .65rem;
+  font: .9rem/1.45 var(--font-sans);
+  outline: none;
+  transition: border-color .14s ease;
+}
+
+.sd-chat-composer textarea:focus {
+  border-color: color-mix(in srgb, var(--sd-accent) 70%, var(--sd-line) 30%);
+}
+
+.sd-chat-send {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.4rem;
+  height: 2.4rem;
+  border: 1px solid var(--sd-ink);
+  background: var(--sd-ink);
+  color: var(--sd-bg);
+  cursor: pointer;
+  transition: background .14s ease, color .14s ease, opacity .14s ease;
+}
+
+.sd-chat-send:disabled {
+  opacity: .42;
+  cursor: not-allowed;
+}
+
+.sd-chat-send:not(:disabled):hover {
+  background: color-mix(in srgb, var(--sd-ink) 80%, var(--sd-accent) 20%);
+}
+
+.sd-chat-send svg {
+  width: 1rem;
+  height: 1rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+}
+
+.sd-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+
+.sd-scope-switcher {
+  display: inline-flex;
+  gap: .45rem;
+}
+
+.sd-scope-menu {
+  position: relative;
+}
+
+.sd-scope-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: .55rem;
+  min-width: 5.7rem;
+  min-height: 2.35rem;
+  box-sizing: border-box;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  padding: 0 .72rem;
+  font: .86rem var(--font-sans);
+  cursor: pointer;
+  transition: border-color .16s ease, background .16s ease, transform .16s ease;
+}
+
+.sd-scope-trigger span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sd-scope-label-short {
+  display: none;
+}
+
+.sd-scope-trigger::after {
+  content: "";
+  width: .42rem;
+  height: .42rem;
+  flex: 0 0 auto;
+  border-right: 1.5px solid currentColor;
+  border-bottom: 1.5px solid currentColor;
+  transform: translateY(-2px) rotate(45deg);
+  transition: transform .16s ease;
+}
+
+.sd-scope-menu.sd-open .sd-scope-trigger {
+  border-color: color-mix(in srgb, var(--sd-accent) 55%, var(--sd-line));
+}
+
+.sd-scope-menu.sd-open .sd-scope-trigger::after {
+  transform: translateY(2px) rotate(225deg);
+}
+
+.sd-scope-trigger:hover {
+  border-color: color-mix(in srgb, var(--sd-accent) 55%, var(--sd-line));
+  transform: translateY(-1px);
+}
+
+.sd-scope-options {
+  position: absolute;
+  right: 0;
+  top: calc(100% + .45rem);
+  z-index: 40;
+  display: grid;
+  min-width: 11rem;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  box-shadow: 0 18px 46px color-mix(in srgb, var(--sd-ink) 14%, transparent);
+  padding: .35rem;
+  animation: sd-fade-in .12s ease both;
+}
+
+.sd-scope-options a,
+.sd-scope-options span {
+  display: block;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--sd-muted);
+  text-align: left;
+  font: .9rem var(--font-sans);
+  padding: .62rem .72rem;
+  text-decoration: none;
+}
+
+.sd-scope-options a {
+  cursor: pointer;
+}
+
+.sd-scope-options a:hover,
+.sd-scope-options a[aria-checked="true"] {
+  border-color: var(--sd-line);
+  background: color-mix(in srgb, var(--sd-accent) 10%, transparent);
+  color: var(--sd-ink);
+}
+
+.sd-scope-options span[aria-disabled="true"] {
+  cursor: not-allowed;
+  opacity: .42;
+}
+
+.sd-footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 2rem 1.2rem;
+  border-top: 2px solid color-mix(in srgb, var(--sd-ink) 28%, transparent);
+  color: var(--sd-muted);
+  font-size: .9rem;
+}
+
+.sd-footer nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .8rem;
+}
+
+.sd-footer nav a {
+  border: 1px solid color-mix(in srgb, var(--sd-line) 80%, transparent);
+  background: color-mix(in srgb, var(--sd-panel) 76%, transparent);
+  padding: .42rem .62rem;
+  color: var(--sd-ink);
+  font-size: .84rem;
+}
+
+.sd-footer nav a.sd-footer-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.2rem;
+  height: 2.2rem;
+  padding: 0;
+  line-height: 0;
+}
+
+.sd-footer nav a.sd-footer-icon svg {
+  display: block;
+  width: 1.05rem;
+  height: 1.05rem;
+  fill: currentColor;
+}
+
+.sd-footer nav a:last-child {
+  background: var(--sd-ink);
+  color: var(--sd-bg);
+}
+
+.sd-footer nav a:hover {
+  border-color: color-mix(in srgb, var(--sd-accent) 55%, var(--sd-line));
+  transform: translateY(-1px);
+}
+
+.sd-doc-shell {
+  display: grid;
+  grid-template-columns: minmax(190px, 260px) minmax(0, 880px) minmax(170px, 230px);
+  gap: 1.5rem;
+  max-width: 1380px;
+  margin: 0 auto;
+  padding: 1.5rem 1.2rem 5rem;
+}
+
+.sd-sidebar,
+.sd-toc {
+  position: sticky;
+  top: 80px;
+  align-self: start;
+  max-height: calc(100vh - 100px);
+  overflow: auto;
+}
+
+.sd-sidebar nav,
+.sd-toc {
+  display: grid;
+  gap: .25rem;
+}
+
+.sd-sidebar,
+.sd-toc {
+  scrollbar-width: thin;
+}
+
+.sd-sidebar {
+  border: none;
+  background: transparent;
+  padding: .25rem 0;
+}
+
+.sd-toc {
+  padding: .25rem 0 .25rem 1rem;
+  background-image:
+    linear-gradient(
+      color-mix(in srgb, var(--sd-line) 55%, transparent),
+      color-mix(in srgb, var(--sd-line) 55%, transparent)
+    );
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 1px 100%;
+}
+
+.sd-toc::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: var(--toc-indicator-top, 0);
+  width: 2px;
+  height: var(--toc-indicator-height, 0);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--sd-accent) 88%, var(--sd-ink));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sd-accent) 18%, transparent);
+  opacity: 0;
+  transition: top .22s cubic-bezier(.4, 0, .2, 1), height .22s cubic-bezier(.4, 0, .2, 1), opacity .16s ease;
+  pointer-events: none;
+}
+
+.sd-toc.sd-toc-ready::before {
+  opacity: 1;
+}
+
+.sd-sidebar-root {
+  display: grid;
+  gap: .15rem;
+}
+
+.sd-sidebar-section-heading {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: .45rem;
+  padding: 1rem .55rem .35rem;
+  font-family: var(--font-sans);
+  font-size: .72rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .08em;
+  color: color-mix(in srgb, var(--sd-ink) 70%, transparent);
+  border-top: 1px solid color-mix(in srgb, var(--sd-line) 70%, transparent);
+  margin-top: .35rem;
+}
+
+.sd-sidebar-section-heading.sd-first {
+  margin-top: 0;
+  padding-top: .25rem;
+  border-top: none;
+}
+
+.sd-sidebar-section-heading.sd-active {
+  color: var(--sd-ink);
+}
+
+.sd-sidebar-section-link {
+  position: relative;
+  display: inline-flex;
+  min-width: 0;
+  align-items: center;
+  color: inherit;
+}
+
+.sd-sidebar-section-link:hover {
+  color: var(--sd-accent);
+}
+
+.sd-sidebar-section-link.sd-active {
+  color: var(--sd-ink);
+}
+
+.sd-sidebar-section-link.sd-active::after {
+  content: "";
+  position: absolute;
+  inset: -.28rem -.38rem;
+  pointer-events: none;
+  border: 1px solid color-mix(in srgb, var(--sd-accent) 36%, transparent);
+  background:
+    linear-gradient(135deg, var(--sd-accent) 0 1px, transparent 1px) top left/4px 4px no-repeat,
+    linear-gradient(225deg, var(--sd-accent) 0 1px, transparent 1px) top right/4px 4px no-repeat,
+    linear-gradient(45deg, var(--sd-accent) 0 1px, transparent 1px) bottom left/4px 4px no-repeat,
+    linear-gradient(315deg, var(--sd-accent) 0 1px, transparent 1px) bottom right/4px 4px no-repeat;
+  opacity: .75;
+}
+
+.sd-sidebar-section-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  flex: 0 0 auto;
+}
+
+.sd-sidebar-list {
+  display: grid;
+  gap: .05rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.sd-sidebar-item {
+  margin: 0;
+}
+
+.sd-sidebar-group {
+  display: grid;
+}
+
+.sd-sidebar-group > summary {
+  list-style: none;
+}
+
+.sd-sidebar-group > summary::-webkit-details-marker {
+  display: none;
+}
+
+.sd-sidebar-summary {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: .4rem;
+  padding: .35rem .55rem;
+  cursor: pointer;
+  color: var(--sd-muted);
+  font-size: .855rem;
+  border-radius: 4px;
+  transition: background .14s ease, color .14s ease;
+}
+
+.sd-sidebar-summary:hover {
+  background: color-mix(in srgb, var(--sd-accent) 6%, transparent);
+  color: var(--sd-ink);
+}
+
+.sd-sidebar-item.sd-branch-active > .sd-sidebar-group > .sd-sidebar-summary {
+  color: var(--sd-ink);
+}
+
+.sd-sidebar-summary-label {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.sd-sidebar-summary-link,
+.sd-sidebar-summary-text {
+  display: inline-block;
+  color: inherit;
+}
+
+.sd-sidebar-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  flex: 0 0 auto;
+  font-size: .9rem;
+  color: color-mix(in srgb, var(--sd-ink) 75%, transparent);
+}
+
+.sd-sidebar-link.sd-active .sd-sidebar-icon,
+.sd-sidebar-summary.sd-active .sd-sidebar-icon {
+  color: var(--sd-accent);
+}
+
+.sd-sidebar-chevron {
+  display: inline-flex;
+  width: .9rem;
+  height: .9rem;
+  flex: 0 0 auto;
+  color: color-mix(in srgb, var(--sd-muted) 80%, transparent);
+  transition: transform .18s ease, color .18s ease;
+}
+
+.sd-sidebar-list:not([data-depth="0"]) .sd-sidebar-chevron {
+  order: -1;
+}
+
+.sd-sidebar-list[data-depth="0"] > .sd-sidebar-item > .sd-sidebar-group > .sd-sidebar-summary > .sd-sidebar-chevron {
+  margin-left: auto;
+  width: .8rem;
+  height: .8rem;
+}
+
+.sd-sidebar-chevron svg {
+  width: 100%;
+  height: 100%;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.sd-sidebar-group[open] > .sd-sidebar-summary > .sd-sidebar-chevron {
+  transform: rotate(90deg);
+}
+
+.sd-sidebar-group::details-content {
+  block-size: 0;
+  overflow: hidden;
+  transition: block-size .22s ease, content-visibility .22s ease allow-discrete;
+}
+
+.sd-sidebar-group[open]::details-content {
+  block-size: auto;
+}
+
+.sd-sidebar-group-body {
+  display: grid;
+}
+
+.sd-sidebar-list:not([data-depth="0"]) {
+  position: relative;
+  padding-left: .85rem;
+  margin-left: .9rem;
+  border-left: 1px solid color-mix(in srgb, var(--sd-line) 60%, transparent);
+}
+
+.sd-sidebar-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: .4rem;
+  padding: .35rem .55rem;
+  border-radius: 4px;
+  font-size: .855rem;
+  color: var(--sd-muted);
+  transition: background .14s ease, color .14s ease;
+}
+
+.sd-sidebar-link:hover {
+  background: color-mix(in srgb, var(--sd-accent) 6%, transparent);
+  color: var(--sd-ink);
+}
+
+.sd-sidebar-link.sd-active {
+  background: color-mix(in srgb, var(--sd-accent) 14%, transparent);
+  color: var(--sd-ink);
+  font-weight: 500;
+  border-radius: 0;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sd-accent) 32%, transparent);
+}
+
+.sd-sidebar-link.sd-active::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  border-radius: 0;
+  background:
+    linear-gradient(135deg, var(--sd-accent) 0 1px, transparent 1px) top left/4px 4px no-repeat,
+    linear-gradient(225deg, var(--sd-accent) 0 1px, transparent 1px) top right/4px 4px no-repeat,
+    linear-gradient(45deg, var(--sd-accent) 0 1px, transparent 1px) bottom left/4px 4px no-repeat,
+    linear-gradient(315deg, var(--sd-accent) 0 1px, transparent 1px) bottom right/4px 4px no-repeat;
+  opacity: .55;
+}
+
+.sd-sidebar-list:not([data-depth="0"]) > .sd-sidebar-item > .sd-sidebar-link.sd-active::before {
+  content: "";
+  position: absolute;
+  left: -.85rem;
+  top: 50%;
+  width: 2px;
+  height: 1.2rem;
+  margin-top: -.6rem;
+  background: var(--sd-accent);
+}
+
+.sd-sidebar-summary.sd-active {
+  background: color-mix(in srgb, var(--sd-accent) 14%, transparent);
+  color: var(--sd-ink);
+  border-radius: 0;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sd-accent) 32%, transparent);
+}
+
+.sd-sidebar-summary.sd-active .sd-sidebar-summary-link {
+  color: var(--sd-ink);
+  font-weight: 500;
+}
+
+.sd-sidebar-summary.sd-active::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  border-radius: 0;
+  background:
+    linear-gradient(135deg, var(--sd-accent) 0 1px, transparent 1px) top left/4px 4px no-repeat,
+    linear-gradient(225deg, var(--sd-accent) 0 1px, transparent 1px) top right/4px 4px no-repeat,
+    linear-gradient(45deg, var(--sd-accent) 0 1px, transparent 1px) bottom left/4px 4px no-repeat,
+    linear-gradient(315deg, var(--sd-accent) 0 1px, transparent 1px) bottom right/4px 4px no-repeat;
+  opacity: .55;
+}
+
+.sd-sidebar-section-label {
+  display: block;
+  padding: .35rem .55rem;
+  font-size: .78rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .04em;
+  color: color-mix(in srgb, var(--sd-ink) 70%, transparent);
+}
+
+.sd-content {
+  min-width: 0;
+}
+
+.sd-doc,
+.sd-page {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 86%, transparent);
+  background: var(--sd-panel);
+  box-shadow: 0 18px 50px color-mix(in srgb, var(--sd-ink) 5%, transparent);
+}
+
+.sd-doc-corner {
+  position: absolute;
+  top: -1px;
+  width: 14px;
+  height: 14px;
+  pointer-events: none;
+  background:
+    linear-gradient(var(--sd-accent), var(--sd-accent)) 0 0 / 100% 2px no-repeat,
+    linear-gradient(var(--sd-accent), var(--sd-accent)) 0 0 / 2px 100% no-repeat;
+}
+
+.sd-doc-corner[data-corner="tl"] {
+  left: -1px;
+}
+
+.sd-doc-corner[data-corner="tr"] {
+  right: -1px;
+  transform: scaleX(-1);
+}
+
+.sd-doc {
+  padding: 0 clamp(1.1rem, 3vw, 2.8rem) 2.4rem;
+}
+
+.sd-page {
+  max-width: 920px;
+  margin: 1.5rem auto 5rem;
+  padding: 0 clamp(1.1rem, 3vw, 2.8rem) 2.6rem;
+}
+
+.sd-breadcrumb {
+  display: none;
+}
+
+.sd-doc-eyebrow {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: .5rem;
+  margin: 0 0 .75rem;
+  color: var(--sd-muted);
+  font-family: var(--font-sans);
+  font-size: .76rem;
+  font-weight: 650;
+  letter-spacing: .04em;
+  text-transform: uppercase;
+}
+
+.sd-doc-eyebrow-mark {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: var(--sd-accent);
+  image-rendering: pixelated;
+}
+
+.sd-doc-eyebrow a {
+  color: inherit;
+  text-decoration: none;
+  transition: color .15s ease;
+}
+
+.sd-doc-eyebrow a:hover {
+  color: var(--sd-accent);
+}
+
+.sd-doc-eyebrow a:last-of-type {
+  color: var(--sd-ink);
+}
+
+.sd-doc-eyebrow-sep {
+  color: color-mix(in srgb, var(--sd-muted) 50%, transparent);
+  font-weight: 400;
+}
+
+.sd-doc-lede {
+  margin: .9rem 0 0;
+  max-width: 62ch;
+  color: var(--sd-muted);
+  font-size: 1.08rem;
+  line-height: 1.62;
+}
+
+.sd-doc {
+  max-width: 880px;
+}
+
+.sd-page {
+  max-width: 920px;
+}
+
+.sd-home {
+  max-width: none;
+}
+
+.sd-doc-header,
+.sd-page-hero {
+  position: relative;
+  padding: 2.6rem 0 2.2rem;
+  border-bottom: 1px solid var(--sd-line);
+}
+
+.sd-doc-header-rule {
+  position: absolute;
+  left: 0;
+  bottom: -1px;
+  width: 80px;
+  height: 2px;
+  background: var(--sd-accent);
+}
+
+.sd-kicker {
+  display: inline-flex;
+  align-items: center;
+  gap: .55rem;
+  color: var(--sd-accent);
+  font-size: .78rem;
+  font-family: var(--font-sans);
+  font-weight: 650;
+  letter-spacing: .04em;
+  text-transform: uppercase;
+}
+
+.sd-kicker-mark {
+  position: relative;
+  display: inline-block;
+  width: .82rem;
+  height: .82rem;
+  image-rendering: pixelated;
+  background:
+    linear-gradient(90deg, var(--sd-accent) 50%, transparent 0) 0 0 / 50% 50%,
+    linear-gradient(90deg, transparent 50%, var(--sd-accent-2) 0) 0 100% / 50% 50%,
+    color-mix(in srgb, var(--sd-accent) 22%, var(--sd-line));
+  background-repeat: no-repeat;
+}
+
+.sd-page h1,
+.sd-home h1 {
+  margin: .35rem 0 0;
+  font-size: clamp(2.2rem, 7vw, 5.9rem);
+  line-height: .92;
+  letter-spacing: 0;
+  font-family: var(--font-sans);
+  font-weight: 650;
+}
+
+.sd-doc h1 {
+  margin: .45rem 0 0;
+  max-width: 14ch;
+  font-family: var(--font-sans);
+  font-size: clamp(2rem, 4.2vw, 3.65rem);
+  font-weight: 640;
+  line-height: 1.06;
+  letter-spacing: 0;
+}
+
+.sd-doc-header p:last-child,
+.sd-page-hero p:last-child,
+.sd-home-copy > p:last-of-type {
+  color: var(--sd-muted);
+  font-size: 1.1rem;
+  line-height: 1.65;
+  max-width: 62ch;
+}
+
+.sd-error-page {
+  display: grid;
+  place-items: center;
+  min-height: min(68vh, 42rem);
+  padding: clamp(2.2rem, 8vw, 5rem) 1.2rem;
+}
+
+.sd-error-panel {
+  position: relative;
+  width: min(100%, 740px);
+  border: 1px solid color-mix(in srgb, var(--sd-line) 86%, transparent);
+  background:
+    linear-gradient(135deg, color-mix(in srgb, var(--sd-accent) 9%, transparent), transparent 34%),
+    var(--sd-panel);
+  padding: clamp(1.35rem, 4vw, 2.6rem);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sd-panel) 82%, transparent);
+}
+
+.sd-error-panel::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  background:
+    linear-gradient(135deg, var(--sd-accent) 0 1px, transparent 1px) top left/7px 7px no-repeat,
+    linear-gradient(225deg, var(--sd-accent) 0 1px, transparent 1px) top right/7px 7px no-repeat,
+    linear-gradient(45deg, var(--sd-accent) 0 1px, transparent 1px) bottom left/7px 7px no-repeat,
+    linear-gradient(315deg, var(--sd-accent) 0 1px, transparent 1px) bottom right/7px 7px no-repeat;
+  opacity: .58;
+}
+
+.sd-error-panel h1 {
+  max-width: 12ch;
+  margin: .7rem 0 0;
+  color: var(--sd-ink);
+  font-family: var(--sd-font-display);
+  font-size: clamp(2.4rem, 8vw, 5.5rem);
+  font-weight: 650;
+  line-height: .92;
+}
+
+.sd-error-panel p {
+  max-width: 62ch;
+  margin: 1rem 0 0;
+  color: var(--sd-muted);
+  font-size: clamp(1rem, 1.6vw, 1.16rem);
+  line-height: 1.7;
+}
+
+.sd-error-panel code {
+  display: inline-block;
+  max-width: 100%;
+  margin-top: 1rem;
+  overflow-wrap: anywhere;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 80%, transparent);
+  background: color-mix(in srgb, var(--sd-bg) 70%, var(--sd-panel));
+  color: color-mix(in srgb, var(--sd-ink) 85%, var(--sd-muted));
+  padding: .32rem .5rem;
+  font: .88rem var(--font-mono);
+}
+
+.sd-error-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .75rem;
+  margin-top: 1.5rem;
+}
+
+.sd-render-error {
+  position: relative;
+  display: flex;
+  gap: .95rem;
+  margin: 1.2rem 0;
+  border: 1px solid color-mix(in srgb, var(--sd-accent-2) 36%, var(--sd-line));
+  background:
+    linear-gradient(135deg, color-mix(in srgb, var(--sd-accent-2) 8%, transparent), transparent 34%),
+    color-mix(in srgb, var(--sd-panel) 94%, var(--sd-bg));
+  color: var(--sd-ink);
+  padding: 1rem;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sd-panel) 70%, transparent);
+}
+
+.sd-render-error::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  background:
+    linear-gradient(135deg, var(--sd-accent-2) 0 1px, transparent 1px) top left/6px 6px no-repeat,
+    linear-gradient(225deg, var(--sd-accent-2) 0 1px, transparent 1px) top right/6px 6px no-repeat,
+    linear-gradient(45deg, var(--sd-accent-2) 0 1px, transparent 1px) bottom left/6px 6px no-repeat,
+    linear-gradient(315deg, var(--sd-accent-2) 0 1px, transparent 1px) bottom right/6px 6px no-repeat;
+  opacity: .55;
+}
+
+.sd-render-error-mark {
+  width: .62rem;
+  min-height: 2.2rem;
+  flex: 0 0 auto;
+  image-rendering: pixelated;
+  background:
+    linear-gradient(var(--sd-accent-2), var(--sd-accent-2)) 0 0 / 100% 42% no-repeat,
+    linear-gradient(var(--sd-accent), var(--sd-accent)) 0 100% / 100% 42% no-repeat;
+}
+
+.sd-render-error-body {
+  min-width: 0;
+}
+
+.sd-render-error-kicker {
+  margin: 0 0 .24rem;
+  color: color-mix(in srgb, var(--sd-accent-2) 82%, var(--sd-ink));
+  font: 650 .75rem/1.35 var(--font-sans);
+  letter-spacing: .08em;
+  text-transform: uppercase;
+}
+
+.sd-render-error strong {
+  display: block;
+  color: var(--sd-ink);
+  font: 650 1rem/1.35 var(--font-sans);
+  letter-spacing: 0;
+}
+
+.sd-render-error p {
+  max-width: 60ch;
+  margin: .45rem 0 0;
+  color: var(--sd-muted);
+  font-size: .93rem;
+  line-height: 1.62;
+}
+
+.sd-render-error details {
+  margin-top: .78rem;
+  color: var(--sd-muted);
+  font-size: .86rem;
+}
+
+.sd-render-error summary {
+  width: fit-content;
+  cursor: pointer;
+  color: color-mix(in srgb, var(--sd-ink) 82%, var(--sd-muted));
+  font-weight: 600;
+}
+
+.sd-render-error summary:hover {
+  color: var(--sd-accent-2);
+}
+
+.sd-render-error code {
+  display: block;
+  max-width: 100%;
+  margin-top: .52rem;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 80%, transparent);
+  background: color-mix(in srgb, var(--sd-bg) 74%, var(--sd-panel));
+  color: color-mix(in srgb, var(--sd-ink) 86%, var(--sd-muted));
+  padding: .5rem .62rem;
+  font: .82rem/1.6 var(--font-mono);
+}
+
+.sd-render-error-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .6rem;
+  margin-top: .95rem;
+}
+
+.sd-render-error .sd-button {
+  min-width: auto;
+  min-height: 2.1rem;
+  padding: 0 .7rem;
+  font-size: .84rem;
+}
+
+.sd-sidebar .sd-render-error,
+.sd-toc .sd-render-error {
+  display: grid;
+  gap: .62rem;
+  margin: .35rem 0;
+  padding: .75rem;
+}
+
+.sd-sidebar .sd-render-error-mark,
+.sd-toc .sd-render-error-mark {
+  width: 2rem;
+  min-height: .38rem;
+}
+
+.sd-sidebar .sd-render-error strong,
+.sd-toc .sd-render-error strong {
+  font-size: .9rem;
+}
+
+.sd-sidebar .sd-render-error p,
+.sd-toc .sd-render-error p {
+  font-size: .82rem;
+  line-height: 1.5;
+}
+
+.sd-render-error[data-variant="tools"] {
+  max-width: min(92vw, 28rem);
+  margin: 1rem;
+}
+
+.sd-content > .sd-render-error {
+  margin-top: 2rem;
+}
+
+.sd-prose {
+  padding-top: 2rem;
+  color: color-mix(in srgb, var(--sd-ink) 94%, var(--sd-muted));
+  font-size: 1rem;
+  line-height: 1.78;
+  overflow-wrap: break-word;
+}
+
+.sd-prose > :first-child {
+  margin-top: 0;
+}
+
+.sd-prose > :last-child {
+  margin-bottom: 0;
+}
+
+.sd-prose p,
+.sd-prose ul,
+.sd-prose ol,
+.sd-prose blockquote,
+.sd-prose table,
+.sd-prose pre,
+.sd-prose .sd-code,
+.sd-prose .sd-table-scroll,
+.sd-prose .katex-display {
+  margin: 1.15rem 0 0;
+}
+
+.sd-prose h1,
+.sd-prose h2,
+.sd-prose h3,
+.sd-prose h4,
+.sd-prose h5,
+.sd-prose h6 {
+  scroll-margin-top: 80px;
+  color: var(--sd-ink);
+  font-family: var(--font-sans);
+  font-weight: 650;
+  letter-spacing: 0;
+  line-height: 1.16;
+}
+
+.sd-prose h1 {
+  margin: 0 0 1rem;
+  font-size: clamp(2rem, 5vw, 3.7rem);
+}
+
+.sd-prose h2,
+.sd-prose h3,
+.sd-prose h4 {
+  margin: 2.6rem 0 0;
+}
+
+.sd-prose h2 {
+  padding-top: 1.2rem;
+  border-top: 1px solid var(--sd-line);
+  font-size: clamp(1.55rem, 3vw, 2rem);
+}
+
+.sd-prose h3 {
+  font-size: 1.28rem;
+}
+
+.sd-prose h4 {
+  color: color-mix(in srgb, var(--sd-ink) 88%, var(--sd-muted));
+  font-size: 1.08rem;
+}
+
+.sd-prose h5,
+.sd-prose h6 {
+  margin: 1.8rem 0 0;
+  font-size: .92rem;
+  text-transform: uppercase;
+}
+
+.sd-prose p {
+  max-width: 74ch;
+}
+
+.sd-prose strong {
+  color: var(--sd-ink);
+  font-weight: 650;
+}
+
+.sd-prose em {
+  color: color-mix(in srgb, var(--sd-ink) 90%, var(--sd-muted));
+}
+
+.sd-prose :not(pre) > code,
+.sd-prose kbd {
+  border: 1px solid color-mix(in srgb, var(--sd-line) 80%, transparent);
+  background: color-mix(in srgb, var(--sd-panel) 88%, var(--sd-accent) 6%);
+  color: color-mix(in srgb, var(--sd-accent) 78%, var(--sd-ink));
+  padding: .12rem .32rem;
+  font: .88em var(--font-mono);
+}
+
+.sd-prose kbd {
+  color: var(--sd-muted);
+  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--sd-ink) 10%, transparent);
+}
+
+.sd-prose ul,
+.sd-prose ol {
+  display: grid;
+  gap: .48rem;
+  padding-left: 1.35rem;
+  list-style-position: outside;
+}
+
+.sd-prose ul {
+  list-style-type: disc;
+}
+
+.sd-prose ul ul {
+  list-style-type: circle;
+}
+
+.sd-prose ul ul ul {
+  list-style-type: square;
+}
+
+.sd-prose ol {
+  list-style-type: decimal;
+}
+
+.sd-prose li > :first-child {
+  margin-top: 0;
+}
+
+.sd-prose li::marker {
+  color: var(--sd-accent);
+  font-weight: 650;
+}
+
+.sd-prose input[type="checkbox"] {
+  accent-color: var(--sd-accent);
+  transform: translateY(1px);
+}
+
+.sd-prose blockquote {
+  border-left: 3px solid var(--sd-accent);
+  background: color-mix(in srgb, var(--sd-accent) 8%, var(--sd-panel));
+  color: color-mix(in srgb, var(--sd-ink) 86%, var(--sd-muted));
+  padding: .9rem 1rem;
+}
+
+.sd-prose blockquote > :first-child {
+  margin-top: 0;
+}
+
+.sd-prose hr {
+  height: 1px;
+  margin: 2.4rem 0;
+  border: 0;
+  background: var(--sd-line);
+}
+
+.sd-heading-anchor {
+  display: inline-flex;
+  width: .9em;
+  height: .9em;
+  margin-left: .45rem;
+  align-items: center;
+  justify-content: center;
+  vertical-align: -.08em;
+  color: var(--sd-muted);
+  opacity: 0;
+  border-radius: 3px;
+  text-decoration: none;
+  transition: color .14s ease, opacity .14s ease;
+}
+
+.sd-heading-anchor svg {
+  width: 100%;
+  height: 100%;
+}
+
+.sd-prose :is(h2, h3, h4):hover .sd-heading-anchor,
+.sd-heading-anchor:focus-visible {
+  opacity: 1;
+}
+
+.sd-heading-anchor:hover,
+.sd-heading-anchor:focus-visible {
+  color: var(--sd-accent);
+}
+
+@media (hover: none) {
+  .sd-heading-anchor {
+    opacity: .5;
+  }
+}
+
+.sd-home-faq .sd-heading-anchor {
+  display: none;
+}
+
+.sd-prose a {
+  color: var(--sd-accent);
+  text-underline-offset: .18em;
+}
+
+.sd-prose a:hover {
+  color: color-mix(in srgb, var(--sd-accent) 70%, var(--sd-accent-2));
+}
+
+.sd-external-link-icon {
+  display: inline;
+  width: .82em;
+  height: .82em;
+  margin-left: .18em;
+  transform: translateY(.08em);
+  stroke-width: 2;
+}
+
+.sd-link-card-row {
+  max-width: 74ch;
+  margin: 1.2rem 0;
+}
+
+.sd-prose .sd-link-card {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  min-height: 4.6rem;
+  padding: .9rem 1rem;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 82%, transparent);
+  background:
+    linear-gradient(90deg, color-mix(in srgb, var(--sd-accent) 8%, transparent), transparent 34%),
+    var(--sd-panel);
+  color: var(--sd-ink);
+  text-decoration: none;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sd-panel) 82%, transparent);
+  transition: border-color .14s ease, background .14s ease, color .14s ease, transform .14s ease;
+}
+
+.sd-prose .sd-link-card:hover {
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, var(--sd-accent) 42%, var(--sd-line));
+  background:
+    linear-gradient(90deg, color-mix(in srgb, var(--sd-accent) 12%, transparent), transparent 42%),
+    var(--sd-panel);
+  color: var(--sd-ink);
+}
+
+.sd-prose .sd-link-card::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  background:
+    linear-gradient(135deg, var(--sd-accent) 0 1px, transparent 1px) top left/5px 5px no-repeat,
+    linear-gradient(225deg, var(--sd-accent) 0 1px, transparent 1px) top right/5px 5px no-repeat,
+    linear-gradient(45deg, var(--sd-accent) 0 1px, transparent 1px) bottom left/5px 5px no-repeat,
+    linear-gradient(315deg, var(--sd-accent) 0 1px, transparent 1px) bottom right/5px 5px no-repeat;
+  opacity: .42;
+}
+
+.sd-link-card-content {
+  display: grid;
+  gap: .22rem;
+  min-width: 0;
+}
+
+.sd-link-card-title {
+  color: var(--sd-ink);
+  font-weight: 650;
+  line-height: 1.35;
+}
+
+.sd-link-card-description {
+  color: var(--sd-muted);
+  font-size: .92rem;
+  line-height: 1.55;
+}
+
+.sd-link-card-arrow {
+  display: inline-flex;
+  width: 1.8rem;
+  height: 1.8rem;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid color-mix(in srgb, var(--sd-accent) 38%, transparent);
+  color: var(--sd-accent);
+  font-family: var(--font-mono);
+  font-size: .9rem;
+}
+
+.sd-callout {
+  margin: 1.5rem 0;
+  border-left: 3px solid var(--sd-accent);
+  background: color-mix(in srgb, var(--sd-accent) 10%, transparent);
+  padding: .9rem 1rem;
+  color: var(--sd-ink);
+}
+
+.sd-callout[data-tone="edge"] {
+  border-color: var(--sd-accent-2);
+  background: color-mix(in srgb, var(--sd-accent-2) 10%, transparent);
+}
+
+.sd-prose table {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  max-height: min(32rem, 72vh);
+  overflow: auto;
+  scrollbar-gutter: auto;
+  border: 1px solid var(--sd-line);
+  border-collapse: separate;
+  border-spacing: 0;
+  border-radius: 6px;
+  background: var(--sd-panel);
+  color: var(--sd-ink);
+  font-size: .875rem;
+}
+
+.sd-prose th,
+.sd-prose td {
+  min-width: 8rem;
+  border-bottom: 1px solid color-mix(in srgb, var(--sd-line) 70%, transparent);
+  padding: .7rem .9rem;
+  vertical-align: top;
+  line-height: 1.6;
+  text-align: left;
+}
+
+.sd-prose thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background-color: color-mix(in srgb, var(--sd-panel) 70%, var(--sd-bg) 30%);
+  background-image: none;
+  border-bottom: 1px solid var(--sd-line);
+  color: color-mix(in srgb, var(--sd-ink) 90%, var(--sd-muted));
+  font-weight: 600;
+  font-size: .82rem;
+  letter-spacing: .005em;
+  white-space: nowrap;
+}
+
+.sd-prose td {
+  background: var(--sd-panel);
+  color: color-mix(in srgb, var(--sd-ink) 92%, var(--sd-muted));
+}
+
+.sd-prose tbody tr:hover td {
+  background: color-mix(in srgb, var(--sd-accent) 4%, var(--sd-panel));
+}
+
+.sd-prose tbody tr:nth-child(even) td {
+  background: color-mix(in srgb, var(--sd-panel) 92%, var(--sd-bg) 8%);
+}
+
+.sd-prose tbody tr:nth-child(even):hover td {
+  background: color-mix(in srgb, var(--sd-accent) 4%, color-mix(in srgb, var(--sd-panel) 92%, var(--sd-bg) 8%));
+}
+
+.sd-prose tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.sd-prose :is(th, td) code {
+  padding: .08rem .35rem;
+  font-size: .82em;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--sd-accent) 8%, color-mix(in srgb, var(--sd-bg) 70%, var(--sd-panel)));
+  border: 1px solid color-mix(in srgb, var(--sd-line) 60%, transparent);
+}
+
+.sd-code,
+.sd-prose pre {
+  position: relative;
+  display: block;
+  margin: 1.5rem 0;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 90%, transparent);
+  background: #fbfbfa;
+  color: var(--sd-ink);
+  padding: 0;
+  font-family: var(--font-mono);
+  font-size: 13px;
+  line-height: 20px;
+  counter-reset: sd-code-line;
+  border-radius: 6px;
+  tab-size: 2;
+  overflow: hidden;
+  box-shadow: 0 1px 0 color-mix(in srgb, var(--sd-ink) 4%, transparent);
+}
+
+.sd-code.shiki,
+.sd-prose pre.shiki {
+  background-color: #fbfbfa !important;
+  color: var(--shiki-light, var(--sd-ink)) !important;
+}
+
+.sd-code.shiki code,
+.sd-prose pre.shiki code {
+  color: inherit;
+}
+
+.sd-code.shiki .line > .sd-line-content > span,
+.sd-prose pre.shiki .line > .sd-line-content > span,
+.sd-code.shiki .line > span:not(.sd-line-no):not(.sd-line-content),
+.sd-prose pre.shiki .line > span:not(.sd-line-no):not(.sd-line-content) {
+  color: var(--shiki-light, inherit);
+  font-style: var(--shiki-light-font-style, normal);
+  font-weight: var(--shiki-light-font-weight, inherit);
+  text-decoration: var(--shiki-light-text-decoration, none);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code,
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-prose pre {
+  background: #1e1e1e;
+  border-color: color-mix(in srgb, var(--sd-line) 90%, transparent);
+  box-shadow: none;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code.shiki,
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-prose pre.shiki {
+  background-color: #1e1e1e !important;
+  color: var(--shiki-dark, #d4d4d4) !important;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code.shiki .line > .sd-line-content > span,
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-prose pre.shiki .line > .sd-line-content > span,
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code.shiki .line > span:not(.sd-line-no):not(.sd-line-content),
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-prose pre.shiki .line > span:not(.sd-line-no):not(.sd-line-content) {
+  color: var(--shiki-dark, inherit) !important;
+  font-style: var(--shiki-dark-font-style, normal) !important;
+  font-weight: var(--shiki-dark-font-weight, inherit) !important;
+  text-decoration: var(--shiki-dark-text-decoration, none) !important;
+}
+
+.sd-code code,
+.sd-prose pre code {
+  display: block;
+  width: 100%;
+  padding: .75rem 0;
+  background: transparent;
+  font-family: var(--font-mono);
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  white-space: pre;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-gutter: auto;
+}
+
+.sd-code[data-wrap="true"] code,
+.sd-prose pre[data-wrap="true"] code {
+  white-space: pre-wrap;
+  overflow-x: hidden;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.sd-code[data-wrap="true"] .sd-line-content,
+.sd-prose pre[data-wrap="true"] .sd-line-content {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.sd-code[data-wrap="true"] .line,
+.sd-prose pre[data-wrap="true"] .line {
+  width: 100%;
+  min-width: 0;
+}
+
+.sd-code .line {
+  display: flex;
+  align-items: stretch;
+  position: relative;
+  width: max-content;
+  min-width: 100%;
+  padding: 0 1.2rem;
+  background: transparent;
+  line-height: 20px;
+  min-height: 20px;
+}
+
+.sd-code .sd-line-no {
+  flex: 0 0 auto;
+  width: 1.8rem;
+  margin-right: .9rem;
+  padding-right: .9rem;
+  border-right: 1px solid color-mix(in srgb, currentColor 12%, transparent);
+  text-align: right;
+  color: color-mix(in srgb, currentColor 35%, transparent);
+  font-size: inherit;
+  line-height: inherit;
+  font-variant-numeric: tabular-nums;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  pointer-events: none;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code .sd-line-no {
+  border-right-color: color-mix(in srgb, currentColor 16%, transparent);
+}
+
+.sd-code .sd-line-no::selection {
+  background: transparent;
+  color: inherit;
+}
+
+.sd-code .sd-line-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.sd-code .sd-line-content[data-empty="true"]::before,
+.sd-code .sd-line-content:empty::before {
+  content: "\00a0";
+}
+
+.sd-code[data-language='text'] .sd-line-no,
+.sd-code[data-language='txt'] .sd-line-no,
+.sd-code[data-language='plaintext'] .sd-line-no,
+.sd-code[data-no-line-numbers="true"] .sd-line-no {
+  display: none;
+}
+
+.sd-code .sd-line-add {
+  background: color-mix(in srgb, #2ea043 16%, transparent);
+}
+
+.sd-code .sd-line-remove {
+  background: color-mix(in srgb, #f85149 16%, transparent);
+}
+
+.sd-code .sd-line-add > .sd-line-no {
+  color: #2ea043;
+}
+
+.sd-code .sd-line-remove > .sd-line-no {
+  color: #f85149;
+}
+
+.sd-code .sd-line-meta {
+  background: color-mix(in srgb, var(--sd-accent) 8%, transparent);
+  color: color-mix(in srgb, var(--sd-accent) 80%, currentColor);
+}
+
+.sd-code .sd-line-meta > .sd-line-no {
+  color: var(--sd-accent);
+}
+
+.sd-code .sd-line-highlight {
+  background: color-mix(in srgb, var(--sd-accent) 10%, transparent);
+  box-shadow: inset 2px 0 0 var(--sd-accent);
+}
+
+.sd-code .sd-line-focus {
+  background: color-mix(in srgb, var(--sd-accent-2) 10%, transparent);
+  box-shadow: inset 2px 0 0 var(--sd-accent-2);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code .sd-line-add { background: color-mix(in srgb, #3fb950 18%, transparent); }
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code .sd-line-remove { background: color-mix(in srgb, #ff7b72 18%, transparent); }
+
+.sd-code-header {
+  display: flex;
+  align-items: center;
+  gap: .55rem;
+  padding: .35rem .35rem .35rem .85rem;
+  border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
+  background: color-mix(in srgb, currentColor 4%, transparent);
+  color: inherit;
+  font-family: var(--font-sans);
+  font-size: .78rem;
+  line-height: 1;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code-header {
+  background: #181818;
+  border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code-language {
+  background: color-mix(in srgb, currentColor 8%, transparent);
+  border-color: color-mix(in srgb, currentColor 16%, transparent);
+}
+
+.sd-code-language {
+  display: inline-flex;
+  align-items: center;
+  gap: .35rem;
+  padding: .22rem .5rem;
+  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
+  border-radius: 4px;
+  background: color-mix(in srgb, currentColor 5%, transparent);
+  color: color-mix(in srgb, currentColor 78%, transparent);
+  font: 600 .7rem var(--font-mono);
+  letter-spacing: .03em;
+  text-transform: none;
+}
+
+.sd-code-language::before {
+  content: "";
+  display: inline-block;
+  width: .4rem;
+  height: .4rem;
+  border-radius: 0;
+  background: var(--sd-code-language-color, color-mix(in srgb, var(--sd-accent) 70%, currentColor 30%));
+}
+
+.sd-code-language[data-language="ts"],
+.sd-code-language[data-language="tsx"] { --sd-code-language-color: #3178c6; }
+.sd-code-language[data-language="js"],
+.sd-code-language[data-language="jsx"],
+.sd-code-language[data-language="mjs"],
+.sd-code-language[data-language="cjs"] { --sd-code-language-color: #f1c40f; }
+.sd-code-language[data-language="svelte"],
+.sd-code-language[data-language="svx"] { --sd-code-language-color: #ff3e00; }
+.sd-code-language[data-language="vue"] { --sd-code-language-color: #41b883; }
+.sd-code-language[data-language="html"] { --sd-code-language-color: #e34f26; }
+.sd-code-language[data-language="css"] { --sd-code-language-color: #2965f1; }
+.sd-code-language[data-language="scss"],
+.sd-code-language[data-language="sass"] { --sd-code-language-color: #c69; }
+.sd-code-language[data-language="json"],
+.sd-code-language[data-language="jsonc"] { --sd-code-language-color: #cbcb41; }
+.sd-code-language[data-language="yaml"],
+.sd-code-language[data-language="yml"] { --sd-code-language-color: #cb171e; }
+.sd-code-language[data-language="toml"] { --sd-code-language-color: #9c4221; }
+.sd-code-language[data-language="md"],
+.sd-code-language[data-language="mdx"] { --sd-code-language-color: #519aba; }
+.sd-code-language[data-language="sh"],
+.sd-code-language[data-language="bash"],
+.sd-code-language[data-language="zsh"] { --sd-code-language-color: #4eaa25; }
+.sd-code-language[data-language="ps1"] { --sd-code-language-color: #2671be; }
+.sd-code-language[data-language="python"],
+.sd-code-language[data-language="py"] { --sd-code-language-color: #3572a5; }
+.sd-code-language[data-language="rs"] { --sd-code-language-color: #dea584; }
+.sd-code-language[data-language="go"] { --sd-code-language-color: #00add8; }
+.sd-code-language[data-language="java"] { --sd-code-language-color: #b07219; }
+.sd-code-language[data-language="kt"] { --sd-code-language-color: #a97bff; }
+.sd-code-language[data-language="swift"] { --sd-code-language-color: #f05138; }
+.sd-code-language[data-language="c"] { --sd-code-language-color: #555555; }
+.sd-code-language[data-language="cpp"] { --sd-code-language-color: #f34b7d; }
+.sd-code-language[data-language="cs"] { --sd-code-language-color: #178600; }
+.sd-code-language[data-language="sql"] { --sd-code-language-color: #e38c00; }
+.sd-code-language[data-language="diff"] { --sd-code-language-color: #2ea043; }
+
+.sd-code-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: color-mix(in srgb, currentColor 80%, transparent);
+  font-weight: 600;
+  letter-spacing: -.005em;
+}
+
+.sd-code-stats {
+  display: inline-flex;
+  align-items: center;
+  gap: .4rem;
+  font: 600 .7rem var(--font-mono);
+  letter-spacing: .02em;
+}
+
+.sd-code-stat-add { color: #2ea043; }
+.sd-code-stat-remove { color: #d1242f; }
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code-stat-add { color: #3fb950; }
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code-stat-remove { color: #ff7b72; }
+
+.sd-code-copy {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.85rem;
+  height: 1.85rem;
+  margin-left: auto;
+  border: 1px solid transparent;
+  border-radius: 5px;
+  background: transparent;
+  color: color-mix(in srgb, currentColor 65%, transparent);
+  cursor: pointer;
+  transition: background .14s ease, color .14s ease, border-color .14s ease, opacity .14s ease, transform .14s ease;
+}
+
+.sd-code-copy svg {
+  width: 1rem;
+  height: 1rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  pointer-events: none;
+}
+
+.sd-code-copy:hover {
+  background: color-mix(in srgb, currentColor 8%, transparent);
+  color: color-mix(in srgb, currentColor 90%, transparent);
+  border-color: color-mix(in srgb, currentColor 14%, transparent);
+}
+
+.sd-code-copy:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--sd-accent) 70%, transparent);
+  outline-offset: 1px;
+}
+
+.sd-code-copy[data-state="copied"] {
+  color: #2ea043;
+  border-color: color-mix(in srgb, #2ea043 35%, transparent);
+  background: color-mix(in srgb, #2ea043 10%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-code-copy[data-state="copied"] {
+  color: #3fb950;
+  background: color-mix(in srgb, #3fb950 16%, transparent);
+}
+
+.sd-code-copy[data-state="copied"] svg {
+  animation: sd-code-copy-pop .3s ease both;
+}
+
+@keyframes sd-code-copy-pop {
+  0% { transform: scale(.6); opacity: 0; }
+  50% { transform: scale(1.15); opacity: 1; }
+  100% { transform: scale(1); opacity: 1; }
+}
+
+.sd-code:not(:has(.sd-code-header)) .sd-code-copy {
+  position: absolute;
+  top: .5rem;
+  right: .5rem;
+}
+
+.sd-diff-split {
+  display: block;
+  padding: 0;
+}
+
+.sd-diff-panes {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  font-family: var(--font-mono);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.sd-diff-pane {
+  min-width: 0;
+  background: color-mix(in srgb, var(--sd-bg) 76%, var(--sd-panel));
+}
+
+.sd-diff-pane[data-side="old"] {
+  border-right: 1px solid color-mix(in srgb, var(--sd-line) 86%, transparent);
+}
+
+.sd-diff-column-label {
+  padding: .42rem .75rem .42rem 4.15rem;
+  border-bottom: 1px solid color-mix(in srgb, var(--sd-line) 86%, transparent);
+  background: color-mix(in srgb, var(--sd-ink) 4%, transparent);
+  color: color-mix(in srgb, var(--sd-ink) 58%, transparent);
+  font: 600 .68rem var(--font-sans);
+  text-transform: uppercase;
+}
+
+.sd-diff-scroll {
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-gutter: auto;
+}
+
+.sd-diff-scroll:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--sd-accent) 70%, transparent);
+  outline-offset: -2px;
+}
+
+.sd-diff-lines {
+  width: max-content;
+  min-width: 100%;
+  padding: .15rem 0 .55rem;
+}
+
+.sd-diff-row {
+  display: block;
+}
+
+.sd-diff-meta {
+  display: block;
+}
+
+.sd-diff-cell {
+  display: grid;
+  grid-template-columns: 3ch max-content;
+  align-items: start;
+  gap: .75rem;
+  width: max-content;
+  min-width: 100%;
+  min-height: 20px;
+  padding: 0 .8rem 0 .65rem;
+  border-top: 1px solid color-mix(in srgb, var(--sd-line) 44%, transparent);
+  white-space: pre;
+}
+
+.sd-diff-line-no {
+  font-size: .72rem;
+  line-height: inherit;
+  color: color-mix(in srgb, var(--sd-ink) 35%, transparent);
+  text-align: right;
+  user-select: none;
+}
+
+.sd-diff-code {
+  display: inline;
+  min-width: max-content;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  white-space: pre;
+  font-family: var(--font-mono);
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+
+.sd-diff-add {
+  background: color-mix(in srgb, #2ea043 15%, transparent);
+}
+
+.sd-diff-remove {
+  background: color-mix(in srgb, #d1242f 13%, transparent);
+}
+
+.sd-diff-add .sd-diff-line-no {
+  color: #2ea043;
+}
+
+.sd-diff-remove .sd-diff-line-no {
+  color: #d1242f;
+}
+
+.sd-diff-empty {
+  background: color-mix(in srgb, var(--sd-line) 16%, transparent);
+}
+
+.sd-diff-meta-cell {
+  color: color-mix(in srgb, var(--sd-accent) 80%, var(--sd-ink));
+  background: color-mix(in srgb, var(--sd-accent) 9%, transparent);
+  font-size: .78rem;
+  white-space: pre;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-pane {
+  background: color-mix(in srgb, #1e1e1e 88%, var(--sd-panel));
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-column-label {
+  background: color-mix(in srgb, currentColor 5%, transparent);
+  border-bottom-color: color-mix(in srgb, currentColor 13%, transparent);
+  color: color-mix(in srgb, currentColor 58%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-pane[data-side="old"] {
+  border-right-color: color-mix(in srgb, currentColor 12%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-cell {
+  border-top-color: color-mix(in srgb, currentColor 8%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-add {
+  background: color-mix(in srgb, #3fb950 17%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-remove {
+  background: color-mix(in srgb, #ff7b72 17%, transparent);
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-add .sd-diff-line-no {
+  color: #3fb950;
+}
+
+:is(:root[data-theme="dark"], html:has(.sd-root[data-theme="dark"])) .sd-diff-remove .sd-diff-line-no {
+  color: #ff7b72;
+}
+
+.sd-toc-title {
+  color: color-mix(in srgb, var(--sd-ink) 70%, transparent);
+  font-size: .72rem;
+  line-height: 1.5;
+  font-family: var(--font-sans);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .06em;
+  padding: .25rem .15rem .5rem;
+}
+
+.sd-toc-link {
+  color: var(--sd-muted);
+  display: block;
+  font-size: .82rem;
+  line-height: 1.5;
+  padding: .3rem .25rem;
+  border-radius: 4px;
+  transition: color .16s ease, background .16s ease;
+}
+
+.sd-toc-link:hover {
+  color: var(--sd-ink);
+}
+
+.sd-toc-link.sd-active {
+  color: var(--sd-accent);
+  font-weight: 500;
+}
+
+.sd-depth-3 {
+  padding-left: .9rem;
+}
+
+.sd-depth-4 {
+  padding-left: 1.7rem;
+}
+
+.sd-doc-footer {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1rem;
+  margin-top: 4rem;
+  padding-top: 1.6rem;
+  border-top: 1px dashed color-mix(in srgb, var(--sd-line) 80%, transparent);
+}
+
+.sd-doc-meta {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: .8rem;
+  color: var(--sd-muted);
+  font-family: var(--font-sans);
+  font-size: .82rem;
+}
+
+.sd-doc-meta a {
+  color: var(--sd-accent);
+}
+
+.sd-prev-next {
+  position: relative;
+  display: grid;
+  gap: .35rem;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+  padding: 1rem 1.1rem;
+  text-decoration: none;
+  color: var(--sd-ink);
+  overflow: hidden;
+  transition: transform .2s ease, border-color .2s ease;
+}
+
+.sd-prev-next::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 3px;
+  background:
+    repeating-linear-gradient(var(--sd-accent) 0 4px, transparent 0 8px);
+  opacity: .55;
+  transition: opacity .2s ease;
+}
+
+.sd-prev-next[data-direction="prev"] {
+  grid-column: 1;
+}
+
+.sd-prev-next[data-direction="next"] {
+  grid-column: 2;
+}
+
+.sd-prev-next[data-direction="prev"]::before {
+  left: 0;
+}
+
+.sd-prev-next[data-direction="next"]::before {
+  right: 0;
+}
+
+.sd-prev-next[data-direction="next"] {
+  text-align: right;
+}
+
+.sd-prev-next:hover {
+  border-color: color-mix(in srgb, var(--sd-accent) 60%, var(--sd-line));
+  transform: translateY(-2px);
+}
+
+.sd-prev-next:hover::before {
+  opacity: 1;
+}
+
+.sd-prev-next span {
+  display: inline-flex;
+  align-items: center;
+  gap: .4rem;
+  color: var(--sd-muted);
+  font-size: .72rem;
+  font-family: var(--font-sans);
+  font-weight: 650;
+  letter-spacing: .04em;
+  text-transform: uppercase;
+}
+
+.sd-prev-next[data-direction="next"] span {
+  justify-content: flex-end;
+}
+
+.sd-prev-next span i {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  background: var(--sd-accent);
+  image-rendering: pixelated;
+}
+
+.sd-prev-next strong {
+  font-family: var(--font-sans);
+  font-size: 1.02rem;
+  font-weight: 600;
+  letter-spacing: -.005em;
+}
+
+.sd-prev-next-arrow {
+  position: absolute;
+  bottom: .75rem;
+  font-family: var(--font-mono);
+  font-style: normal;
+  font-size: 1rem;
+  color: color-mix(in srgb, var(--sd-accent) 70%, var(--sd-ink));
+  opacity: .25;
+  transition: opacity .2s ease, transform .2s ease;
+}
+
+.sd-prev-next[data-direction="prev"] .sd-prev-next-arrow {
+  right: .9rem;
+}
+
+.sd-prev-next[data-direction="next"] .sd-prev-next-arrow {
+  left: .9rem;
+}
+
+.sd-prev-next:hover .sd-prev-next-arrow {
+  opacity: 1;
+}
+
+.sd-prev-next[data-direction="next"]:hover .sd-prev-next-arrow {
+  transform: translateX(3px);
+}
+
+.sd-prev-next[data-direction="prev"]:hover .sd-prev-next-arrow {
+  transform: translateX(-3px);
+}
+
+.sd-home {
+  max-width: none;
+}
+
+.sd-home-hero {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
+  align-items: center;
+  gap: clamp(2rem, 4vw, 3.5rem);
+  min-height: min(720px, calc(100vh - 140px));
+  padding: clamp(3rem, 7vw, 5.5rem) clamp(1.2rem, 6vw, 5rem);
+  overflow: hidden;
+}
+
+.sd-home-hero::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(color-mix(in srgb, var(--sd-grid-line) 55%, transparent) 1px, transparent 1px),
+    linear-gradient(90deg, color-mix(in srgb, var(--sd-grid-line) 55%, transparent) 1px, transparent 1px),
+    radial-gradient(ellipse at 78% 22%, color-mix(in srgb, var(--sd-accent-2) 14%, transparent), transparent 26rem),
+    radial-gradient(ellipse at 12% 78%, color-mix(in srgb, var(--sd-accent) 12%, transparent), transparent 24rem);
+  background-size: 64px 64px, 64px 64px, 100% 100%, 100% 100%;
+  mask-image: radial-gradient(ellipse at 50% 40%, black 55%, transparent 100%);
+  opacity: .55;
+}
+
+.sd-home-hero-tape {
+  position: absolute;
+  inset: auto 0 0 0;
+  height: 18px;
+  pointer-events: none;
+  background:
+    repeating-linear-gradient(
+      90deg,
+      var(--sd-ink) 0 14px,
+      transparent 14px 28px
+    );
+  opacity: .14;
+  mask-image: linear-gradient(90deg, transparent, black 18%, black 82%, transparent);
+}
+
+.sd-home-copy,
+.sd-home-visual,
+.sd-pixel-stage {
+  position: relative;
+  z-index: 1;
+}
+
+.sd-home-copy h1 {
+  margin-top: .55rem;
+}
+
+.sd-home-copy > p {
+  margin-top: 1.15rem;
+}
+
+.sd-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .8rem;
+  margin-top: 1.8rem;
+}
+
+.sd-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: .55rem;
+  min-width: 8rem;
+}
+
+.sd-button-primary {
+  background: var(--sd-ink);
+  color: var(--sd-bg);
+}
+
+.sd-button-arrow {
+  display: inline-block;
+  width: .55rem;
+  height: .55rem;
+  image-rendering: pixelated;
+  background:
+    linear-gradient(currentColor, currentColor) 0 100% / 100% 25% no-repeat,
+    linear-gradient(currentColor, currentColor) 100% 0 / 25% 100% no-repeat;
+  transition: transform .18s ease;
+}
+
+.sd-button:hover .sd-button-arrow {
+  transform: translate(2px, -2px);
+}
+
+.sd-pixel-stage {
+  position: relative;
+  display: block;
+  aspect-ratio: 14 / 9;
+  padding: clamp(1rem, 2vw, 1.5rem);
+  border: 1px solid var(--sd-line);
+  background:
+    linear-gradient(var(--sd-grid-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--sd-grid-line) 1px, transparent 1px),
+    color-mix(in srgb, var(--sd-panel) 82%, transparent);
+  background-size: 16px 16px;
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--sd-bg) 38%, transparent),
+    0 24px 80px color-mix(in srgb, var(--sd-ink) 9%, transparent);
+  overflow: hidden;
+}
+
+.sd-pixel-stage::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(circle at 50% 50%, transparent 38%, color-mix(in srgb, var(--sd-bg) 28%, transparent) 100%);
+}
+
+.sd-pixel-frame {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  z-index: 2;
+  pointer-events: none;
+  background:
+    linear-gradient(var(--sd-accent), var(--sd-accent)) 0 0 / 100% 2px no-repeat,
+    linear-gradient(var(--sd-accent), var(--sd-accent)) 0 0 / 2px 100% no-repeat;
+}
+
+.sd-pixel-frame[data-corner="tl"] { top: .55rem; left: .55rem; }
+.sd-pixel-frame[data-corner="tr"] { top: .55rem; right: .55rem; transform: scaleX(-1); }
+.sd-pixel-frame[data-corner="bl"] { bottom: .55rem; left: .55rem; transform: scaleY(-1); }
+.sd-pixel-frame[data-corner="br"] { bottom: .55rem; right: .55rem; transform: scale(-1); }
+
+.sd-pixel-grid {
+  position: relative;
+  z-index: 1;
+  display: grid;
+  grid-template-columns: repeat(14, minmax(0, 1fr));
+  grid-auto-rows: 1fr;
+  gap: 6px;
+  width: 100%;
+  height: 100%;
+}
+
+.sd-pixel-grid > span {
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  background: color-mix(in srgb, var(--sd-accent) var(--mix), var(--sd-line));
+  opacity: .42;
+  animation: sd-pixel-wave 8.4s ease-in-out infinite;
+  animation-delay: var(--wave-delay);
+  transition: background .28s ease, opacity .28s ease, transform .28s ease;
+  will-change: background-color, opacity;
+}
+
+.sd-pixel-grid > span.sd-pixel-hot {
+  background: color-mix(in srgb, var(--sd-accent) 78%, var(--sd-ink));
+  opacity: .92;
+}
+
+.sd-pixel-grid > span.sd-pixel-accent {
+  background: color-mix(in srgb, var(--sd-accent-2) 65%, var(--sd-accent));
+  opacity: .94;
+}
+
+.sd-pixel-stage:hover .sd-pixel-grid > span:not(.sd-pixel-hot) {
+  opacity: .62;
+}
+
+.sd-pixel-tag {
+  position: absolute;
+  right: .85rem;
+  bottom: .65rem;
+  z-index: 3;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 88%, transparent);
+  background: color-mix(in srgb, var(--sd-panel) 92%, transparent);
+  color: var(--sd-muted);
+  padding: .12rem .42rem;
+  font-family: var(--font-sans);
+  font-size: .68rem;
+  font-weight: 650;
+  letter-spacing: .03em;
+}
+
+.sd-home-visual {
+  display: block;
+  width: 100%;
+  aspect-ratio: 14 / 9;
+  object-fit: cover;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+}
+
+.sd-home-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  border-top: 1px solid var(--sd-line);
+  border-bottom: 1px solid var(--sd-line);
+  background: color-mix(in srgb, var(--sd-panel) 60%, transparent);
+}
+
+.sd-home-grid a {
+  position: relative;
+  display: grid;
+  grid-template-rows: auto auto auto 1fr auto;
+  gap: 1rem;
+  color: inherit;
+  min-height: 17.5rem;
+  padding: 1.4rem 1.3rem 1.55rem;
+  text-decoration: none;
+  border-right: 1px solid var(--sd-line);
+  background: transparent;
+  overflow: hidden;
+  transition: background .22s ease, transform .22s ease, color .22s ease;
+}
+
+.sd-home-grid a:last-child {
+  border-right: 0;
+}
+
+.sd-home-grid a::before {
+  content: "";
+  position: absolute;
+  inset: auto 0 0 0;
+  height: 3px;
+  background:
+    repeating-linear-gradient(
+      90deg,
+      var(--sd-accent) 0 6px,
+      transparent 6px 12px
+    );
+  transform: scaleX(.18);
+  transform-origin: left;
+  transition: transform .35s ease;
+}
+
+.sd-home-grid a::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(var(--sd-grid-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--sd-grid-line) 1px, transparent 1px);
+  background-size: 12px 12px;
+  background-position: 100% 100%;
+  mask-image: radial-gradient(circle at 100% 100%, black 0%, transparent 55%);
+  opacity: .42;
+  transition: opacity .22s ease;
+}
+
+.sd-home-grid a:hover {
+  background: color-mix(in srgb, var(--sd-accent) 7%, var(--sd-panel));
+  transform: translateY(-2px);
+}
+
+.sd-home-grid a:hover::before {
+  transform: scaleX(1);
+}
+
+.sd-home-grid a:hover::after {
+  opacity: .74;
+}
+
+.sd-home-card-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: .42rem;
+  width: max-content;
+  border: 1px solid color-mix(in srgb, var(--sd-accent) 45%, var(--sd-line));
+  color: var(--sd-accent);
+  padding: .18rem .5rem .18rem .42rem;
+  font-family: var(--font-sans);
+  font-size: .72rem;
+  font-weight: 650;
+  text-transform: uppercase;
+  letter-spacing: .02em;
+}
+
+.sd-home-card-tag i {
+  width: .42rem;
+  height: .42rem;
+  background: var(--sd-accent);
+  display: inline-block;
+}
+
+.sd-home-card-glyph {
+  display: grid;
+  gap: 2px;
+  width: max-content;
+  padding: 4px;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 70%, transparent);
+  background: color-mix(in srgb, var(--sd-panel) 60%, transparent);
+}
+
+.sd-home-card-glyph > div {
+  display: grid;
+  grid-auto-flow: column;
+  gap: 2px;
+}
+
+.sd-home-card-glyph i {
+  display: block;
+  width: 7px;
+  height: 7px;
+  background: color-mix(in srgb, var(--sd-line) 80%, transparent);
+  transition: background .25s ease;
+}
+
+.sd-home-card-glyph i[data-on="true"] {
+  background: color-mix(in srgb, var(--sd-accent) 75%, var(--sd-ink));
+}
+
+.sd-home-grid a:hover .sd-home-card-glyph i[data-on="true"] {
+  background: var(--sd-accent-2);
+}
+
+.sd-home-grid strong {
+  display: block;
+  align-self: end;
+  margin: 0;
+  font-size: 1.3rem;
+  font-weight: 650;
+  line-height: 1.2;
+}
+
+.sd-home-grid small {
+  color: var(--sd-muted);
+  min-height: 4.2em;
+  line-height: 1.6;
+  font-size: .92rem;
+}
+
+.sd-home-card-arrow {
+  position: absolute;
+  right: 1.2rem;
+  bottom: 1.2rem;
+  color: var(--sd-muted);
+  font: 1.05rem var(--font-mono);
+  opacity: 0;
+  transform: translateX(-4px);
+  transition: opacity .22s ease, transform .22s ease, color .22s ease;
+}
+
+.sd-home-grid a:hover .sd-home-card-arrow {
+  opacity: 1;
+  transform: translateX(0);
+  color: var(--sd-accent);
+}
+
+.sd-home-body {
+  max-width: 1080px;
+  margin: 0 auto;
+  padding: clamp(3rem, 6vw, 5rem) 1.2rem;
+}
+
+.sd-home-body.sd-prose {
+  max-width: 1100px;
+  line-height: 1.65;
+}
+
+.sd-qa {
+  display: grid;
+  gap: 1.6rem;
+  margin: 2rem 0 0;
+}
+
+.sd-qa-head {
+  display: grid;
+  gap: .55rem;
+  max-width: 56ch;
+}
+
+.sd-qa-eyebrow {
+  display: inline-flex;
+  align-items: center;
+  gap: .55rem;
+  margin: 0;
+  color: var(--sd-muted);
+  font-family: var(--font-sans);
+  font-size: .74rem;
+  font-weight: 650;
+  letter-spacing: .04em;
+  text-transform: uppercase;
+}
+
+.sd-qa-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: var(--sd-accent);
+  image-rendering: pixelated;
+}
+
+.sd-qa-head h2 {
+  margin: 0;
+  font-family: var(--font-sans);
+  font-size: clamp(1.7rem, 3vw, 2.25rem);
+  font-weight: 650;
+  line-height: 1.14;
+  letter-spacing: -.005em;
+  color: var(--sd-ink);
+  border: 0;
+  padding: 0;
+}
+
+.sd-qa-stack {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0;
+  border: 1px solid var(--sd-line);
+  background: var(--sd-panel);
+}
+
+.sd-qa-card {
+  position: relative;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 1rem 1.1rem;
+  margin: 0;
+  padding: 1.4rem 1.5rem 1.5rem;
+  background: transparent;
+  transition: background-color .2s ease;
+}
+
+.sd-qa-card + .sd-qa-card {
+  border-left: 1px solid var(--sd-line);
+}
+
+.sd-qa-card:nth-child(n+3) {
+  border-top: 1px solid var(--sd-line);
+}
+
+.sd-qa-card:nth-child(odd) {
+  border-left: 0;
+}
+
+.sd-qa-card:hover {
+  background: color-mix(in srgb, var(--sd-accent) 5%, transparent);
+}
+
+.sd-qa-num {
+  display: inline-flex;
+  align-items: flex-start;
+  font-family: var(--font-sans);
+  font-size: .82rem;
+  font-weight: 650;
+  letter-spacing: .03em;
+  color: var(--sd-accent);
+  padding-top: .2rem;
+}
+
+.sd-qa-body {
+  display: grid;
+  gap: .55rem;
+  min-width: 0;
+}
+
+.sd-qa-body h3 {
+  margin: 0;
+  font-family: var(--font-sans);
+  font-size: 1.04rem;
+  font-weight: 650;
+  line-height: 1.32;
+  letter-spacing: -.003em;
+  color: var(--sd-ink);
+}
+
+.sd-qa-body p {
+  margin: 0;
+  max-width: 50ch;
+  color: color-mix(in srgb, var(--sd-ink) 72%, var(--sd-muted));
+  font-size: .94rem;
+  line-height: 1.62;
+}
+
+.sd-qa-chips {
+  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+  gap: .4rem;
+  margin: .15rem 0 0;
+  padding: 0;
+}
+
+.sd-qa-chips li {
+  display: inline-flex;
+  align-items: center;
+  gap: .35rem;
+  border: 1px solid color-mix(in srgb, var(--sd-line) 90%, transparent);
+  background: color-mix(in srgb, var(--sd-bg) 60%, var(--sd-panel));
+  padding: .28rem .55rem;
+  color: color-mix(in srgb, var(--sd-ink) 80%, var(--sd-muted));
+  font-family: var(--font-sans);
+  font-size: .78rem;
+  font-weight: 500;
+  letter-spacing: .01em;
+}
+
+.sd-qa-chips li::before {
+  content: "";
+  width: 4px;
+  height: 4px;
+  background: var(--sd-accent);
+  image-rendering: pixelated;
+}
+
+@media (max-width: 720px) {
+  .sd-qa-stack {
+    grid-template-columns: 1fr;
+  }
+
+  .sd-qa-card + .sd-qa-card {
+    border-left: 0;
+    border-top: 1px solid var(--sd-line);
+  }
+}
+
+@media (max-width: 980px) {
+  .sd-menu-button {
+    display: inline-flex;
+  }
+
+  .sd-doc-shell {
+    display: block;
+    padding: .85rem .85rem 4.5rem;
+  }
+
+  .sd-sidebar {
+    display: none;
+  }
+
+  .sd-toc {
+    display: none;
+  }
+
+  .sd-topbar {
+    height: 64px;
+    min-height: 64px;
+    flex-wrap: nowrap;
+    padding: 0 clamp(.85rem, 4vw, 1.15rem);
+  }
+
+  .sd-topbar.sd-mobile-menu-open {
+    z-index: 60;
+  }
+
+  .sd-topbar-menu {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: calc(100% - 1px);
+    z-index: 1;
+    display: none;
+    grid-template-columns: minmax(0, 1fr);
+    gap: .75rem;
+    max-height: calc(100dvh - 64px);
+    overflow: auto;
+    padding: .85rem;
+    border-top: 1px solid color-mix(in srgb, var(--sd-line) 70%, transparent);
+    border-bottom: 1px solid var(--sd-line);
+    background: var(--sd-bg);
+    box-shadow: 0 18px 40px color-mix(in srgb, var(--sd-ink) 12%, transparent);
+    backdrop-filter: blur(16px);
+    white-space: normal;
+  }
+
+  .sd-topbar.sd-mobile-menu-open .sd-topbar-menu {
+    display: grid;
+  }
+
+  .sd-topbar-spacer {
+    display: none;
+  }
+
+  .sd-topbar-menu .sd-theme-toggle {
+    justify-self: start;
+  }
+
+  .sd-brand {
+    min-width: 0;
+    margin-right: 0;
+  }
+
+  .sd-brand span:last-child {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .sd-topbar-tools {
+    order: -1;
+    display: flex;
+    align-items: stretch;
+    gap: .45rem;
+    min-width: 0;
+  }
+
+  .sd-topbar-tools .sd-search-trigger {
+    flex: 1 1 auto;
+    min-width: 0;
+    margin-right: 0;
+    justify-content: space-between;
+  }
+
+  .sd-topbar-tools .sd-search-trigger kbd {
+    display: none;
+  }
+
+  .sd-topbar-tools .sd-scope-switcher {
+    flex: 0 0 auto;
+    min-width: 0;
+  }
+
+  .sd-topbar-tools .sd-scope-menu,
+  .sd-topbar-tools .sd-scope-trigger {
+    min-width: 0;
+  }
+
+  .sd-topbar-tools .sd-scope-trigger {
+    min-width: 3.45rem;
+    width: auto;
+    gap: .38rem;
+    padding: 0 .55rem;
+  }
+
+  .sd-topbar-tools .sd-scope-label-full {
+    display: none;
+  }
+
+  .sd-topbar-tools .sd-scope-label-short {
+    display: inline;
+  }
+
+  .sd-scope-options {
+    left: 0;
+    right: auto;
+    min-width: 7rem;
+  }
+
+  .sd-topnav {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: 0;
+    padding: .15rem 0;
+    border-top: 1px solid color-mix(in srgb, var(--sd-line) 72%, transparent);
+    border-bottom: 1px solid color-mix(in srgb, var(--sd-line) 72%, transparent);
+  }
+
+  .sd-topnav a {
+    padding: .68rem .2rem;
+    border-bottom: 1px solid color-mix(in srgb, var(--sd-line) 58%, transparent);
+    color: var(--sd-ink);
+    overflow: visible;
+    text-overflow: clip;
+  }
+
+  .sd-topnav a.sd-active {
+    color: var(--sd-accent);
+  }
+
+  .sd-topnav a:last-child {
+    border-bottom: 0;
+  }
+
+  .sd-socialnav a {
+    min-width: 0;
+    border: 1px solid color-mix(in srgb, var(--sd-line) 80%, transparent);
+    background: color-mix(in srgb, var(--sd-panel) 78%, transparent);
+    padding: .6rem .68rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .sd-socialnav {
+    display: flex;
+    flex-wrap: wrap;
+    gap: .35rem;
+  }
+
+  .sd-mobile-docnav {
+    display: grid;
+    gap: .25rem;
+    padding-top: .75rem;
+    border-top: 1px solid color-mix(in srgb, var(--sd-line) 76%, transparent);
+    white-space: normal;
+  }
+
+  .sd-mobile-docnav .sd-sidebar-root {
+    gap: .1rem;
+  }
+
+  .sd-home-hero,
+  .sd-home-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .sd-home-hero {
+    min-height: auto;
+    padding: 3rem 1.2rem;
+  }
+
+  .sd-home-faq {
+    grid-template-columns: 1fr;
+  }
+
+  .sd-chat-panel {
+    top: 80px;
+    right: .5rem;
+    bottom: .5rem;
+    width: calc(100vw - 1rem);
+  }
+
+  .sd-floating-toolbar {
+    right: 1rem;
+  }
+
+  .sd-floating-tool-ai .sd-floating-tool-label {
+    display: none;
+    max-width: 0;
+    opacity: 0;
+    margin: 0;
+  }
+
+  .sd-floating-tool-ai {
+    padding: 0;
+    min-width: 2.2rem;
+    width: 2.2rem;
+    gap: 0;
+    justify-content: center;
+  }
+
+  .sd-floating-tool-ai .sd-floating-tool-glyph {
+    margin: 0;
+  }
+
+  .sd-root[data-surface="home"] > .sd-footer {
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: .85rem;
+    padding: 1.25rem .95rem;
+  }
+
+  .sd-root[data-surface="home"] > .sd-footer > span {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sd-root[data-surface="home"] > .sd-footer nav {
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+
+  .sd-root[data-surface="home"] > .sd-footer nav a:not(.sd-footer-icon) {
+    display: none;
+  }
+}