/* TALOS workbench layout: 12-column numbered panels, full-width object, then 7/12 + 5/12. */
.bench {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  max-width: var(--maxw);
  margin: 0 auto;
  border-left: 1px solid var(--hairline);
  border-right: 1px solid var(--hairline);
}

.panel {
  position: relative;
  min-width: 0;
  padding: var(--space-6) var(--gutter) var(--space-7);
  border-bottom: 1px solid var(--hairline);
  background: var(--ground);
  border-radius: var(--radius);
}

.panel--01 {
  grid-column: 1 / -1;
  padding: 0;
  background: var(--ground-sink);
  height: 40vh; min-height: 280px;
  display: grid;
}

.panel--02 { grid-column: 1 / -1; }

.panel--03,
.panel--04,
.panel--05,
.panel--06,
.panel--faq,
.panel--cta,
.panel--docs,
.panel--engine,
.panel--history,
.panel--prestake,
.panel--full {
  grid-column: 1 / -1;
}

.panel-id {
  display: block;
  margin-bottom: var(--space-4);
}

.object-mount {
  position: relative;
  height: 40vh; min-height: 280px;
  background: var(--ground-sink);
}

#talos-object {
  width: 100%;
  height: 100%;
  height: 40vh; min-height: 280px;
  display: block;
}

.object-still {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 100%;
}

.object-caption {
  position: absolute;
  left: var(--gutter);
  bottom: var(--space-4);
  margin: 0;
  color: var(--accent);
  pointer-events: none;
}

.rule-kicker {
  margin-bottom: var(--space-3);
}

.rule-statement {
  max-width: min(100%, 18ch);
  margin-bottom: var(--space-5);
}

.rule-copy {
  max-width: min(100%, 46ch);
  color: var(--ink);
}

.ico {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
}

.ico + .ico { margin-top: var(--space-6); }

.ico-cell {
  padding: var(--space-5);
  border-bottom: 1px solid var(--hairline);
  background: var(--ground-lift);
}

.ico-cell:last-child { border-bottom: 0; }

.ico-cell h3 {
  margin: var(--space-2) 0 var(--space-3);
}

.output-state {
  margin-top: var(--space-4);
  min-height: 3.2rem;
  display: grid;
  place-items: center start;
  padding: var(--space-4);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  background: var(--ground-sink);
  font-family: var(--font-display);
  font-size: var(--t-3);
  font-weight: 700;
  letter-spacing: var(--track-display);
}

.output-state[data-state="signal"] {
  border-color: var(--hairline-strong);
  color: var(--accent);
}

.output-state[data-state="hold"] {
  color: var(--ink-soft);
}

.output-state[data-state="empty"] {
  color: var(--ink-soft);
  font-family: var(--font-mono);
  font-size: var(--t-1);
  font-weight: 400;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
}

.field {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.field span {
  font-family: var(--font-mono);
  font-size: var(--t-1);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent);
}

.readout {
  font-family: var(--font-mono);
  color: var(--ink);
  min-height: 1.2em;
}

.trace {
  list-style: none;
  padding: 0;
  margin-top: var(--space-5);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
}

.trace li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--hairline);
  font-family: var(--font-mono);
  font-size: var(--t-1);
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
}

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

.trace li.empty,
.history li.empty {
  display: block;
  padding: var(--space-5);
  color: var(--ink-soft);
  font-family: var(--font-mono);
  font-size: var(--t-1);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
}

.faq-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--hairline);
  margin-top: var(--space-6);
}



.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.machine-split {
  display: contents;
}

.panel--object {
  grid-column: 1 / -1;
  padding: 0;
  background: var(--ground-sink);
}

.engine-form {
  display: grid;
  gap: var(--space-4);
  max-width: min(100%, 52ch);
}

.engine-rule {
  padding: var(--space-5);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  background: var(--ground-lift);
}

.history {
  list-style: none;
  padding: 0;
  margin-top: var(--space-4);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
}

