/* ==========================================================================
   Shared Breadcrumb Component
   ========================================================================== */

.breadcrumb-c211559 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* Segment button */
.segment-c211559 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-2);
  background: none;
  border: none;
  border-radius: var(--radius-md);
  color: var(--text-dim);
  font-family: var(--font-mono);
  font-size: var(--font-size-xl);
  cursor: pointer;
  transition: var(--motion-hover);
  white-space: nowrap;
  flex-shrink: 0;
}

.segment-c211559:hover:not(:disabled) {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.segment-c211559:focus-visible {
  outline: 2px solid var(--terminal-cyan);
  outline-offset: 2px;
}

/* Current segment (not clickable) */
.segmentCurrent-c211559 {
  color: var(--text-primary);
  cursor: default;
  /* Allow truncation for long names */
  flex-shrink: 1;
  min-width: 0;
}

.segmentCurrent-c211559 .label-c211559 {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Icon within segment */
.icon-c211559 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 1em;
}

/* Label text */
.label-c211559 {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Separator between segments */
.separator-c211559 {
  display: flex;
  align-items: center;
  color: var(--text-muted);
  font-size: 0.8em;
  flex-shrink: 0;
}

/* ==========================================================================
   Mobile Responsive Styles
   ========================================================================== */

@media (max-width: 760px) {
  .breadcrumb-c211559 {
    gap: 0;
  }

  .segment-c211559 {
    padding: var(--space-1);
    font-size: var(--font-size-md);
  }

  /* Hide labels for all non-current segments on mobile (show icons only) */
  .segment-c211559:not(.segmentCurrent-c211559) .label-c211559 {
    display: none;
  }

  /* Current segment keeps its label */
  .segmentCurrent-c211559 .label-c211559 {
    display: inline;
  }
}

.root-7ac9704 {
  --dino-game-bg: rgb(247 247 247);
  --dino-game-ink: rgb(83 83 83);

  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: var(--dino-game-bg);
  color: var(--dino-game-ink);
  overflow: hidden;
  touch-action: manipulation;
  user-select: none;
}

.root-7ac9704:focus {
  outline: none;
}

.root-7ac9704:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: -2px;
}

.canvas-7ac9704 {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: var(--dino-game-bg);
  image-rendering: pixelated;
}


.surface-da1f345 {
  --site-surface-bg: var(--bg-primary);
  --site-surface-ink: var(--text-primary);
  --site-font-family: var(--font-mono);
  --site-font-size: 14px;
  --site-line-height: 1.6;
  --site-content-width: 92ch;
  --site-content-padding: 22px 28px 0;
  --site-content-padding-mobile: 18px 16px 0;
}

.page-da1f345 {
  min-height: calc(100vh - var(--chrome-height));
  display: flex;
  flex-direction: column;
}

.content-da1f345 {
  flex: 1;
}

.identLeft-da1f345 {
  display: inline-flex;
  min-width: 0;
  align-items: baseline;
  gap: var(--space-2);
  overflow: hidden;
  font-weight: var(--weight-medium);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.identMetric-da1f345 {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 0;
  font-variant-numeric: tabular-nums;
  row-gap: var(--space-1);
}

.identMetric-da1f345 > span + span::before {
  margin-inline: var(--gap-meta-sep);
  content: "·";
}

.titleBlock-da1f345 {
  margin-bottom: 14px;
}

.descriptionBlock-da1f345 {
  margin: 16px 0 18px;
}

.descriptionText-da1f345 {
  max-width: 68ch;
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: var(--leading-relaxed);
}

.titleRow-da1f345 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  margin: 8px 0 4px;
}

.title-da1f345 {
  min-width: 0;
  margin: 0;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 22px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0;
  line-height: 1.2;
}

.metaTable-da1f345 {
  margin: 14px 0 16px;
  border: 1px solid var(--border-subtle);
  background: var(--bg-primary);
  font-size: 11.5px;
}

.metaRow-da1f345 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  border-bottom: 1px solid var(--border-subtle);
}

.metaRow-da1f345:last-child {
  border-bottom: 0;
}

.metaKey-da1f345 {
  padding: 6px 10px;
  border-right: 1px solid var(--border-subtle);
  background: var(--surface-tint);
  color: var(--text-dim);
  letter-spacing: 0;
}

.metaValue-da1f345 {
  min-width: 0;
  padding: 6px 10px;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.metaTag-da1f345 {
  display: inline-block;
  margin-right: 4px;
  padding: 0 6px;
  border: 1px solid var(--border-subtle);
  color: var(--text-dim);
  font-size: 10.5px;
  white-space: nowrap;
}

.directoryBody-da1f345 {
  margin-top: 14px;
  margin-bottom: var(--space-8);
}

.sectionTitle-da1f345 {
  margin: 18px 0 6px;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--weight-semibold);
}

.sectionTitle-da1f345::before {
  color: var(--text-dim);
  content: attr(data-n) " ";
  font-weight: var(--weight-regular);
}

.catalog-da1f345 {
  display: block;
  margin: 0 0 18px;
}

.catalogGroup-da1f345 {
  margin: 6px 0 18px;
}

.groupBar-da1f345 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding-bottom: 6px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--border-subtle);
}

.groupLabel-da1f345 {
  --directory-kind-color: var(--text-primary);

  color: var(--directory-kind-color);
  font-size: 12.5px;
  font-weight: var(--weight-medium);
  letter-spacing: 0.04em;
}

.groupLabel-da1f345[data-kind="directories"],
.groupLabel-da1f345[data-kind="bundles"] {
  --directory-kind-color: var(--accent);
}

.groupLabel-da1f345[data-kind="markdown"],
.groupLabel-da1f345[data-kind="documents"] {
  --directory-kind-color: var(--terminal-green);
}

.groupLabel-da1f345[data-kind="images"] {
  --directory-kind-color: var(--terminal-yellow);
}

.groupLabel-da1f345[data-kind="apps"],
.groupLabel-da1f345[data-kind="links"] {
  --directory-kind-color: var(--terminal-cyan);
}

.groupLabel-da1f345[data-kind="data"],
.groupLabel-da1f345[data-kind="assets"] {
  --directory-kind-color: var(--text-dim);
}

.groupGlyph-da1f345 {
  margin-right: 6px;
  color: var(--text-muted);
  font-weight: var(--weight-regular);
}

.groupCount-da1f345 {
  color: var(--text-dim);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.groupSpacer-da1f345 {
  flex: 1;
}

.groupSummary-da1f345 {
  color: var(--text-muted);
  font-size: 10.5px;
  letter-spacing: 0.04em;
}

.groupRows-da1f345 {
  display: block;
}

.tile-da1f345 {
  --directory-kind-color: var(--text-muted);
  --directory-hover-color: var(--directory-kind-color);

  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 110px 110px;
  align-items: baseline;
  gap: 14px;
  min-width: 0;
  padding: 8px 6px;
  border-bottom: 1px dashed var(--border-subtle);
  color: inherit;
  text-decoration: none;
  transition: background var(--duration-instant) ease;
}

.tile-da1f345:last-child {
  border-bottom: 0;
}

.tile-da1f345:hover,
.tile-da1f345:focus-visible {
  background: var(--surface-tint);
}

.tile-da1f345:hover .tileName-da1f345,
.tile-da1f345:focus-visible .tileName-da1f345 {
  color: var(--directory-hover-color);
}

.tile-da1f345:focus-visible {
  outline: 2px solid var(--accent-muted);
  outline-offset: -2px;
}

.tileGlyph-da1f345 {
  color: var(--directory-kind-color);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.tile-da1f345[data-kind="directories"],
.tile-da1f345[data-kind="bundles"] {
  --directory-kind-color: var(--accent);
}

.tile-da1f345[data-kind="markdown"],
.tile-da1f345[data-kind="documents"] {
  --directory-kind-color: var(--terminal-green);
}

.tile-da1f345[data-kind="images"] {
  --directory-kind-color: var(--terminal-yellow);
}

.tile-da1f345[data-kind="apps"],
.tile-da1f345[data-kind="links"] {
  --directory-kind-color: var(--terminal-cyan);
}

.tile-da1f345[data-kind="data"],
.tile-da1f345[data-kind="assets"] {
  --directory-kind-color: var(--text-dim);
  --directory-hover-color: var(--text-primary);
}

.tileText-da1f345 {
  display: grid;
  min-width: 0;
  gap: 2px;
  color: var(--text-primary);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.tileTopLine-da1f345 {
  display: inline-flex;
  min-width: 0;
  align-items: baseline;
  gap: var(--space-2);
}

.tileName-da1f345 {
  min-width: 0;
  color: var(--text-primary);
  font-weight: var(--weight-regular);
  overflow-wrap: anywhere;
}

.tile-da1f345[data-kind="directories"] .tileName-da1f345 {
  color: var(--accent);
  font-weight: var(--weight-medium);
}

.tile-da1f345[data-kind="directories"] .tileName-da1f345::after {
  color: var(--accent-muted);
  content: "/";
}

.tileTitle-da1f345 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-muted);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tileDescription-da1f345 {
  display: block;
  max-width: 68ch;
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.5;
}

.tileTags-da1f345 {
  display: inline-flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin-top: 2px;
}

.tileTag-da1f345 {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid var(--border-subtle);
  color: var(--text-dim);
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 1.5;
  white-space: nowrap;
}

.tileExtent-da1f345,
.tileMeta-da1f345 {
  min-width: 0;
  color: var(--text-dim);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.tileExtent-da1f345 {
  color: var(--text-dim);
}

.tileMeta-da1f345 {
  color: var(--text-muted);
}

.tileMeta-da1f345:empty::before {
  content: "\00a0";
}

.empty-da1f345 {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  color: var(--text-muted);
}

@media (max-width: 640px) {
  .identMetric-da1f345 > span + span::before {
    margin-inline: var(--gap-meta-sep-mobile);
  }

  .metaRow-da1f345 {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .groupBar-da1f345 {
    gap: var(--space-2);
  }

  .groupSummary-da1f345 {
    display: none;
  }

  .tile-da1f345 {
    grid-template-columns: 18px minmax(0, 1fr) 90px;
    gap: var(--space-2);
  }

  .tileTopLine-da1f345 {
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
  }

  .tileTitle-da1f345 {
    white-space: normal;
  }

  .tileMeta-da1f345 {
    display: none;
  }
}


.routeFrame-b4d7b2c {
  display: flex;
  min-height: calc(100vh - var(--chrome-height) - var(--space-8));
  flex-direction: column;
}

.body-b4d7b2c {
  flex: 1;
  margin: 0 0 var(--space-10);
  width: 100%;
}

.statusLeft-b4d7b2c {
  display: inline;
  min-width: 0;
  font-weight: var(--weight-medium);
}

.body-b4d7b2c .statusDim-b4d7b2c {
  color: var(--text-dim);
  font-weight: var(--weight-regular);
}

.titleBlock-b4d7b2c {
  margin-bottom: 14px;
}

.titleRow-b4d7b2c {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  margin: 8px 0 4px;
}

.title-b4d7b2c {
  min-width: 0;
  margin: 0;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 22px;
  font-weight: var(--weight-semibold);
  line-height: 1.2;
  letter-spacing: 0;
}

.metaTable-b4d7b2c {
  border: 1px solid var(--border-subtle);
  margin: 16px 0 18px;
  background: var(--bg-primary);
  font-size: 12px;
}

.metaRow-b4d7b2c {
  display: grid;
  grid-template-columns: 122px 1fr;
  border-bottom: 1px solid var(--border-subtle);
}

.metaRow-b4d7b2c:last-child {
  border-bottom: 0;
}

.metaKey-b4d7b2c {
  border-right: 1px solid var(--border-subtle);
  background: var(--surface-tint);
  padding: 8px 12px;
  color: var(--text-dim);
  letter-spacing: 0;
}

.metaValue-b4d7b2c {
  padding: 8px 12px;
  color: var(--text-primary);
  word-break: break-word;
}

.metaTag-b4d7b2c {
  display: inline-block;
  margin-right: 4px;
  border: 1px solid var(--border-subtle);
  padding: 0 6px;
  color: var(--text-dim);
  font-size: 10.5px;
  white-space: nowrap;
}

.metaCode-b4d7b2c {
  color: var(--terminal-green);
  font-family: inherit;
  font-size: 0.96em;
}

.metaJoke-b4d7b2c {
  color: var(--text-dim);
}

.documentBody-b4d7b2c {
  color: var(--text-primary);
}

.sectionTitle-b4d7b2c {
  margin: 18px 0 6px;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--weight-semibold);
}

.sectionDescription-b4d7b2c {
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.65;
}

.errorWindow-b4d7b2c {
  --window-action-border: var(--border-subtle);
  --window-action-color: var(--text-dim);
  --window-action-font-size: 11px;
  --window-action-hover-border: var(--accent);
  --window-action-hover-color: var(--accent);
  --window-action-line-height: 1;
  --window-action-padding: 0;
  --window-action-size: 18px;
  --window-bar-border: var(--border-subtle);
  --window-body-bg: var(--bg-inset);
  --window-border: var(--border-subtle);
  --window-margin: 12px 0 0;
  --window-muted-color: var(--text-dim);
  --window-title-color: var(--text-primary);
  --window-title-font-size: 11px;
  --window-title-reserve: 190px;
  --window-traffic-size: 7px;
}

.trafficDot-b4d7b2c {
  display: inline-block;
  width: var(--window-traffic-size);
  height: var(--window-traffic-size);
  border-radius: var(--radius-pill);
}

.trafficClose-b4d7b2c {
  background: var(--terminal-red);
}

.trafficMinimize-b4d7b2c {
  background: var(--terminal-yellow);
}

.trafficZoom-b4d7b2c {
  background: var(--terminal-green);
}

.windowBody-b4d7b2c {
  background: var(--bg-inset);
}

.gameScreen-b4d7b2c {
  position: relative;
  display: grid;
  color: var(--text-primary);
}

.screenPane-b4d7b2c,
.gamePane-b4d7b2c {
  grid-area: 1 / 1;
  min-width: 0;
}

.screenPane-b4d7b2c {
  padding: 52px 24px;
}

.screenPaneInactive-b4d7b2c {
  visibility: hidden;
  pointer-events: none;
}

.gamePane-b4d7b2c {
  position: absolute;
  inset: 0;
  display: flex;
  align-self: stretch;
  min-height: 0;
}

.gamePane-b4d7b2c > * {
  flex: 1 1 auto;
}

.gameTitle-b4d7b2c {
  margin: 0;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 54px;
  font-weight: var(--weight-semibold);
  line-height: var(--leading-tight);
  text-align: center;
  text-transform: uppercase;
}

.details-b4d7b2c {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  align-items: baseline;
  justify-content: center;
  margin: 24px auto 0;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: center;
}

.summary-b4d7b2c {
  border: 0;
  padding: 0;
  color: var(--text-dim);
  font-size: 14px;
  text-transform: uppercase;
}

.summary-b4d7b2c::after {
  content: ":";
}

.summary-b4d7b2c:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 2px;
}

.detailBody-b4d7b2c {
  min-width: 0;
  padding: 0;
  color: var(--text-dim);
  font-size: 14.5px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.detailBody-b4d7b2c code {
  color: var(--terminal-green);
  font-size: 0.94em;
}

.detailBody-b4d7b2c ul {
  margin: 0;
  padding-left: var(--space-4_5);
}

.actions-b4d7b2c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-4);
  margin: 0;
  padding: 30px 0 0;
}

.actionPrompt-b4d7b2c {
  flex: 0 0 100%;
  color: var(--text-primary);
  font-size: 14.5px;
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  text-align: center;
  text-transform: uppercase;
}

.actionLink-b4d7b2c,
.actionButton-b4d7b2c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  min-height: 28px;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  padding: var(--space-1) var(--space-2);
  font: inherit;
  font-size: 15px;
  line-height: var(--leading-snug);
  text-decoration: none;
  cursor: pointer;
}

