/* The closer reading: sculptural explanation, usable instruments, inspectable records. */
html[data-theme="light"] {
  --ground: #f3f0e8;
  --surface: #faf8f2;
  --elevated: #e8e5dc;
  --ink: #22231e;
  --muted: #5b5b52;
  --faint: #69695d;
  --rule: #ceccc1;
}
[data-ledger-experience] {
  --lx-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --lx-surface: color-mix(in srgb, var(--ink) 3%, var(--ground));
}
[data-ledger-experience] [hidden] {
  display: none !important;
}
[data-ledger-experience] :is(a, button, input):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 5px;
}
[data-ledger-experience] .rh-title {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 90px);
  padding: 64px 0 40px;
}
[data-ledger-experience] .rh-title-k {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 10px;
}
.lx-overline-rule {
  display: inline-block;
  width: 28px;
  height: 1px;
  background: var(--muted);
}
.lx-headline {
  font:
    400 clamp(70px, 8.4vw, 122px)/0.91 "Instrument Serif",
    Georgia,
    serif;
  letter-spacing: -0.04em;
  margin: 30px 0 28px;
  max-width: 8ch;
}
.lx-headline em {
  font-weight: 400;
  letter-spacing: -0.045em;
}
[data-ledger-experience] .rh-title-dek {
  max-width: 39ch;
  font-size: 15px;
  line-height: 1.85;
  margin: 24px 0 28px;
}
[data-ledger-experience] .rh-title-cta {
  flex-wrap: wrap;
  gap: 12px;
}
[data-ledger-experience] .rh-title-cta .rh-btn {
  gap: 20px;
  font-size: 12px;
  padding: 14px 18px;
  min-height: 46px;
}
.lx-arrow {
  width: 12px;
  height: 12px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  vertical-align: middle;
}
.lx-hero-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  font:
    8px/1.8 "IBM Plex Mono",
    monospace;
  color: var(--faint);
  border-top: 1px solid var(--rule);
  margin-top: 38px;
  padding-top: 16px;
  max-width: 440px;
}
.lx-hero-bottom a {
  text-decoration: none;
  color: var(--muted);
  white-space: nowrap;
}
.lx-hero-bottom a span {
  display: inline-block;
  margin-left: 8px;
}
[data-ledger-experience] .lx-machine {
  justify-content: start;
  align-self: center;
  padding-top: 16px;
}
[data-ledger-experience] .lx-machine .ed-seal-meta {
  font-size: 8px;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 12px;
}
[data-ledger-experience] .lx-machine-stage {
  margin: 4px -18px -20px;
}
[data-ledger-experience] .lx-machine-stage svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: none !important;
  overflow: visible;
}
.lx-machine-axis {
  fill: none;
  stroke: currentColor;
  opacity: 0.15;
  stroke-width: 0.6;
  stroke-dasharray: 1 5;
}
.lx-machine-orbit {
  fill: none;
  stroke: currentColor;
  opacity: 0.12;
  stroke-width: 0.7;
}
.lx-machine-layer {
  transition:
    transform 0.7s var(--lx-ease),
    opacity 0.5s;
  transform-origin: 280px 230px;
}
.lx-machine-layer[data-active] {
  transform: translateY(-15px);
}
.lx-plate {
  fill: var(--lx-surface);
  stroke: url(#lx-plate-metal);
  stroke-width: 0.85;
}
.lx-plate-side {
  fill: url(#lx-hatch);
  stroke: currentColor;
  stroke-opacity: 0.15;
  stroke-width: 0.7;
}
.lx-plate-edge {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.7;
  opacity: 0.4;
}
.lx-machine-layer[data-active] .lx-plate {
  stroke-width: 1.3;
}
.lx-plate-engraving {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.7;
  opacity: 0.3;
}
.lx-plate-initial {
  font:
    40px "Instrument Serif",
    Georgia,
    serif;
  fill: currentColor;
  opacity: 0.8;
}
.lx-plate-number {
  font:
    8px "IBM Plex Mono",
    monospace;
  fill: currentColor;
  letter-spacing: 1px;
  opacity: 0.65;
}
.lx-diagram-caption {
  font:
    8px "IBM Plex Mono",
    monospace;
  fill: currentColor;
  opacity: 0.55;
  letter-spacing: 1.3px;
}
.lx-layer-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--rule);
}
.lx-layer-controls button {
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: 0;
  border-bottom: 1px solid transparent;
  color: var(--muted);
  font:
    11px Inter,
    sans-serif;
  padding: 15px 8px;
  cursor: pointer;
}
.lx-layer-controls button > span {
  font:
    9px "IBM Plex Mono",
    monospace;
  color: var(--faint);
}
.lx-layer-controls button[aria-pressed="true"] {
  color: var(--ink);
  background: var(--ed-soft);
  border-bottom-color: var(--ink);
}
.lx-layer-controls button:hover {
  color: var(--ink);
  background: var(--ed-soft);
}
.lx-layer-detail {
  padding: 20px 0 0;
  min-height: 128px;
}
.lx-layer-detail > p {
  font:
    400 26px/1.15 "Instrument Serif",
    Georgia,
    serif;
  color: var(--ink);
  letter-spacing: -0.02em;
}
.lx-layer-detail > span {
  display: block;
  max-width: 44ch;
  font:
    11px/1.8 Inter,
    sans-serif;
  color: var(--muted);
  margin-top: 8px;
}
.lx-layer-detail > a {
  display: inline-flex;
  align-items: center;
  gap: 26px;
  font:
    10px/1.6 Inter,
    sans-serif;
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 5px;
  margin-top: 12px;
  color: var(--ink);
}
[data-ledger-experience] .lx-machine figcaption {
  justify-content: start;
  font-size: 9px;
  margin-top: 14px;
}
.lx-illustration-note {
  font:
    8px/1.8 "IBM Plex Mono",
    monospace;
  color: var(--faint);
  margin-top: 8px;
}
.lx-investigation {
  padding: 76px 0 0;
  scroll-margin-top: 100px;
}
.lx-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 34px;
}
.lx-section-heading h2,
.lx-invitation h2 {
  font:
    400 clamp(40px, 5vw, 68px)/1.01 "Instrument Serif",
    Georgia,
    serif;
  letter-spacing: -0.03em;
  margin-top: 17px;
  color: var(--ink);
}
.lx-section-heading h2 em,
.lx-invitation h2 em {
  font-weight: 400;
}
.lx-section-heading > p {
  font:
    13px/1.85 Inter,
    sans-serif;
  color: var(--muted);
  max-width: 37ch;
  padding-bottom: 4px;
}
.lx-lab-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  border: 1px solid var(--rule);
  background: var(--lx-surface);
}
.lx-lab-input,
.lx-lab-record {
  padding: 28px 32px;
  min-width: 0;
}
.lx-lab-record {
  border-left: 1px solid var(--rule);
  background: var(--ground);
  position: relative;
}
.lx-lab-label {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font:
    8px/1.7 "IBM Plex Mono",
    monospace;
  letter-spacing: 0.06em;
  color: var(--faint);
  text-transform: uppercase;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 16px;
}
.lx-lab-input h3 {
  font:
    400 34px/1.08 "Instrument Serif",
    Georgia,
    serif;
  letter-spacing: -0.02em;
  margin: 30px 0 16px;
  color: var(--ink);
}
.lx-lab-input > p:not(.lx-micro) {
  font:
    13px/1.8 Inter,
    sans-serif;
  color: var(--muted);
  max-width: 42ch;
}
.lx-presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 25px 0;
}
.lx-presets button {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 7px;
  border: 1px solid var(--rule);
  padding: 12px 10px;
  font:
    12px Inter,
    sans-serif;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
}
.lx-presets button > span {
  font-size: 9px;
  color: var(--faint);
}
.lx-presets button[aria-pressed="true"] {
  border-color: var(--muted);
  background: var(--ed-soft);
  color: var(--ink);
}
.lx-presets button:hover {
  border-color: var(--muted);
  color: var(--ink);
}
#lx-issuer-form {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px;
}
#lx-issuer-form label {
  font:
    10px Inter,
    sans-serif;
  color: var(--muted);
}
#lx-issuer {
  width: 100%;
  min-width: 0;
  padding: 14px 12px;
  color: var(--ink);
  background: var(--ground);
  border: 1px solid var(--rule);
  border-radius: 0;
  font:
    10px/1.6 "IBM Plex Mono",
    monospace;
  user-select: text;
}
#lx-issuer-form .rh-btn {
  font-size: 12px;
  gap: 34px;
  min-height: 44px;
}
.lx-micro {
  font:
    10px/1.8 Inter,
    sans-serif;
  color: var(--faint);
  margin-top: 16px;
  max-width: 58ch;
}
.lx-micro a {
  color: var(--muted);
  text-underline-offset: 3px;
}
.lx-journey {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 18px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}
.lx-journey li {
  display: flex;
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid var(--rule);
  color: var(--faint);
  font:
    10px/1.6 Inter,
    sans-serif;
}
.lx-journey li > span {
  font:
    9px "IBM Plex Mono",
    monospace;
  line-height: 1.8;
}
.lx-journey li[data-complete] {
  color: var(--ink);
}
.lx-record-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 28px 0 18px;
}
.lx-record-heading h3 {
  font:
    400 34px/1.1 "Instrument Serif",
    Georgia,
    serif;
  color: var(--ink);
  letter-spacing: -0.02em;
  margin-top: 8px;
}
.lx-record-heading .ed-kicker {
  font-size: 9px;
}
.lx-verdict {
  display: grid;
  place-items: center;
  flex: none;
  width: 68px;
  height: 68px;
  border: 3px double var(--muted);
  border-radius: 50%;
  font:
    10px/1.5 "IBM Plex Mono",
    monospace;
  text-transform: uppercase;
  transform: rotate(-12deg);
  color: var(--muted);
}
.lx-lab-record[data-verdict="go"] .lx-verdict {
  color: var(--go);
  border-color: var(--go);
}
.lx-lab-record[data-verdict="hold"] .lx-verdict {
  color: var(--hold);
  border-color: var(--hold);
}
.lx-lab-record[data-verdict="no-go"] .lx-verdict {
  color: var(--nogo);
  border-color: var(--nogo);
}
.lx-record-status {
  font:
    11px/1.8 Inter,
    sans-serif;
  color: var(--muted);
  min-height: 42px;
  margin: 0 0 16px;
}
.lx-record-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  border-block: 1px solid var(--rule);
  padding: 15px 0;
}
.lx-record-facts dt {
  font:
    9px Inter,
    sans-serif;
  color: var(--faint);
}
.lx-record-facts dd {
  font:
    14px "IBM Plex Mono",
    monospace;
  margin-top: 8px;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.lx-control-list {
  list-style: none;
  margin: 12px 0 22px;
  padding: 0;
}
.lx-control-list li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--rule);
  padding: 12px 0;
  font:
    11px/1.5 Inter,
    sans-serif;
  color: var(--muted);
}
.lx-control-list b {
  font-weight: 500;
  white-space: nowrap;
  color: var(--ink);
}
.lx-record-fingerprint {
  padding-top: 17px;
  border-top: 1px dashed var(--muted);
}
.lx-record-fingerprint > .ed-kicker {
  font-size: 8px;
}
.lx-record-fingerprint code {
  display: block;
  margin-top: 10px;
  font:
    10px/1.8 "IBM Plex Mono",
    monospace;
  overflow-wrap: anywhere;
  color: var(--muted);
  user-select: text;
}
.lx-record-fingerprint p {
  font:
    10px/1.8 Inter,
    sans-serif;
  margin-top: 10px;
  color: var(--faint);
}
.lx-record-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 20px;
}
.lx-record-actions .rh-btn {
  font-size: 10px;
  gap: 16px;
  padding: 11px 14px;
}
[data-ledger-experience] button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.lx-inline-link {
  display: inline-block;
  font:
    11px/1.8 Inter,
    sans-serif;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 4px;
}
.lx-inline-link:hover {
  border-bottom-color: var(--ink);
}
.lx-lab-record[data-state="reading"] .lx-lab-label > span:last-child::after {
  content: " / Reading";
}
.lx-product {
  padding: 80px 0;
  border-top: 1px solid var(--rule);
  margin-top: 70px;
}
.lx-product-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.5fr);
  gap: 50px;
  align-items: start;
}
.lx-tour-controls {
  display: flex;
  flex-direction: column;
}
.lx-tour-controls > button {
  text-align: left;
  border: 0;
  border-top: 1px solid var(--rule);
  background: none;
  padding: 22px 16px 22px 0;
  color: var(--muted);
  cursor: pointer;
}
.lx-tour-controls > button > span:first-child {
  display: block;
  font:
    9px/1.7 "IBM Plex Mono",
    monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint);
}
.lx-tour-controls strong {
  display: block;
  font:
    400 26px/1.15 "Instrument Serif",
    Georgia,
    serif;
  letter-spacing: -0.02em;
  margin: 12px 0 8px;
  color: var(--muted);
}
.lx-tour-controls strong + span {
  font:
    11px/1.8 Inter,
    sans-serif;
  display: block;
  max-width: 32ch;
}
.lx-tour-controls > button[aria-pressed="true"] {
  padding-left: 16px;
  border-left: 1px solid var(--ink);
  background: var(--ed-soft);
}
.lx-tour-controls > button[aria-pressed="true"] strong,
.lx-tour-controls > button:hover strong {
  color: var(--ink);
}
.lx-workstation {
  border: 1px solid var(--rule);
  padding: 8px;
  background: var(--lx-surface);
  transform: perspective(1600px) rotateY(-3deg) rotateX(1deg);
  transform-origin: left center;
  box-shadow: 20px 28px 60px -45px #0009;
  transition: transform 0.7s var(--lx-ease);
  min-width: 0;
}
.lx-workstation:hover,
.lx-workstation:focus-within {
  transform: none;
}
.lx-windowbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 4px 14px;
  color: var(--faint);
  font:
    8px/1.6 "IBM Plex Mono",
    monospace;
}
.lx-windowbar > span:first-child {
  display: flex;
  gap: 5px;
  flex: none;
}
.lx-windowbar i {
  width: 5px;
  height: 5px;
  border: 1px solid var(--faint);
  border-radius: 50%;
}
.lx-zoom {
  background: none;
  border: 0;
  color: var(--muted);
  font:
    9px Inter,
    sans-serif;
  cursor: pointer;
}
.lx-workstation img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--rule);
  aspect-ratio: 1440/900;
  object-fit: contain;
  background: var(--ground);
}
.lx-workstation figcaption {
  padding: 14px 4px 6px;
  font:
    9px/1.9 "IBM Plex Mono",
    monospace;
  color: var(--faint);
}
.lx-invitation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  border-block: 3px double var(--rule);
  padding: 58px 0;
  margin-bottom: 70px;
}
.lx-invitation > div:last-child > p:not(.lx-micro) {
  font:
    14px/1.9 Inter,
    sans-serif;
  color: var(--muted);
  max-width: 45ch;
}
.lx-invitation ol {
  margin: 22px 0;
  padding-left: 18px;
  font:
    12px/2.2 Inter,
    sans-serif;
  color: var(--muted);
}
.lx-invitation .rh-btn {
  gap: 24px;
  font-size: 12px;
  min-height: 44px;
}
.lx-invitation .lx-inline-link {
  display: table;
  margin-top: 18px;
}
.lx-command-trigger {
  position: fixed;
  bottom: 20px;
  left: 22px;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 28px;
  background: var(--ground);
  color: var(--ink);
  border: 1px solid var(--rule);
  padding: 11px 14px;
  box-shadow: 0 6px 18px -12px #0006;
  font:
    10px Inter,
    sans-serif;
  cursor: pointer;
}
.lx-command-trigger kbd {
  font:
    9px "IBM Plex Mono",
    monospace;
  color: var(--faint);
}
.lx-dialog,
.lx-image-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  border: 1px solid var(--rule);
  background: var(--ground);
  color: var(--ink);
  padding: 24px;
  width: min(600px, calc(100vw - 32px));
  max-height: 85dvh;
  overflow-y: auto;
}
.lx-dialog::backdrop,
.lx-image-dialog::backdrop {
  background: #000a;
  backdrop-filter: blur(4px);
}
.lx-dialog-heading {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 24px;
  margin-bottom: 24px;
}
.lx-dialog h2 {
  font:
    400 34px/1.05 "Instrument Serif",
    Georgia,
    serif;
  letter-spacing: -0.025em;
  max-width: 13ch;
}
.lx-dialog-heading button,
.lx-image-dialog button {
  font:
    18px Inter,
    sans-serif;
  color: var(--ink);
  background: none;
  border: 0;
  cursor: pointer;
  padding: 4px 8px;
}
#lx-command-search {
  width: 100%;
  border: 1px solid var(--rule);
  background: var(--lx-surface);
  color: var(--ink);
  padding: 14px 12px;
  font:
    13px Inter,
    sans-serif;
  margin-bottom: 18px;
  border-radius: 0;
}
.lx-dialog nav {
  display: flex;
  flex-direction: column;
}
.lx-dialog nav > a {
  display: flex;
  flex-direction: column;
  gap: 7px;
  text-decoration: none;
  border-top: 1px solid var(--rule);
  padding: 16px 8px;
  font:
    13px Inter,
    sans-serif;
  color: var(--ink);
}
.lx-dialog nav > a > span {
  font-size: 10px;
  color: var(--faint);
}
.lx-dialog nav > a:hover {
  background: var(--ed-soft);
}
.lx-image-dialog {
  width: min(1400px, calc(100vw - 32px));
  padding: 16px;
}
.lx-image-dialog form {
  display: flex;
  justify-content: end;
  margin-bottom: 12px;
}
.lx-image-dialog button {
  font-size: 12px;
}
.lx-image-dialog img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1500px) {
  .lx-headline {
    font-size: 130px;
  }
}
@media (max-width: 1100px) {
  [data-ledger-experience] .rh-title {
    gap: 28px;
  }
  .lx-headline {
    font-size: 100px;
  }
  .lx-hero-bottom {
    font-size: 7px;
  }
  .lx-lab-input,
  .lx-lab-record {
    padding: 24px;
  }
  .lx-product-grid {
    gap: 30px;
  }
  .lx-layer-detail {
    min-height: 145px;
  }
  .lx-layer-detail > p {
    font-size: 24px;
  }
}
@media (max-width: 900px) {
  .lx-headline {
    font-size: 85px;
  }
  [data-ledger-experience] .rh-title {
    grid-template-columns: 1.1fr 1fr;
    padding-top: 44px;
  }
  .lx-machine .ed-seal-meta > span:last-child {
    display: none;
  }
  .lx-section-heading h2,
  .lx-invitation h2 {
    font-size: 50px;
  }
  .lx-section-heading > p {
    font-size: 11px;
  }
  .lx-lab-grid {
    grid-template-columns: 1fr 1fr;
  }
  .lx-lab-input,
  .lx-lab-record {
    padding: 20px;
  }
  .lx-lab-input h3,
  .lx-record-heading h3 {
    font-size: 30px;
  }
  .lx-record-heading {
    gap: 12px;
  }
  .lx-verdict {
    width: 54px;
    height: 54px;
    font-size: 9px;
  }
  .lx-presets {
    gap: 5px;
  }
  .lx-presets button {
    font-size: 10px;
    padding: 10px 7px;
  }
  .lx-lab-label {
    font-size: 7px;
  }
  .lx-lab-label > span:last-child {
    max-width: 15ch;
    text-align: right;
  }
  .lx-product-grid {
    grid-template-columns: 1fr;
  }
  .lx-tour-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .lx-tour-controls strong {
    font-size: 25px;
  }
  .lx-tour-controls > button[aria-pressed="true"] {
    padding-left: 12px;
  }
  .lx-workstation {
    transform: none;
  }
  .lx-invitation {
    gap: 40px;
  }
}
@media (max-width: 639px) {
  [data-ledger-experience] .rh-title {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 34px;
  }
  .lx-headline {
    font-size: clamp(70px, 18vw, 95px);
    max-width: none;
    margin: 24px 0;
  }
  [data-ledger-experience] .rh-title-dek {
    font-size: 14px;
    max-width: 37ch;
  }
  [data-ledger-experience] .rh-title-cta .rh-btn {
    font-size: 11px;
    padding: 13px;
  }
  .lx-hero-bottom {
    font-size: 8px;
    margin-top: 28px;
  }
  .lx-hero-bottom > span {
    max-width: 26ch;
  }
  [data-ledger-experience] .lx-machine {
    max-width: 480px;
    width: 100%;
    margin: auto;
  }
  [data-ledger-experience] .lx-machine .ed-seal-meta {
    font-size: 8px;
  }
  .lx-layer-detail {
    min-height: 125px;
  }
  .lx-layer-detail > p {
    font-size: 27px;
  }
  .lx-illustration-note {
    font-size: 8px;
  }
  .lx-investigation {
    padding-top: 52px;
  }
  .lx-section-heading {
    display: block;
    margin-bottom: 26px;
  }
  .lx-section-heading h2,
  .lx-invitation h2 {
    font-size: 47px;
  }
  .lx-section-heading > p {
    margin-top: 20px;
    font-size: 12px;
  }
  .lx-lab-grid {
    grid-template-columns: 1fr;
  }
  .lx-lab-input,
  .lx-lab-record {
    padding: 24px 20px;
  }
  .lx-lab-record {
    border-left: 0;
    border-top: 1px solid var(--rule);
  }
  .lx-lab-label {
    font-size: 8px;
  }
  .lx-lab-label > span:last-child {
    max-width: none;
  }
  .lx-lab-input h3 {
    font-size: 34px;
  }
  #lx-issuer {
    font-size: 10px;
  }
  .lx-presets button {
    font-size: 12px;
  }
  .lx-record-heading h3 {
    font-size: 34px;
  }
  .lx-verdict {
    width: 64px;
    height: 64px;
    font-size: 10px;
  }
  .lx-product {
    padding: 52px 0;
    margin-top: 45px;
  }
  .lx-tour-controls {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .lx-tour-controls strong {
    font-size: 27px;
  }
  .lx-tour-controls strong + span {
    max-width: none;
  }
  .lx-tour-controls > button {
    padding: 18px 0;
  }
  .lx-product-grid {
    gap: 22px;
  }
  .lx-windowbar {
    font-size: 7px;
  }
  .lx-windowbar > span:first-child {
    display: none;
  }
  .lx-workstation figcaption {
    font-size: 8px;
  }
  .lx-invitation {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 40px 0;
    margin-bottom: 45px;
  }
  .lx-invitation > div:last-child > p:not(.lx-micro) {
    font-size: 13px;
  }
  .lx-command-trigger {
    left: 12px;
    bottom: 12px;
    padding: 10px 12px;
    gap: 14px;
  }
  .lx-command-trigger kbd {
    display: none;
  }
  .lx-dialog {
    padding: 20px;
  }
  .lx-dialog h2 {
    font-size: 30px;
  }
  .lx-record-actions {
    gap: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lx-machine-layer,
  .lx-machine-layer[data-active] {
    transform: none;
    transition: none;
  }
  .lx-workstation,
  .lx-workstation:hover {
    transform: none;
    transition: none;
  }
  [data-ledger-experience] .lx-machine-stage svg {
    transform: none;
    transition: none;
  }
}

/* A focused first investigation, with readable supporting evidence. */
html[data-theme="dark"] {
  --muted: #b6b6bc;
  --faint: #a0a0a8;
}
html[data-theme="light"] {
  --muted: #505047;
  --faint: #5b5b52;
}
[data-ledger-experience] :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
[data-ledger-experience] .rh-title {
  padding-top: 40px;
  gap: clamp(28px, 4vw, 64px);
}
.lx-headline { font-size: clamp(70px, 7.3vw, 108px); }
[data-ledger-experience] .rh-title-dek {
  max-width: 46ch;
  font-size: 16px;
  line-height: 1.75;
}
[data-ledger-experience] .rh-title-fine { font-size: 12px; line-height: 1.7; }
.lx-hero-bottom { font-size: 10px; }
.lx-layer-controls button { min-height: 44px; font-size: 12px; }
.lx-layer-controls button > span { font-size: 10px; }
.lx-layer-detail > span { font-size: 13px; line-height: 1.65; }
.lx-layer-detail > a { font-size: 12px; min-height: 36px; }
.lx-plate-number, .lx-diagram-caption { font-size: 10px; opacity: .9; }
[data-ledger-experience] .lx-machine figcaption,
.lx-illustration-note { font-size: 10px; }
.lx-investigation { padding-top: 48px; }
.lx-section-heading > p { font-size: 14px; }
.lx-lab-label, .lx-presets button > span, .lx-record-heading .ed-kicker { font-size: 10px; }
.lx-presets button { min-height: 58px; font-size: 13px; }
#lx-issuer-form label { font-size: 13px; }
#lx-issuer { font-size: 12px; }
.lx-micro, .lx-record-fingerprint p { font-size: 12px; line-height: 1.75; }
.lx-journey li { font-size: 12px; }
.lx-record-status { font-size: 13px; min-height: 48px; }
.lx-record-facts dt { font-size: 12px; }
.lx-record-subject { grid-column: 1 / -1; }
.lx-record-subject dd { font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.lx-control-list li { font-size: 13px; }
.lx-control-list b { white-space: normal; text-align: right; }
.lx-record-fingerprint > .ed-kicker { font-size: 10px; }
.lx-record-fingerprint code { font-size: 12px; }
.lx-record-actions .rh-btn { min-height: 44px; font-size: 12px; }
.lx-findings { border-top: 1px solid var(--rule); margin: 12px 0 22px; }
.lx-findings summary { cursor: pointer; padding: 14px 0; font-size: 13px; color: var(--ink); }
.lx-findings ul { padding: 0 0 16px 20px; font-size: 12px; color: var(--muted); line-height: 1.75; }
.lx-findings li + li { margin-top: 8px; }
.lx-table-actions { display: flex; align-items: start; gap: 24px; justify-content: space-between; margin-top: 18px; }
.lx-table-actions .rh-notes { margin: 0; max-width: 72ch; }
.lx-table-actions .rh-btn { min-height: 44px; flex: none; font-size: 12px; }
.rh-tablewrap { padding: 4px 4px 12px; }
.rh-table { min-width: 900px; }
.rh-table thead th { font-size: 12px; white-space: normal; }
.rh-table td { font-size: 13px; }
.rh-table td[data-c="record"] { min-width: 220px; max-width: 290px; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.rh-table td[data-c="record"] :is(span,p) { display: block; }
.rh-table td[data-c="record"] :is(button,a) { display: inline-flex; align-items: center; min-height: 40px; margin: 4px 12px 0 0; font: 12px Inter,sans-serif; color: var(--ink); }
.rh-table td[data-c="record"] button { padding: 8px; border: 1px solid var(--rule); background: var(--surface); cursor: pointer; }
.rh-table td[data-c="record"] a { text-underline-offset: 3px; }
[data-ledger-experience] button:disabled { opacity: .7; }
.lx-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 28px; }
.lx-case-grid article { min-width: 0; border-top: 1px solid var(--rule); padding-top: 22px; }
.lx-case-grid h3 { font: 400 28px/1.15 "Instrument Serif",Georgia,serif; color: var(--ink); letter-spacing: -.02em; margin: 10px 0 15px; }
.lx-case-grid p:not(.ed-kicker) { font: 14px/1.75 Inter,sans-serif; color: var(--muted); }
.lx-case-grid .lx-inline-link { margin-top: 18px; font-size: 13px; min-height: 36px; }
.lx-two-col { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; }
.lx-trust { padding-bottom: 60px; }
.lx-product { margin-top: 60px; padding: 56px 0; }
.lx-tour-controls > button > span:first-child { font-size: 10px; }
.lx-tour-controls strong + span { font-size: 13px; }
.lx-windowbar { font-size: 10px; }
.lx-workstation figcaption { font-size: 11px; line-height: 1.7; }
.lx-invitation { margin-top: 20px; margin-bottom: 40px; padding: 44px 0; gap: 48px; }
.lx-invitation ol { font-size: 14px; line-height: 1.85; }
.lx-supporting { display: flex; flex-wrap: wrap; gap: 12px 26px; margin: 0 0 28px; }
.lx-supporting a { font-size: 14px; min-height: 36px; color: var(--ink); text-underline-offset: 5px; }
.lx-support-details { border-top: 1px solid var(--rule); padding: 0; }
.lx-support-details summary { cursor: pointer; min-height: 56px; padding: 17px 0; font-size: 15px; color: var(--ink); }
.lx-support-details > div { padding: 6px 0 28px; }
.lx-support-details .lx-micro { margin: 0 0 24px; }
.lx-support-details :is(a,button) { min-height: 36px; }
.lx-command-trigger { font-size: 12px; min-height: 44px; }
.lx-dialog nav > a > span { font-size: 12px; }
.lx-zoom { min-height: 40px; font-size: 11px; }
@media (min-width: 1500px) { .lx-headline { font-size: 108px; } }
@media (max-width: 900px) {
  [data-ledger-experience] .rh-title { align-items: start; }
  .lx-case-grid { gap: 22px; }
  .lx-case-grid h3 { font-size: 26px; }
  .lx-table-actions { flex-direction: column; gap: 14px; }
}
@media (max-width: 639px) {
  [data-ledger-experience] .rh-title { gap: 0; padding-top: 28px; }
  .lx-headline { font-size: clamp(64px,17vw,86px); line-height: .98; }
  [data-ledger-experience] .rh-title-dek { font-size: 15px; line-height: 1.75; margin-top: 20px; }
  [data-ledger-experience] .rh-title-k { font-size: 10px; line-height: 1.65; }
  [data-ledger-experience] .lx-machine { display: none; }
  .lx-hero-bottom { margin-top: 28px; font-size: 10px; }
  .lx-hero-bottom > span { max-width: none; }
  .lx-section-heading > p { font-size: 14px; }
  .lx-lab-label { font-size: 10px; }
  .lx-lab-label > span:last-child { max-width: 17ch; }
  #lx-issuer { font-size: 12px; }
  .lx-record-facts { gap: 14px; }
  .lx-case-grid, .lx-two-col { grid-template-columns: 1fr; gap: 22px; }
  .lx-case-grid p:not(.ed-kicker) { font-size: 15px; }
  .lx-trust { padding-bottom: 40px; }
  .lx-workstation figcaption { font-size: 11px; }
  .lx-windowbar { font-size: 10px; }
  .lx-invitation { gap: 24px; }
  .lx-invitation > div:last-child > p:not(.lx-micro) { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-ledger-experience] *, [data-ledger-experience] *::before, [data-ledger-experience] *::after { animation: none !important; transition: none !important; }
}
/* Control boundaries remain visible independently of labels and focus. */
#lx-issuer, #lx-command-search, .lx-presets button { border-color: var(--faint); }
#lx-issuer:invalid:not(:focus):not(:placeholder-shown) { border-color: var(--nogo); }
.lx-presets button[aria-pressed="true"] { border-width: 2px; padding: 11px 9px; }
.lx-plate-number, .lx-diagram-caption { font-size: 12px; opacity: .95; }
[data-ledger-experience] .lx-machine .ed-seal-meta { font-size: 11px; }
.lx-lab-record[data-state="unavailable"] { box-shadow: inset 0 3px 0 var(--hold); }
.rh-table td[data-c="record"] button { border-color: var(--faint); }
@media (max-width: 639px) { .lx-presets button[aria-pressed="true"] { padding: 9px 6px; } }

.lx-table-hint { display: none; }
@media (max-width: 900px) { .lx-table-hint { display: block; margin-top: 14px; font: 12px/1.7 Inter,sans-serif; color: var(--muted); } }
@media (max-width: 639px) {
  /* Readable address entry without mobile browsers zooming the form. */
  #lx-issuer, #lx-command-search { font-size: 16px; }
}