.history li {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--hairline);
  font-family: var(--font-mono);
  font-size: var(--t-1);
  color: var(--ink);
}

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

.prestake {
  display: grid;
  gap: var(--space-3);
}

.prestake__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3) var(--space-4);
  margin: 0;
}

.prestake__stats div {
  display: grid;
  gap: var(--space-1);
}

.prestake__stats dt {
  font-family: var(--font-mono);
  font-size: var(--t-1);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent);
}

.prestake__stats dd { margin: 0; }

.prestake__bar {
  height: 4px;
  background: var(--ground-sink);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
}

.prestake__fill {
  height: 100%;
  width: 0;
  background: var(--accent);
}

.prestake__action {
  display: grid;
  gap: var(--space-2);
}

.hero-ca:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  margin-top: var(--space-5);
}

.hero-presale:not([hidden]) {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
  margin-top: var(--space-5);
  max-width: 100%;
}

.hero-presale__cta {
  padding-inline: var(--space-6, 24px);
  animation: presale-cta 2.8s ease-in-out infinite;
}

.hero-presale__label { margin-top: var(--space-2); }

.hero-presale__ca {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: var(--space-3, 12px) var(--space-4, 16px);
  border: 1px solid var(--bronze);
  border-radius: var(--radius);
  background: var(--ground-lift);
  color: var(--ink);
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: clamp(0.75rem, 0.7rem + 0.35vw, 0.95rem);
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-all;
  cursor: copy;
  opacity: 0;
  transform: translateY(6px);
  animation:
    presale-appear 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards,
    presale-glow 2.4s ease-in-out 1.05s infinite;
}

.hero-presale__ca:hover,
.hero-presale__ca:focus-visible { border-color: var(--accent); outline: none; }

.hero-presale__ca[data-copied]::after {
  content: " · copied";
  color: var(--accent);
}

@keyframes presale-appear {
  to { opacity: 1; transform: none; }
}

@keyframes presale-glow {
  0%, 100% { box-shadow: 0 0 0 0 oklch(0.700225 0.071477 80.0924 / 0), 0 0 8px oklch(0.700225 0.071477 80.0924 / 0.25); text-shadow: 0 0 0 transparent; }
  50% { box-shadow: 0 0 0 1px oklch(0.700225 0.071477 80.0924 / 0.9), 0 0 22px oklch(0.700225 0.071477 80.0924 / 0.65); text-shadow: 0 0 10px oklch(0.700225 0.071477 80.0924 / 0.55); }
}

@keyframes presale-cta {
  0%, 100% { box-shadow: 0 0 0 0 oklch(0.471129 0.066139 72.5034 / 0.45); }
  50% { box-shadow: 0 0 0 6px oklch(0.471129 0.066139 72.5034 / 0); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-presale__cta { animation: none; }
  .hero-presale__ca {
    opacity: 1;
    transform: none;
    animation: none;
    box-shadow: 0 0 0 1px oklch(0.700225 0.071477 80.0924 / 0.8), 0 0 18px oklch(0.700225 0.071477 80.0924 / 0.5);
  }
}

.site-foot {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: var(--space-7) var(--gutter) var(--space-10);
  border-left: 1px solid var(--hairline);
  border-right: 1px solid var(--hairline);
  display: grid;
  gap: var(--space-4);
}

.foot-brand {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-3);
}

.foot-meta {
  color: var(--ink-soft);
  max-width: min(100%, 72ch);
}

.docs-article {
  display: grid;
  gap: var(--space-5);
  max-width: min(100%, 66ch);
}

.docs-article h2 { margin-top: var(--space-3); }

.hidden-bind { display: none; }

