* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--fs-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  color: var(--fs-color-text-primary, inherit);
  background: var(--fs-color-background, transparent);
}
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
img, svg { max-width: 100%; }
.fission-site-root { min-height: 100vh; }
.fission-site-node { min-width: 0; }
.fission-site-footer {
  position: static;
  flex: 0 0 auto;
}
/* Browsers ignore `justify-content: stretch` on a row flexbox. Native Fission
   stretches a Container child only while its width and max-width are automatic,
   so the renderer emits this class solely for that same lowering shape. */
.fission-site-box-stretch-auto-width > .fission-site-node {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
figure.fission-site-semantics {
  margin: 0;
}
h1.fission-site-semantics,
h2.fission-site-semantics,
h3.fission-site-semantics,
h4.fission-site-semantics,
h5.fission-site-semantics,
h6.fission-site-semantics {
  margin: 0;
  font: inherit;
  color: inherit;
}
.fission-site-route-link,
.fission-site-heading-link,
.fission-site-general-link {
  display: inline-flex;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
}
.fission-site-route-link {
  cursor: pointer;
}
.fission-site-route-link:hover,
.fission-site-heading-link:hover,
.fission-site-general-link:hover {
  text-decoration: none;
}
.fission-site-route-link > .fission-site-node,
.fission-site-heading-link > .fission-site-node,
.fission-site-general-link > .fission-site-node {
  flex: 1 1 auto;
}
.fission-site-positioned > .fission-site-node,
.fission-site-positioned > .fission-site-semantics,
.fission-site-positioned > .fission-site-semantics > .fission-site-node,
.fission-site-absolute-fill > .fission-site-node {
  width: 100%;
  height: 100%;
}

@media (max-width: 720px) {
  .fission-site-root > .fission-site-box > .fission-site-column {
    align-items: stretch !important;
  }

  .fission-site-root .fission-site-box,
  .fission-site-root .fission-site-row,
  .fission-site-root .fission-site-column {
    max-width: 100% !important;
  }
}
.fission-site-markdown-link { display: inline; }
.fission-site-scroll { overflow: auto; }
.fission-site-text,
.fission-site-rich-text { overflow-wrap: break-word; }
.fission-site-rich-text span { white-space: pre-wrap; }
.fission-site-img { display: block; height: auto; }
.fission-site-svg {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.fission-site-svg svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.fission-site-svg-colored svg,
.fission-site-svg-colored svg * {
  fill: currentColor;
}

.fission-site-svg-colored svg [fill="none"] {
  fill: none;
}

.fission-server-action-form {
  display: contents;
  margin: 0;
}

.fission-server-action {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: inherit;
}

button.fission-site-semantics {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0;
  text-align: inherit;
}

.fission-site-control,
.fission-site-form-field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.4rem;
  width: 100%;
  min-width: 0;
  color: var(--fs-color-text-primary);
  font: inherit;
}

.fission-site-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  min-width: 0;
}

.fission-site-control-label,
.fission-site-form-label {
  color: var(--fs-color-text-secondary);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.fission-site-input,
.fission-site-form-input {
  appearance: none;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 2.625rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--fs-color-border);
  border-radius: 0.5rem;
  outline: none;
  background: var(--fs-color-surface);
  color: var(--fs-color-text-primary);
  font: inherit;
  line-height: 1.4;
}

select.fission-site-input {
  appearance: auto;
  cursor: pointer;
}

.fission-site-input::placeholder,
.fission-site-form-input::placeholder {
  color: var(--fs-color-text-muted);
  opacity: 1;
}

.fission-site-input:hover:not(:disabled):not([readonly]),
.fission-site-form-input:hover:not(:disabled):not([readonly]) {
  border-color: var(--fs-color-border-strong);
}

.fission-site-input:focus-visible,
.fission-site-form-input:focus-visible {
  border-color: var(--fs-color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fs-color-focus-ring) 36%, transparent);
}