.actionLink-b4d7b2c::before,
.actionButton-b4d7b2c::before {
  content: "▶";
  width: 14px;
  color: transparent;
  font-size: 10px;
}

.actionLink-b4d7b2c:not(.gameAction-b4d7b2c)::before {
  color: var(--text-primary);
}

.actionsGameSelected-b4d7b2c .actionLink-b4d7b2c:not(.gameAction-b4d7b2c)::before {
  color: transparent;
}

.actionsGameSelected-b4d7b2c .gameAction-b4d7b2c::before,
.actionLink-b4d7b2c:hover::before,
.actionButton-b4d7b2c:hover::before,
.actionLink-b4d7b2c:focus-visible::before,
.actionButton-b4d7b2c:focus-visible::before {
  color: currentcolor;
}

.actionLink-b4d7b2c:hover,
.actionButton-b4d7b2c:hover {
  color: var(--accent);
}

.actionLink-b4d7b2c:focus-visible,
.actionButton-b4d7b2c:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 2px;
}

.gameAction-b4d7b2c {
  color: var(--terminal-yellow);
}

.gameAction-b4d7b2c:hover,
.gameAction-b4d7b2c:focus-visible {
  color: var(--terminal-yellow);
}

.tonePending-b4d7b2c .summary-b4d7b2c {
  color: var(--terminal-yellow);
}

.toneMissing-b4d7b2c .summary-b4d7b2c {
  color: var(--text-primary);
}

.toneFailure-b4d7b2c .summary-b4d7b2c {
  color: var(--terminal-red);
}

@media (max-width: 640px) {
  .routeFrame-b4d7b2c {
    min-height: calc(100vh - var(--chrome-height) - var(--space-6));
  }

  .body-b4d7b2c {
    margin-top: 0;
  }

  .errorWindow-b4d7b2c {
    --window-title-reserve: 112px;
  }

  .screenPane-b4d7b2c {
    padding: 24px 16px 20px;
  }

  .metaRow-b4d7b2c {
    grid-template-columns: 88px 1fr;
  }

  .actions-b4d7b2c {
    align-items: stretch;
    flex-direction: column;
  }

  .actionLink-b4d7b2c,
  .actionButton-b4d7b2c {
    justify-content: center;
    width: 100%;
  }
}


.home-cbc89cc {
  --home-accent: var(--accent);
  --home-bg: var(--bg-primary);
  --home-paper: var(--bg-primary);
  --home-ink: var(--text-primary);
  --home-dim: var(--text-dim);
  --home-faint: var(--text-muted);
  --home-rule: var(--border-subtle);
  --home-rule-bright: var(--border-muted);
  --home-chrome: var(--bg-secondary);
  --home-archive-bar: var(--archive-bar-bg, var(--bg-secondary));
  --home-chrome-2: var(--bg-inset);
  --home-panel: var(--bg-elevated);
  --home-tint: var(--surface-tint);
  --home-accent-dim: var(--accent-muted);
  --home-hex: var(--terminal-green);
  --home-amber: var(--terminal-yellow);
  --home-size: 15.5px;
  --site-surface-bg: var(--home-bg);
  --site-surface-ink: var(--home-ink);
  --site-font-family: var(--font-mono);
  --site-font-size: var(--home-size);
  --site-line-height: var(--leading-relaxed);
  --site-content-width: var(--content-width-default);
  --site-content-padding: var(--space-8) var(--space-7) 0;
  --site-content-padding-mobile: var(--space-6) var(--space-4) 0;
}

.page-cbc89cc a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted var(--home-faint);
}

.page-cbc89cc a:hover {
  color: var(--home-accent);
  border-bottom-color: var(--home-accent);
}

.home-cbc89cc em {
  color: var(--home-ink);
  font-style: italic;
}

.home-cbc89cc strong,
.home-cbc89cc b {
  color: var(--home-ink);
  font-weight: var(--weight-semibold);
}

.home-cbc89cc code {
  color: var(--home-hex);
  font-size: 0.94em;
}

.title-cbc89cc {
  font-family: inherit;
  font-size: 30px;
  line-height: var(--leading-tight);
  font-weight: var(--weight-semibold);
  margin: var(--space-7) 0 var(--space-4);
  letter-spacing: 0;
  text-align: center;
}

.tagline-cbc89cc {
  display: block;
  font-weight: var(--weight-regular);
  color: var(--home-dim);
  font-size: var(--font-size-base);
  margin-top: var(--space-2_5);
}

.authors-cbc89cc {
  color: var(--home-ink);
  font-size: var(--font-size-base);
  margin: var(--space-4_5) 0 var(--space-1);
  text-align: center;
}

.star-cbc89cc {
  color: var(--home-accent);
}

.aff-cbc89cc {
  color: var(--home-dim);
  font-size: 11.5px;
  text-align: center;
  margin-bottom: var(--space-8);
}

.dotSep-cbc89cc {
  color: var(--home-faint);
}

.meta-cbc89cc {
  border: 1px solid var(--home-rule);
  margin: var(--space-4_5) 0 26px;
  font-size: var(--font-size-sm);
}

.metaRow-cbc89cc {
  display: grid;
  grid-template-columns: 140px 1fr;
  border-bottom: 1px solid var(--home-rule);
}

.metaRow-cbc89cc:last-child {
  border-bottom: 0;
}

.metaKey-cbc89cc {
  background: var(--home-tint);
  padding: var(--space-1_5) var(--space-3);
  color: var(--home-dim);
  border-right: 1px solid var(--home-rule);
  letter-spacing: 0.02em;
}

.metaValue-cbc89cc {
  padding: var(--space-1_5) var(--space-3);
  min-width: 0;
  word-break: break-word;
}

.availCompact-cbc89cc {
  display: none;
}

.kwCompact-cbc89cc {
  display: none;
}

.appendixBCompact-cbc89cc {
  display: none;
}

@media (max-width: 460px) {
  .appendixBFull-cbc89cc {
    display: none;
  }

  .appendixBCompact-cbc89cc {
    display: inline;
  }
}

@media (max-width: 480px) {
  .kwFull-cbc89cc {
    display: none;
  }

  .kwCompact-cbc89cc {
    display: inline;
  }

  .metaValue-cbc89cc .dotSep-cbc89cc {
    word-spacing: -0.25em;
  }

  .protocolFootWitness-cbc89cc {
    display: none;
  }

  .ackHashBit-cbc89cc {
    display: none;
  }
}

@media (max-width: 640px) {
  .protocolFootSetup-cbc89cc {
    display: none;
  }
}

.tag-cbc89cc {
  display: inline-block;
  padding: 0 var(--space-1_25);
  border: 1px solid var(--home-rule);
  color: var(--home-dim);
  font-size: 10.5px;
  margin-right: var(--space-0_75);
}

.tag-cbc89cc:last-child {
  margin-right: 0;
}

.dim-cbc89cc {
  color: var(--home-dim);
}

.live-cbc89cc {
  color: var(--home-accent);
}

.live-cbc89cc::before {
  content: "●";
  margin-right: var(--space-1);
  animation: homeBlink 1.6s steps(2, end) infinite;
}

.sectionTitle-cbc89cc {
  font-family: inherit;
  font-size: var(--font-size-lg);
  font-weight: var(--weight-semibold);
  margin: var(--space-9) 0 var(--space-2_5);
  color: var(--home-ink);
}

.sectionTitle-cbc89cc::before {
  content: attr(data-n) " ";
  color: var(--home-dim);
  font-weight: var(--weight-regular);
  margin-right: var(--space-0_5);
}

.loc-cbc89cc {
  float: right;
  color: var(--home-faint);
  font-size: var(--font-size-xs);
  font-weight: var(--weight-regular);
  transition: color var(--duration-fast) var(--ease-standard);
}

.home-cbc89cc p,
.home-cbc89cc ul,
.home-cbc89cc ol {
  font-size: 13.5px;
  line-height: var(--leading-loose);
}

.home-cbc89cc p {
  margin: var(--space-1_5) 0 var(--space-2_5);
}

.nowInline-cbc89cc {
  margin: var(--space-3_5) 0;
}

.nowFormalLead-cbc89cc {
  margin: var(--space-1) 0;
  font-size: 13.5px;
  color: var(--home-ink);
}

.nowFormal-cbc89cc {
  list-style: none;
  padding-left: 0;
  margin: var(--space-0_5) 0 var(--space-1_5);
}

.nowFormal-cbc89cc li {
  position: relative;
  padding-left: var(--space-4_5);
  margin: var(--space-0_75) 0;
}

.nowFormal-cbc89cc li::before {
  content: "·";
  position: absolute;
  left: var(--space-1_5);
  top: -2px;
  color: var(--home-accent);
  font-size: var(--font-size-2xl);
  line-height: var(--leading-none);
}

.ts-cbc89cc {
  color: var(--home-faint);
  font-size: 10.25px;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1_5);
}

.home-cbc89cc .ts-cbc89cc {
  font-size: var(--font-size-2xs);
  line-height: var(--leading-tight);
}

.ts-cbc89cc::before {
  content: "●";
  color: var(--home-hex);
  font-size: 8px;
  animation: homeBlink 1.8s steps(2, end) infinite;
}

.toc-cbc89cc {
  margin: var(--space-2_5) 0 var(--space-1);
  font-size: var(--font-size-base);
  font-variant-numeric: tabular-nums;
}

.tocHeading-cbc89cc {
  font-family: inherit;
  font-size: var(--font-size-lg);
  font-weight: var(--weight-semibold);
  margin: var(--space-9) 0 var(--space-2_5);
  color: var(--home-ink);
}

.toc-cbc89cc ol {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--home-rule);
  border-bottom: 1px solid var(--home-rule);
}

.toc-cbc89cc li {
  display: flex;
  align-items: baseline;
  border-bottom: 1px dashed var(--home-rule);
}

.toc-cbc89cc li:last-child {
  border-bottom: 0;
}

.toc-cbc89cc li > a {
  display: flex;
  align-items: baseline;
  flex: 1;
  gap: var(--space-2);
  padding: var(--space-1_5) var(--space-1);
  color: inherit;
  border-bottom: 0;
}

.toc-cbc89cc li > a:hover {
  background: var(--home-tint);
}

.num-cbc89cc {
  color: var(--home-dim);
  width: 28px;
  flex-shrink: 0;
  text-align: right;
}

.name-cbc89cc {
  color: var(--home-ink);
}

.toc-cbc89cc li > a:hover .name-cbc89cc {
  color: var(--home-accent);
}

