/* Console preview: a payment, its evidence, and the next action. */
.experience-nav { display: flex; flex-wrap: wrap; gap: 1.5rem; padding-block: 1.15rem; border-bottom: 1px solid var(--rule-soft); }
.experience-nav a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--ink-muted); font-size: .9375rem; text-decoration: none; }
.experience-nav a:visited { color: var(--ink-muted); }
.experience-nav a[aria-current="page"] { color: var(--ink-strong); box-shadow: inset 0 -2px var(--institutional); }
.experience-nav a:hover { color: var(--link); }
.demo-hero { padding-top: 0; }
.demo-hero .experience-nav { margin-bottom: 1.5rem; padding-block: .5rem; }
.console-page .experience-nav { padding-block: .25rem; }
.console-page .experience-nav a { min-height: 2.75rem; }
body[data-page="console"] .site-nav a[aria-current="true"] { color: var(--ink-strong); font-weight: 600; }
body[data-page="console"] .site-nav a[aria-current="true"]::after { transform: scaleX(1); }
.console-intro { display: grid; grid-template-columns: 1fr; gap: .5rem; padding-block: 1rem; }
.console-intro > p { margin: 0; }
.console-intro .eyebrow { grid-column: 1 / -1; }
.console-intro h1 { margin: 0; font-size: clamp(2rem, 2vw + 1rem, 2.5rem); line-height: 1.07; }
.console-intro > p:last-child { max-width: none; color: var(--ink-muted); margin: 0; }
.console-intro .console-walkthrough { font-size: .875rem; line-height: 1.5; }
.console-walkthrough a { font-weight: 600; text-underline-offset: .2em; }
.console-workspace { border: 1px solid var(--rule-strong); border-radius: 1rem; background: var(--surface); overflow: clip; box-shadow: 0 14px 32px color-mix(in srgb, var(--ink-strong) 5%, transparent); }
.console-workspace [hidden] { display: none !important; }
.console-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; padding: .75rem 1.25rem; border-bottom: 1px solid var(--rule-soft); }
.console-toolbar > p { margin: 0; font-weight: 600; letter-spacing: -.015em; }
.console-preview-label { color: var(--ink-muted); font-size: .8125rem; }
.console-mode-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem 1rem; background: var(--surface-quiet); padding: .5rem 1.25rem; border-bottom: 1px solid var(--rule-soft); }
.console-mode-controls { display: flex; flex-wrap: wrap; gap: .25rem; border: 0; padding: 0; margin: 0; min-width: 0; }
.console-mode-controls label { position: relative; display: flex; }
.console-mode-controls input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.console-mode-controls label > span { display: flex; align-items: center; min-height: 2.75rem; padding: .5rem .85rem; border: 1px solid transparent; border-radius: .4rem; font-size: .875rem; color: var(--ink-muted); cursor: pointer; }
.console-mode-controls input:checked + span { background: var(--surface); color: var(--ink-strong); border-color: var(--rule-soft); box-shadow: 0 1px 3px color-mix(in srgb, var(--ink-strong) 8%, transparent); }
.console-mode-controls input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
.console-mode-note { margin: 0; color: var(--ink-muted); font-size: .875rem; }
.console-body { display: grid; grid-template-columns: minmax(15.5rem, .82fr) minmax(0, 1.8fr); }
.console-queue { background: var(--surface-quiet); padding: 1.5rem .85rem; border-right: 1px solid var(--rule-soft); }
.console-queue-label { margin: 0 .65rem 1rem; color: var(--ink-muted); font-size: .8125rem; letter-spacing: .07em; text-transform: uppercase; }
.console-choice { display: block; width: 100%; margin-bottom: .5rem; padding: 1rem .8rem; background: transparent; border: 1px solid transparent; border-radius: .6rem; color: var(--ink); text-align: left; cursor: pointer; transition: background-color var(--transition-fast); }
.console-choice:hover { background: var(--surface); }
.console-choice[aria-pressed="true"] { border-color: var(--rule-strong); background: var(--surface); box-shadow: inset 3px 0 var(--institutional); }
.console-choice-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .3rem .7rem; font-size: .9375rem; }
.console-choice-heading > span { font-variant-numeric: tabular-nums; }
.console-choice-meta { display: block; margin: .45rem 0 .75rem; font-size: .8125rem; color: var(--ink-muted); }
.console-state { display: inline-flex; align-items: center; gap: .35rem; width: fit-content; border-radius: .25rem; padding: .23rem .55rem; color: var(--evidence-ink); background: var(--evidence-bg); font-size: .875rem; font-weight: 600; white-space: nowrap; }
.console-state--hold { color: var(--hold-ink); background: var(--hold-bg); }
.console-state--refuse { color: var(--refuse-ink); background: var(--refuse-bg); }
.console-state--accept { color: var(--accept-ink); background: var(--accept-bg); }
.console-additional { margin-top: 1.75rem; border-top: 1px solid var(--rule-soft); }
.console-additional > summary { padding: .75rem .65rem; min-height: 2.75rem; font-size: .875rem; color: var(--ink-muted); cursor: pointer; }
.console-queue-note { margin: 1.75rem .65rem 0; color: var(--ink-muted); font-size: .8125rem; max-width: 29ch; }
.console-records { min-width: 0; }
.console-case { padding: 1.25rem 1.5rem 1rem; }
.console-case + .console-case { border-top: 1px solid var(--rule-soft); }
.console-enhanced .console-case { border-top: 0; }
.console-payment { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.console-overline { margin: 0 0 .45rem; color: var(--ink-muted); font-size: .8125rem; line-height: 1.4; letter-spacing: .055em; text-transform: uppercase; }
.console-supplier { margin: 0; font-size: 1rem; font-weight: 500; }
.console-amount { margin: 0; font-size: 1.7rem; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; text-align: right; font-variant-numeric: tabular-nums; }
.console-amount > span { display: block; margin-top: .4rem; font-weight: 400; font-size: .8125rem; color: var(--ink-muted); letter-spacing: 0; }
.console-verdict h2 { max-width: 29ch; font-size: clamp(1.5rem, 1vw + 1rem, 1.75rem); line-height: 1.16; margin: .6rem 0 .4rem; }
.console-reason { margin: 0; color: var(--ink-muted); max-width: 58ch; font-size: 1rem; line-height: 1.5; }
.console-paths { margin-block: 1.35rem; border-top: 1px solid var(--rule-soft); border-bottom: 1px solid var(--rule-soft); }
.console-path { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding-block: .9rem; }
.console-path + .console-path { border-top: 1px solid var(--rule-soft); }
.console-path > div { min-width: 0; }
.console-path strong { display: block; font-size: .9375rem; font-weight: 500; }
.console-path > div > span { display: block; color: var(--ink-muted); font-size: .8125rem; margin-top: .15rem; }
.console-path .console-outcome--unknown { color: var(--unknown-ink); }
.console-case .console-next { margin: 1rem 0 0; padding: .85rem 1rem; }
.console-next-action { font-size: 1rem; line-height: 1.5; margin: 0; }
.console-resolutions { margin: 0 0 1rem; font-size: 1rem; line-height: 1.5; }
.console-resolutions > div { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: .25rem 1rem; padding-block: .65rem; }
.console-resolutions > div + div { border-top: 1px solid var(--rule-soft); }
.console-resolutions dt { font-weight: 500; }
.console-resolutions dd { margin: 0; color: var(--ink-muted); }
.console-evidence > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 2.75rem; padding-block: .7rem; border-block: 1px solid var(--rule-soft); color: var(--link); font-size: .9375rem; font-weight: 600; cursor: pointer; list-style: none; }
.console-evidence summary::-webkit-details-marker { display: none; }
.console-evidence > summary > span { font-size: 1.3rem; font-weight: 400; }
.console-evidence[open] > summary > span { transform: rotate(45deg); }
.console-evidence-body { padding-top: 1.1rem; }
.console-evidence ul { margin: 0; padding: 0; list-style: none; }
.console-evidence li { padding-block: .8rem; border-bottom: 1px solid var(--rule-soft); }
.console-evidence li > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .35rem 1rem; font-size: .875rem; }
.console-evidence li p { margin: .5rem 0 0; color: var(--ink-muted); font-size: .875rem; }
.console-evidence-foot { margin: .8rem 0; color: var(--ink-muted); font-size: .8125rem; }
.console-authority { margin: .85rem 0; color: var(--ink-muted); font-size: .875rem; }
.console-record-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; color: var(--ink-muted); font-size: .8125rem; }
.console-scope { border-top: 1px solid var(--rule-soft); background: var(--surface-quiet); }
.console-scope > summary { padding: .8rem 1.5rem; min-height: 2.75rem; cursor: pointer; font-size: .875rem; color: var(--ink-muted); }
.console-scope > summary > span { margin-left: 1rem; color: var(--ink); }
.console-scope > div { padding: 0 1.5rem .75rem; font-size: .875rem; color: var(--ink-muted); }
.console-caption { padding-block: 1rem; }
.console-caption p { max-width: none; margin: 0 0 .25rem; font-size: .8125rem; color: var(--ink-muted); }
.console-close { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2rem; padding-block: 4rem 5rem; }
.console-close h2 { margin: .8rem 0; }
.console-close p:last-child { margin: 0; color: var(--ink-muted); }
.console-mobile-picker { display: none; }
.console-workspace:not(.console-enhanced) .console-body { display: block; }