.fission-site-input[aria-invalid="true"],
.fission-site-form-input[aria-invalid="true"],
.fission-site-form-input:invalid:not(:placeholder-shown) {
  border-color: var(--fs-color-error);
}

.fission-site-input:disabled,
.fission-site-form-input:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.fission-site-input[readonly],
.fission-site-form-input[readonly] {
  background: var(--fs-color-surface-sunken);
}

textarea.fission-site-input,
.fission-site-form-textarea {
  min-height: 7rem;
  resize: vertical;
}

.fission-site-control-validation {
  color: var(--fs-color-error);
  font-size: 0.8125rem;
  line-height: 1.35;
}

.fission-site-checkbox,
.fission-site-radio,
.fission-site-form-checkbox {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--fs-color-primary);
}

.fission-site-control:has(> .fission-site-checkbox),
.fission-site-control:has(> .fission-site-radio),
.fission-site-form-field:has(> .fission-site-form-checkbox) {
  flex-direction: row;
  align-items: center;
  width: fit-content;
}

.fission-site-retained-control {
  position: relative;
  gap: 0;
}

.fission-site-retained-control-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.fission-site-retained-control:has(> .fission-site-retained-control-input:focus-visible) {
  outline: 3px solid color-mix(in srgb, var(--fs-color-focus-ring) 85%, transparent);
  outline-offset: 3px;
}

.fission-site-range {
  width: 100%;
  accent-color: var(--fs-color-primary);
}

.fission-site-form-submit {
  appearance: none;
  align-self: flex-start;
  min-height: 2.625rem;
  padding: 0.625rem 1rem;
  border: 1px solid var(--fs-color-primary);
  border-radius: 0.5rem;
  background: var(--fs-color-primary);
  color: var(--fs-color-on-primary);
  cursor: pointer;
  font: inherit;
  font-weight: 650;
}

.fission-site-form-submit:hover {
  filter: brightness(0.94);
}

.fission-site-form-submit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fs-color-focus-ring) 36%, transparent);
}

.fission-site-theme-toggle,
.fission-site-search-trigger,
.fission-site-sidebar-toggle {
  appearance: none;
  cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--fs-color-border) 72%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--fs-color-surface-raised) 88%, transparent);
  color: var(--fs-color-text-link);
  font: inherit;
  padding: 0.35rem 0.72rem;
}

.fission-site-theme-toggle:hover,
.fission-site-search-trigger:hover,
.fission-site-sidebar-toggle:hover {
  background: color-mix(in srgb, var(--fs-color-primary-subtle) 62%, transparent);
}

.fission-site-sidebar-toggle {
  display: none;
  align-items: center;
  gap: 0.35rem;
}

.fission-site-sidebar-toggle::before {
  content: "\2630";
  font-weight: 800;
}

.fission-site-code-block {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.9rem 1rem;
  overflow-x: auto;
  border: 1px solid color-mix(in srgb, var(--fs-color-border) 76%, transparent);
  border-radius: 0.65rem;
  background: var(--fs-color-surface-raised);
}

.fission-site-code-block code {
  font-family: var(--fs-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 0.875rem;
  line-height: 1.6;
  white-space: pre;
}

.fission-site-code-block:has(> code.language-fission-tabs-start),
.fission-site-code-block:has(> code.language-fission-tab-start),
.fission-site-code-block:has(> code.language-fission-tabs-end) {
  display: none !important;
}

.fission-doc-tabs {
  width: 100%;
  margin: 1.1rem 0;
  border: 1px solid color-mix(in srgb, var(--fs-color-border) 80%, transparent);
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--fs-color-surface) 92%, transparent);
  overflow: hidden;
}

.fission-doc-tab-list {
  display: flex;
  gap: 0.35rem;
  padding: 0.45rem;
  overflow-x: auto;
  border-bottom: 1px solid color-mix(in srgb, var(--fs-color-border) 72%, transparent);
  background: color-mix(in srgb, var(--fs-color-surface-raised) 72%, transparent);
}