@media (min-width: 768px) {

  .panel--01, .panel--object { grid-column: 1 / -1; }
  .panel--02, .panel--engine { grid-column: 1 / 8; }
  .panel--03 { grid-column: 8 / 13; }

  .ico {
    grid-template-columns: minmax(0, 1fr);
  }

  .ico-cell {
    border-bottom: 1px solid var(--hairline);
  }

  .ico-cell:last-child { border-right: 0; }

  .prestake__action {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (min-width: 1024px) {
  .panel { padding: var(--space-8) var(--gutter) var(--space-9); }
  .panel--01,
  .panel--object { padding: 0; }
}

/* Wallet picker (nav-wallet.js) */
.wallet-picker {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  background: oklch(0.268 0.038 178.62 / 0.72);
  padding: var(--space-4);
}

.wallet-picker__card {
  width: min(360px, 100%);
  background: var(--ground-lift);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  padding: var(--space-4);
}

.wallet-picker__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.wallet-picker__head h2 {
  font-size: var(--t-3);
}

.wallet-picker__close {
  width: var(--touch);
  min-height: var(--touch);
  padding: 0;
}

.wallet-picker__row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  margin-top: var(--space-2);
  text-transform: none;
  letter-spacing: 0;
  font-family: var(--font-body);
  font-size: var(--t-2);
  justify-content: flex-start;
}

.wallet-picker__note {
  margin-top: var(--space-3);
  color: var(--ink-soft);
  font-size: var(--t-1);
  letter-spacing: 0;
  text-transform: none;
  font-family: var(--font-body);
}
.wallet-picker__install { margin-top: var(--space-2); color: var(--ink-soft); font-size: var(--t-1); letter-spacing: 0; text-transform: none; font-family: var(--font-body); }
.wallet-picker__list { display: contents; }
.wallet-picker__row-text { display: grid; gap: 2px; min-width: 0; }
.wallet-picker__row-rdns { font: 11px/1.4 var(--font-mono); color: var(--ink-soft); overflow-wrap: anywhere; letter-spacing: 0; text-transform: none; }
.wallet-glyph, .wallet-icon { flex: 0 0 24px; width: 24px; height: 24px; display: inline-flex; color: var(--ink); }
.wallet-icon { margin-right: 6px; }

/* Operator panel (dev-panel.js). Tokens, not the deleted stylesheet. */
.dev-panel {
  position: fixed;
  right: var(--space-4);
  bottom: var(--space-4);
  z-index: 70;
  width: min(320px, calc(100vw - 32px));
  max-height: min(70vh, 520px);
  overflow-y: auto;
  background: var(--ground-lift);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  font-family: var(--font-mono);
  font-size: var(--t-1);
  line-height: 1.5;
  color: var(--ink);
}

.dev-panel__head {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--hairline);
  background: var(--ground-lift);
}

.dev-panel__title,
.dev-panel__h,
.dev-panel__k {
  text-transform: uppercase;
  letter-spacing: var(--track-label);
  color: var(--accent);
}

.dev-panel__close {
  width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  line-height: 1;
}

.dev-panel__body { padding: var(--space-2) var(--space-3) var(--space-3); }
.dev-panel__section + .dev-panel__section {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--hairline);
}
.dev-panel__h { margin: 0 0 var(--space-2); font-size: var(--t-1); }
.dev-panel__row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: var(--space-1);
}
.dev-panel__v { color: var(--ink); text-align: right; }
.dev-panel__na { color: var(--ink-soft); }
.dev-panel__mono { font-family: var(--font-mono); }
.dev-panel__flag { color: var(--accent); }