/* Short, static entrances reuse the same visual language. */
.home-console-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 3rem; align-items: center; }
.home-console-copy .eyebrow { margin-bottom: 1.25rem; }
.home-console-copy h2 { max-width: 16ch; margin-bottom: 1rem; }
.home-console-copy > p:not(.eyebrow) { max-width: 32ch; color: var(--ink-muted); }
.home-console-copy .button { margin-top: .5rem; }
.console-mini { border: 1px solid var(--rule-strong); border-radius: .75rem; background: var(--surface); padding: 1.25rem 1.5rem; }
.console-mini-head { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--rule-soft); font-size: .8125rem; color: var(--ink-muted); }
.console-mini-verdict { padding-top: 1rem; }
.console-mini-verdict > p { font-size: 1.125rem; font-weight: 500; margin: .75rem 0; }
.console-mini dl { margin: 1rem 0; font-size: .875rem; }
.console-mini dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; padding-block: .45rem; }
.console-mini dt { color: var(--ink-muted); }
.console-mini dd { margin: 0; }
.console-mini-next { padding-top: .75rem; border-top: 1px solid var(--rule-soft); font-size: .875rem; margin: 0; }
.console-mini-next > span { display: block; font-size: .8125rem; color: var(--ink-muted); margin-bottom: .2rem; }
.console-mini-limit { margin: .8rem 0 0; font-size: .8125rem; color: var(--ink-muted); }
.console-entry { display: flex; align-items: center; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; margin-top: 1.75rem; padding: 1.25rem 1.5rem; border: 1px solid var(--rule-soft); border-radius: .65rem; background: var(--surface); }
.console-entry p { margin: 0; color: var(--ink-muted); font-size: .9375rem; }
.console-entry p strong { display: block; color: var(--ink); margin-bottom: .3rem; }
.console-entry-preview { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
@media (max-width: 61.24rem) {
  .console-intro { grid-template-columns: 1fr; }
  .console-intro > p:last-child { max-width: none; }
  .console-body { grid-template-columns: minmax(14rem, .8fr) minmax(0, 1.6fr); }
  .console-case { padding: 1.5rem; }
  .console-intro { padding-block: 1rem; }
}
@media (max-width: 47.99rem) {
  .experience-nav { gap: 1.25rem; padding-block: .6rem; }
  .demo-hero .experience-nav { margin-bottom: 1rem; padding-block: 0; }
  .experience-nav a { font-size: .875rem; }
  .console-intro h1 { font-size: 2rem; }
  .console-intro { gap: .5rem; padding-block: 1rem; }
  .console-toolbar { padding: .85rem 1rem; }
  .console-mode-row { padding: .65rem .8rem; gap: .5rem; }
  .console-mode-note { padding-inline: .2rem; font-size: .8125rem; }
  .console-mode-controls label > span { padding-inline: .65rem; font-size: .8125rem; }
  .console-body { display: block; }
  .console-queue { display: none; }
  .console-mobile-picker { display: flex; align-items: center; gap: .65rem; padding: .75rem 1rem; border-bottom: 1px solid var(--rule-soft); }
  .console-mobile-picker label { font-size: .8125rem; color: var(--ink-muted); flex: 0 0 4rem; line-height: 1.3; }
  .console-mobile-picker select { min-width: 0; width: 100%; min-height: 2.75rem; border: 1px solid var(--rule-soft); border-radius: .4rem; background: var(--surface); color: var(--ink); font-size: 1rem; padding: .45rem .5rem; }
  .console-case { padding: 1.15rem 1rem; }
  .console-payment { margin-bottom: 1.25rem; gap: .6rem; }
  .console-amount { font-size: 1.5rem; }
  .console-amount > span { font-size: .8125rem; }
  .console-overline { font-size: .8125rem; }
  .console-verdict h2 { font-size: 1.5rem; }
  .console-path { gap: .75rem; }
  .console-path strong { font-size: .875rem; }
  .console-path > div > span { font-size: .8125rem; }
  .console-resolutions > div { grid-template-columns: minmax(0, 1fr); }
  .console-scope > summary { padding-inline: 1rem; }
  .console-scope > summary > span { margin-left: .6rem; }
  .console-close { padding-block: 2.5rem 4rem; gap: 1.5rem; }
  .home-console-layout { grid-template-columns: 1fr; gap: 2rem; }
  .home-console-copy h2 { max-width: none; }
  .console-mini { padding: 1.1rem; }
  .console-entry { padding: 1.1rem; }
}
@media (forced-colors: active) {
  .console-state { border: 1px solid CanvasText; }
  .console-choice[aria-pressed="true"], .console-mode-controls input:checked + span { border: 2px solid Highlight; }
  .experience-nav a[aria-current="page"] { border-bottom: 2px solid Highlight; }
}

/* One continuous synthetic invoice. Shared entrance styles above remain reusable. */
.console-simulation { --console-accent: var(--hold-ink); }
.console-simulation[data-decision="ACCEPT"] { --console-accent: var(--accept-ink); }
.console-simulation[data-decision="REFUSE"] { --console-accent: var(--refuse-ink); }
.console-session { margin-left: .8rem; color: var(--ink-muted); font: .8125rem var(--font-mono); font-weight: 400; }
.console-invoice { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--rule-soft); background: linear-gradient(110deg,color-mix(in srgb,var(--institutional) 6%,var(--surface)),var(--surface) 60%); }
.console-invoice h2 { margin: 0; font-size: 1.25rem; line-height: 1.35; letter-spacing: -.015em; }
.console-invoice h2 > span { display: block; color: var(--ink-muted); font-size: .875rem; font-weight: 400; margin-top: .2rem; }
.console-invoice-amount { margin: 0; font-size: 2rem; font-weight: 600; letter-spacing: -.04em; font-variant-numeric: tabular-nums; text-align: right; }
.console-invoice-amount > span { display: block; margin-top: .25rem; font-size: .8125rem; font-weight: 400; letter-spacing: 0; color: var(--ink-muted); }
.console-live-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(19rem,1fr); align-items: start; gap: 1.5rem; padding: 1.5rem; }
.console-decision { grid-column: 2; grid-row: 1; padding: 1.4rem; border: 1px solid var(--rule-soft); border-top: 3px solid var(--console-accent); border-radius: .75rem; background: var(--surface-quiet); min-width: 0; }
.console-payment-stage { grid-column: 1; grid-row: 1; min-width: 0; }
.console-live-verdict { display: flex; align-items: baseline; gap: .45rem; margin: .75rem 0 1rem; color: var(--console-accent); line-height: 1.15; }
.console-live-verdict > span:first-child { font-size: 1rem; }
.console-live-verdict > strong { font-size: clamp(1.875rem,2.1vw,2.5rem); letter-spacing: -.04em; font-weight: 500; }
.console-verdict-icon { margin-left: auto; font-size: 1rem; }
.console-decision h3 { font-size: 1.25rem; line-height: 1.3; letter-spacing: -.015em; margin: 0 0 .75rem; }
.console-live-reason { color: var(--ink-muted); font-size: .9375rem; line-height: 1.5; margin: 0 0 1.25rem; }
.console-allocation { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; border-top: 1px solid var(--rule-soft); padding-top: .8rem; margin-bottom: 1rem; font-size: .8125rem; color: var(--ink-muted); }
.console-allocation strong { font: .8125rem var(--font-mono); color: var(--ink); }
.console-primary-action { width: 100%; min-height: 3rem; text-align: center; }
.console-action-note { font-size: .8125rem; color: var(--ink-muted); line-height: 1.5; margin: .6rem 0 0; }
.console-decision .console-next-action { font-size: .875rem; color: var(--ink-muted); border-top: 1px solid var(--rule-soft); padding-top: .8rem; margin-top: 1rem; }
.console-request { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .35rem 0 1.1rem; border-bottom: 1px solid var(--rule-soft); }
.console-request strong { display: block; font-size: 1rem; font-weight: 500; }
.console-request p { margin: .3rem 0 0; font-size: .8125rem; color: var(--ink-muted); }
.console-request .console-overline { display: block; }
.console-request-state { font-size: .8125rem; font-weight: 600; color: var(--unknown-ink); padding: .3rem .55rem; border: 1px solid var(--rule-soft); border-radius: .3rem; white-space: nowrap; }
.console-simulation[data-console-state="restored"] .console-request-state,.console-simulation[data-console-state="accepted"] .console-request-state,.console-simulation[data-console-state="refused"] .console-request-state { color: var(--ink); }
.console-backup-header { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: .8rem 1rem; padding-top: 1.15rem; }
.console-backup-header > div { flex: 1 1 13rem; min-width: 0; max-width: 100%; }
.console-backup-header label { display: block; color: var(--ink-muted); font-size: .8125rem; margin-bottom: .5rem; }
.console-backup-header select { display: block; width: 100%; max-width: 23rem; min-height: 2.75rem; padding: .45rem .65rem; border: 1px solid var(--rule-strong); border-radius: .4rem; background: var(--surface); color: var(--ink); font: 1rem var(--font-sans); }
.console-backup-header > span { font-size: .875rem; line-height: 1.5; color: var(--ink); }
.console-backup-header small { font-size: .8125rem; color: var(--ink-muted); }
.console-boundary { position: relative; height: 6rem; margin-top: .65rem; --request-end: 57%; }
.console-boundary::before { content: ''; position: absolute; left: 0; right: 0; top: 45%; border-top: 1px solid var(--rule-strong); }
.console-boundary-label,.console-boundary-target { position: absolute; top: 67%; font-size: .8125rem; color: var(--ink-muted); }
.console-boundary-label { left: 0; }
.console-boundary-target { right: 0; }
.console-release-gate { position: absolute; left: 67%; top: 18%; height: 54%; width: 3px; background: var(--institutional); }
.console-request-marker { position: absolute; left: var(--request-end); top: calc(45% - 5px); width: 10px; height: 10px; border: 1px solid var(--console-accent); background: var(--console-accent); }
.console-boundary-verdict { position: absolute; left: 67%; top: 0; transform: translateX(-50%); color: var(--console-accent); font: .8125rem var(--font-mono); }
.console-simulation[data-decision="ACCEPT"] .console-boundary { --request-end: 85%; }
.console-simulation.is-request-moving .console-request-marker { animation: console-request 850ms cubic-bezier(.2,.8,.2,1) both; }
@keyframes console-request { from { left: 7%; } to { left: var(--request-end); } }
.console-marker-note,.console-capacity-note { font-size: .8125rem; color: var(--ink-muted); margin: .2rem 0 .8rem; }
.console-capacity { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; gap: .55rem; }
.console-capacity > div { border: 1px solid var(--rule-soft); border-radius: .4rem; background: var(--surface-quiet); padding: .8rem .7rem; min-width: 0; }
.console-capacity dt { color: var(--ink-muted); font-size: .8125rem; line-height: 1.4; }
.console-capacity dd { margin: .45rem 0 0; font-size: clamp(1.1rem,1.5vw,1.5rem); font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.console-capacity-note { margin-top: .6rem; margin-bottom: 1.1rem; }
.console-simulation .console-evidence > summary { border-bottom: 0; }
.console-evidence-intro { font-size: .875rem; margin: .5rem 0; color: var(--ink-muted); }
.console-simulation .console-proof-facts > li { display: grid; grid-template-columns: 1.25rem minmax(0,1fr) auto; align-items: start; gap: .5rem; }
.console-simulation .console-proof-facts li > div { display: block; min-width: 0; }
.console-proof-facts strong { font-size: .9375rem; font-weight: 500; }
.console-simulation .console-proof-facts li p { font-size: .8125rem; margin: .35rem 0 0; }
.console-proof-facts li > span:last-child { font-size: .8125rem; color: var(--ink-muted); white-space: nowrap; }
.console-proof-mark { color: var(--institutional); }
.console-proof-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.console-proof-actions .button { font-size: .875rem; min-height: 2.75rem; }
.console-evidence-note { font-size: .8125rem; line-height: 1.5; color: var(--ink-muted); margin: .7rem 0; }
.console-other-outcome { border-top: 1px solid var(--rule-soft); padding-top: .4rem; }
.console-other-outcome summary { min-height: 2.75rem; display: flex; align-items: center; font-size: .875rem; cursor: pointer; color: var(--ink-muted); }
.console-text-action { font: .875rem var(--font-sans); color: var(--link); text-decoration: underline; text-underline-offset: .2em; background: transparent; padding: .45rem 0; min-height: 2.75rem; border: 0; cursor: pointer; }
.console-validation { border-top: 1px solid var(--rule-soft); margin-top: .5rem; padding-top: .5rem; }
.console-validation summary { min-height: 2.75rem; font-size: .875rem; cursor: pointer; color: var(--link); }
.console-validation dl { font-size: .875rem; margin: .5rem 0; }
.console-validation dl > div { display: grid; grid-template-columns: minmax(6rem,.7fr) minmax(0,1.3fr); gap: .6rem; padding-block: .5rem; border-bottom: 1px solid var(--rule-soft); }
.console-validation dd { margin: 0; color: var(--ink-muted); }
.console-validation p { font-size: .8125rem; color: var(--ink-muted); margin-bottom: .5rem; }
.console-scenario-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 2rem; padding: .75rem 1.5rem; border-top: 1px solid var(--rule-soft); background: var(--surface-quiet); }
.console-activity { flex: 1 1 20rem; min-width: 0; }
.console-activity summary { min-height: 2.75rem; cursor: pointer; font-size: .875rem; color: var(--ink); }
.console-activity summary > span { color: var(--ink-muted); font-size: .8125rem; margin-left: .6rem; }
.console-activity ol { margin: .5rem 0; padding-left: 1.3rem; font-size: .875rem; color: var(--ink-muted); }
.console-activity li { padding-block: .35rem; }
.console-activity > p { font-size: .8125rem; color: var(--ink-muted); }
.console-reset { display: flex; flex-direction: column; align-items: flex-start; justify-content: start; }
.console-reset > span { color: var(--ink-muted); font-size: .8125rem; }
.console-noscript { padding: 1rem 1.5rem; font-size: .875rem; }
.console-simulation :is(button,select,summary):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
@media(max-width:61.24rem) { .console-live-grid { grid-template-columns: minmax(0,1fr) minmax(17rem,.9fr); gap: 1rem; padding: 1rem; } .console-decision { padding: 1.1rem; } }
@media(max-width:47.99rem) {
  .console-invoice { padding: 1rem; align-items: start; }
  .console-invoice h2 { font-size: 1.05rem; }
  .console-invoice-amount { font-size: 1.625rem; white-space: nowrap; }
  .console-invoice-amount > span { font-size: .8125rem; white-space: normal; }
  .console-live-grid { display: flex; flex-direction: column; gap: 1.25rem; padding: 1rem; }
  .console-decision,.console-payment-stage { width: 100%; }
  .console-live-verdict > strong { font-size: 2rem; }
  .console-backup-header > span { flex: 1 1 100%; }
  .console-scenario-footer { padding: .75rem 1rem; }
  .console-simulation .console-proof-facts > li { grid-template-columns: 1.25rem minmax(0,1fr); }
  .console-proof-facts li > span:last-child { grid-column: 2; white-space: normal; }
  .console-capacity > div { padding: .7rem .5rem; }
  .console-capacity dd { font-size: 1.15rem; }
}
@media(prefers-reduced-motion:reduce), (forced-colors:active) { .console-simulation * { animation: none !important; transition: none !important; } }
@media(forced-colors:active) { .console-decision { border: 2px solid CanvasText; } .console-release-gate,.console-request-marker { background: CanvasText; border: 1px solid CanvasText; } }
@media print { .console-simulation [data-console-controls],.console-reset { display: none !important; } .console-live-grid { display: block; } .console-decision { margin-bottom: 1rem; break-inside: avoid; } .console-simulation details > :not(summary) { display: block !important; } .console-simulation * { animation: none !important; } }