.leader-cbc89cc {
  flex: 1;
  border-bottom: 1px dotted var(--home-faint);
  transform: translateY(-3px);
  margin: 0 var(--space-1_5);
  min-width: 18px;
}

.pg-cbc89cc {
  color: var(--home-dim);
  min-width: 60px;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  font-size: var(--font-size-sm);
}

.arrow-cbc89cc {
  color: var(--home-faint);
  margin-left: var(--space-1);
}

.introLead-cbc89cc {
  margin: var(--space-1_5) 0;
}

.protocol-cbc89cc {
  border: 1px solid var(--home-rule);
  margin: var(--space-3) 0 var(--space-4);
  font-family: inherit;
}

.protocol-cbc89cc header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: var(--space-1_5) var(--space-3);
  border-bottom: 1px solid var(--home-rule);
  background: var(--home-tint);
  font-size: 11.5px;
  color: var(--home-dim);
  text-transform: uppercase;
}

.protocol-cbc89cc header b {
  color: var(--home-ink);
  font-weight: var(--weight-semibold);
  text-transform: none;
  font-size: var(--font-size-base);
}

.protocolBody-cbc89cc {
  padding: var(--space-2_5) var(--space-3_5);
  font-size: 12.5px;
  line-height: var(--leading-relaxed);
  overflow-x: auto;
}

.line-cbc89cc {
  white-space: pre;
  margin: 0;
  font-family: inherit;
}

.kw-cbc89cc {
  color: var(--home-accent);
}

.protocol-cbc89cc footer {
  border-top: 1px dashed var(--home-rule);
  padding: var(--space-1_25) var(--space-3);
  font-size: var(--font-size-xs);
  color: var(--home-dim);
  display: flex;
  justify-content: space-between;
  gap: var(--space-2_5);
  flex-wrap: wrap;
}

.feed-cbc89cc {
  font-size: var(--font-size-base);
  line-height: var(--leading-normal);
  font-variant-numeric: tabular-nums;
}

.feedRow-cbc89cc {
  display: grid;
  grid-template-columns: 72px 80px 1fr auto;
  gap: var(--space-3_5);
  align-items: baseline;
  padding: var(--space-1_25) 0;
  border-bottom: 1px dashed var(--home-rule);
}

.feedRow-cbc89cc:last-of-type {
  border-bottom: 0;
}

.feedRow-cbc89cc:hover {
  background: var(--home-tint);
}

.kind-cbc89cc {
  color: var(--home-faint);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.kindPaper-cbc89cc {
  color: var(--home-accent);
}

.kindProject-cbc89cc {
  color: var(--home-hex);
}

.kindWriting-cbc89cc {
  color: var(--home-amber);
}

.kindTalk-cbc89cc {
  color: var(--home-ink);
}

.date-cbc89cc {
  color: var(--home-dim);
  font-size: var(--font-size-sm);
}

.feedTitle-cbc89cc {
  color: var(--home-ink);
}

.feedTitle-cbc89cc a {
  border-bottom: 0;
}

.feedTag-cbc89cc {
  color: var(--home-faint);
  font-size: var(--font-size-xs);
  text-align: right;
}

.appendix-cbc89cc {
  margin: 0;
}

.appendix-cbc89cc > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.appendix-cbc89cc > summary::-webkit-details-marker {
  display: none;
}

.appendix-cbc89cc > summary:hover .loc-cbc89cc,
.appendix-cbc89cc[open] > summary .loc-cbc89cc {
  color: var(--home-accent);
}

.keyblock-cbc89cc {
  font-family: inherit;
  font-size: var(--font-size-xs);
  line-height: var(--leading-snug);
  color: var(--home-dim);
  border: 1px solid var(--home-rule);
  padding: var(--space-2_5) var(--space-3);
  margin: var(--space-2) 0;
  white-space: pre-wrap;
  word-break: break-all;
  position: relative;
}

.keyHeader-cbc89cc {
  color: var(--home-ink);
}

.keyBody-cbc89cc {
  color: var(--home-dim);
}

.fp-cbc89cc {
  color: var(--home-accent);
  letter-spacing: 0.08em;
}

.copy-cbc89cc {
  position: absolute;
  right: var(--space-1_5);
  top: var(--space-1_5);
  background: var(--home-bg);
  color: var(--home-dim);
  border: 1px solid var(--home-rule);
  font: inherit;
  font-size: var(--font-size-2xs);
  padding: var(--space-0_5) var(--space-1_5);
  cursor: pointer;
}

.copy-cbc89cc:hover {
  color: var(--home-ink);
  border-color: var(--home-faint);
}

.footnote-cbc89cc {
  color: var(--home-dim);
  font-size: 11.5px;
}

.page-cbc89cc a.appendixShellName-cbc89cc {
  color: var(--home-accent);
}

.page-cbc89cc a.appendixShellName-cbc89cc:hover {
  color: var(--home-accent);
  border-bottom-color: var(--home-accent);
}

.term-cbc89cc {
  --window-border: var(--home-rule);
  --window-bar-border: var(--home-rule-bright);
  --window-bar-bg: var(--home-chrome);
  --window-body-bg: var(--home-chrome-2);
  --window-title-color: var(--home-ink);
  --window-muted-color: var(--home-dim);
  --window-focus-color: var(--home-ink);
  --window-title-reserve: 96px;
  --window-margin: var(--space-3) 0;

  font-family: inherit;
  font-size: 12.5px;
}

.termBody-cbc89cc {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: var(--space-3_5) var(--space-4_5) var(--space-3);
  line-height: var(--leading-relaxed);
  min-height: 320px;
  overflow-x: auto;
  font-family: inherit;
  font-size: 12.5px;
}

.termLine-cbc89cc,
.commandLine-cbc89cc,
.inputLine-cbc89cc,
.listEntry-cbc89cc {
  min-height: 19px;
  white-space: pre;
}

.termGap-cbc89cc {
  height: 10px;
  flex: none;
}

.termBanner-cbc89cc {
  margin: 0;
  color: var(--home-accent);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: var(--weight-semibold);
  line-height: 1.3;
  white-space: pre;
}

.commandLine-cbc89cc,
.inputLine-cbc89cc {
  display: flex;
  align-items: baseline;
  min-width: max-content;
}

.inputLine-cbc89cc {
  align-items: center;
}

.listEntry-cbc89cc {
  display: grid;
  grid-template-columns: 18ch minmax(20ch, 1fr);
  column-gap: var(--space-4);
  padding-left: 1.2ch;
  min-width: max-content;
}

.prompt-cbc89cc {
  color: var(--home-hex);
  flex: none;
  white-space: nowrap;
  text-shadow: 0 0 1px color-mix(in srgb, currentColor 72%, transparent);
}

.separator-cbc89cc {
  color: var(--home-dim);
}

.cmd-cbc89cc {
  color: var(--home-ink);
}

.out-cbc89cc {
  color: var(--home-dim);
}

.okOut-cbc89cc,
.dir-cbc89cc {
  color: var(--home-hex);
}

.warnOut-cbc89cc {
  color: var(--home-amber);
}

.cursor-cbc89cc {
  display: inline-block;
  flex: none;
  align-self: center;
  width: 0.55em;
  height: 1em;
  background: var(--home-ink);
  transform: translateY(1px);
  animation: homeBlink 1.1s steps(2, end) infinite;
}

@media (max-width: 640px) {
  .termBody-cbc89cc {
    padding: var(--space-3_5) var(--space-4_5);
  }

  .termLine-cbc89cc,
  .commandLine-cbc89cc,
  .inputLine-cbc89cc {
    min-width: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .listEntry-cbc89cc {
    grid-template-columns: 14ch minmax(0, 1fr);
    min-width: 0;
  }
}

.ackInlineMath-cbc89cc {
  margin-inline: 0.08em;
  color: inherit;
  font-size: 1em;
}

.ackMerkle-cbc89cc {
  border: 1px solid var(--home-rule);
  margin: var(--space-3_5) 0 var(--space-4_5);
  font-size: 12.5px;
}

.ackMerkle-cbc89cc > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2_5);
  background: var(--home-tint);
  padding: var(--space-1_75) var(--space-3);
  font-size: 11.5px;
  list-style: none;
  cursor: pointer;
  user-select: none;
  transition: background var(--duration-instant) ease;
}

.ackMerkle-cbc89cc > summary::-webkit-details-marker {
  display: none;
}

.ackMerkle-cbc89cc > summary::before {
  content: "▸";
  color: var(--home-faint);
  width: 12px;
  display: inline-block;
  transition: color var(--duration-fast) ease;
}

.ackMerkle-cbc89cc[open] > summary {
  border-bottom: 1px solid var(--home-rule);
}

.ackMerkle-cbc89cc[open] > summary::before {
  content: "▾";
  color: var(--home-accent);
}

.ackMerkle-cbc89cc > summary:hover {
  background: var(--home-tint);
  color: var(--home-ink);
}

.ackMerkle-cbc89cc > summary:hover::before {
  color: var(--home-accent);
}

.lab-cbc89cc {
  color: var(--home-faint);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10.5px;
}

.metaBits-cbc89cc {
  margin-left: auto;
  color: var(--home-dim);
  font-size: var(--font-size-xs);
}

.verify-cbc89cc {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "prompt input button" "result result result";
  align-items: center;
  gap: var(--space-2) var(--space-2_5);
  padding: 11px var(--space-3);
  background: var(--home-tint);
  font-size: var(--font-size-sm);
}

.verifyPrompt-cbc89cc {
  color: var(--home-accent);
  font-weight: var(--weight-medium);
  grid-area: prompt;
}

.verify-cbc89cc input {
  grid-area: input;
  min-width: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px dotted var(--home-accent);
  color: var(--home-ink);
  font-family: inherit;
  font-size: 12.5px;
  padding: var(--space-0_75) var(--space-0_5);
  outline: 0;
}

.verify-cbc89cc input:focus {
  border-bottom-color: var(--home-accent);
}

.verify-cbc89cc input::placeholder {
  color: var(--home-faint);
  font-style: italic;
}

.verify-cbc89cc button {
  grid-area: button;
  background: transparent;
  color: var(--home-dim);
  border: 1px solid var(--home-rule);
  font-family: inherit;
  font-size: var(--font-size-xs);
  padding: var(--space-0_5) var(--space-2_5);
  cursor: pointer;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.verify-cbc89cc button:hover {
  color: var(--home-ink);
  border-color: var(--home-accent-dim);
}

.verifyResult-cbc89cc {
  grid-area: result;
  font-size: 11.5px;
  padding-left: var(--space-0_5);
}

.verifyResult-cbc89cc:empty {
  display: none;
}

.verifyOk-cbc89cc {
  color: var(--home-hex);
}

.verifyNo-cbc89cc {
  color: var(--home-accent);
}

.proof-cbc89cc {
  border-top: 1px solid var(--home-rule);
  font-size: 11.5px;
}

.proof-cbc89cc summary {
  padding: var(--space-1_5) var(--space-3);
  cursor: pointer;
  color: var(--home-dim);
  list-style: none;
  user-select: none;
}

.proof-cbc89cc summary::-webkit-details-marker {
  display: none;
}

.proof-cbc89cc summary::before {
  content: "▸";
  display: inline-block;
  width: 14px;
  color: var(--home-faint);
}

.proof-cbc89cc[open] summary::before {
  content: "▾";
  color: var(--home-accent);
}

.proof-cbc89cc summary:hover {
  color: var(--home-ink);
}

.proofBody-cbc89cc {
  margin: 0;
  padding: var(--space-2) var(--space-3_5) var(--space-3_5) var(--space-7);
  font-size: var(--font-size-xs);
  line-height: 1.65;
  color: var(--home-dim);
  white-space: pre-wrap;
  word-break: break-all;
}

.proofBody-cbc89cc .proofK-cbc89cc {
  color: var(--home-faint);
}

.proofBody-cbc89cc .proofH-cbc89cc {
  color: var(--home-hex);
}

/* Hanging indent for the wrapping `leaf[N]     = sha256(...)` line:
   first line starts at column 0, subsequent wrapped lines indent under
   "sha256" (column 14 = "leaf[N]" + 5 spaces + "= "). Single-digit idx
   assumed; multi-digit idx is off by 1-2 ch but acceptable. */
.proofBody-cbc89cc .leafLine-cbc89cc {
  display: block;
  padding-left: 14ch;
  text-indent: -14ch;
}

.ackFootnote-cbc89cc {
  margin-top: var(--space-3_5);
}

@keyframes homeBlink {
  50% {
    opacity: 0.25;
  }
}

@media (max-width: 640px) {
  .metaRow-cbc89cc {
    grid-template-columns: 96px 1fr;
  }

  .metaKey-cbc89cc {
    padding: var(--space-1_5) var(--space-1);
  }

  .metaValue-cbc89cc {
    padding: var(--space-1_5) var(--space-2);
  }

  .availFull-cbc89cc {
    display: none;
  }

  .availCompact-cbc89cc {
    display: inline;
  }

  .feedRow-cbc89cc {
    grid-template-columns: 68px 72px 1fr;
    gap: var(--space-2);
  }

  .feedTag-cbc89cc {
    display: none;
  }
}


.strip-917b7b1 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-3_5);
  color: var(--text-dim);
  font-size: 11.5px;
  letter-spacing: 0.02em;
  border-bottom: 1px solid var(--border-subtle);
  padding-bottom: var(--space-1_5);
  margin-bottom: var(--space-4);
}