.fission-doc-tab {
  appearance: none;
  flex: 0 0 auto;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--fs-color-text-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 0.46rem 0.82rem;
}

.fission-doc-tab:hover {
  color: var(--fs-color-text-primary);
  background: color-mix(in srgb, var(--fs-color-primary-subtle) 52%, transparent);
}

.fission-doc-tab:focus-visible {
  outline: 2px solid var(--fs-color-focus, var(--fs-color-primary));
  outline-offset: 2px;
}

.fission-doc-tab[aria-selected="true"] {
  color: var(--fs-color-text-primary);
  border-color: color-mix(in srgb, var(--fs-color-primary) 42%, transparent);
  background: color-mix(in srgb, var(--fs-color-primary-subtle) 78%, var(--fs-color-surface));
  box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--fs-color-primary) 12%, transparent);
}

.fission-doc-tab-panel {
  padding: 1rem;
}

.fission-doc-tab-panel[hidden] {
  display: none !important;
}

.fission-doc-tab-panel > :first-child {
  margin-top: 0 !important;
}

.fission-doc-tab-panel > :last-child {
  margin-bottom: 0 !important;
}

.fission-site-search-open { overflow: hidden; }

.fission-site-search-dialog[hidden] { display: none !important; }

.fission-site-search-dialog {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: start center;
  padding: min(12vh, 7rem) 1rem 1rem;
}

.fission-site-search-backdrop {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--fs-color-background) 72%, black);
  backdrop-filter: blur(0.45rem);
}

.fission-site-search-panel {
  position: relative;
  z-index: 1;
  width: min(44rem, 100%);
  max-height: min(42rem, 82vh);
  overflow: hidden;
  border: 1px solid var(--fs-color-border);
  border-radius: 1.1rem;
  background: var(--fs-color-surface);
  box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, 0.38);
}

.fission-site-search-input-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid var(--fs-color-border);
}

.fission-site-search-input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--fs-color-text-primary);
  font: inherit;
  font-size: 1rem;
}

.fission-site-search-input-wrap kbd {
  padding: 0.2rem 0.45rem;
  border: 1px solid var(--fs-color-border);
  border-radius: 0.4rem;
  color: var(--fs-color-text-muted);
  font-size: 0.75rem;
}

.fission-site-search-results {
  max-height: min(34rem, 70vh);
  overflow-y: auto;
  padding: 0.5rem;
}

.fission-site-search-result {
  display: grid;
  gap: 0.25rem;
  padding: 0.85rem 0.95rem;
  border-radius: 0.8rem;
  color: var(--fs-color-text-primary);
  text-decoration: none;
}

.fission-site-search-result:hover,
.fission-site-search-result[aria-selected] {
  background: var(--fs-color-surface-raised);
  text-decoration: none;
}

.fission-site-search-section,
.fission-site-search-excerpt,
.fission-site-search-empty {
  color: var(--fs-color-text-secondary);
}

.fission-site-search-section {
  font-size: 0.82rem;
  font-weight: 700;
}

.fission-site-search-excerpt {
  font-size: 0.9rem;
  line-height: 1.5;
}

.fission-site-search-empty {
  margin: 0;
  padding: 1rem;
}

.fission-site-box,
.fission-site-grid,
.fission-site-scroll,
.fission-site-column,
.fission-site-row {
  max-width: 100%;
}

.fission-site-markdown-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--fs-color-border);
  border-radius: 0.65rem;
  background: var(--fs-color-surface);
}

.fission-site-markdown-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.fission-site-markdown-table-cell {
  padding: 0.68rem 0.82rem;
  border: 1px solid color-mix(in srgb, var(--fs-color-border) 72%, transparent);
  color: var(--fs-color-text-primary);
  vertical-align: top;
}

.fission-site-markdown-table th.fission-site-markdown-table-cell {
  background: var(--fs-color-surface-raised);
  color: var(--fs-color-heading);
  font-weight: 700;
}

.fission-site-markdown-table-cell > .fission-site-row,
.fission-site-markdown-table-cell > .fission-site-row > .fission-site-box {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
  min-height: 0 !important;
}