/* Full-width object plate and shrinkable content columns. */
.panel--01, .panel--object, .object-mount { background: var(--forest); }
.panel--01, .panel--object { height: 40vh; min-height: 280px; }
.object-mount { isolation: isolate; width: 100%; height: 100%; min-height: 0; }
#talos-object { width: 100%; height: 100%; min-height: 0; touch-action: pan-y; cursor: grab; }
#talos-object:active { cursor: grabbing; }
.object-caption { z-index: 1; }
.is-still #talos-object { display: none; }
.rule-definition { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-3); margin-block: var(--space-4); }
.rule-definition code { color: var(--ink); font-size: var(--t-2); }
.rule-revision { border: 1px solid var(--hairline-strong); padding: var(--space-1) var(--space-2); color: var(--ink); }
.rule-statement { font-size: clamp(2.5rem, 4.6vw, 4.5rem); }
.trace li { grid-template-columns: 2rem minmax(0, 1fr) minmax(0, 1fr); }
.trace li > *, .dev-panel__row > *, .wallet-picker__row > * { min-width: 0; overflow-wrap: anywhere; }
.wallet-picker { background: oklch(0.31 0.043 178 / 0.72); }
.wallet-picker__card { max-height: calc(100dvh - 32px); overflow: auto; }
.wallet-picker__row img { width: 24px; height: 24px; flex-shrink: 0; }
.dev-panel__bar { height: 4px; background: var(--ground-sink); margin-top: var(--space-2); }
.dev-panel__bar-fill { height: 100%; background: var(--accent); }
.dev-panel__close { width: var(--touch); height: var(--touch); min-height: var(--touch); }
[aria-disabled="true"] { pointer-events: none; }
@media (max-width: 767px) {
  .nav-links a { display: inline-flex; min-height: var(--touch); align-items: center; }
  .bench, .ico, .engine-form, .prestake__stats, .prestake__action { grid-template-columns: minmax(0, 1fr); }
  .bench > .panel { grid-column: 1 / -1; }
  .trace li { grid-template-columns: minmax(0, 1fr); }
  .panel { padding-inline: var(--gutter); }
  .panel--01, .panel--object { padding: 0; }
  .ico-cell { padding: var(--space-4); }
}
/* Bound text and implicit grid tracks to the actual inner panel width. */
.panel > *, .ico > *, .ico-cell > *, .engine-form > *, .field > *, .docs-article > * { min-width: 0; max-width: 100%; }
.engine-form, .field, .docs-article, .prestake, .prestake__stats div { grid-template-columns: minmax(0, 1fr); }
.ico, .engine-form, .engine-rule, .field { width: 100%; }
.mono, .mono-label, .panel-id, .field span { white-space: normal; overflow-wrap: anywhere; }
/* Capture uses a stable threshold pose and removes all page chrome. */
html.is-still-capture { background: var(--ground); }
html.is-still-capture body * { visibility: hidden !important; opacity: 1 !important; animation: none !important; transform: none !important; }
html.is-still-capture #talos-object {
  visibility: visible !important; display: block !important; position: fixed;
  inset: 0; z-index: 9999; width: 100vw; height: 100vh; max-width: none;
  background: var(--ground); cursor: default;
}