.strip-917b7b1 > :first-child {
  color: var(--text-primary);
  font-weight: var(--weight-medium);
}

.strip-917b7b1 > :nth-child(2) {
  color: var(--terminal-yellow);
}

/* Muted variant — same specificity as the position rules above; later
   in the file so cascade order makes these win. */
.stripMuted-917b7b1 > :first-child,
.stripMuted-917b7b1 > :nth-child(2) {
  color: var(--text-dim);
}


/* Input - Scoped CSS Module */

.line-537760b {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: var(--space-1_5) 0;
}

.prompt-537760b {
  color: var(--terminal-green);
  flex: 0 1 auto;
  max-width: 46vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 0 1px color-mix(in srgb, currentColor 72%, transparent);
}

.separator-537760b {
  color: var(--text-dim);
  flex: none;
}

.field-537760b {
  flex: 1;
  min-width: 0;
  position: relative;
}

.input-537760b {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: inherit;
  line-height: var(--leading-relaxed);
  caret-color: var(--accent);
  position: relative;
  z-index: var(--z-base);
  padding: 0;
}

.input-537760b:focus {
  outline: none;
  box-shadow: none;
}

/* Input wrapper for positioning suggestions */
.inputWrapper-537760b {
  position: relative;
}

/* Autocomplete suggestions */
.suggestions-537760b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1_5);
  padding: 0 0 var(--space-2);
  margin-bottom: 0;
}

.suggestion-537760b {
  color: var(--text-muted);
  padding: var(--space-px) var(--space-1_75);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xs);
  font-size: var(--font-size-xs);
  line-height: 1.45;
}

.suggestionActive-537760b {
  color: var(--accent);
  border-color: var(--border-muted);
  background-color: var(--surface-tint);
}

/* Ghost text overlay (shows input + hint together) */
.ghostOverlay-537760b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  font-family: var(--font-mono);
  font-size: inherit;
  white-space: pre;
}

.ghostText-537760b {
  color: transparent;
}

.ghostHint-537760b {
  color: var(--text-muted);
  opacity: 0.58;
}


/* Ledger page, adapted from ledger.html */

.surface-fcea9fd {
  --ledger-bg: var(--bg-primary);
  --ledger-paper: var(--bg-primary);
  --ledger-ink: var(--text-primary);
  --ledger-dim: var(--text-dim);
  --ledger-faint: var(--text-muted);
  --ledger-rule: var(--border-subtle);
  --ledger-rule-bright: var(--border-muted);
  --ledger-chrome: var(--bg-secondary);
  --ledger-panel: var(--bg-elevated);
  --ledger-tint: var(--surface-tint);
  --ledger-accent: var(--accent);
  --ledger-accent-dim: var(--accent-muted);
  --ledger-hex: var(--terminal-green);
  --ledger-amber: var(--terminal-yellow);
  --site-surface-bg: var(--ledger-bg);
  --site-surface-ink: var(--ledger-ink);
  --site-font-family: var(--font-mono);
  --site-font-size: var(--font-size-md);
  --site-line-height: var(--leading-relaxed);
  --site-content-width: var(--content-width-narrow);
}

.page-fcea9fd a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted var(--ledger-faint);
}

.page-fcea9fd a:hover {
  color: var(--ledger-accent);
  border-bottom-color: var(--ledger-accent);
}

.faintSep-fcea9fd {
  color: var(--ledger-faint);
}

.ledgerHead-fcea9fd {
  border: 1px solid var(--ledger-rule);
  margin: var(--space-4_5) 0 var(--space-6);
  font-size: var(--font-size-sm);
}

.headRow-fcea9fd {
  display: grid;
  grid-template-columns: 130px 1fr;
  border-bottom: 1px solid var(--ledger-rule);
}

.headRow-fcea9fd:last-child {
  border-bottom: 0;
}

.headKey-fcea9fd {
  background: var(--ledger-tint);
  padding: var(--space-1_5) var(--space-3);
  color: var(--ledger-dim);
  border-right: 1px solid var(--ledger-rule);
  letter-spacing: 0.02em;
}

.headVal-fcea9fd {
  padding: var(--space-1_5) var(--space-3);
  word-break: break-word;
}

.headVal-fcea9fd code {
  color: var(--ledger-hex);
}

.num-fcea9fd {
  color: var(--ledger-ink);
  font-weight: var(--weight-medium);
}

.ok-fcea9fd {
  color: var(--ledger-hex);
}

.live-fcea9fd {
  color: var(--ledger-accent);
}

.live-fcea9fd::before {
  content: "●";
  margin-right: var(--space-1);
  animation: ledgerBlink 1.6s steps(2, end) infinite;
}

.filterBar-fcea9fd {
  display: flex;
  align-items: baseline;
  gap: var(--space-1_5);
  padding: var(--space-1) 0 0;
  margin: 0 0 var(--space-4_5);
  border-bottom: 1px solid var(--ledger-rule);
  font-family: var(--font-mono);
  font-size: var(--font-size-xs);
  color: var(--ledger-dim);
  flex-wrap: nowrap;
}

.dash-fcea9fd {
  flex: 1 1 0;
  min-width: 0;
  color: var(--ledger-faint);
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  background-size: 7px 1px;
  background-repeat: repeat-x;
  background-position: left center;
  height: 1px;
  align-self: center;
  opacity: 0.5;
}

.dash-fcea9fd:last-child {
  background-position: right center;
}

.filterLink-fcea9fd {
  border: 0 !important;
  padding: var(--space-1) var(--space-2_5) var(--space-1_5);
  color: var(--ledger-dim);
  font-size: 11.5px;
  position: relative;
  letter-spacing: 0.02em;
  flex: 0 0 auto;
}

.filterLink-fcea9fd:hover {
  color: var(--ledger-ink);
}

.filterLinkOn-fcea9fd {
  color: var(--ledger-accent);
}

.filterLinkOn-fcea9fd::after {
  content: "";
  position: absolute;
  left: var(--space-1_5);
  right: var(--space-1_5);
  bottom: -1px;
  border-bottom: 1px solid var(--ledger-accent);
}

.count-fcea9fd {
  color: var(--ledger-faint);
  font-size: var(--font-size-2xs);
  font-variant-numeric: tabular-nums;
}

.filterLinkOn-fcea9fd .count-fcea9fd {
  color: var(--ledger-accent);
  opacity: 0.7;
}

.chain-fcea9fd {
  margin: var(--space-3_5) 0 0;
  font-family: var(--font-mono);
  display: flex;
  flex-direction: column;
}

.block-fcea9fd {
  border: 1px solid var(--ledger-rule);
  background: transparent;
  position: relative;
  transition:
    border-color var(--duration-instant) ease,
    background var(--duration-instant) ease;
}

.block-fcea9fd:hover {
  background: var(--ledger-tint);
  border-color: var(--ledger-rule-bright);
}

.locked-fcea9fd {
  border-color: var(--ledger-rule);
}

.blockHead-fcea9fd {
  display: flex;
  align-items: baseline;
  gap: var(--space-3_5);
  padding: var(--space-1_5) var(--space-3);
  border-bottom: 1px solid var(--ledger-rule);
  background: var(--ledger-tint);
  font-size: var(--font-size-xs);
  letter-spacing: 0.04em;
  color: var(--ledger-dim);
  text-transform: uppercase;
}

.blockNumber-fcea9fd {
  color: var(--ledger-ink);
  font-weight: var(--weight-semibold);
}

.kind-fcea9fd {
  border: 1px solid var(--ledger-rule);
  padding: 0 var(--space-1_5);
  text-transform: none;
  letter-spacing: 0;
  font-size: 10.5px;
}

.kind-fcea9fd[data-kind="paper"] {
  color: var(--ledger-accent);
  border-color: var(--ledger-accent-dim);
}

.kind-fcea9fd[data-kind="project"] {
  color: var(--ledger-hex);
}

.kind-fcea9fd[data-kind="writing"] {
  color: var(--ledger-amber);
}

.kind-fcea9fd[data-kind="talk"] {
  color: var(--ledger-ink);
}

.kind-fcea9fd[data-kind="note"],
.kind-fcea9fd[data-kind="key"],
.kind-fcea9fd[data-kind="markdown"],
.kind-fcea9fd[data-kind="data"],
.kind-fcea9fd[data-kind="directory"],
.kind-fcea9fd[data-kind="document"],
.kind-fcea9fd[data-kind="image"],
.kind-fcea9fd[data-kind="app"],
.kind-fcea9fd[data-kind="asset"],
.kind-fcea9fd[data-kind="link"],
.kind-fcea9fd[data-kind="bundle"] {
  color: var(--ledger-dim);
}

.date-fcea9fd {
  margin-left: auto;
  color: var(--ledger-dim);
  text-transform: none;
  letter-spacing: 0;
}

.lock-fcea9fd {
  border: 1px solid var(--ledger-rule);
  padding: 0 var(--space-1_25);
  color: var(--ledger-accent);
  border-color: var(--ledger-accent-dim);
  font-size: 10.5px;
  text-transform: none;
  letter-spacing: 0;
  margin-left: var(--space-1);
}

.blockBody-fcea9fd {
  padding: var(--space-2_5) var(--space-3_5) var(--space-3);
  font-size: 13.5px;
  line-height: var(--leading-relaxed);
}

.title-fcea9fd {
  display: block;
  color: var(--ledger-ink);
  font-weight: var(--weight-medium);
  font-size: var(--font-size-md);
}

.title-fcea9fd a {
  border-bottom: 0;
  color: inherit;
}

.title-fcea9fd a:hover {
  color: var(--ledger-accent);
}

.desc-fcea9fd {
  display: block;
  color: var(--ledger-dim);
  font-size: 12.5px;
  margin-top: var(--space-0_75);
}

.metaLine-fcea9fd {
  color: var(--ledger-faint);
  font-size: var(--font-size-xs);
  margin-top: var(--space-1_5);
  display: flex;
  /* Horizontal spacing is owned by the `·` separator below so each
     pair of items gets the same gap-dot-gap rhythm. Row gap survives
     for flex-wrap so wrapped lines still breathe vertically. */
  row-gap: var(--space-1);
  column-gap: 0;
  flex-wrap: wrap;
}

.metaLine-fcea9fd > span + span::before {
  content: "·";
  margin-inline: var(--gap-meta-sep);
}

.variantsLine-fcea9fd {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin-top: var(--space-1_5);
}

.variantChip-fcea9fd {
  border: 1px solid var(--ledger-rule);
  color: var(--ledger-dim);
  font-size: 10.5px;
  line-height: 1.5;
  padding: 0 var(--space-1_5);
}

@media (max-width: 640px) {
  .metaLine-fcea9fd > span + span::before {
    margin-inline: var(--gap-meta-sep-mobile);
  }
}

.blockFoot-fcea9fd {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: var(--space-3_5);
  padding: var(--space-1_25) var(--space-3);
  border-top: 1px dashed var(--ledger-rule);
  font-size: var(--font-size-xs);
  color: var(--ledger-faint);
  font-variant-numeric: tabular-nums;
}

.footKey-fcea9fd {
  flex: 0 0 auto;
  color: var(--ledger-faint);
  margin-right: var(--space-1_5);
}

.sig-fcea9fd {
  color: var(--ledger-hex);
}

.prev-fcea9fd,
.hashCell-fcea9fd {
  display: flex;
  align-items: baseline;
  min-width: 0;
}

.connector-fcea9fd {
  position: relative;
  height: 14px;
  color: var(--ledger-rule-bright);
}

.connector-fcea9fd::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: currentColor;
  transform: translateX(-0.5px);
}

.connectorBroken-fcea9fd {
  height: 22px;
  opacity: 0.7;
}

.connectorBroken-fcea9fd::before {
  background:
    repeating-linear-gradient(to bottom, currentColor 0 2px, transparent 2px 4px) top center / 100% 8px no-repeat,
    repeating-linear-gradient(to bottom, currentColor 0 2px, transparent 2px 4px) bottom center / 100% 8px no-repeat;
}

.block-fcea9fd:hover + .connector-fcea9fd {
  color: var(--ledger-accent-dim);
}

.genesis-fcea9fd {
  border: 1px dashed var(--ledger-rule);
  padding: var(--space-2) var(--space-3);
  font-size: var(--font-size-xs);
  color: var(--ledger-faint);
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: var(--space-3_5);
  align-items: baseline;
  position: relative;
}