.fission-site-markdown-align-center { text-align: center; }
.fission-site-markdown-align-right { text-align: right; }

.fission-site-doc-layout,
.fission-site-blog-layout {
  min-height: calc(100vh - 4.75rem);
  overflow: visible;
}

.fission-site-doc-header {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}

.fission-site-doc-layout > .fission-site-row,
.fission-site-blog-layout > .fission-site-row {
  align-items: flex-start;
}

.fission-site-doc-main {
  max-height: none;
  overflow: visible;
}

.fission-site-doc-sidebar,
.fission-site-doc-toc,
.fission-site-blog-rail {
  position: relative;
  align-self: stretch;
  min-height: 100%;
  max-height: none;
  overflow: visible;
}

.fission-site-doc-sidebar > .fission-site-column,
.fission-site-doc-toc > .fission-site-column,
.fission-site-blog-rail > .fission-site-column {
  position: sticky;
  top: 4.75rem;
  max-height: calc(100vh - 4.75rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.fission-site-doc-main {
  min-width: 0;
  flex: 1 1 0;
}

.fission-site-blog-layout .fission-site-doc-main > .fission-site-column {
  align-items: stretch;
}

.fission-site-blog-layout .fission-site-doc-main > .fission-site-column > .fission-site-box {
  max-width: min(100%, 58rem);
}

.fission-site-blog-index,
.fission-site-blog-post {
  width: 100%;
}

.fission-site-blog-featured-card,
.fission-site-blog-card,
.fission-site-blog-adjacent-posts {
  max-width: 100%;
}

.fission-site-blog-card:hover,
.fission-site-blog-featured-card:hover {
  border-color: color-mix(in srgb, var(--fs-color-primary) 45%, var(--fs-color-border));
  box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.2);
}

.fission-site-blog-taxonomy {
  flex-wrap: wrap !important;
}

.fission-site-blog-rail-section .fission-site-rich-text span,
.fission-site-blog-rail-section .fission-site-text {
  white-space: normal !important;
}

.fission-site-nav-item {
  position: relative;
  z-index: 20;
}

.fission-site-nav-item > .fission-site-column {
  align-items: stretch !important;
  overflow: visible !important;
}

.fission-site-nav-label {
  white-space: nowrap;
}

.fission-site-nav-label > .fission-site-row {
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.fission-site-nav-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1002;
  min-width: 15rem;
  padding: 0.7rem 0.55rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--fs-color-border) 82%, transparent);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--fs-color-surface) 96%, transparent);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.22);
}

.fission-site-nav-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.75rem;
  height: 0.75rem;
}

.fission-site-nav-menu .fission-site-nav-menu {
  top: -0.7rem;
  left: 100%;
  padding-left: 0.75rem;
}

.fission-site-nav-menu .fission-site-nav-menu::before {
  top: 0;
  bottom: 0;
  left: -0.75rem;
  right: auto;
  width: 0.75rem;
  height: auto;
}

.fission-site-nav-menu > .fission-site-column {
  gap: 0.25rem !important;
  overflow: visible !important;
}

.fission-site-nav-menu .fission-site-nav-item {
  width: 100%;
}

.fission-site-nav-menu .fission-site-nav-label {
  width: 100%;
}

.fission-site-nav-menu .fission-site-nav-label > .fission-site-row {
  justify-content: space-between !important;
  width: 100%;
}

.fission-site-nav-menu .fission-site-route-link {
  display: block;
  width: 100%;
  padding: 0.48rem 0.62rem;
  border-radius: 0.55rem;
}

.fission-site-nav-menu .fission-site-route-link:hover {
  background: color-mix(in srgb, var(--fs-color-primary-subtle) 58%, transparent);
  text-decoration: none;
}

.fission-site-nav-item:hover > .fission-site-column > .fission-site-nav-menu,
.fission-site-nav-item:focus-within > .fission-site-column > .fission-site-nav-menu,
.fission-site-nav-item[data-fission-site-nav-open="true"] > .fission-site-column > .fission-site-nav-menu {
  display: block;
}