/* B4 workbench chrome. The rail and panel grid share a bronze rule. */
body { padding-left: 64px; }
.site-nav {
  position: fixed; inset: 0 auto 0 0; z-index: 40;
  width: 64px; height: 100dvh; display: flex; flex-direction: column;
  align-items: stretch; gap: 8px; padding: 16px 0 8px;
  background: var(--forest); border-right: 1px solid var(--accent);
  color: var(--porcelain); overflow-y: auto;
}
.wordmark {
  flex: 0 0 auto; align-self: center; writing-mode: vertical-rl;
  transform: rotate(180deg); font: 700 32px/1 var(--font-display);
  letter-spacing: var(--track-display); text-decoration: none;
  color: var(--porcelain); margin-bottom: 24px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.wordmark .nav-mark {
  height: 32px;
  width: 32px;
  object-fit: contain;
  border-radius: 2px;
  flex-shrink: 0;
}

.wordmark:hover { color: var(--accent); }
.rail-index { position: relative; flex: 0 0 auto; margin-top: auto; }
.nav-links { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; gap: 0; }
.nav-links li { min-width: 0; }
.nav-links a {
  position: relative; z-index: 1; display: flex; min-height: 48px;
  align-items: center; justify-content: center; padding: 8px 3px;
  text-align: center; text-decoration: none; color: var(--porcelain);
  font: 400 9px/1.5 var(--font-mono); text-transform: uppercase;
  letter-spacing: 0; overflow-wrap: normal;
}
.nav-links a[aria-current], .nav-links a:hover { color: var(--accent); }
.nav-links a:focus-visible { outline-offset: -3px; }
.rail-hover, .rail-active, .segment-hover, .segment-selected {
  position: absolute; top: 0; left: 0; width: 1px; height: 1px;
  pointer-events: none; transform-origin: top left; opacity: 0;
  background: var(--accent);
}
.rail-hover { opacity: 0; }
.rail-active { width: 2px; z-index: 2; }
.site-nav .wallet-plate {
  flex: 0 0 auto; display: flex; flex-direction: column; gap: 3px;
  align-items: center; justify-content: center; min-height: 54px;
  width: 54px; margin: 0 auto; padding: 6px 2px;
  border: 1px solid var(--accent); border-radius: 2px;
  background: var(--accent); color: var(--forest);
  font: 400 9px/1.5 var(--font-mono); letter-spacing: 0;
}
.site-nav .wallet-plate:disabled { opacity: 1; }
.wallet-plate [data-wallet-value] { overflow-wrap: anywhere; }
.nav-ca { flex: 0 0 auto; padding: 4px; color: var(--accent); background: transparent; }
.panel { padding-top: 96px; border-color: var(--accent); }
.panel-id {
  position: absolute; z-index: 2; top: 12px; right: var(--gutter);
  left: auto; bottom: auto; margin: 0; height: 56px;
  font: 700 56px/1 var(--font-display); letter-spacing: -0.02em;
  color: var(--accent); white-space: nowrap; pointer-events: auto;
}
.panel-tab {
  position: absolute; z-index: 2; top: 0; left: 0;
  max-width: calc(100% - 88px); padding: 8px var(--gutter);
  border-right: 1px solid var(--accent); border-bottom: 1px solid var(--accent);
  border-radius: 0 0 2px 0; color: var(--ink);
  font: 400 var(--t-1)/1.5 var(--font-mono); text-transform: uppercase;
  letter-spacing: var(--track-label);
}
.panel--01, .panel--object { padding: 0; }
.panel--01 .panel-tab, .panel--object .panel-tab { color: var(--accent); background: var(--forest); }
.prelaunch-mark {
  display: inline-block; width: fit-content; padding: 8px 12px;
  border: 1px solid var(--accent); border-radius: 2px; margin: 0;
  color: var(--accent); font: 400 var(--t-1)/1.5 var(--font-mono);
  letter-spacing: var(--track-label); text-transform: uppercase;
}
.panel--01 .prelaunch-mark, .panel--object .prelaunch-mark {
  position: absolute; z-index: 2; top: 76px; left: var(--gutter);
  max-width: calc(100% - 2 * var(--gutter)); background: var(--forest);
  pointer-events: none;
}
.panel--docs .prelaunch-mark { background: var(--forest); }
.panel--docs { max-width: none; }
.docs-article > p:not(.panel-tab):not(.prelaunch-mark) { max-width: min(100%, 66ch); }
.panel-digit { display: inline-block; height: 1em; overflow: hidden; vertical-align: top; }
.panel-digit-track { display: flex; flex-direction: column; }
.panel-digit-track > span { display: block; height: 1em; }
.segmented {
  position: relative; isolation: isolate; display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%;
  border: 1px solid var(--accent); border-radius: 2px;
  background: var(--ground); margin-top: 16px;
}
.segmented > [data-segment] {
  position: relative; z-index: 1; display: flex; justify-content: center;
  align-items: center; min-height: 44px; padding: 10px 8px;
  border: 0; border-radius: 0; background: transparent;
  color: var(--ink); font: 400 var(--t-1)/1.5 var(--font-mono);
  text-align: center; overflow-wrap: anywhere;
}
.segmented > [data-segment]:disabled { opacity: 1; color: var(--ink-soft); cursor: not-allowed; }
.segmented > [data-segment]:focus-visible { outline-offset: -3px; }
.segment-selected { z-index: 0; }
.segment-hover { z-index: 0; }
.output-control { min-width: 0; }
.output-control .output-state { min-height: 24px; border: 0; padding: 4px 0; margin-top: 4px; background: transparent; font: 400 var(--t-1)/1.5 var(--font-mono); color: var(--ink); }
.revision-tabs { max-width: 28rem; }
.faq-list { display: block; border-color: var(--accent); }
.faq-item { border-bottom: 1px solid var(--accent); }
.faq-trigger {
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; width: 100%; min-height: 64px; padding: 20px 0;
  border: 0; background: transparent; color: var(--ink);
  text-align: left; font: 600 var(--t-3)/1.2 var(--font-display);
  letter-spacing: var(--track-display); text-transform: none;
}
.faq-chevron { position: relative; display: block; flex: 0 0 16px; width: 16px; height: 16px; }
.faq-chevron::before, .faq-chevron::after {
  content: ''; position: absolute; top: 7px; width: 9px; height: 1px;
  background: var(--accent);
}
.faq-chevron::before { left: 0; transform: rotate(45deg); }
.faq-chevron::after { right: 0; transform: rotate(-45deg); }
.faq-answer { display: grid; grid-template-rows: 1fr; }
.faq-answer-inner { min-height: 0; overflow: hidden; }
.faq-answer-inner p { padding-bottom: 24px; max-width: min(100%, 68ch); }
.faq-list.is-enhanced .faq-answer { grid-template-rows: 0fr; }
.faq-list.is-enhanced .faq-item.is-open .faq-answer { grid-template-rows: 1fr; }
.faq-item.is-open .faq-chevron { transform: rotate(180deg); }
.disclaimer { max-width: var(--maxw); margin: 0 auto; padding: 24px var(--gutter); color: var(--ink-soft); font-size: var(--t-1); }
.disclaimer p { max-width: 90ch; }
.site-foot.panel--07 {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0;
  max-width: var(--maxw); margin: 0 auto; padding: 0;
  border: 1px solid var(--accent); border-radius: 2px;
}
.site-foot .panel-id { left: 16px; right: auto; top: 16px; }
.foot-cell {
  display: flex; align-items: center; min-height: 88px;
  padding: 20px var(--gutter); border-left: 1px solid var(--accent);
}
.foot-brand { grid-column: span 7; padding-left: 80px; border-left: 0; font: 600 var(--t-3)/1.1 var(--font-display); }
.foot-status { grid-column: span 3; }
.foot-r { grid-column: span 2; }
.foot-status, .foot-r { font: 400 var(--t-1)/1.5 var(--font-mono); }
.foot-r a { display: grid; place-items: center; min-width: 44px; min-height: 44px; }
#footCa { grid-column: 1 / -1; }
.foot-chain { grid-column: 1 / -1; padding: 12px var(--gutter); border-top: 1px solid var(--accent); font: 400 var(--t-1)/1.5 var(--font-mono); }
.chain-strip__values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block: var(--space-5); }
.chain-strip__values > div { padding: var(--space-3); border-bottom: 1px solid var(--accent); min-width: 0; }
.chain-strip dt { font: 400 var(--t-1)/1.5 var(--font-mono); text-transform: uppercase; }
.chain-strip dd { margin: var(--space-2) 0 0; overflow-wrap: anywhere; font-family: var(--font-mono); }
.stake-controls { margin-block: var(--space-5); max-width: 44rem; }
#tokenStakeCard > p, .stakers-panel > p { margin-block: var(--space-3); }
#tokenStakeStatus, #prestakeStatus { overflow-wrap: anywhere; }
#tokenTable { width: 100%; border-collapse: collapse; margin-top: var(--space-5); table-layout: fixed; }
#tokenTable caption { text-align: left; margin-bottom: var(--space-3); }
#tokenTable th, #tokenTable td { border-bottom: 1px solid var(--accent); padding: var(--space-3); text-align: left; overflow-wrap: anywhere; }
#tokenTable td { font: 400 var(--t-1)/1.5 var(--font-mono); }
.dev-panel-trigger { position: fixed; z-index: 60; right: 16px; bottom: 16px; background: var(--accent); color: var(--forest); }
.dev-panel { width: min(440px, calc(100vw - 32px)); }
.dev-panel__row > span { overflow-wrap: anywhere; }
.wallet-picker :focus-visible, .dev-panel :focus-visible, .dev-panel-trigger:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
[hidden] { display: none !important; }
@media (max-width: 767px) {
  .chain-strip__values { grid-template-columns: minmax(0, 1fr); }
  #tokenTable thead { display: none; }
  #tokenTable, #tokenTable tbody, #tokenTable tr, #tokenTable td { display: block; width: 100%; }
  #tokenTable td::before { content: attr(data-label); display: block; font-weight: 500; margin-bottom: var(--space-2); }
  #tokenTable tr { border-bottom: 1px solid var(--accent); }
}
@media (min-width: 768px) {
  [id] { scroll-margin-top: 16px; }
}
@media (max-width: 767px) {
  body { padding-left: 0; }
  .site-nav {
    position: sticky; inset: 0 0 auto; width: 100%; height: auto;
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px 12px 0; gap: 8px; overflow: visible;
    border-right: 0; border-bottom: 1px solid var(--accent);
  }
  .wordmark { writing-mode: horizontal-tb; transform: none; margin: 0; justify-self: start; font-size: 32px; }
  .site-nav .wallet-plate { grid-column: 2; grid-row: 1; width: 104px; min-height: 44px; margin: 0; }
  .rail-index { grid-column: 1 / -1; grid-row: 2; margin: 0; }
  .nav-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .nav-links a { min-height: 44px; padding: 8px 4px; font-size: 10px; }
  .nav-ca { grid-column: 1 / -1; }
  [id] { scroll-margin-top: 168px; }
  .panel { padding-top: 96px; }
  .panel--01, .panel--object { padding: 0; }
  .panel-tab { padding-left: 16px; }
  .site-foot.panel--07 { grid-template-columns: minmax(0, 1fr); }
  .foot-cell { grid-column: 1; min-height: 64px; padding: 12px 16px 12px 80px; border-left: 0; }
  .foot-brand { min-height: 88px; }
  .foot-cell + .foot-cell { border-top: 1px solid var(--accent); }
}