.genesisLabel-fcea9fd {
  color: var(--ledger-faint);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genesisQuote-fcea9fd {
  position: absolute;
  right: var(--space-3);
  top: var(--space-2);
  color: var(--ledger-dim);
}

.empty-fcea9fd {
  border: 1px dashed var(--ledger-rule);
  color: var(--ledger-faint);
  font-size: var(--font-size-sm);
  margin: var(--space-4_5) 0 var(--space-7);
  padding: var(--space-5) var(--space-3_5);
  text-align: center;
}

@keyframes ledgerBlink {
  50% {
    opacity: 0.25;
  }
}

@media (max-width: 640px) {
  .headRow-fcea9fd {
    grid-template-columns: 96px 1fr;
  }

  .blockHead-fcea9fd {
    gap: var(--space-2);
    flex-wrap: wrap;
  }

  .blockFoot-fcea9fd {
    gap: var(--space-2);
  }

  .filterBar-fcea9fd {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .dash-fcea9fd {
    display: none;
  }
}


.mempool-388b202 {
  border: 1px dashed var(--ledger-rule);
  margin: var(--space-3_5) 0 var(--space-7);
  font-family: var(--font-mono);
  background: rgba(214, 163, 92, 0.02);
  position: relative;
  opacity: 0.94;
}

.mpHead-388b202 {
  display: flex;
  align-items: baseline;
  gap: var(--space-3_5);
  padding: var(--space-1_25) var(--space-3);
  font-size: var(--font-size-xs);
  letter-spacing: 0.04em;
  color: var(--ledger-faint);
  text-transform: uppercase;
  user-select: none;
}

/* `border-top` on next sibling, not `border-bottom` on previous —
   so collapsed siblings don't double up against the outer frame. */
.mpHead-388b202 + .mpKeyForm-388b202,
.mpHead-388b202 + .mpList-388b202 {
  border-top: 1px dashed var(--ledger-rule);
}

.mpHead-388b202:hover .mpLabel-388b202 {
  color: var(--ledger-ink);
}

.mpDisclosure-388b202 {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: var(--space-3_5);
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: pointer;
}

.mpDisclosure-388b202:focus-visible {
  outline: 1px solid var(--ledger-accent);
  outline-offset: 2px;
}

.mpToggle-388b202 {
  display: inline-block;
  width: 1em;
  text-align: center;
  color: var(--ledger-faint);
  font-size: 0.85em;
}

.mpLabel-388b202 {
  color: var(--ledger-amber);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.06em;
}

.mpLabel-388b202::before {
  content: "⏳ ";
  opacity: 0.85;
}

.mpCount-388b202 {
  color: var(--ledger-dim);
}

.mpHeadRight-388b202 {
  margin-left: auto;
  display: flex;
  gap: 10px;
  align-items: baseline;
  text-transform: none;
  letter-spacing: 0;
}

.mpCompose-388b202 {
  border: 1px solid var(--ledger-rule);
  color: var(--ledger-dim);
  background: transparent;
  padding: 0 7px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  line-height: 1.55;
  user-select: auto;
}

.mpCompose-388b202:hover {
  color: var(--ledger-accent);
  border-color: var(--ledger-accent-dim);
}

.mpCompose-388b202:focus-visible {
  outline: 1px solid var(--ledger-accent);
  outline-offset: 1px;
}

/* ─── Inline `+ key` PAT entry form ────────────────────────────── */
.mpKeyForm-388b202 {
  display: flex;
  flex-direction: column;
  gap: var(--space-1_25);
  padding: var(--space-2_5) var(--space-3);
  background: var(--surface-tint);
  font-size: 11px;
}

.mpKeyForm-388b202 + .mpList-388b202 {
  border-top: 1px dashed var(--ledger-rule);
}

.mpKeyTitle-388b202 {
  color: var(--ledger-dim);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 10px;
}

.mpKeyRow-388b202 {
  display: flex;
  gap: var(--space-1_5);
  align-items: stretch;
  flex-wrap: wrap;
}

.mpKeyInput-388b202 {
  flex: 1 1 18ch;
  min-width: 0;
  border: 1px solid var(--ledger-rule);
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 11.5px;
  padding: var(--space-1) var(--space-1_75);
  letter-spacing: 0.02em;
}

.mpKeyInput-388b202:focus-visible {
  outline: 1px solid var(--ledger-accent);
  outline-offset: 0;
  border-color: var(--ledger-accent-dim);
}

.mpKeyBtn-388b202 {
  border: 1px solid var(--ledger-rule);
  background: transparent;
  color: var(--ledger-dim);
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  padding: 0 var(--space-2);
  cursor: pointer;
  line-height: 1.55;
}

.mpKeyBtn-388b202:hover {
  color: var(--ledger-accent);
  border-color: var(--ledger-accent-dim);
}

.mpKeyBtn-388b202:focus-visible {
  outline: 1px solid var(--ledger-accent);
  outline-offset: 1px;
}

.mpKeyHint-388b202 {
  color: var(--ledger-faint);
  font-size: 10px;
  letter-spacing: 0.02em;
}

.mpKeyHintLink-388b202 {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

.mpKeyHintLink-388b202:hover,
.mpKeyHintLink-388b202:focus-visible {
  color: var(--ledger-accent);
  border-bottom-color: var(--ledger-accent);
  outline: none;
}

.mpKeyError-388b202 {
  color: var(--terminal-red);
  font-size: 10.5px;
}

.mpList-388b202 {
  display: flex;
  flex-direction: column;
}

/* Specificity bump so the prop:hidden toggle actually hides the list:
 * UA `[hidden]` selector is 0,1,0; .mpList is also 0,1,0 — UA loses to
 * later author rule. Combine them to win. */
.mpList-388b202[hidden] {
  display: none;
}

/* Selectors qualified with `.mpList` (specificity 0,2,0) so they win
 * over `.page a` and `.page a:hover` (0,1,1) which would otherwise
 * paint a dotted border and accent-color on hover. */
.mpList-388b202 .mpItem-388b202 {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: var(--space-3_5);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px dashed var(--ledger-rule);
  font-size: var(--font-size-sm);
  color: var(--ledger-dim);
  align-items: start;
  cursor: pointer;
  transition: background 0.12s ease;
  text-decoration: none;
  position: relative;
}

.mpList-388b202 .mpItem-388b202:focus-visible {
  outline: 1px solid var(--ledger-accent);
  outline-offset: -1px;
}

.mpList-388b202 .mpItem-388b202:last-child {
  border-bottom: 0;
}

.mpList-388b202 .mpItem-388b202:hover {
  /* explicit no-op overrides for `.page a:hover` so the row stays plain */
  color: var(--ledger-dim);
  border-bottom-color: var(--ledger-rule);
}

.mpStatus-388b202 {
  font-size: 10.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ledger-faint);
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.mpStatus-388b202::before {
  content: "⏳";
  opacity: 0.6;
  font-size: 10px;
}

.mpItemDraft-388b202 .mpStatus-388b202 {
  color: var(--ledger-dim);
}

.mpItemReview-388b202 .mpStatus-388b202 {
  color: var(--ledger-amber);
}

.mpItemReview-388b202 .mpStatus-388b202::before {
  content: "⌛";
  animation: ledgerBlink 1.6s steps(2, end) infinite;
}

.mpTitle-388b202 {
  color: var(--ledger-ink);
  font-weight: var(--weight-medium);
  font-size: 13px;
  padding-right: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mpKindTag-388b202 {
  border: 1px solid var(--ledger-rule);
  padding: 0 5px;
  font-size: 10px;
  margin-right: 6px;
  letter-spacing: 0;
  text-transform: none;
  display: inline-block;
  line-height: 1.55;
}

.mpKindTag-388b202[data-kind="paper"] {
  color: var(--ledger-accent);
  border-color: var(--ledger-accent-dim);
}

.mpKindTag-388b202[data-kind="project"] {
  color: var(--ledger-hex);
}

.mpKindTag-388b202[data-kind="writing"] {
  color: var(--ledger-amber);
}

.mpKindTag-388b202[data-kind="talk"] {
  color: var(--ledger-ink);
}

.mpKindTag-388b202[data-kind="note"] {
  color: var(--ledger-dim);
}

.mpDesc-388b202 {
  color: var(--ledger-faint);
  font-size: 11.5px;
  margin-top: 2px;
  padding-right: 65px;
}

.mpMeta-388b202 {
  margin-top: 4px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 10.5px;
  color: var(--ledger-faint);
}

.mpMetaKv-388b202 {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
}

.mpMetaKey-388b202 {
  color: var(--ledger-faint);
  opacity: 0.7;
}

.mpMetaValue-388b202 {
  color: var(--ledger-dim);
}

.mpPriHigh-388b202 {
  color: var(--ledger-accent);
}

.mpPriMed-388b202 {
  color: var(--ledger-amber);
}

.mpPriLow-388b202 {
  color: var(--ledger-dim);
}

.mpPriArrows-388b202 {
  letter-spacing: 0.04em;
}

.mpPriArrows-388b202 + .mpPriLabel-388b202 {
  margin-left: 4px;
}

.mpModified-388b202 {
  position: absolute;
  top: var(--space-2);
  right: var(--space-3);
  color: var(--ledger-faint);
  font-size: 10.5px;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.mpEmpty-388b202 {
  padding: 14px 16px;
  color: var(--ledger-faint);
  font-size: 11.5px;
  text-align: center;
  font-style: italic;
  border-top: 1px dashed var(--ledger-rule);
}

.mpMountUnavailable-388b202 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 16px;
  border-top: 1px dashed var(--ledger-rule);
  font-size: 11.5px;
  line-height: var(--leading-snug);
  color: var(--ledger-amber);
}

.mpMountTitle-388b202 {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: var(--weight-medium);
}

.mpMountReason-388b202 {
  color: var(--ledger-faint);
  font-family: var(--font-code);
  font-size: 10.5px;
  word-break: break-word;
}

.mpMountHint-388b202 {
  color: var(--ledger-faint);
  font-style: italic;
}

@media (max-width: 460px) {
  .mpPriLabel-388b202 {
    display: none;
  }

  .mpKindTag-388b202 {
    display: none;
  }
}


.backdrop-53a86ad {
    position: fixed;
    inset: 0;
    background: var(--backdrop-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
}

.modal-53a86ad {
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-muted);
    width: min(800px, 90vw);
    height: min(600px, 85vh);
    display: flex;
    flex-direction: column;
    font-family: var(--font-mono, monospace);
}

.header-53a86ad {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--border-subtle);
    font-size: 0.9em;
}

.path-53a86ad {
    opacity: 0.7;
}

.textarea-53a86ad {
    flex: 1;
    padding: var(--space-3);
    background: transparent;
    color: inherit;
    border: none;
    resize: none;
    font-family: inherit;
    font-size: 0.95em;
    outline: none;
}

.footer-53a86ad {
    padding: var(--space-2) var(--space-3);
    border-top: 1px solid var(--border-subtle);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
}

.save-53a86ad, .cancel-53a86ad {
    padding: var(--space-1) var(--space-3);
    background: transparent;
    color: inherit;
    border: 1px solid var(--border-muted);
    font-family: inherit;
    cursor: pointer;
}

.save-53a86ad {
    border-color: var(--accent);
    color: var(--accent);
}


.mono-6cc3c2c {
  display: inline-block;
  max-width: 100%;
  min-width: 0;
  vertical-align: bottom;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow-y: hidden;
}

.scroll-6cc3c2c {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--border-muted) transparent;
}

.scroll-6cc3c2c::-webkit-scrollbar {
  height: 4px;
}

.scroll-6cc3c2c::-webkit-scrollbar-track {
  background: transparent;
}

.scroll-6cc3c2c::-webkit-scrollbar-thumb {
  background: var(--border-muted);
  border-radius: var(--radius-xs);
}

.truncateEnd-6cc3c2c {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.middle-6cc3c2c {
  overflow-x: hidden;
}

.accent-6cc3c2c {
  color: var(--accent);
}

.hex-6cc3c2c {
  color: var(--terminal-green);
}

.code-6cc3c2c {
  font-family: var(--font-code);
}


/* Output - Scoped CSS Module */

.line-9704686 {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.lineEmpty-9704686 {
  height: 0.85rem;
}

.command-9704686 {
  display: flex;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.listEntry-9704686 {
  display: flex;
  gap: var(--space-4);
  padding-left: 1.2ch;
  min-width: 0;
  color: var(--text-dim);
}

.listEntry-9704686 span:first-child {
  min-width: 18ch;
}

.longEntry-9704686 {
  display: grid;
  grid-template-columns: 11ch 7ch 12ch minmax(16ch, 1fr);
  column-gap: 1ch;
  padding-left: 1.2ch;
  font-family: var(--font-mono);
  min-width: 0;
  color: var(--text-dim);
}

.longEntry-9704686 span:nth-child(1) { /* permissions */
  min-width: 0;
}

.longEntry-9704686 span:nth-child(2) { /* size */
  text-align: right;
}

.longEntry-9704686 span:nth-child(3) { /* date */
  min-width: 0;
}

.ascii-9704686 {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: 1.25;
  color: var(--terminal-cyan);
  white-space: pre;
  overflow-x: auto;
  text-shadow:
    0 0 1px currentColor,
    0 0 6px var(--accent-glow),
    0 0 10px color-mix(in srgb, var(--terminal-green) 16%, transparent);
  filter: saturate(1.06);
}

/* Text Colors */
.textFg-9704686 {
  color: var(--text-primary);
}

.textDim-9704686 {
  color: var(--text-dim);
}

.textGreen-9704686 {
  color: var(--terminal-green);
  text-shadow: 0 0 1px color-mix(in srgb, currentColor 72%, transparent);
}

.textAccent-9704686 {
  color: var(--accent);
}

.textYellow-9704686 {
  color: var(--terminal-yellow);
}

.textRed-9704686 {
  color: var(--terminal-red);
}

.fontBold-9704686 {
  font-weight: var(--weight-semibold);
}

/* Lock icon marker for encrypted entries so terminal listings expose restricted
   content consistently. */
.lockIcon-9704686 {
  display: inline-flex;
  align-items: center;
  margin-left: var(--space-1);
  font-size: 0.75em;
  color: var(--terminal-yellow);
  vertical-align: middle;
}

@container terminal (max-width: 40rem) {
  .longEntry-9704686 {
    grid-template-columns: 9ch 6ch 9ch minmax(12ch, 1fr);
    column-gap: 0.75ch;
  }

  .listEntry-9704686 span:first-child {
    min-width: 14ch;
  }
}


/* Reader page — archive view, themable via Tier-3 tokens. */

.surface-a55c78d {
  height: 100vh;
  overflow-y: auto;
  /* Anchor jumps land below the sticky chrome instead of under it. */
  scroll-padding-top: var(--chrome-height);
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga", "kern", "calt";
}

.page-a55c78d {
  flex: 1;
  width: min(100%, 92ch);
  margin: 0 auto;
  padding: 22px 28px 0;
  display: flex;
  flex-direction: column;
}

/* Sticky-footer: short content leaves the empty middle to grow,
   pushing the attestation footer + toolbar to the viewport bottom.
   Long content overflows naturally and the footer lands beneath it. */
.content-a55c78d {
  flex: 1;
}

/* ─── Ident strip inner layout (color/border via shared chassis) ── */
.identLeft-a55c78d {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-2);
  font-weight: var(--weight-medium);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.identMetric-a55c78d {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 0;
  row-gap: var(--space-1);
  font-variant-numeric: tabular-nums;
}

.identMetric-a55c78d > span + span::before {
  content: "·";
  margin-inline: var(--gap-meta-sep);
}

@media (max-width: 640px) {
  .identMetric-a55c78d > span + span::before {
    margin-inline: var(--gap-meta-sep-mobile);
  }
}

/* ─── TitleBlock ──────────────────────────────────────────────── */
.titleBlock-a55c78d {
  margin-bottom: 14px;
}

.titleRow-a55c78d {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-3);
  margin: 8px 0 4px;
}

.title-a55c78d {
  font-family: inherit;
  font-size: 22px;
  font-weight: var(--weight-semibold);
  color: var(--text-primary);
  margin: 0;
  letter-spacing: 0.005em;
  line-height: 1.2;
  min-width: 0;
}

/* ─── Reader action dropdown ─────────────────────────────────── */
.readerActions-a55c78d {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-self: end;
  margin-top: 1px;
  color: var(--text-dim);
}

.readerActionsTrigger-a55c78d {
  position: relative;
  z-index: var(--z-dropdown);
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font: inherit;
  line-height: var(--leading-none);
}

.readerActionsTrigger-a55c78d:hover,
.readerActionsTrigger-a55c78d:focus-visible,
.readerActionsTrigger-a55c78d[aria-expanded="true"] {
  background: var(--surface-tint);
  border-color: var(--border-subtle);
  color: var(--text-primary);
  outline: none;
}

.readerActionsDots-a55c78d {
  width: 2px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: currentColor;
  box-shadow:
    -4px 0 0 currentColor,
    4px 0 0 currentColor;
}

.readerActionsDismiss-a55c78d {
  position: fixed;
  inset: 0;
  z-index: var(--z-sticky);
  cursor: default;
  background: transparent;
  border: 0;
  padding: 0;
}

.readerActionsMenu-a55c78d {
  position: absolute;
  top: calc(100% + var(--space-1_75));
  right: 0;
  z-index: var(--z-dropdown);
  width: min(166px, calc(100vw - 24px));
  background: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-muted);
  box-shadow: 0 14px 34px var(--shadow-color);
  padding: var(--space-1_5);
}

.readerActionsMenu-a55c78d::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--space-1));
  right: var(--space-3);
  width: var(--space-1_75);
  height: var(--space-1_75);
  background: var(--bg-secondary);
  border-left: 1px solid var(--border-muted);
  border-top: 1px solid var(--border-muted);
  transform: rotate(45deg);
}