.fission-site-js .fission-site-sidebar-item[hidden] {
  display: none !important;
}

.fission-site-sidebar-item {
  position: relative;
}

.fission-site-sidebar-item[data-fission-site-sidebar-has-children="true"] > .fission-site-column > .fission-site-box {
  padding-right: 1.75rem !important;
}

.fission-site-sidebar-item[data-fission-site-sidebar-has-children="true"]::after {
  content: "▸";
  position: absolute;
  top: 50%;
  right: 0.65rem;
  color: var(--fs-color-text-muted);
  pointer-events: none;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center;
  transition: transform 140ms ease;
}

.fission-site-sidebar-item[data-fission-site-sidebar-expanded="true"]::after {
  transform: translateY(-50%) rotate(90deg);
}

@media (max-width: 960px) {
  .fission-site-box:has(> .fission-site-doc-header) {
    padding: 0.75rem 1rem !important;
  }

  .fission-site-doc-layout {
    min-height: calc(100vh - 4.75rem);
    height: auto;
    overflow: visible;
  }

  .fission-site-blog-layout {
    min-height: calc(100vh - 4.75rem);
    height: auto;
    overflow: visible;
  }

  .fission-site-doc-layout > .fission-site-row,
  .fission-site-blog-layout > .fission-site-row {
    height: auto;
    flex-direction: column;
    align-items: stretch;
  }

  .fission-site-doc-header > .fission-site-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0.55rem !important;
    width: 100% !important;
  }

  .fission-site-doc-header > .fission-site-row > * {
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  .fission-site-doc-header .fission-site-route-link > .fission-site-row {
    min-width: 7rem !important;
    max-width: min(11rem, 36vw) !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
  }

  .fission-site-doc-header .fission-site-sidebar-toggle {
    display: inline-flex !important;
    min-width: max-content !important;
    height: 2.35rem;
    align-items: center !important;
    white-space: nowrap !important;
  }

  .fission-site-doc-header .fission-site-route-link > .fission-site-row,
  .fission-site-doc-header .fission-site-sidebar-toggle > .fission-site-row {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .fission-site-doc-header .fission-site-route-link .fission-site-text-run,
  .fission-site-doc-header .fission-site-sidebar-toggle .fission-site-text-run {
    white-space: nowrap !important;
  }

  .fission-site-doc-header .fission-site-theme-toggle,
  .fission-site-doc-header .fission-site-search-trigger {
    display: grid !important;
    flex: 0 0 2.35rem !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    place-items: center;
    padding: 0 !important;
    line-height: 1;
  }

  .fission-site-doc-header .fission-site-theme-toggle > *,
  .fission-site-doc-header .fission-site-search-trigger > * {
    display: none !important;
  }

  .fission-site-doc-header .fission-site-theme-toggle::before {
    content: "◐";
    font-size: 1rem;
  }

  .fission-site-doc-header .fission-site-search-trigger::before {
    content: "⌕";
    font-size: 1.08rem;
    font-weight: 800;
  }

  .fission-site-root > .fission-site-column > .fission-site-box:first-child {
    padding: 0.75rem 1rem !important;
  }

  .fission-site-search-trigger .fission-site-row > .fission-site-box:nth-child(2) {
    display: none !important;
  }

  .fission-site-doc-main,
  .fission-site-doc-toc,
  .fission-site-blog-rail {
    position: static;
    max-height: none;
    overflow: visible;
    width: 100%;
  }

  .fission-site-doc-main > .fission-site-column,
  .fission-site-doc-main > .fission-site-column > .fission-site-box,
  .fission-site-doc-main .fission-site-scroll {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

  .fission-site-doc-main > .fission-site-column > .fission-site-box {
    padding: 1.25rem !important;
  }

  .fission-site-doc-main .fission-site-scroll {
    overflow: visible !important;
  }

  .fission-site-doc-main .fission-site-rich-text,
  .fission-site-doc-main .fission-site-rich-text span {
    white-space: normal !important;
  }

  .fission-site-blog-post-title .fission-site-text-run,
  .fission-site-blog-index-title .fission-site-text-run {
    font-size: clamp(2.2rem, 10vw, 3.2rem) !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  .fission-site-blog-taxonomy .fission-site-rich-text span {
    white-space: nowrap !important;
  }

  .fission-site-blog-post .fission-site-code-block code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .fission-site-sidebar-toggle {
    display: inline-flex;
  }

  .fission-site-doc-nav {
    display: none !important;
  }

  .fission-site-nav-menu {
    position: static;
    min-width: 0;
    width: 100%;
    margin-top: 0.35rem;
    box-shadow: none;
  }

  .fission-site-doc-sidebar {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1001;
    width: min(22rem, 86vw) !important;
    max-width: 86vw !important;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateX(-105%);
    transition: transform 180ms ease;
    box-shadow: 1rem 0 3rem rgba(0, 0, 0, 0.28);
  }

  .fission-site-doc-sidebar > .fission-site-column,
  .fission-site-doc-sidebar > .fission-site-column > .fission-site-box {
    position: static;
    width: 100% !important;
    min-height: 100vh !important;
    max-height: none;
    overflow: visible;
  }

  .fission-site-sidebar-open {
    overflow: hidden;
  }

  .fission-site-sidebar-open body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: color-mix(in srgb, var(--fs-color-background) 58%, black);
    backdrop-filter: blur(0.22rem);
  }

  .fission-site-sidebar-open .fission-site-doc-sidebar {
    transform: translateX(0);
  }

  .fission-site-doc-toc {
    display: none;
  }

  .fission-site-blog-rail {
    display: none;
  }
}

@media (max-width: 760px) {
  .fission-site-doc-header > .fission-site-row {
    flex-wrap: nowrap !important;
  }

  .fission-site-doc-main .fission-site-box,
  .fission-site-doc-sidebar .fission-site-box,
  .fission-site-doc-toc .fission-site-box,
  .fission-site-blog-rail .fission-site-box,
  .fission-site-blog-index .fission-site-box,
  .fission-site-blog-post .fission-site-box {
    max-width: 100% !important;
  }

  .fission-site-blog-index,
  .fission-site-blog-post,
  .fission-site-blog-featured-card,
  .fission-site-blog-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .fission-site-root {
    overflow-x: hidden;
  }
}

.fission-browser-action{appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:inherit;user-select:none;display:inline-flex;align-items:center;justify-content:center;}
.fission-browser-action>.fission-site-box,.fission-server-action>.fission-site-box{display:flex;align-items:center;}
.fission-browser-action:focus-visible{outline:3px solid rgba(96,165,250,.85);outline-offset:3px;}

:root{
  --fs-color-primary:#2347c5;
  --fs-color-on-primary:#ffffff;
  --fs-color-primary-hover:#142b83;
  --fs-color-primary-subtle:#edf1ff;
  --fs-color-secondary:#132033;
  --fs-color-on-secondary:#ffffff;
  --fs-color-surface:#ffffff;
  --fs-color-on-surface:#132033;
  --fs-color-surface-raised:#ffffff;
  --fs-color-surface-sunken:#edf1f7;
  --fs-color-background:#fafaf7;
  --fs-color-on-background:#132033;
  --fs-color-error:#e11d48;
  --fs-color-on-error:#ffffff;
  --fs-color-success:#10b981;
  --fs-color-warning:#f59e0b;
  --fs-color-info:#0ea5e9;
  --fs-color-border:#dce3ed;
  --fs-color-border-strong:#8897ad;
  --fs-color-divider:#dce3ed;
  --fs-color-text-primary:#132033;
  --fs-color-text-secondary:#46556a;
  --fs-color-text-muted:#46556a;
  --fs-color-text-link:#2347c5;
  --fs-color-heading:#132033;
  --fs-color-focus-ring:#b54b13;
  --fs-font-sans:"Inter", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --fs-font-serif:"Inter", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --fs-font-mono:"SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('__fission/fonts/7638d923b8b008e2.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('__fission/fonts/68b12eca9ef8c16b.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('__fission/fonts/786733a5b0ce2578.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('__fission/fonts/56252a1dc8f88fee.ttf') format('truetype')}
:root { color-scheme:light; --ink:#132033; --muted:#46556a; --blue:#2347c5; --paper:#fafaf7; --line:#dce3ed; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
a { text-underline-offset:4px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #b54b13; outline-offset:4px; }
[data-fission-semantics="site-keldra-shell"] { margin:auto; max-width:1280px; }
[data-fission-semantics="site-keldra-shell"] h1,
[data-fission-semantics="site-keldra-shell"] h2,
[data-fission-semantics="site-keldra-shell"] h3 { margin:0; }
[data-fission-semantics="site-keldra-command-preview"] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; min-width:0; max-width:100%; overflow:hidden; padding:12px; border:1px solid #52657e; border-radius:8px; background:#132033; font-family:ui-monospace,monospace; }
[data-fission-semantics="site-keldra-command-preview"] > :not(.keldra-copy) { grid-column:1; grid-row:1; min-width:0; max-width:100%; max-height:38px; overflow:auto; white-space:pre; }
[data-fission-semantics="site-keldra-command-preview"] .fission-site-rich-text,
[data-fission-semantics="site-keldra-command-preview"] .fission-site-text-run { white-space:pre; overflow-wrap:normal; word-break:normal; }
[data-fission-semantics="site-keldra-command-preview"] .keldra-copy { grid-column:2; grid-row:1; }
[data-fission-semantics="launch-documentation"] [data-fission-semantics="site-keldra-command-preview"] > :not(.keldra-copy) { max-height:none; }
[data-fission-semantics="site-keldra-home"] #keldra-quick-start { margin:0; padding:0; border:0; background:transparent; }
[data-fission-semantics="site-keldra-primary-action"] a,
[data-fission-semantics="site-keldra-secondary-action"] a,
header a,footer a { text-decoration:none; }
[data-fission-semantics="site-keldra-next-step"] { margin:24px; }
footer a { text-decoration:underline; }
[hidden] { display:none!important; }
.keldra-copy,.keldra-menu-button,.keldra-try-button { font:inherit; border:1px solid #879bdc; border-radius:7px; padding:8px 12px; background:#2347c5; color:white; cursor:pointer; }
.keldra-copy { align-self:start; display:inline-flex; align-items:center; justify-content:center; line-height:20px; white-space:nowrap; }
pre:has(> .keldra-copy) { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; overflow:hidden; }
pre > .keldra-copy { grid-column:2; grid-row:1; }
pre:has(> .keldra-copy) > code { display:block; grid-column:1; grid-row:1; min-width:0; max-width:100%; overflow:auto; white-space:pre; }
.keldra-copy-status { display:block; font-size:13px; }
.keldra-copy-status:empty { display:none; }
details { border-top:1px solid var(--line); padding:16px 0; }
summary { cursor:pointer; font-weight:650; padding:5px 0; }
#keldra-quick-start { margin:24px; border:1px solid var(--line); border-radius:16px; padding:24px; background:white; }
#keldra-quick-start pre { padding:18px; color:#f5f7ff; background:#132033; border-radius:8px; }
#keldra-quick-start code { white-space:pre; font-family:ui-monospace,monospace; }
[data-fission-semantics="site-keldra-editorial"] p { max-width:950px; line-height:1.7; }
@media(max-width:760px) { #keldra-quick-start { margin:16px; padding:18px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
[data-fission-semantics="lens-config-content"] textarea {
  width: 100%;
  min-height: 22rem;
  max-height: 70vh;
  overflow: auto;
  white-space: pre;
  resize: vertical;
  font-family: monospace;
  line-height: 1.5;
}