/* Round 3: forest instrument plates on a warm parchment workbench. */
.panel--01, .panel--object, .panel--engine, .panel--06, .panel--prestake, .chain-strip, .site-nav {
  --ground: var(--forest);
  --ground-lift: var(--plate-lift);
  --ground-sink: var(--plate-sink);
  --ink: var(--porcelain);
  --ink-soft: var(--porcelain);
  --accent: var(--bronze);
  --hairline: oklch(0.70 0.07 80 / 0.3);
  --hairline-strong: oklch(0.70 0.07 80 / 0.6);
  background: var(--ground); color: var(--ink);
}
.panel--docs .prelaunch-mark { color: var(--bronze); border-color: var(--bronze); }
.panel--01, .panel--object { color: var(--porcelain); }
.btn-primary, .btn-primary:hover { background: var(--accent); color: var(--ground); }
.site-nav .wallet-plate { background: var(--bronze); color: var(--forest); }
.wallet-balance { font-size: 8px; overflow-wrap: anywhere; max-width: 100%; }
.wallet-picker__card { color: var(--ink); }
.wallet-picker__card a { display: inline-block; padding-block: 12px; }
.panel-scan { position: absolute; inset: 0; overflow: hidden; pointer-events: none; border-radius: inherit; z-index: 3; }
.panel-scan-line { display: block; width: 100%; height: 100%; border-top: 1px solid var(--bronze); opacity: 0; transform: translateY(-100%); }
.trace-character { opacity: 0; }
.trace-character.is-typed { opacity: 1; }
.trace-visual { white-space: pre-wrap; }
.dev-panel-trigger { color: var(--porcelain); }
.segmented > [aria-selected="true"], .segmented > [aria-current="true"] { color: var(--ground); }
button:disabled, [aria-disabled="true"] { opacity: 1; }