.readerActionsSection-a55c78d {
  display: grid;
  gap: var(--space-1_5);
}

.readerActionsLabel-a55c78d {
  color: var(--text-muted);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  line-height: var(--leading-snug);
  text-transform: uppercase;
}

.readerActionsDivider-a55c78d {
  display: block;
  border-top: 1px solid var(--border-subtle);
  margin: var(--space-1_5) 0;
}

.readerTextSizeGroup-a55c78d {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--border-subtle);
}

.readerTextSizeOption-a55c78d {
  min-height: 28px;
  border: 0;
  border-right: 1px solid var(--border-subtle);
  background: transparent;
  color: var(--text-dim);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  line-height: 1;
  padding: 0 var(--space-1);
}

.readerTextSizeOption-a55c78d:last-child {
  border-right: 0;
}

.readerTextSizeOption-a55c78d:hover,
.readerTextSizeOption-a55c78d:focus-visible {
  background: var(--surface-tint);
  color: var(--text-primary);
  outline: none;
}

.readerTextSizeOption-a55c78d:disabled {
  cursor: default;
  opacity: 0.45;
}

.readerActionItem-a55c78d {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 3ch;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-height: 28px;
  border: 0;
  background: transparent;
  color: var(--text-dim);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  line-height: var(--leading-snug);
  padding: var(--space-1_25) var(--space-1_5);
  text-align: left;
}

.readerActionItem-a55c78d:hover,
.readerActionItem-a55c78d:focus-visible {
  background: var(--surface-tint);
  color: var(--text-primary);
  outline: none;
}

.readerActionItem-a55c78d:disabled {
  cursor: default;
  opacity: 0.7;
}

.readerActionItemDone-a55c78d {
  color: var(--accent);
}

.readerActionStatus-a55c78d {
  color: var(--text-muted);
  font-size: 10px;
  text-align: right;
}

/* ─── Meta table (shared MetaTable + MetaRow) ─────────────────── */
.metaTable-a55c78d {
  border: 1px solid var(--border-subtle);
  margin: 14px 0 16px;
  font-size: 11.5px;
  background: var(--bg-primary);
}

.metaRow-a55c78d {
  display: grid;
  grid-template-columns: 110px 1fr;
  border-bottom: 1px solid var(--border-subtle);
}

.metaRow-a55c78d:last-child {
  border-bottom: 0;
}

.metaKey-a55c78d {
  background: var(--surface-tint);
  padding: 6px 10px;
  color: var(--text-dim);
  border-right: 1px solid var(--border-subtle);
  letter-spacing: 0.02em;
}

.metaValue-a55c78d {
  padding: 6px 10px;
  word-break: break-word;
  color: var(--text-primary);
}

.metaTag-a55c78d {
  display: inline-block;
  padding: 0 6px;
  border: 1px solid var(--border-subtle);
  color: var(--text-dim);
  font-size: 10.5px;
  margin-right: 4px;
  white-space: nowrap;
}

.metaDim-a55c78d {
  color: var(--text-dim);
  margin-left: 4px;
}

.variantList-a55c78d,
.linkList-a55c78d {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.variantChip-a55c78d,
.linkChip-a55c78d {
  display: inline-block;
  padding: 0 6px;
  border: 1px solid var(--border-subtle);
  color: var(--text-dim);
  font-size: 10.5px;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
}

.variantChip-a55c78d:hover,
.linkChip-a55c78d:hover {
  color: var(--text-primary);
  border-color: var(--text-muted);
}

.variantActive-a55c78d {
  color: var(--accent);
  border-color: var(--accent);
}

.variantDisabled-a55c78d,
.linkDisabled-a55c78d {
  opacity: 0.55;
  cursor: default;
}

/* ─── Section heading (Abstract, Document) ────────────────────── */
.sectionTitle-a55c78d {
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--weight-semibold);
  color: var(--text-primary);
  margin: 18px 0 6px;
}

.sectionTitle-a55c78d::before {
  content: attr(data-n) " ";
  color: var(--text-dim);
  font-weight: var(--weight-regular);
}

.abstractText-a55c78d {
  font-size: 12.5px;
  line-height: 1.7;
  margin: 4px 0 12px;
  color: var(--text-primary);
}

/* ─── Paper layout — markdown body + floating outline sidebar ──── */
.readerBody-a55c78d {
  --reader-body-font-size: 13px;
  --reader-body-small-font-size: 12.5px;
  --reader-body-code-font-size: 11.5px;
  --reader-body-table-font-size: 12px;
  --reader-body-heading-1: 20px;
  --reader-body-heading-2: 14px;
  --reader-body-heading-3: 13px;
}

.readerBody-a55c78d[data-text-scale="small"] {
  --reader-body-font-size: 12px;
  --reader-body-small-font-size: 11.5px;
  --reader-body-code-font-size: 10.75px;
  --reader-body-table-font-size: 11px;
  --reader-body-heading-1: 18px;
  --reader-body-heading-2: 13px;
  --reader-body-heading-3: 12px;
}

.readerBody-a55c78d[data-text-scale="large"] {
  --reader-body-font-size: 14.5px;
  --reader-body-small-font-size: 13.5px;
  --reader-body-code-font-size: 12.5px;
  --reader-body-table-font-size: 13px;
  --reader-body-heading-1: 22px;
  --reader-body-heading-2: 15.5px;
  --reader-body-heading-3: 14.5px;
}

.readerBody-a55c78d[data-text-scale="xlarge"] {
  --reader-body-font-size: 16px;
  --reader-body-small-font-size: 15px;
  --reader-body-code-font-size: 13.5px;
  --reader-body-table-font-size: 14px;
  --reader-body-heading-1: 24px;
  --reader-body-heading-2: 17px;
  --reader-body-heading-3: 16px;
}

.mdvPaper-a55c78d {
  position: relative;
}

/* The sidebar floats into the negative left margin so the markdown body
   itself stays centred at the page's 92ch max-width. `position: sticky`
   keeps it visible while the body scrolls underneath. */
.tocSide-a55c78d {
  position: sticky;
  float: left;
  margin-left: -180px;
  /* Offset by chrome so the TOC sits just below the sticky bar instead
     of being clipped by it. */
  top: calc(var(--chrome-height) + var(--space-4));
  width: 160px;
  max-height: calc(100vh - var(--chrome-height) - var(--space-8));
  overflow-y: auto;
  padding-right: var(--space-2_5);
  border-right: 1px dashed var(--border-subtle);
  font-size: 10.5px;
  color: var(--text-dim);
  line-height: 1.7;
}

.tocSideLab-a55c78d {
  color: var(--text-muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: var(--space-1);
  font-size: 10px;
}

.tocSideEntry-a55c78d {
  display: block;
  color: var(--text-dim);
  text-decoration: none;
  border-bottom: 0;
  padding: 1px 0;
}

.tocSideEntry-a55c78d:hover {
  color: var(--text-primary);
}

.tocSideEntryNested-a55c78d {
  padding-left: var(--space-2_5);
  font-size: 10px;
  color: var(--text-muted);
}

@media (max-width: 1080px) {
  .tocSide-a55c78d {
    display: none;
  }
}

/* ─── Markdown body (rendered HTML inserted via MarkdownView) ─── */
.mdBody-a55c78d {
  color: var(--text-primary);
}

.mdBody-a55c78d h1 {
  font-family: inherit;
  font-size: var(--reader-body-heading-1);
  font-weight: var(--weight-semibold);
  margin: 6px 0 8px;
  letter-spacing: -0.005em;
  color: var(--text-primary);
}

.mdBody-a55c78d h1:first-child {
  display: none;
}

.mdBody-a55c78d h2 {
  font-size: var(--reader-body-heading-2);
  font-weight: var(--weight-semibold);
  margin: 18px 0 6px;
  color: var(--text-primary);
}

.mdBody-a55c78d h3 {
  font-size: var(--reader-body-heading-3);
  font-weight: var(--weight-semibold);
  margin: 14px 0 6px;
  color: var(--text-primary);
}

.mdBody-a55c78d p {
  font-size: var(--reader-body-font-size);
  line-height: 1.7;
  margin: 6px 0 10px;
}

.mdBody-a55c78d ul,
.mdBody-a55c78d ol {
  font-size: var(--reader-body-font-size);
  padding-left: 24px;
  margin: 4px 0 10px;
  list-style-position: outside;
}

.mdBody-a55c78d ul {
  list-style-type: disc;
}

.mdBody-a55c78d ol {
  list-style-type: decimal;
}

.mdBody-a55c78d li {
  margin-bottom: 2px;
}

.mdBody-a55c78d li::marker {
  color: var(--text-muted);
}

.mdBody-a55c78d strong,
.mdBody-a55c78d b,
.htmlBody-a55c78d strong,
.htmlBody-a55c78d b {
  font-weight: var(--weight-semibold);
}

.mdBody-a55c78d code {
  color: var(--terminal-green);
  font-size: 0.94em;
  background: transparent;
  padding: 0;
}

.mdBody-a55c78d pre {
  border: 1px solid var(--border-subtle);
  background: var(--bg-inset);
  padding: 10px 12px;
  font-size: var(--reader-body-code-font-size);
  margin: 10px 0;
  white-space: pre;
  overflow: auto;
  border-radius: 0;
}

.mdBody-a55c78d pre code {
  background: transparent;
  padding: 0;
  color: var(--text-primary);
  font-size: inherit;
}

.mdBody-a55c78d blockquote {
  border-left: 2px solid var(--border-muted);
  padding: 0 0 0 14px;
  margin: 10px 0;
  color: var(--text-dim);
  font-style: italic;
  font-size: var(--reader-body-small-font-size);
}

.mdBody-a55c78d a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted var(--text-muted);
}

