:root {
  color-scheme: dark;
  --ink: #080908;
  --panel: #10110f;
  --panel-2: #151613;
  --line: #292b25;
  --line-soft: #1d1f1b;
  --paper: #f2f0e8;
  --muted: #9b9c91;
  --amber: #ffb13b;
  --amber-soft: #ffd181;
  --green: #90d892;
  --red: #ff765f;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.55; overflow-x: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
code { font-family: var(--mono); }
::selection { background: var(--amber); color: var(--ink); }

.ambient-grid { position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 70%); }
.ambient-grid::after { content: ""; position: absolute; width: 48rem; height: 48rem; right: -16rem; top: -18rem; background: radial-gradient(circle, rgba(255,177,59,.12), transparent 67%); }
.section-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-160%); background: var(--paper); color: var(--ink); padding: 10px 16px; border-radius: 4px; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--amber-soft); outline-offset: 4px; }

.site-header { width: min(1360px, calc(100% - 48px)); height: 82px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); }
.brand { display: flex; align-items: center; gap: 12px; font-size: .84rem; letter-spacing: .12em; }
.brand strong { color: var(--amber); font-weight: 700; }
.brand-mark { position: relative; display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #5b5c53; border-radius: 50%; }
.brand-mark::before { content: ""; width: 7px; height: 7px; background: var(--amber); border-radius: 50%; box-shadow: 0 0 14px rgba(255,177,59,.65); }
.brand-mark i { position: absolute; width: 31px; height: 1px; background: #5b5c53; transform: rotate(45deg); }
.brand-mark i + i { transform: rotate(-45deg); }
.site-header nav { display: flex; align-items: center; gap: 28px; color: #b7b7ae; font-size: .83rem; }
.site-header nav a:hover { color: var(--paper); }
.nav-evidence { border: 1px solid #3d3f37; background: #131411; padding: 9px 14px; border-radius: 3px; cursor: pointer; text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; }
.nav-evidence:hover { border-color: var(--amber); color: var(--amber-soft); }

.hero { min-height: calc(100vh - 82px); display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: clamp(48px, 8vw, 110px); padding-block: 86px 100px; }
.eyebrow, .section-kicker { color: var(--amber-soft); text-transform: uppercase; letter-spacing: .16em; font: 600 .72rem/1.4 var(--mono); }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.rec-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px rgba(255,118,95,.1); }
h1 { max-width: 760px; margin: 24px 0 26px; font-size: clamp(3.5rem, 6.6vw, 7rem); font-weight: 520; letter-spacing: -.065em; line-height: .91; }
h1 em { color: var(--amber); font-style: normal; }
.hero-lede { max-width: 580px; color: #b8b9b0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; margin-top: 38px; }
.button { min-height: 48px; border: 1px solid #41433b; border-radius: 3px; padding: 13px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; cursor: pointer; text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #17130b; border-color: var(--amber); background: var(--amber); }
.button-primary:hover { background: var(--amber-soft); }
.button-quiet { background: transparent; }
.button-quiet:hover { border-color: #777970; }
.narrative { margin: 72px 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; list-style: none; color: #b5b5ac; font-size: .73rem; text-transform: uppercase; letter-spacing: .08em; }
.narrative li { display: grid; gap: 5px; }
.narrative span { color: #5e6058; font-family: var(--mono); }

.recorder-preview { position: relative; min-height: 580px; padding: 22px; background: linear-gradient(145deg, #171813, #0c0d0b 72%); border: 1px solid #34362f; border-radius: 8px; box-shadow: 0 42px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04); overflow: hidden; transform: perspective(1200px) rotateY(-3deg); }
.recorder-preview::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.8%, rgba(255,177,59,.04) 50%, transparent 50.2%); pointer-events: none; }
.recorder-topline, .recorder-footer { position: relative; display: flex; justify-content: space-between; align-items: center; color: #74766d; font: .66rem var(--mono); letter-spacing: .09em; }
.live-label { color: var(--green); }
.preview-orbit { height: 110px; display: grid; grid-template-columns: 42px 1fr 55px 1fr 42px; align-items: center; gap: 10px; margin: 25px 2px 12px; }
.preview-orbit span, .preview-orbit b { display: grid; place-items: center; aspect-ratio: 1; border: 1px solid #55574e; border-radius: 50%; font: 700 .76rem var(--mono); }
.preview-orbit b { border-color: rgba(255,177,59,.6); background: rgba(255,177,59,.08); color: var(--amber); }
.preview-orbit i { height: 1px; background: linear-gradient(90deg, #45473f, var(--amber), #45473f); }
.preview-events { position: relative; border-top: 1px solid var(--line); }
.preview-row { min-height: 54px; display: grid; grid-template-columns: 34px 100px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--line-soft); }
.preview-row span { color: #575950; font: .68rem var(--mono); }
.preview-row strong { font: 650 .76rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.preview-row i { height: 1px; background: linear-gradient(90deg, #2a2c27, #45483f); }
.preview-row b { color: var(--green); font: 600 .65rem var(--mono); text-transform: uppercase; }
.recorder-footer { margin-top: 23px; color: var(--paper); }
.recorder-footer strong { color: var(--amber); font-size: .85rem; }

.flight-section { padding-block: 120px; background: #0b0c0a; border-block: 1px solid var(--line-soft); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 46px; }
.section-kicker { margin: 0 0 14px; }
h2 { margin: 0; font-size: clamp(2.3rem, 4vw, 4.8rem); font-weight: 520; letter-spacing: -.045em; line-height: 1; }
.heading-note { max-width: 340px; margin: 0; color: var(--muted); }
.replay-button { padding: 11px 15px; border: 1px solid #44463e; border-radius: 3px; background: #151613; cursor: pointer; font: 650 .72rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.replay-button span { color: var(--amber); margin-right: 8px; }
.replay-button:hover { border-color: var(--amber); }
.replay-button.is-playing span { animation: pulse 1s infinite; }
.flight-console { border: 1px solid #30322c; border-radius: 8px; background: #10110f; box-shadow: 0 35px 80px rgba(0,0,0,.34); overflow: hidden; }
.console-status { min-height: 46px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); color: #75776e; font: .65rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.console-status span:first-child { color: var(--green); }
.console-status i, .deal-status i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(144,216,146,.5); }
.flight-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(330px, .75fr); }
.timeline-wrap { min-width: 0; padding: 42px 38px 36px; border-right: 1px solid var(--line); }
.timeline { display: grid; grid-template-columns: repeat(6, minmax(92px, 1fr)); }
.timeline-item { min-width: 0; }
.timeline-step { width: 100%; min-width: 0; padding: 0; text-align: left; border: 0; background: transparent; cursor: pointer; }
.step-top { min-height: 48px; padding-right: 9px; display: flex; flex-direction: column; gap: 4px; }
.step-number { color: #5f6158; font: .7rem var(--mono); }
.step-time { color: #76786f; font: .6rem var(--mono); white-space: nowrap; }
.step-center { height: 26px; display: grid; grid-template-columns: 15px 1fr; align-items: center; }
.step-node { position: relative; z-index: 2; width: 12px; height: 12px; border: 2px solid #55574f; border-radius: 50%; background: var(--panel); transition: border-color .2s, background .2s, box-shadow .2s; }
.step-line { height: 1px; background: #40423b; }
.timeline-item:last-child .step-line { background: linear-gradient(90deg, #40423b 15%, transparent 15%); }
.step-bottom { display: flex; flex-direction: column; gap: 5px; padding: 10px 12px 12px 0; }
.step-bottom strong { font: 650 .71rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.step-bottom small { color: #7d7f76; font-size: .69rem; }
.step-bottom em { max-width: 110px; color: #777970; font: normal .62rem/1.35 var(--mono); }
.timeline-step:hover .step-node, .timeline-step.is-active .step-node { border-color: var(--amber); background: var(--amber); box-shadow: 0 0 0 6px rgba(255,177,59,.09), 0 0 22px rgba(255,177,59,.25); }
.timeline-step.is-active .step-bottom strong { color: var(--amber-soft); }
.timeline-step.is-active .step-bottom em { color: var(--green); }
.flight-complete { margin-top: 56px; padding: 22px; border: 1px solid #33352e; border-left: 3px solid var(--green); background: #141612; display: flex; align-items: center; gap: 18px; }
.complete-seal { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(144,216,146,.45); border-radius: 50%; color: var(--green); font-size: 1.2rem; }
.flight-complete p { margin: 0 0 2px; text-transform: uppercase; letter-spacing: .09em; font: 700 .75rem var(--mono); }
.flight-complete span { color: #85877d; font-size: .78rem; }
.inspector { min-width: 0; padding: 30px 28px; background: #131411; }
.inspector-head { display: flex; justify-content: space-between; align-items: center; color: #797b72; font: .65rem var(--mono); letter-spacing: .08em; }
.verified-chip { padding: 5px 8px; border: 1px solid rgba(144,216,146,.3); border-radius: 20px; color: var(--green); text-transform: uppercase; }
.inspector-actor { margin: 44px 0 5px; color: var(--amber); font: 700 .7rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.inspector h3 { margin: 0; font-size: 1.65rem; font-weight: 520; letter-spacing: -.025em; }
.inspector-explain { color: #9fa097; font-size: .9rem; }
.technical { margin-top: 28px; border-top: 1px solid var(--line); }
.technical summary { padding: 16px 0; display: flex; justify-content: space-between; cursor: pointer; list-style: none; font: 650 .7rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.technical summary::-webkit-details-marker { display: none; }
.evidence-row { padding: 10px 0; border-top: 1px solid var(--line-soft); }
.evidence-row dt { color: #6f7169; font: .62rem var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.evidence-row dd { position: relative; margin: 4px 0 0; padding-right: 45px; overflow: hidden; color: #c2c2ba; font: .7rem var(--mono); white-space: nowrap; text-overflow: ellipsis; }
.copy-mini { position: absolute; right: 0; border: 0; background: transparent; color: var(--amber-soft); cursor: pointer; font: .61rem var(--mono); text-transform: uppercase; }
.rail-proof { margin-top: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); }
.rail-proof[hidden] { display: none; }
.rail-proof div { padding: 10px 7px; background: #171815; display: grid; gap: 2px; text-align: center; }
.rail-proof strong { font: .58rem var(--mono); text-transform: uppercase; }
.rail-proof span { color: var(--green); font-size: .59rem; }

.overview, .semantics, .rail, .open-evidence { padding-block: 130px; }
.overview-grid { display: grid; grid-template-columns: 1fr .8fr; gap: 20px; }
.deal-card, .identity-card, .boundary-card, .rail-card, .evidence-box { border: 1px solid var(--line); background: var(--panel); border-radius: 6px; }
.deal-card { padding: 30px; }
.deal-status { padding-bottom: 26px; margin-bottom: 8px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); color: #74766e; font: .7rem var(--mono); text-transform: uppercase; }
.deal-status strong { color: var(--green); }
.deal-card dl { margin: 0; }
.deal-card dl > div { min-height: 62px; display: grid; grid-template-columns: 150px 1fr; align-items: center; border-bottom: 1px solid var(--line-soft); }
.deal-card dt { color: #76786f; font-size: .75rem; }
.deal-card dd { position: relative; min-width: 0; margin: 0; padding-right: 52px; font: .75rem var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.identity-card { padding: 30px; display: flex; flex-direction: column; }
.card-label { margin: 0; color: #787a71; font: .65rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.identity-track { flex: 1; display: grid; grid-template-columns: 1fr 35px 52px 35px 1fr; align-items: center; padding-block: 55px 34px; text-align: center; }
.identity-track > div:not(.bbx-node) > span, .bbx-node { width: 48px; height: 48px; margin: auto; display: grid; place-items: center; border: 1px solid #56584f; border-radius: 50%; font: 700 .8rem var(--mono); }
.identity-track p { margin: 12px 0 4px; font-size: .8rem; }
.identity-track code { color: #74766e; font-size: .62rem; }
.identity-track > i { height: 1px; background: linear-gradient(90deg, #31332d, var(--amber), #31332d); }
.bbx-node { color: var(--amber); border-color: rgba(255,177,59,.55); background: rgba(255,177,59,.07); }
.identity-note { margin: 0; padding-top: 22px; border-top: 1px solid var(--line); color: #989990; font-size: .82rem; }

.recovery { padding-block: 130px; background: #11120f; border-block: 1px solid var(--line-soft); }
.recovery-intro { max-width: 760px; }
.recovery-intro > p:last-child { max-width: 560px; margin-top: 25px; color: var(--muted); font-size: 1.05rem; }
.recovery-strip { margin: 70px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; border-block: 1px solid var(--line); }
.recovery-strip li { min-height: 230px; padding: 24px 20px; border-right: 1px solid var(--line); }
.recovery-strip li:last-child { border: 0; }
.recovery-strip span { color: var(--amber); font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.recovery-strip strong { display: block; margin-top: 40px; font-size: 1rem; line-height: 1.3; }
.recovery-strip p { color: #86887f; font-size: .78rem; }
.lineage-note { margin-top: 20px; padding: 22px 24px; display: grid; grid-template-columns: 190px 1fr; border: 1px solid #3b3529; background: rgba(255,177,59,.035); }
.lineage-note span { color: var(--amber-soft); font: .67rem var(--mono); text-transform: uppercase; }
.lineage-note p { margin: 0; color: #9d9e95; font-size: .86rem; }

.semantics-copy { max-width: 850px; }
.semantics-copy > p:last-child { max-width: 640px; color: var(--muted); }
.state-chain { margin-top: 65px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: 13px; }
.state-chain > div { min-height: 165px; padding: 21px; border: 1px solid var(--line); background: var(--panel); }
.state-chain > b { align-self: center; color: #55574f; font-size: 1.3rem; font-weight: 400; }
.state-chain span { color: #5f6159; font: .65rem var(--mono); }
.state-chain strong { display: block; margin-top: 31px; font-size: 1.08rem; }
.state-chain p { margin: 3px 0 0; color: #82847a; font-size: .76rem; }
.state-chain .chain-complete { border-color: rgba(144,216,146,.4); background: rgba(144,216,146,.045); }
.chain-complete strong { color: var(--green); }

.trust { padding-block: 130px; background: #0d0e0c; border-block: 1px solid var(--line-soft); }
.trust-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 90px; align-items: center; }
.trust-copy > p:not(.section-kicker) { max-width: 580px; color: var(--muted); }
.trust-fact { margin-top: 45px; display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: center; gap: 14px; }
.trust-fact strong { color: var(--amber); font: 400 3rem/1 var(--mono); }
.trust-fact span { max-width: 130px; color: #aaa9a0; font-size: .77rem; text-transform: uppercase; letter-spacing: .08em; }
.boundary-card { padding: 34px; }
.boundary-card h3 { margin: 25px 0 14px; font-size: 1.35rem; font-weight: 520; line-height: 1.35; }
.boundary-card > p:not(.card-label) { color: var(--muted); }
.boundary-card ul { margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; list-style: none; }
.boundary-card li { padding: 10px; border: 1px solid var(--line); color: #aaa9a1; font-size: .76rem; }
.boundary-card li::before { content: "×"; color: var(--red); margin-right: 8px; }

.rail-card { padding: 40px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; }
.rail-card h2 { font-size: clamp(2.1rem, 3vw, 3.5rem); }
.rail-card > div:first-child > p:last-child { color: var(--muted); }
.rail-flow { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rail-flow span, .rail-flow strong { padding: 11px; border: 1px solid var(--line); font: .66rem var(--mono); text-transform: uppercase; }
.rail-flow strong { color: var(--green); border-color: rgba(144,216,146,.4); }
.rail-flow i { color: var(--amber); font-style: normal; }
.rail-caveats { grid-column: 1 / -1; padding-top: 25px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px; }
.rail-caveats span { padding: 7px 10px; background: #191a17; border: 1px solid #30322c; color: #9a9b92; font: .65rem var(--mono); text-transform: uppercase; }

.open-evidence { padding-top: 20px; }
.evidence-box { position: relative; overflow: hidden; padding: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.evidence-box::after { content: "BBX"; position: absolute; right: -20px; bottom: -80px; color: rgba(255,255,255,.018); font-size: 16rem; font-weight: 800; line-height: 1; pointer-events: none; }
.evidence-box > div:first-child p:last-child { max-width: 500px; color: var(--muted); }
.capsule-hash { align-self: center; min-width: 0; padding: 20px; border: 1px solid var(--line); background: #0d0e0c; display: grid; gap: 8px; }
.capsule-hash span { color: #73756d; font: .64rem var(--mono); text-transform: uppercase; }
.capsule-hash code { overflow: hidden; color: var(--amber-soft); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.capsule-hash button { justify-self: start; padding: 0; border: 0; background: transparent; color: #a3a49b; cursor: pointer; font-size: .7rem; text-decoration: underline; }
.evidence-actions { grid-column: 1 / -1; display: flex; gap: 10px; }

footer { padding: 38px 0; border-top: 1px solid var(--line); }
footer .section-shell { display: flex; align-items: center; justify-content: space-between; color: #696b63; font: .68rem var(--mono); }
footer p { margin: 0; }
.footer-brand { color: var(--paper); font-weight: 700; letter-spacing: .07em; }
.footer-meta { display: flex; align-items: center; gap: 22px; }
.developer-signature { display: inline-flex; align-items: center; gap: 6px; color: #60625a; white-space: nowrap; }
.developer-signature a { color: #85877e; text-decoration: none; text-underline-offset: 3px; transition: color .18s ease; }
.developer-signature a:hover, .developer-signature a:focus-visible { color: var(--amber-soft); text-decoration: underline; }

.evidence-dialog { width: min(920px, calc(100% - 32px)); max-height: 88vh; padding: 0; color: var(--paper); background: #11120f; border: 1px solid #3b3d36; border-radius: 7px; box-shadow: 0 40px 120px #000; }
.evidence-dialog::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(8px); }
.dialog-head { padding: 25px 28px; display: flex; justify-content: space-between; align-items: start; border-bottom: 1px solid var(--line); }
.dialog-head h2 { font-size: 2rem; }
.dialog-head button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; font-size: 1.5rem; }
.dialog-meta { padding: 12px 28px; display: flex; justify-content: space-between; background: #171815; color: var(--green); font: .66rem var(--mono); }
.dialog-meta code { color: #85877e; }
.evidence-dialog pre { max-height: 48vh; margin: 0; padding: 25px 28px; overflow: auto; color: #b6b7ae; background: #0b0c0a; font: .72rem/1.7 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.dialog-actions { padding: 18px 28px; display: flex; gap: 10px; border-top: 1px solid var(--line); }
.toast { position: fixed; z-index: 120; left: 50%; bottom: 25px; padding: 10px 15px; transform: translate(-50%, 30px); opacity: 0; pointer-events: none; border: 1px solid #44463e; background: #181916; color: var(--paper); border-radius: 3px; font: .7rem var(--mono); transition: opacity .2s, transform .2s; }
.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

/* Deal Hub working surfaces */
.workspace { min-height: 100vh; }
.workspace-header nav a[aria-current="page"] { color: var(--amber-soft); }
.connection-pill { max-width: 260px; padding: 7px 10px; border: 1px solid #3d3f37; border-radius: 20px; color: #8c8e84; font: .62rem var(--mono); text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.connection-pill[data-state="CONNECTED"], .connection-pill[data-state="PAIRING_REQUIRED"] { color: var(--green); border-color: rgba(144,216,146,.35); background: rgba(144,216,146,.05); }
.connection-pill[data-state="CONNECTOR_UNAVAILABLE"] { color: var(--red); border-color: rgba(255,118,95,.35); }
.workspace-main { width: min(1240px, calc(100% - 48px)); margin-inline: auto; padding-block: 66px 110px; }
.workspace-main.narrow { width: min(900px, calc(100% - 48px)); }
.hub-hero { min-height: 630px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: center; }
.hub-hero h1, .page-title h1, .live-heading h1 { margin-block: 20px 24px; }
.hub-sequence { border: 1px solid var(--line); border-radius: 7px; background: linear-gradient(150deg, #161713, #0d0e0c); }
.hub-sequence p { min-height: 118px; margin: 0; padding: 22px 24px; display: grid; grid-template-columns: 40px 1fr; gap: 5px 12px; border-bottom: 1px solid var(--line); }
.hub-sequence p:last-child { border: 0; }
.hub-sequence span { grid-row: 1 / 3; color: #5f6158; font: .68rem var(--mono); }
.hub-sequence strong { font: 700 .76rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.hub-sequence em { color: #888a81; font-size: .82rem; font-style: normal; }
.working-surface, .deal-form-card, .live-console, .records-card { border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.working-surface { padding: 34px; }
.surface-head { display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.surface-head h2 { font-size: clamp(1.7rem, 3vw, 2.7rem); }
.connector-grid { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 1px; margin-top: 28px; background: var(--line); }
.connector-grid > * { margin: 0; padding: 25px; background: #131411; }
.connector-grid h3 { margin: 0 0 20px; font-weight: 520; }
.connector-grid code { display: block; padding: 12px; color: var(--amber-soft); border: 1px solid #383a33; background: #0b0c0a; }
.connector-grid p { color: var(--muted); font-size: .83rem; }
.pairing-drop, .mini-pair { position: relative; cursor: pointer; }
.pairing-drop { min-height: 180px; display: grid; place-content: center; gap: 12px; text-align: center; border: 1px dashed #54564e; }
.pairing-drop span, .mini-pair { color: var(--amber-soft); font: 700 .68rem var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.pairing-drop small { max-width: 310px; color: #a4a69c; font-size: .74rem; line-height: 1.5; }
.pairing-drop input, .mini-pair input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.custody-note strong { color: var(--green); font: 700 .68rem var(--mono); text-transform: uppercase; }
.custody-note button { padding: 0; border: 0; background: transparent; color: #9a9c92; text-decoration: underline; cursor: pointer; }
.page-message { padding: 13px 16px; border-left: 3px solid var(--amber); background: #161713; color: #b9bab1; font: .72rem var(--mono); }
.page-message[data-tone="success"] { border-color: var(--green); }.page-message[data-tone="error"] { border-color: var(--red); color: #ffc2b8; }
.hub-records { margin-top: 90px; padding-top: 70px; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; border-top: 1px solid var(--line); }
.hub-records h2 { font-size: clamp(2rem, 3.8vw, 4rem); }.hub-records p { color: var(--muted); }
.record-feature { min-height: 190px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(144,216,146,.3); background: rgba(144,216,146,.035); }
.record-feature span, .record-feature em { color: var(--green); font: normal .68rem var(--mono); letter-spacing: .08em; }.record-feature strong { font-size: 1.7rem; }
.page-title { max-width: 760px; padding-block: 25px 55px; }.page-title p:last-child { max-width: 670px; color: var(--muted); }
.deal-form-card { padding: 34px; }.form-gate { padding-bottom: 22px; margin-bottom: 28px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.mini-pair { padding: 8px 12px; border: 1px solid #41433b; border-radius: 3px; }
#new-deal-form { display: grid; gap: 22px; } .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
#new-deal-form label { display: grid; gap: 8px; color: #85877d; font: .67rem var(--mono); text-transform: uppercase; letter-spacing: .07em; }
#new-deal-form input, #new-deal-form select { min-width: 0; height: 50px; padding: 0 14px; color: var(--paper); border: 1px solid #3b3d36; border-radius: 3px; background: #0c0d0b; font: .82rem var(--mono); text-transform: none; }
.trust-disclosure { padding: 18px; border: 1px solid #393b34; background: #141512; }.trust-disclosure strong { color: var(--amber-soft); font: .68rem var(--mono); text-transform: uppercase; }.trust-disclosure p { margin: 8px 0 0; color: var(--muted); font-size: .82rem; }
.simulation-banner { margin-bottom: 18px; padding: 11px 15px; border: 1px solid var(--amber); background: rgba(255,177,59,.09); color: var(--amber-soft); text-align: center; font: 700 .67rem var(--mono); letter-spacing: .07em; }
.live-heading { padding-block: 20px 55px; display: flex; justify-content: space-between; align-items: end; gap: 35px; }.live-heading h1 { max-width: 800px; font-size: clamp(2.2rem, 5vw, 5rem); overflow-wrap: anywhere; }.live-heading p { color: var(--muted); }
.live-meta { display: grid; gap: 8px; text-align: right; }.live-meta span { color: var(--amber-soft); font: .67rem var(--mono); }.live-meta strong { color: #777970; font-size: .72rem; }
.live-console { padding: 30px; }.operation-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; }
.rail-live-disclosure { padding: 14px 0; display: grid; grid-template-columns: auto 1fr auto; gap: 18px; border-bottom: 1px solid var(--line); align-items: center; font: .63rem var(--mono); }.rail-live-disclosure strong { color: var(--amber-soft); text-transform: uppercase; }.rail-live-disclosure span { color: #777970; }.rail-live-disclosure em { color: var(--red); font-style: normal; }
.completion-summary { margin-top: 24px; padding: 18px; border: 1px solid rgba(144,216,146,.35); background: rgba(144,216,146,.045); }.completion-summary strong { display: block; color: var(--green); text-transform: uppercase; font: .74rem var(--mono); }.completion-summary span { color: #999b92; font-size: .78rem; }
.public-evidence { margin-top: 20px; border: 1px solid var(--line); background: #0b0c0a; }.public-evidence summary { padding: 14px; cursor: pointer; color: var(--amber-soft); font: .68rem var(--mono); text-transform: uppercase; }.public-evidence pre { max-height: 420px; margin: 0; padding: 18px; overflow: auto; border-top: 1px solid var(--line); color: #9b9d94; font: .68rem/1.6 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.operation-card { min-height: 240px; padding: 20px; display: flex; flex-direction: column; border: 1px solid #34362f; background: #131411; }.operation-card.state-verified, .operation-card.state-complete { border-color: rgba(144,216,146,.35); }.operation-card.state-rejected, .operation-card.state-blocked { opacity: .72; }.operation-card.state-submission_uncertain, .operation-card.state-not_observed { border-color: rgba(255,177,59,.45); }
.operation-head { display: grid; grid-template-columns: 32px 1fr; gap: 4px 10px; }.operation-index { grid-row: 1 / 3; color: #60625a; font: .68rem var(--mono); }.operation-head strong { font: .76rem var(--mono); letter-spacing: .07em; }.operation-head em { color: var(--amber-soft); font: normal .61rem var(--mono); }
.operation-card.state-verified .operation-head em, .operation-card.state-complete .operation-head em { color: var(--green); }.operation-copy { flex: 1; margin: 35px 0 18px; color: #878980; font-size: .78rem; }.operation-action { width: 100%; }
.finalize-row { margin-top: 25px; padding-top: 25px; display: flex; gap: 10px; border-top: 1px solid var(--line); }.button:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.records-card { padding: 26px; }.record-row { min-height: 82px; padding: 18px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }.record-row:hover { background: #171815; }.record-row strong { font: .74rem var(--mono); }.record-row span { color: #8c8e84; font-size: .78rem; }.record-row em { color: var(--amber-soft); font: normal .64rem var(--mono); }.verified-reference em { color: var(--green); }.empty-state { padding: 35px 18px; color: #74766d; text-align: center; font-size: .82rem; }.pairing-drop.compact { min-height: 100px; margin-top: 18px; }

.primary-identity-card { margin-top: 72px; padding: 30px 34px; display: grid; grid-template-columns: 1fr minmax(280px, .65fr); gap: 42px; align-items: center; border: 1px solid #34362f; border-left: 3px solid var(--amber); background: linear-gradient(105deg, #141511, #10110f); }
.primary-identity-card h2 { margin: 7px 0 10px; font-size: clamp(1.45rem, 3vw, 2.4rem); }.primary-identity-card p { margin: 0; color: var(--muted); }
.primary-identity-detail { padding-left: 24px; display: grid; gap: 7px; border-left: 1px solid var(--line); }.primary-identity-detail span, .deal-primary-identity span { color: #74766d; font: .65rem var(--mono); letter-spacing: .09em; }.primary-identity-detail strong { color: var(--amber-soft); font: .78rem var(--mono); }.primary-identity-detail[data-ready="true"] strong { color: var(--green); }.primary-identity-detail a { color: var(--paper); font-size: .79rem; }
.deal-primary-identity { margin-bottom: 24px; padding: 18px 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; border: 1px solid #383a32; background: #10110e; }.deal-primary-identity strong { font: .78rem var(--mono); }.deal-primary-identity[data-ready="true"] strong { color: var(--green); }.deal-primary-identity a { color: var(--amber-soft); font-size: .74rem; }
.self-test-label { padding: 13px 16px; display: grid; grid-template-columns: auto 1fr; gap: 16px; border: 1px solid rgba(255,177,59,.35); background: rgba(255,177,59,.05); }.self-test-label strong { color: var(--amber-soft); font: .7rem var(--mono); }.self-test-label span { color: #96988e; font-size: .78rem; }
.identity-main { max-width: 1160px; }.identity-title { max-width: 800px; }.identity-title h1 { font-size: clamp(3.5rem, 8vw, 7.4rem); }
.identity-console { padding: 30px; border: 1px solid #34362f; background: #121310; box-shadow: 0 28px 70px rgba(0,0,0,.22); }.identity-status { padding: 8px 11px; color: var(--amber-soft); border: 1px solid #47493f; font: .64rem var(--mono); letter-spacing: .07em; }
.identity-list { display: grid; gap: 14px; }.identity-list .identity-card { padding: 22px; border: 1px solid #383a32; background: #0e0f0d; }.identity-list .identity-card.is-primary { border-left: 3px solid var(--green); }
.identity-card-top { display: flex; justify-content: space-between; gap: 20px; }.identity-card-top span { color: var(--amber-soft); font: .65rem var(--mono); letter-spacing: .08em; }.identity-card-top em { color: var(--green); font: normal .62rem var(--mono); }
.identity-did { display: block; margin: 28px 0 22px; padding: 15px; overflow-wrap: anywhere; color: var(--paper); border: 1px solid #2c2e28; background: #090a08; font-size: .82rem; }
.identity-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.identity-facts div { display: grid; gap: 7px; }.identity-facts dt { color: #686a61; font: .62rem var(--mono); text-transform: uppercase; }.identity-facts dd { margin: 0; color: #bfc0b6; font-size: .76rem; }
.identity-actions { margin-top: 24px; display: flex; gap: 10px; }.identity-empty-copy { padding: 35px 20px; color: #989a90; text-align: center; }.identity-empty-actions { padding: 0 20px 22px; display: flex; justify-content: center; gap: 12px; }.identity-empty-actions[hidden], .approval-panel[hidden] { display: none; }
.approval-panel { margin-top: 18px; padding: 18px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid rgba(255,177,59,.4); }.approval-panel strong { color: var(--amber-soft); font: .75rem var(--mono); }.approval-panel p { margin: 6px 0 0; color: var(--muted); font-size: .78rem; }.identity-pair { max-width: 430px; margin-inline: auto; }
.identity-boundary { margin-top: 24px; padding: 26px 30px; display: grid; grid-template-columns: .65fr 1fr; gap: 35px; border: 1px solid var(--line); }.identity-boundary h2 { margin: 5px 0 0; }.identity-boundary dl { display: grid; gap: 10px; }.identity-boundary dl div { display: grid; grid-template-columns: 145px 1fr; gap: 12px; }.identity-boundary dt { color: #72746b; font: .64rem var(--mono); }.identity-boundary dd { margin: 0; color: #b7b8af; font-size: .77rem; }
.venue-strip { margin-bottom: 20px; padding: 15px 18px; display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; border: 1px solid #34362f; }.venue-strip span, .venue-strip em { color: #71736a; font: normal .63rem var(--mono); letter-spacing: .07em; }.venue-strip code { color: var(--amber-soft); overflow-wrap: anywhere; }
.technocore-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; }.activity-list { min-height: 240px; }.activity-row { padding: 17px 4px; display: grid; grid-template-columns: 1fr; gap: 5px; border-bottom: 1px solid var(--line); }.activity-row strong { font: .76rem var(--mono); }.activity-row code { color: #878980; }.activity-row span { color: var(--green); font: .61rem var(--mono); }
.activity-summary { margin-bottom: 12px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }.activity-summary div { padding: 14px; display: grid; gap: 7px; }.activity-summary div + div { border-left: 1px solid var(--line); }.activity-summary span { color: #72746b; font: .61rem var(--mono); }.activity-summary strong { color: var(--paper); font: 1.2rem var(--mono); }
.verify-console { display: grid; gap: 20px; }.tool-note { color: var(--muted); font-size: .78rem; }.verify-console form { display: grid; gap: 12px; }.verify-console label { display: grid; gap: 6px; color: #777970; font: .63rem var(--mono); text-transform: uppercase; }.verify-console textarea { min-height: 90px; resize: vertical; }.verify-console output { min-height: 38px; padding: 10px; color: var(--amber-soft); border: 1px solid var(--line); font: .68rem var(--mono); }.verify-console output[data-valid="true"] { color: var(--green); border-color: rgba(144,216,146,.4); }
.contribution-note { margin-top: 20px; padding: 25px 30px; display: grid; grid-template-columns: .6fr 1fr auto; gap: 30px; align-items: center; border: 1px solid var(--line); }.contribution-note h2 { margin: 5px 0 0; }.contribution-note p { color: var(--muted); font-size: .8rem; }.contribution-note > span { color: #76786f; font: .62rem var(--mono); }

@keyframes pulse { 50% { opacity: .35; } }

@media (max-width: 1040px) {
  .hero { grid-template-columns: 1fr; padding-top: 75px; }
  .hero-copy { max-width: 790px; }
  .recorder-preview { width: min(690px, 100%); min-height: 530px; transform: none; }
  .flight-layout { grid-template-columns: 1fr; }
  .timeline-wrap { border-right: 0; border-bottom: 1px solid var(--line); }
  .overview-grid, .trust-grid { grid-template-columns: 1fr; gap: 20px; }
  .recovery-strip { grid-template-columns: 1fr 1fr; }
  .recovery-strip li { min-height: 180px; border-bottom: 1px solid var(--line); }
  .state-chain { grid-template-columns: 1fr; }
  .state-chain > b { justify-self: center; transform: rotate(90deg); }
  .state-chain > div { min-height: 130px; }
  .hub-hero { grid-template-columns: 1fr; gap: 35px; padding-block: 45px 80px; }
  .technocore-grid, .primary-identity-card { grid-template-columns: 1fr; }.primary-identity-detail { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .connector-grid { grid-template-columns: 1fr 1fr; }.connector-grid .custody-note { grid-column: 1 / -1; }
  .operation-list { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .section-shell, .site-header { width: min(100% - 30px, 1240px); }
  .site-header { height: 70px; }
  .site-header nav > a { display: none; }
  .hero { min-height: auto; padding-block: 65px 80px; }
  h1 { font-size: clamp(3.1rem, 15vw, 5rem); }
  .hero-lede { font-size: 1rem; }
  .hero-actions, .evidence-actions, .dialog-actions { flex-direction: column; align-items: stretch; }
  .narrative { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .recorder-preview { min-height: 510px; padding: 16px; }
  .preview-orbit { grid-template-columns: 37px 1fr 48px 1fr 37px; }
  .section-heading { align-items: start; flex-direction: column; }
  .flight-section, .overview, .semantics, .rail, .open-evidence, .recovery, .trust { padding-block: 86px; }
  .console-status { align-items: start; flex-direction: column; justify-content: center; gap: 4px; }
  .timeline-wrap { padding: 28px 22px; }
  .timeline { grid-template-columns: 1fr; }
  .timeline-step { display: grid; grid-template-columns: 63px 26px 1fr; }
  .step-top { justify-content: center; }
  .step-center { height: auto; grid-template-columns: 15px; grid-template-rows: 15px 1fr; justify-items: center; }
  .step-line { width: 1px; height: 100%; }
  .timeline-item:last-child .step-line { background: linear-gradient(#40423b 15%, transparent 15%); }
  .step-bottom { padding: 0 0 27px 12px; }
  .step-bottom em { max-width: none; }
  .flight-complete { margin-top: 25px; }
  .inspector { padding: 28px 22px; }
  .deal-card, .identity-card, .boundary-card { padding: 22px; }
  .deal-card dl > div { grid-template-columns: 105px 1fr; }
  .identity-track { grid-template-columns: 1fr 20px 48px 20px 1fr; }
  .recovery-strip { grid-template-columns: 1fr; }
  .recovery-strip li { min-height: 160px; border-right: 0; }
  .recovery-strip strong { margin-top: 24px; }
  .lineage-note { grid-template-columns: 1fr; gap: 12px; }
  .trust-fact { grid-template-columns: auto 1fr; }
  .boundary-card ul { grid-template-columns: 1fr; }
  .rail-card, .evidence-box { padding: 25px; grid-template-columns: 1fr; }
  .rail-flow { align-items: stretch; flex-direction: column; }
  .rail-flow i { transform: rotate(90deg); align-self: center; }
  .rail-caveats, .evidence-actions { grid-column: 1; }
  footer .section-shell { align-items: start; flex-direction: column; gap: 8px; }
  .footer-meta { width: 100%; align-items: start; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
  .dialog-meta { align-items: start; flex-direction: column; gap: 4px; }
  .workspace-main, .workspace-main.narrow { width: min(100% - 30px, 1240px); padding-block: 45px 75px; }
  .workspace-header { height: auto; min-height: 70px; padding-block: 12px; flex-wrap: wrap; gap: 10px; }
  .workspace-header nav { order: 3; width: 100%; display: flex; overflow-x: auto; gap: 18px; padding: 4px 0 8px; white-space: nowrap; }
  .workspace-header nav > a { display: inline; }
  .workspace-header > .connection-pill { max-width: 145px; overflow: hidden; text-overflow: ellipsis; }
  .hub-hero { min-height: auto; }.hub-hero h1, .page-title h1 { font-size: clamp(3rem, 14vw, 4.5rem); }
  .connector-grid, .hub-records, .field-row, .operation-list { grid-template-columns: 1fr; }.connector-grid .custody-note { grid-column: auto; }
  .working-surface, .deal-form-card, .live-console, .records-card { padding: 20px; }.surface-head, .live-heading, .form-gate, .finalize-row { align-items: stretch; flex-direction: column; }.live-meta { text-align: left; }
  .record-row { grid-template-columns: 1fr; gap: 5px; }.operation-card { min-height: 220px; }
  .rail-live-disclosure { grid-template-columns: 1fr; gap: 5px; }
  .identity-console { padding: 20px; }.identity-facts { grid-template-columns: 1fr 1fr; }.identity-card-top, .identity-actions, .identity-empty-actions, .approval-panel { align-items: stretch; flex-direction: column; }.identity-boundary, .contribution-note { grid-template-columns: 1fr; }.identity-boundary dl div { grid-template-columns: 1fr; gap: 3px; }.venue-strip, .deal-primary-identity, .self-test-label { grid-template-columns: 1fr; }.identity-title h1 { font-size: clamp(3rem, 15vw, 5rem); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

.workload-console { margin-top: 24px; }
.workload-console > .button { margin-top: 20px; }
.workload-descriptor, .workload-result { margin-top: 24px; padding: 22px; border: 1px solid var(--line, #35382f); border-radius: 14px; background: rgba(255,255,255,.025); }
.workload-descriptor dl, .workload-details { display: grid; gap: 10px; margin: 18px 0; }
.workload-descriptor dl > div, .workload-details > div { display: grid; grid-template-columns: minmax(105px, 160px) minmax(0, 1fr); gap: 16px; }
.workload-descriptor dt, .workload-details dt { color: var(--muted, #a3a79b); }
.workload-descriptor dd, .workload-details dd { margin: 0; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.workload-result strong { font-size: clamp(1.6rem, 4vw, 2.5rem); letter-spacing: -.03em; }
.workload-result .button { display: inline-flex; margin-top: 12px; }
.workload-record-card { margin: 22px auto; max-width: 1040px; }
.publication-card { border-color: rgba(112, 234, 197, .24); }
.publication-setup { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }
.publication-setup label { display: grid; gap: 7px; color: var(--muted); font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.publication-setup input { min-width: 0; }
.publication-setup button { grid-column: 1 / -1; justify-self: start; }
.publication-stage { display: grid; gap: 14px; margin-top: 20px; }
.publication-stage > strong { color: var(--mint); letter-spacing: .1em; }
.publication-approval-lead { margin: 0; color: var(--ink); font-weight: 650; }
.publication-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.publication-review-group { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(0, 0, 0, .24); }
.publication-review-group h3 { margin: 0 0 12px; color: var(--ink); font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.publication-review-details { display: grid; gap: 10px; margin: 0; }
.publication-review-details > div { display: grid; gap: 3px; }
.publication-review-details dt { color: var(--muted); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.publication-review-details dd { margin: 0; color: var(--ink); font: .74rem ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.publication-signed-text { grid-column: 1 / -1; }
.publication-signed-text-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.publication-signed-text-head h3 { margin-bottom: 0; }
.publication-copy { position: static; flex: none; }
.publication-canonical-text { max-height: 290px; margin: 12px 0 0; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted); font-size: .74rem; }
.publication-actions { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 720px) { .publication-setup, .publication-preview { grid-template-columns: 1fr; } .publication-actions { display: grid; } }
.workload-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; padding: 0; list-style: none; }
.workload-checks li { padding: 10px 12px; border: 1px solid var(--line, #35382f); border-radius: 8px; font: .82rem ui-monospace, SFMono-Regular, Consolas, monospace; }
@media (max-width: 640px) { .workload-descriptor dl > div, .workload-details > div { grid-template-columns: 1fr; gap: 2px; } }