/* Agent console uses the shared Workspace story inside one disposable record. */
.console-agent .console-invoice { padding-block:1rem; }
.console-state-strip { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:1.5rem; padding:1rem 1.5rem; border-bottom:1px solid var(--rule-soft); }
.console-agents { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:0; align-items:center; }
.console-agents dt { font-size:.75rem; color:var(--ink-muted); line-height:1.4; }
.console-agents dd { font-size:.8125rem; line-height:1.45; margin:.4rem 0 0; font-weight:600; overflow-wrap:anywhere; }
.console-agents .console-request-state { display:inline-block; padding:.2rem .45rem; }
.console-agent .console-live-grid { grid-template-columns:minmax(0,1.2fr) minmax(18rem,1fr); gap:2rem; padding:1.25rem 1.5rem; }
.console-journey { grid-column:1; grid-row:1; min-width:0; }
.console-guided-example { padding:0; margin:0; border:0; border-radius:0; background:transparent; }
.console-guided-example :is(.we-heading,.we-intro,.we-record,.we-footer,.we-announcement,.we-mobile-summary,.we-recovery,.we-understanding,noscript) { display:none!important; }
.console-guided-example .we-layout { display:block; }
.console-guided-example .we-actions { display:none; }
.console-agent.is-console-ready .we-actions { display:flex; }
.console-guided-example .we-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem; counter-reset:console-step; margin:0 0 1.25rem; }
.console-guided-example .we-steps li { counter-increment:console-step; padding:.6rem .5rem; font-size:.75rem; line-height:1.4; color:var(--ink-muted); border:1px solid var(--rule-soft); border-radius:.4rem; }
.console-guided-example .we-steps li::before { content:counter(console-step) ' / '; font-family:var(--font-mono); opacity:.7; }
.console-guided-example .we-steps li[aria-current] { color:var(--ink); border-color:var(--institutional); background:var(--surface-quiet); }
.console-guided-example .we-story h3 { font-size:clamp(1.35rem,2vw,1.75rem); }
.console-guided-example .we-story>p { color:var(--ink-muted); font-size:.9375rem; }
.console-guided-example .we-why { padding:.65rem .85rem; }
.console-guided-example .we-actions { margin-top:1rem; }
.console-agent .console-decision { padding:1rem 1.15rem; }
.console-agent .console-live-verdict { margin:.45rem 0 .65rem; }
.console-agent .console-live-reason { margin-bottom:.65rem; }
.console-agent .console-backup-header { padding-top:.15rem; }
.console-agent .console-backup-header>div { flex-basis:100%; }
.console-agent .console-backup-header select { max-width:none; }
.console-agent .console-boundary { height:4.25rem; margin-top:.5rem; }
.console-agent .console-allocation { margin:1rem 0 0; }
.console-test-row { padding:1rem 1.5rem; border-block:1px solid var(--rule-soft); background:var(--surface-quiet); }
.console-test-row>div { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; }
.console-test-row>p { margin:.7rem 0 0; color:var(--ink-muted); font-size:.875rem; line-height:1.55; max-width:none; }
.console-agent>.console-payment-stage { padding:0 1.5rem; }
.console-agent .console-proof-actions { gap:.75rem; }
.console-agent .console-proof-facts { max-width:48rem; }
.console-agent .console-scope fieldset { margin:1rem 0; }
.console-agent .console-scope legend { font-size:.8125rem; padding-bottom:.5rem; }
.console-agent .console-mode-note { margin-bottom:.75rem; }
.console-page .console-close { column-gap:2rem; row-gap:1.25rem; padding-block:2.5rem 4rem; }
.console-close>div:first-child { flex:1 1 28rem; }
.console-close .console-learning-note { flex-basis:100%; color:var(--ink-muted); font-size:.8125rem; margin:0; max-width:65rem; }
@media(max-width:61.24rem) { .console-state-strip { gap:1rem; } .console-agent .console-live-grid { gap:1.25rem; } }
@media(max-width:47.99rem) {
  .console-state-strip { grid-template-columns:minmax(0,1fr); padding:1rem; }
  .console-agent .console-invoice { padding:1rem; }
  .console-agent .console-live-grid { display:flex; flex-direction:column; padding:1.25rem 1rem; gap:1.5rem; }
  .console-journey,.console-agent .console-decision { width:100%; }
  .console-test-row { padding:1rem; }
  .console-agent>.console-payment-stage { padding-inline:1rem; }
  .console-guided-example .we-steps { gap:.3rem; }
  .console-guided-example .we-steps li { padding:.5rem .4rem; }
  .console-guided-example .we-story h3 { font-size:1.4rem; }
  .console-agent .console-proof-facts>li { grid-template-columns:1.1rem minmax(0,1fr); }
  .console-agent .console-proof-facts>li>span:last-child { grid-column:2; }
  .console-test-row .button { width:100%; }
}
@media print { .console-agent :is(.we-actions,.console-test-row,.console-scope),.console-close .cta-row { display:none!important; } }
@media(min-width:48rem) {
  .console-intro h1 br { display:none; }
  .console-intro { padding-block:.85rem; gap:.4rem; }
  .console-intro h1 { font-size:clamp(2rem,2.7vw,2.5rem); }
  .console-agent .console-invoice { padding-block:.75rem; }
  .console-state-strip { padding-block:.75rem; }
  .console-agent .console-capacity>div { padding:.6rem .7rem; }
  .console-agent .console-capacity dd { margin-top:.25rem; }
  .console-guided-example .we-steps { margin-bottom:1rem; }
  .console-guided-example .we-story>p { margin-bottom:.75rem; }
  .console-guided-example .we-why { margin-block:.75rem; }
}
.console-guided-example .we-story { display:flex; flex-direction:column; }
.console-guided-example .we-steps { order:0; }
.console-guided-example .we-position { order:1; }
.console-guided-example [data-we-title] { order:2; }
.console-guided-example [data-we-explanation] { order:3; }
.console-guided-example .we-actions { order:4; margin-top:.25rem; }
.console-guided-example .we-why { order:5; }