.mdBody-a55c78d a:hover {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

.mdBody-a55c78d hr {
  border: none;
  border-top: 1px solid var(--border-subtle);
  margin: 18px 0;
}

.mdBody-a55c78d table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  font-size: var(--reader-body-table-font-size);
}

.mdBody-a55c78d th,
.mdBody-a55c78d td {
  border: 1px solid var(--border-subtle);
  padding: 4px 8px;
  text-align: left;
}

.mdBody-a55c78d th {
  background: var(--surface-tint);
  color: var(--text-dim);
  font-weight: var(--weight-semibold);
}

.mdBody-a55c78d img {
  max-width: 100%;
  height: auto;
}

.mdBody-a55c78d .katex-display {
  overflow-x: auto;
  overflow-y: hidden;
}

/* ─── HTML body (sanitized HTML; lighter set of overrides) ────── */
.htmlBody-a55c78d {
  color: var(--text-primary);
  font-size: var(--reader-body-font-size);
  line-height: 1.7;
}

/* ─── Plain text body ─────────────────────────────────────────── */
.rawText-a55c78d {
  margin: 0;
  padding: 12px 14px;
  overflow-x: auto;
  border: 1px solid var(--border-subtle);
  background: var(--bg-inset);
  color: var(--text-primary);
  font: inherit;
  font-size: var(--reader-body-font-size);
  line-height: 1.6;
  white-space: pre-wrap;
}

/* ─── PDF view ────────────────────────────────────────────────── */
.pdfFrame-a55c78d {
  --window-border: var(--border-subtle);
  --window-bar-border: var(--border-subtle);
  --window-body-bg: var(--bg-inset);
  --window-title-color: var(--text-primary);
  --window-muted-color: var(--text-dim);
  --window-action-color: var(--text-dim);
  --window-action-border: var(--border-subtle);
  --window-action-hover-color: var(--accent);
  --window-action-hover-border: var(--accent);
  --window-action-font-size: 14px;
  --window-action-line-height: 1;
  --window-action-padding: 0;
  --window-action-size: 17px;
  --window-margin: 8px 0 12px;
  --window-traffic-size: 7px;
  --window-title-font-size: 11px;
  --window-title-reserve: 190px;
}

.pdfViewer-a55c78d {
  display: block;
  width: 100%;
  /* Default to US Letter portrait with a little vertical slack. The view component
     overrides this inline with the document's actual MediaBox geometry
     when content sync provided one — landscape slide decks come out
     wide, portrait papers come out tall. */
  aspect-ratio: 8.5 / 11.35;
  max-height: calc(100vh - 14rem);
  border: 0;
  background: var(--bg-secondary);
}

:fullscreen .pdfViewer-a55c78d {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto !important;
}

/* ─── Image asset ─────────────────────────────────────────────── */
.imageFigure-a55c78d {
  margin: 0;
}

.image-a55c78d {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid var(--border-subtle);
}

/* ─── Redirect / loading / error ──────────────────────────────── */
.redirecting-a55c78d,
.loading-a55c78d {
  color: var(--terminal-yellow);
  padding: 16px 0;
  font-size: 12px;
}

.error-a55c78d {
  color: var(--terminal-red);
  padding: 16px 0;
  font-size: 12px;
}

.errorBanner-a55c78d {
  background: rgba(201, 56, 56, 0.12);
  border: 1px solid var(--terminal-red);
  color: var(--terminal-red);
  padding: 6px 10px;
  font-size: 12px;
  margin-bottom: 14px;
}

/* ─── Toolbar — footnote-mark variant ─────────────────────────── */
.modefn-a55c78d {
  margin-top: 6px;
  margin-bottom: -20px;
  padding-top: 0;
  font-size: 11px;
  color: var(--text-dim);
}

.modefnRow-a55c78d {
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.6;
  flex-wrap: wrap;
}

.modefnMark-a55c78d {
  color: var(--accent);
  margin-right: 2px;
}

.modefnLab-a55c78d {
  color: var(--text-muted);
  margin-right: 4px;
}

.modefnOpt-a55c78d {
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--text-dim);
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0;
  user-select: none;
  padding: 0 2px;
}

.modefnOpt-a55c78d:hover {
  color: var(--text-primary);
}

.modefnOpt-a55c78d:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 2px;
}

.modefnOpt-a55c78d:disabled {
  cursor: default;
  opacity: 0.65;
}

.modefnOptOn-a55c78d {
  color: var(--accent);
  border-bottom: 1px solid var(--accent);
  cursor: default;
}

.modefnOptOn-a55c78d:hover {
  color: var(--accent);
}

.modefnKbd-a55c78d {
  margin-left: 5px;
  color: var(--text-muted);
  font-size: 9.5px;
  border: 1px solid var(--border-subtle);
  padding: 0 3px;
  border-radius: var(--radius-xs);
}

.modefnSep-a55c78d {
  color: var(--text-muted);
  margin: 0 1px;
}

.modefnSpacer-a55c78d {
  flex: 1;
}

.modefnState-a55c78d {
  font-size: 10.5px;
  color: var(--terminal-green);
}

.modefnState-a55c78d::before {
  content: "● ";
}

.modefnStateDirty-a55c78d {
  color: var(--terminal-yellow);
}

/* ─── Editor textarea ─────────────────────────────────────────── */
.editorTextarea-a55c78d {
  width: 100%;
  min-height: 60vh;
  background: var(--bg-inset);
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
  padding: 12px 14px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.65;
  resize: vertical;
  white-space: pre;
  tab-size: 2;
}

.editorTextarea-a55c78d:focus {
  outline: 1px solid var(--accent);
  border-color: var(--accent);
}

@media (max-width: 760px) {
  .page-a55c78d {
    padding: 16px 14px 0;
  }
  .metaRow-a55c78d {
    grid-template-columns: 88px 1fr;
  }
}


/* Shell - Scoped CSS Module */
/* Root layout and global UI effects */

.screen-56135b0 {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-mono);
}

.main-56135b0 {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  background: var(--bg-inset);
}


.pagefoot-12c132c {
  margin-top: var(--space-8);
  border-top: 1px solid var(--border-subtle);
  padding-top: var(--space-3_5);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-5);
  font-size: 11.5px;
  color: var(--text-dim);
}

.pagefoot-12c132c[data-sigpos="center"] {
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4_5);
}

.pagefoot-12c132c[data-sigpos="center"] .sigChip-12c132c {
  align-self: center;
  margin-top: var(--space-1_5);
}

.colophon-12c132c {
  line-height: var(--leading-loose);
}

@media (max-width: 640px) {
  .colophonTrackers-12c132c,
  .colophonJokes-12c132c {
    display: none;
  }
}

.sigChip-12c132c {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1_5);
  padding: var(--space-px) var(--space-2);
  border: 1px solid var(--border-subtle);
  color: var(--text-dim);
  cursor: pointer;
  position: relative;
  font-size: 11.5px;
  user-select: none;
  margin-top: var(--space-2_5);
  margin-bottom: var(--space-8);
}

.sigDismissLayer-12c132c {
  position: fixed;
  inset: 0;
  z-index: var(--z-popover);
  background: transparent;
}

.sigChip-12c132c:hover,
.sigChip-12c132c[aria-expanded="true"] {
  border-color: var(--accent-muted);
  color: var(--text-primary);
}

.sigChip-12c132c[aria-expanded="true"] {
  z-index: var(--z-popover);
}

.sigVal-12c132c {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}

.lab-12c132c {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10.5px;
}

.ok-12c132c {
  font-size: var(--font-size-sm);
  line-height: var(--leading-none);
  margin-left: var(--space-0_5);
}

.ok-12c132c[data-state="verified"] {
  color: var(--terminal-green);
}

.ok-12c132c[data-state="pending"] {
  color: var(--text-dim);
}

.sigPop-12c132c {
  position: absolute;
  bottom: calc(100% + var(--space-1_5));
  left: 0;
  transform: none;
  background: var(--bg-secondary);
  border: 1px solid var(--border-muted);
  padding: var(--space-2_5) var(--space-3);
  font-size: 11.5px;
  color: var(--text-dim);
  z-index: var(--z-popover);
  width: min(450px, calc(100vw - 32px));
  white-space: normal;
  display: none;
  cursor: default;
  user-select: text;
}

.pagefoot-12c132c[data-sigpos="center"] .sigPop-12c132c {
  left: 50%;
  transform: translateX(-50%);
}

.sigChip-12c132c[aria-expanded="true"] .sigPop-12c132c {
  display: block;
}

.sigRow-12c132c {
  line-height: var(--leading-loose);
}

.sigK-12c132c {
  color: var(--text-muted);
  display: inline-block;
  width: 74px;
  vertical-align: top;
}

.sigV-12c132c {
  display: inline-block;
  max-width: calc(100% - 84px);
  vertical-align: top;
}

.sigHr-12c132c {
  border-top: 1px dashed var(--border-subtle);
  margin: var(--space-1) 0;
}

.sigBlockRow-12c132c {
  margin-top: var(--space-px);
}

.sigBlockLabel-12c132c {
  color: var(--text-muted);
  line-height: var(--leading-loose);
}

.sigSignature-12c132c {
  color: var(--accent);
  display: block;
  width: 100%;
  max-width: 100%;
  margin: var(--space-0_5) 0 0;
  border: 1px dashed var(--border-subtle);
  padding: var(--space-1_5) var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--font-size-2xs);
  line-height: var(--leading-snug);
  letter-spacing: 0;
  white-space: pre;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-wrap: normal;
  word-break: normal;
  box-sizing: border-box;
}


.archive-74803aa {
  --archive-accent: var(--accent);
  --archive-bg: var(--bg-primary);
  --archive-ink: var(--text-primary);
  --archive-dim: var(--text-dim);
  --archive-faint: var(--text-muted);
  --archive-rule: var(--border-subtle);
  --archive-rule-bright: var(--border-muted);
  --archive-chrome: var(--archive-bar-bg, var(--bg-secondary));
  --archive-inset: var(--bg-inset);
  --archive-tint: var(--surface-tint);
  --archive-hex: var(--terminal-green);
  --archive-amber: var(--terminal-yellow);

  flex: none;
  background: var(--archive-chrome);
  border-bottom: 1px solid var(--archive-rule);
  color: var(--archive-dim);
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: var(--space-3_5);
  font-family: var(--font-mono);
  font-size: var(--font-size-xs);
  line-height: var(--leading-snug);
  padding: var(--space-1_5) var(--space-4_5);
  /* Sticky against the surrounding scroll container (each page's
     `.surface` is `overflow-y: auto`). Background is already opaque so
     content scrolls cleanly underneath. */
  position: sticky;
  top: 0;
  z-index: var(--z-chrome);
}

.surfaceHome-74803aa {
  min-height: 31px;
}

.surfaceShell-74803aa {
  min-height: 32px;
}

.archive-74803aa a {
  color: inherit;
  text-decoration: none;
  border-bottom: 0;
}

.identity-74803aa {
  grid-column: 1;
  justify-self: start;
  color: var(--archive-ink);
  font-weight: var(--weight-medium);
  min-width: 0;
}

.identity-74803aa:hover {
  color: var(--archive-accent);
}

.lead-74803aa {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  min-width: 0;
}

.lead-74803aa > * + * {
  position: relative;
  margin-left: var(--space-2_5);
  padding-left: var(--space-2_5);
}

.lead-74803aa > * + *::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  background: var(--archive-rule-bright);
  opacity: 0.55;
  transform: translateY(-50%);
}

.breadcrumb-74803aa {
  grid-column: 2;
  justify-self: center;
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: var(--space-1_5);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--archive-dim);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.crumb-74803aa,
.crumbCurrent-74803aa {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crumb-74803aa:hover {
  color: var(--archive-accent);
}

.crumbCurrent-74803aa {
  color: var(--archive-ink);
}

.separator-74803aa {
  flex: none;
  color: var(--archive-faint);
}

.actions-74803aa {
  grid-column: 3;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  min-width: 0;
}

.nav-74803aa {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3_5);
  min-width: 0;
}

.navLink-74803aa {
  color: var(--archive-dim);
  position: relative;
  white-space: nowrap;
}

.navLink-74803aa:hover {
  color: var(--archive-accent);
}

.navLinkActive-74803aa {
  color: var(--archive-accent);
}

.navLinkActive-74803aa::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  border-bottom: 1px solid var(--archive-accent);
}

.divider-74803aa {
  width: 1px;
  height: 14px;
  flex: none;
  background: var(--archive-rule-bright);
  opacity: 0.65;
}

.chip-74803aa {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1_25);
  min-width: 0;
  color: var(--archive-dim);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.chipKey-74803aa {
  color: var(--archive-faint);
  font-size: var(--font-size-2xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.chipValue-74803aa {
  color: var(--archive-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 18ch;
}

.textChip-74803aa {
  flex: none;
  color: var(--archive-dim);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.walletButton-74803aa {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
}

.walletTrigger-74803aa {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.walletTrigger-74803aa:focus-visible {
  outline: 1px dotted var(--archive-rule-bright);
  outline-offset: 2px;
}

.walletTrigger-74803aa > * + * {
  position: relative;
  margin-left: var(--space-2_5);
  padding-left: var(--space-2_5);
}

.walletTrigger-74803aa > * + *::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  background: var(--archive-rule-bright);
  opacity: 0.55;
  transform: translateY(-50%);
}

.walletTrigger-74803aa:hover .chipValue-74803aa,
.walletTrigger-74803aa[aria-expanded="true"] .chipValue-74803aa {
  color: var(--archive-accent);
}

.walletDismiss-74803aa {
  position: fixed;
  inset: 0;
  z-index: var(--z-sticky);
  cursor: default;
  background: transparent;
  border: 0;
  padding: 0;
}

.walletMenu-74803aa {
  position: absolute;
  top: calc(100% + var(--space-1_75));
  left: 0;
  z-index: var(--z-chrome);
  width: max(220px, 100%);
  max-width: min(320px, calc(100vw - 24px));
  background: var(--archive-chrome);
  color: var(--archive-ink);
  border: 1px solid var(--archive-rule-bright);
  box-shadow: 0 14px 34px var(--shadow-color);
  padding: var(--space-1_25);
  display: flex;
  flex-direction: column;
}

.walletMenu-74803aa::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--space-1));
  left: var(--space-3);
  width: var(--space-1_75);
  height: var(--space-1_75);
  background: var(--archive-chrome);
  border-left: 1px solid var(--archive-rule-bright);
  border-top: 1px solid var(--archive-rule-bright);
  transform: rotate(45deg);
}

.walletMenuItem-74803aa {
  display: block;
  width: 100%;
  background: transparent;
  color: var(--archive-ink);
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  letter-spacing: 0.02em;
  text-align: left;
  padding: var(--space-1_25) var(--space-1_75);
}

.walletMenuItem-74803aa:hover,
.walletMenuItem-74803aa:focus {
  background: var(--archive-tint);
  color: var(--archive-accent);
  outline: none;
}

.walletMenuStatus-74803aa {
  display: block;
  color: var(--archive-faint);
  font-size: 11px;
  letter-spacing: 0.02em;
  padding: var(--space-1_25) var(--space-1_75);
  font-style: italic;
}

.walletMenuRow-74803aa {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  font-size: 11px;
  padding: var(--space-1) var(--space-1_75);
  min-width: 0;
}

.walletMenuKey-74803aa {
  flex: 0 0 auto;
  width: 56px;
  color: var(--archive-faint);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.walletMenuVal-74803aa {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--archive-ink);
  font-variant-numeric: tabular-nums;
}

.walletMenuDivider-74803aa {
  display: block;
  border-top: 1px solid var(--archive-rule);
  margin: var(--space-1) 0;
}

.themePicker-74803aa {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--archive-dim);
}

.paletteTrigger-74803aa {
  position: relative;
  z-index: var(--z-chrome);
  display: inline-flex;
  align-items: center;
  gap: var(--space-1_75);
  min-height: 22px;
  background: transparent;
  color: var(--archive-dim);
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 10.5px;
  padding: var(--space-px) var(--space-1_5);
}

.paletteTrigger-74803aa:hover,
.paletteTrigger-74803aa:focus,
.paletteTrigger-74803aa[aria-expanded="true"] {
  background: var(--archive-tint);
  border-color: var(--archive-rule);
  color: var(--archive-ink);
  outline: none;
}

.themeSwatch-74803aa {
  width: 10px;
  height: 10px;
  background: linear-gradient(
    135deg,
    var(--archive-accent) 0 50%,
    var(--archive-bg) 50% 100%
  );
}

.themeLabel-74803aa {
  color: var(--archive-faint);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.paletteChevron-74803aa {
  color: var(--archive-faint);
  font-size: var(--font-size-xs);
  line-height: var(--leading-none);
}

.paletteDismiss-74803aa {
  position: fixed;
  inset: 0;
  z-index: var(--z-sticky);
  cursor: default;
  background: transparent;
  border: 0;
  padding: 0;
}

.paletteMenu-74803aa {
  position: absolute;
  top: calc(100% + var(--space-1_75));
  right: 0;
  z-index: var(--z-chrome);
  width: 166px;
  background: var(--archive-chrome);
  color: var(--archive-ink);
  border: 1px solid var(--archive-rule-bright);
  box-shadow: 0 14px 34px var(--shadow-color);
  padding: var(--space-1_25);
}

.paletteMenu-74803aa::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--space-1));
  right: var(--space-4_5);
  width: var(--space-1_75);
  height: var(--space-1_75);
  background: var(--archive-chrome);
  border-left: 1px solid var(--archive-rule-bright);
  border-top: 1px solid var(--archive-rule-bright);
  transform: rotate(45deg);
}

.paletteOption-74803aa {
  position: relative;
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) 2.4ch;
  align-items: center;
  gap: var(--space-1_75);
  width: 100%;
  background: transparent;
  color: var(--archive-dim);
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 10.5px;
  line-height: var(--leading-snug);
  padding: var(--space-1_25) var(--space-1_5);
  text-align: left;
}

.paletteOption-74803aa:hover,
.paletteOption-74803aa:focus {
  background: var(--archive-tint);
  color: var(--archive-ink);
  outline: none;
}

.paletteOptionActive-74803aa {
  background: var(--selected-bg);
  color: var(--archive-accent);
}

.paletteOptionSwatch-74803aa {
  width: 8px;
  height: 8px;
  background: linear-gradient(
    135deg,
    var(--palette-accent) 0 50%,
    var(--palette-bg) 50% 100%
  );
}

.paletteOptionLabel-74803aa {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.paletteOptionStatus-74803aa {
  color: var(--archive-faint);
  font-size: 9px;
  text-align: right;
  text-transform: uppercase;
}

.paletteOptionActive-74803aa .paletteOptionStatus-74803aa {
  color: var(--archive-accent);
}

@media (max-width: 760px) {
  /*
    Mobile compaction (Option A) — two rows, three columns:
      Row 1: lead (identity + walletButton) | _ | palette
      Row 2: nav                            | breadcrumb

    `.actions` becomes `display: contents` so its children (.nav, .divider,
    .themePicker) participate in the chrome grid directly. Spacing tokens
    inherit from desktop — only the layout shape changes here.
  */
  .archive-74803aa {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    row-gap: var(--space-1_5);
    padding: var(--space-1_5) var(--space-2_5);
  }

  .lead-74803aa {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  .actions-74803aa {
    display: contents;
  }

  .nav-74803aa {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  .divider-74803aa {
    display: none;
  }

  .themePicker-74803aa {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .breadcrumb-74803aa {
    grid-column: 2 / 4;
    grid-row: 2;
    justify-self: end;
    justify-content: flex-end;
    width: 100%;
  }

  .chipKey-74803aa {
    display: none;
  }

  .chipValue-74803aa {
    max-width: 14ch;
  }

  .paletteMenu-74803aa {
    width: min(166px, calc(100vw - 24px));
  }
}

@media (max-width: 460px) {
  .chipValue-74803aa {
    max-width: 10ch;
  }

  .themeLabel-74803aa {
    display: none;
  }
}


.surface-5ab28bf {
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  /* Anchor jumps land below the sticky chrome instead of under it. */
  scroll-padding-top: var(--chrome-height);
  background: var(--site-surface-bg, var(--bg-primary));
  color: var(--site-surface-ink, var(--text-primary));
  font-family: var(--site-font-family, var(--font-mono));
  font-size: var(--site-font-size, inherit);
  line-height: var(--site-line-height, 1.6);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga", "kern", "calt";
}

.surface-5ab28bf * {
  box-sizing: border-box;
}

.content-5ab28bf {
  max-width: var(--site-content-width, 50rem);
  margin: 0 auto;
  padding: var(--site-content-padding, var(--space-8) var(--space-7) 0);
  position: relative;
}

@media (max-width: 640px) {
  .content-5ab28bf {
    padding: var(--site-content-padding-mobile, var(--space-6) var(--space-4) 0);
  }
}


/* Terminal - Scoped CSS Module */

.container-d20c9ba {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--bg-inset);
  color: var(--text-primary);
  cursor: text;
  font-family: var(--font-mono);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  container-type: inline-size;
  container-name: terminal;
}

.output-d20c9ba {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
  padding: var(--space-3_5) var(--space-4_5) var(--space-2_5);

  /* Scrollbar styling */
  scrollbar-width: thin;
  scrollbar-color: var(--text-muted) transparent;
}

.output-d20c9ba::-webkit-scrollbar {
  width: var(--space-1_5);
  height: var(--space-1);
}

.output-d20c9ba::-webkit-scrollbar-track {
  background: transparent;
}

.output-d20c9ba::-webkit-scrollbar-thumb {
  background-color: var(--text-muted);
  border-radius: var(--radius-sm);
}

.output-d20c9ba::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-dim);
}

.inputArea-d20c9ba {
  flex: none;
  border-top: 1px solid var(--border-subtle);
  background-color: var(--bg-inset);
  padding: 0 var(--space-4_5);
}

@container terminal (max-width: 40rem) {
  .container-d20c9ba {
    font-size: 12.5px;
  }

  .output-d20c9ba {
    padding: var(--space-3) var(--space-3) var(--space-2);
  }

  .inputArea-d20c9ba {
    padding: 0 var(--space-3);
  }
}


.frame-160594a {
  margin: var(--window-margin, 0);
  overflow: hidden;
  border: 1px solid var(--window-border, var(--border-subtle, currentColor));
  background: var(--window-body-bg, transparent);
  font-family: inherit;
}

.topBar-160594a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--window-bar-height, 26px);
  padding: 0 var(--window-bar-padding-x, var(--space-2_5, 10px));
  border-bottom: 1px solid var(--window-bar-border, var(--window-border, currentColor));
  background: var(--window-bar-bg, transparent);
  color: var(--window-muted-color, var(--text-dim, currentColor));
  font-size: var(--window-bar-font-size, var(--font-size-2xs, 10.5px));
}

.traffic-160594a {
  position: absolute;
  top: 50%;
  left: var(--window-bar-padding-x, var(--space-2_5, 10px));
  display: inline-flex;
  align-items: center;
  gap: var(--window-traffic-gap, 6px);
  transform: translateY(-50%);
}

.traffic-160594a:empty {
  display: none;
}

.trafficButton-160594a {
  display: inline-block;
  flex: none;
  width: var(--window-traffic-size, 8px);
  height: var(--window-traffic-size, 8px);
  padding: 0;
  margin: 0;
  border: 1px solid var(--window-traffic-border, var(--window-border, currentColor));
  border-radius: 50%;
  appearance: none;
  background: var(--window-traffic-bg, var(--window-muted-color, currentColor));
  cursor: pointer;
  font: inherit;
  line-height: 0;
  text-decoration: none;
}

.trafficButton-160594a:focus-visible {
  outline: 1px dotted var(--window-focus-color, var(--window-title-color, currentColor));
  outline-offset: 2px;
}

.trafficButton-160594a[data-tone="close"] {
  background: var(--window-close-bg, var(--terminal-red));
}

.trafficButton-160594a[data-tone="minimize"] {
  background: var(--window-minimize-bg, var(--terminal-yellow));
}

.trafficButton-160594a[data-tone="zoom"] {
  background: var(--window-zoom-bg, var(--terminal-green));
}

.title-160594a {
  position: absolute;
  left: 50%;
  min-width: 0;
  max-width: calc(100% - var(--window-title-reserve, 160px));
  overflow: hidden;
  color: var(--window-title-color, currentColor);
  font-size: var(--window-title-font-size, inherit);
  font-weight: var(--weight-medium);
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
}

.actions-160594a {
  position: absolute;
  top: 50%;
  right: var(--window-bar-padding-x, var(--space-2_5, 10px));
  display: inline-flex;
  align-items: center;
  gap: var(--window-action-gap, 6px);
  transform: translateY(-50%);
}

.actions-160594a:empty {
  display: none;
}

.actionLink-160594a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--window-action-size, auto);
  height: var(--window-action-size, auto);
  box-sizing: border-box;
  color: var(--window-action-color, var(--window-muted-color, currentColor));
  border: var(--window-action-border-width, 1px) solid var(--window-action-border, var(--window-border, currentColor));
  padding: var(--window-action-padding, 1px 6px);
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--window-action-font-size, 10px);
  line-height: var(--window-action-line-height, inherit);
  text-decoration: none;
  white-space: nowrap;
}

.actionLink-160594a:hover,
.actionLink-160594a:focus-visible {
  color: var(--window-action-hover-color, var(--window-action-color, currentColor));
  border-color: var(--window-action-hover-border, var(--window-action-border, currentColor));
  outline: none;
}

.body-160594a {
  background: var(--window-body-bg, transparent);
}

.body-160594a[hidden] {
  display: none;
}

.frame-160594a:fullscreen {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border: 0;
}

.frame-160594a:fullscreen .body-160594a {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.frame-160594a:fullscreen .body-160594a[hidden] {
  display: none;
}