.system-page {
  min-height: 760px;
  padding: 42px;
  color: #111;
  background: #f7f7f5;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.system-pipeline { display: grid; grid-template-columns: auto 1fr minmax(250px, .65fr); align-items: center; gap: 18px; padding: 13px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.brand-page > .system-pipeline, .library-page > .system-pipeline { padding-inline: 46px; color: var(--brand-ink); background: var(--brand-paper); }
.pipeline-label { font: 700 8px/1 ui-monospace, monospace; letter-spacing: .1em; }.pipeline-steps { display: flex; align-items: center; gap: 5px; overflow-x: auto; }.pipeline-steps i { color: #aaa; font-style: normal; font-size: 9px; }
.pipeline-steps button { padding: 6px 8px; color: inherit; background: transparent; border: 1px solid transparent; cursor: pointer; font-size: 9px; white-space: nowrap; }.pipeline-steps button.active { color: var(--brand-paper); background: var(--brand-ink); border-color: var(--brand-ink); }
.system-pipeline p { margin: 0; color: #6a6a66; font-size: 9px; line-height: 1.4; }

.system-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
  gap: 34px;
  padding: 28px 0 46px;
  border-top: 3px solid #111;
  border-bottom: 1px solid #aaa;
}

.system-lead > p { grid-column: 1 / -1; margin: 0; font: 700 10px/1.2 ui-monospace, monospace; letter-spacing: .12em; }
.system-lead h2 { margin: 0; max-width: 760px; font: 500 clamp(42px, 5.4vw, 76px)/.96 Georgia, serif; letter-spacing: -.055em; }
.system-lead-copy { align-self: end; display: grid; gap: 12px; }
.system-lead-copy p { margin: 0; color: #4c4c49; font-size: 14px; line-height: 1.55; }
.system-lead-copy strong { color: #111; }
.system-lead.compact { padding-bottom: 34px; }
.system-lead.compact h2 { font-size: clamp(38px, 4.7vw, 64px); }

.coverage-strip {
  display: grid;
  grid-template-columns: 1fr auto 1.4fr 1fr 1fr;
  align-items: stretch;
  border-bottom: 1px solid #aaa;
}

.coverage-strip > div { min-height: 126px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border-right: 1px solid #aaa; }
.coverage-strip > div:first-child { padding-left: 0; }
.coverage-strip > div:last-child { border-right: 0; }
.coverage-strip strong { font: 500 34px/1 Georgia, serif; letter-spacing: -.04em; }
.coverage-strip span { max-width: 130px; color: #666; font-size: 10px; line-height: 1.25; text-transform: uppercase; letter-spacing: .08em; }
.coverage-strip > i { align-self: center; padding: 0 12px; font: 400 28px Georgia, serif; }

.forest-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #aaa; }
.forest-branch { min-height: 240px; padding: 24px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.forest-branch:nth-child(3n + 1) { padding-left: 0; }
.forest-branch:nth-child(3n) { border-right: 0; }
.forest-branch header { display: flex; justify-content: space-between; gap: 12px; }
.forest-branch h3 { margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.forest-branch header > span { display: grid; place-items: center; width: 25px; height: 25px; color: #fff; background: #111; border-radius: 50%; font-size: 10px; }
.forest-branch p { min-height: 42px; margin: 12px 0 20px; color: #666; font-size: 12px; line-height: 1.45; }
.system-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.system-tags span { padding: 6px 8px; background: #fff; border: 1px solid #c5c5c2; font: 600 9px/1 ui-monospace, monospace; text-transform: uppercase; letter-spacing: .04em; }

.formula-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 26px 0; border-bottom: 1px solid #aaa; }
.formula-strip span { padding: 7px 9px; background: #fff; border: 1px solid #bbb; font-size: 10px; }
.formula-strip i { color: #888; font-style: normal; }
.formula-strip strong { margin-left: auto; font: 500 22px Georgia, serif; }
.formula-strip small { flex: 0 0 100%; color: #777; text-align: right; }

.tool-contract { display: grid; grid-template-columns: .8fr 1.2fr; gap: 46px; padding: 54px 0; border-bottom: 1px solid #aaa; }
.tool-contract span, .gap-queue header span { font: 700 9px ui-monospace, monospace; letter-spacing: .12em; }
.tool-contract h3 { overflow-wrap: anywhere; margin: 8px 0 18px; font: 500 52px/1 Georgia, serif; font-size: clamp(30px, 3.6vw, 52px); }
.tool-contract p { max-width: 410px; color: #555; font-size: 13px; line-height: 1.55; }
.tool-contract pre { margin: 0; overflow: auto; padding: 24px; color: #eee; background: #111; border-radius: 2px; font: 12px/1.65 ui-monospace, monospace; }

.system-rules { display: grid; grid-template-columns: .6fr 1.4fr; gap: 40px; padding-top: 44px; }
.system-rules h3 { margin: 0; font: 500 32px Georgia, serif; }
.system-rules ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid #aaa; }
.system-rules li { display: grid; grid-template-columns: 46px 1fr; align-items: center; min-height: 56px; border-bottom: 1px solid #ccc; font-size: 13px; }
.system-rules li span { font: 700 10px ui-monospace, monospace; }

.prsim-manifesto { margin-top: 72px; color: #f4f4ef; background: #111; border-top: 1px solid #111; }
.prsim-manifesto > header { display: grid; grid-template-columns: 180px 1fr; gap: 38px; padding: 52px 46px 34px; border-bottom: 1px solid #3b3b3b; }
.prsim-manifesto > header span, .prsim-elm > div:first-child span, .prsim-sources > span { color: #858581; font: 700 9px/1 ui-monospace, monospace; letter-spacing: .12em; }
.prsim-manifesto > header h3 { max-width: 790px; margin: 0; font: 400 clamp(42px, 5vw, 72px)/.94 var(--brand-title-font); letter-spacing: -.05em; }
.prsim-word-study { min-height: 230px; display: flex; align-items: center; justify-content: center; gap: clamp(24px, 5vw, 86px); padding: 32px; border-bottom: 1px solid #3b3b3b; }
.prsim-word-study strong { font: 800 clamp(66px, 10vw, 142px)/.8 ui-monospace, monospace; letter-spacing: -.12em; }.prsim-word-study strong span { color: #777; }.prsim-word-study i { color: #777; font: 300 38px/1 var(--brand-title-font); }
.prsim-manifesto-copy { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #3b3b3b; }
.prsim-manifesto-copy p { min-height: 230px; margin: 0; padding: 34px 30px; color: #aaa; border-right: 1px solid #3b3b3b; font-size: 13px; line-height: 1.65; }.prsim-manifesto-copy p:last-child { border-right: 0; }.prsim-manifesto-copy b { color: #fff; }.prsim-manifesto-copy i { color: #ddd; }
.prsim-elm { display: grid; grid-template-columns: .65fr 1.35fr 1fr; border-bottom: 1px solid #3b3b3b; }.prsim-elm > div, .prsim-elm blockquote { min-height: 270px; margin: 0; padding: 34px 30px; border-right: 1px solid #3b3b3b; }.prsim-elm > :last-child { border-right: 0; }.prsim-elm h4 { margin: 62px 0 8px; font: 400 31px/1 var(--brand-title-font); }.prsim-elm > div:first-child p { color: #777; font-size: 10px; }
.prsim-elm blockquote { display: flex; flex-direction: column; justify-content: space-between; }.prsim-elm blockquote p { margin: 0; font: 400 25px/1.25 var(--brand-title-font); }.prsim-elm blockquote footer { color: #888; font-size: 10px; line-height: 1.5; }
.prsim-elm-conclusion { display: grid; align-content: center; }.prsim-elm-conclusion p { margin: 0; color: #aaa; font-size: 13px; line-height: 1.65; }.prsim-elm-conclusion b { color: #fff; }
.prsim-sources { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 24px; padding: 22px 30px; }.prsim-sources > span { margin-right: auto; }.prsim-sources a { color: #999; font-size: 9px; text-decoration: none; border-bottom: 1px solid #555; }.prsim-sources a:hover { color: #fff; }

.asset-toolbar, .scenario-family-filter { display: flex; flex-wrap: wrap; gap: 7px; padding: 20px 0; border-bottom: 1px solid #aaa; }
.asset-toolbar { display: grid; gap: 12px; }
.asset-toolbar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.asset-toolbar > div > strong { width: 68px; font: 700 9px ui-monospace, monospace; letter-spacing: .09em; }
.asset-toolbar button, .scenario-family-filter button { padding: 8px 11px; color: #555; background: transparent; border: 1px solid #bbb; border-radius: 999px; cursor: pointer; font-size: 10px; text-transform: uppercase; }
.asset-toolbar button.active, .scenario-family-filter button.active { color: #fff; background: #111; border-color: #111; }
.asset-toolbar button span { margin-left: 5px; opacity: .6; }
.asset-family-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; border: 1px solid #aaa; }
.asset-source-banner { display: grid; grid-template-columns: 1.6fr repeat(3, .7fr); border: 1px solid #aaa; border-top: 3px solid #111; }
.asset-source-banner > div { min-height: 112px; display: grid; align-content: center; gap: 7px; padding: 18px; border-right: 1px solid #aaa; }
.asset-source-banner > div:last-child { border-right: 0; }
.asset-source-banner > div:first-child { color: #fff; background: #111; }
.asset-source-banner span, .asset-source-banner b { font: 700 8px/1.35 ui-monospace, monospace; letter-spacing: .06em; }
.asset-source-banner strong { font: 500 18px/1.15 var(--brand-title-font); }
.asset-source-banner p { margin: 0; color: #aaa; font-size: 9px; line-height: 1.45; }
.asset-source-banner > div:not(:first-child) span { color: #777; font-weight: 500; letter-spacing: 0; }
.asset-family-tabs button { min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #111; background: transparent; border: 0; border-right: 1px solid #aaa; cursor: pointer; text-align: left; }
.asset-family-tabs button:last-child { border-right: 0; }.asset-family-tabs button.active { color: #fff; background: #111; }
.asset-family-tabs span { font: 700 11px ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }.asset-family-tabs strong { font: 400 28px var(--brand-title-font); }
.asset-result-count { padding: 10px 0; color: #6b6b67; border-bottom: 1px solid #ccc; font: 700 9px ui-monospace, monospace; letter-spacing: .07em; text-transform: uppercase; }
.asset-table-head, .asset-row { display: grid; grid-template-columns: 80px 1.7fr .52fr .62fr .8fr 1.35fr; align-items: center; gap: 14px; }
.asset-table-head { min-height: 42px; color: #777; border-bottom: 1px solid #aaa; font: 700 9px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.asset-row { min-height: 88px; border-bottom: 1px solid #d0d0cd; }
.asset-thumb { width: 66px; height: 66px; overflow: hidden; background: #e8e8e5; }
.asset-thumb img { width: 100%; height: 100%; object-fit: cover; }
.asset-identity { min-width: 0; display: grid; gap: 5px; }
.registry-order { color: #898984; font: 700 7px/1 ui-monospace, monospace; font-style: normal; letter-spacing: .1em; text-transform: uppercase; }
.asset-identity strong { font: 700 10px ui-monospace, monospace; }
.asset-identity span { overflow: hidden; color: #555; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.asset-type, .asset-role { font-size: 11px; text-transform: uppercase; }
.asset-color { display: flex; align-items: center; gap: 7px; font-size: 10px; text-transform: uppercase; }
.asset-color-dot { width: 12px; height: 12px; flex: 0 0 auto; display: block; border: 1px solid #777; border-radius: 50%; background: #eee; }
.asset-color-dot.color-black { background: #111; }
.asset-color-dot.color-cream { background: #d8d0bf; }
.asset-color-dot.color-liberty-blue { background: #98bdd7; }
.asset-color-dot.color-liberty-burgundy { background: #7a233d; }
.asset-color-dot.color-unspecified { background: repeating-linear-gradient(135deg, #fff 0 3px, #aaa 3px 4px); }
.asset-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.asset-tags span { padding: 4px 6px; background: #e9e9e6; font-size: 8px; text-transform: uppercase; }
.review-asset-head, .review-asset-row { display: grid; grid-template-columns: .65fr 1.5fr 1fr .7fr .45fr 1fr; align-items: center; gap: 14px; }
.review-asset-head { min-height: 42px; color: #777; border-bottom: 1px solid #aaa; font: 700 9px ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.review-asset-row { min-height: 126px; padding: 14px 0; border-bottom: 1px solid #d0d0cd; }
.review-asset-id, .review-asset-author, .review-asset-source { display: grid; gap: 5px; min-width: 0; }.review-asset-id strong { font: 700 10px ui-monospace, monospace; }.review-asset-id span, .review-asset-author span, .review-asset-source span { color: #777; font-size: 9px; text-transform: uppercase; }
.review-asset-row blockquote { margin: 0; font: 400 15px/1.35 var(--brand-title-font); }.review-asset-author strong, .review-asset-source strong { font-size: 10px; }.review-asset-rating { font: 700 10px ui-monospace, monospace; }

.block-contract-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; margin: 20px 0 44px; border: 1px solid #aaa; }
.block-contract-strip > div { min-height: 82px; display: grid; align-content: center; gap: 5px; padding: 14px; }
.block-contract-strip > i { color: #999; font-style: normal; }
.block-contract-strip span, .block-registry-group > header span { color: #777; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .09em; }
.block-contract-strip strong { font-size: 12px; }
.block-contract-strip small { color: #666; font-size: 9px; }
.block-registry-group { margin: 0 0 48px; }
.block-registry-group > header { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: 32px; align-items: end; padding: 0 0 18px; border-bottom: 2px solid #111; }
.block-registry-group > header h3 { margin: 7px 0 0; font: 500 30px/1 var(--brand-title-font); }
.block-registry-group > header p { margin: 0; color: #666; font-size: 10px; line-height: 1.5; }
.block-registry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); border-left: 1px solid #aaa; }
.block-registry-card { min-width: 0; padding: 20px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.block-registry-card > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.block-registry-card > header span { padding: 4px 6px; color: #fff; background: #111; font: 700 7px/1 ui-monospace, monospace; letter-spacing: .08em; }
.block-registry-card > header code { color: #777; font: 700 8px/1 ui-monospace, monospace; }
.block-live-preview { width: calc(100% + 40px); height: 220px; margin: 16px -20px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; pointer-events: none; }
.block-live-preview .pattern-scale { transform: scale(.32); }
.block-registry-card h3 { margin: 24px 0 9px; font: 500 21px/1.05 var(--brand-title-font); }
.block-registry-card > p { min-height: 43px; margin: 0 0 18px; color: #555; font-size: 10px; line-height: 1.45; }
.block-registry-card dl { margin: 0 0 16px; }
.block-registry-card dl div { display: grid; grid-template-columns: 92px 1fr; gap: 8px; padding: 7px 0; border-top: 1px solid #d2d2cf; font-size: 8px; }
.block-registry-card dt { color: #777; }.block-registry-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }.block-registry-card code { font: 700 8px/1.3 ui-monospace, monospace; }
.block-assembly-usage { display: grid; gap: 8px; margin: 0 0 16px; padding: 10px 0; border-top: 1px solid #d2d2cf; border-bottom: 1px solid #d2d2cf; }.block-assembly-usage > strong { font: 700 7px/1 ui-monospace, monospace; letter-spacing: .08em; }.block-assembly-usage > div { display: flex; flex-wrap: wrap; gap: 4px; }.block-assembly-usage span { padding: 4px 6px; color: #fff; background: #111; font: 700 7px/1 ui-monospace, monospace; }.block-assembly-usage em { color: #777; font-size: 8px; font-style: normal; }
.assembly-block-groups { border-top: 1px solid #aaa; }
.assembly-block-group { border-bottom: 1px solid #aaa; }
.assembly-block-group > summary { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 14px; cursor: pointer; list-style: none; }.assembly-block-group > summary::-webkit-details-marker { display: none; }.assembly-block-group > summary span { display: grid; gap: 5px; }.assembly-block-group > summary strong { font: 700 10px/1 ui-monospace, monospace; }.assembly-block-group > summary small { color: #666; font: 500 12px/1.2 var(--brand-title-font); }.assembly-block-group > summary b { color: #777; font: 700 8px/1 ui-monospace, monospace; text-transform: uppercase; }.assembly-block-group[open] > summary { color: #fff; background: #111; }.assembly-block-group[open] > summary small, .assembly-block-group[open] > summary b { color: #aaa; }
.assembly-block-group .block-registry-grid { border-top: 1px solid #aaa; }
.block-fallback-note { display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 24px; padding: 22px; color: #fff; background: #111; }
.block-fallback-note strong { font: 500 20px/1 var(--brand-title-font); }.block-fallback-note span { color: #aaa; font-size: 10px; line-height: 1.5; }.block-fallback-note code { color: #fff; }.block-fallback-note b { font: 700 9px/1 ui-monospace, monospace; }

.scenario-coverage { display: grid; grid-template-columns: 260px 1fr 320px; align-items: center; gap: 24px; padding: 20px 0; border-bottom: 1px solid #aaa; }
.scenario-coverage > div:first-child { display: grid; gap: 4px; }
.scenario-coverage strong { font: 500 22px Georgia, serif; }
.scenario-coverage span { color: #666; font-size: 9px; text-transform: uppercase; }
.scenario-coverage p { margin: 0; color: #666; font-size: 11px; line-height: 1.45; }
.coverage-bar { height: 6px; overflow: hidden; background: #d2d2cf; }
.coverage-bar i { display: block; min-width: 4px; height: 100%; background: #111; }
.scenario-workbench { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr); gap: 28px; align-items: start; }
.scenario-list { border-top: 1px solid #aaa; }
.scenario-row { width: 100%; display: grid; grid-template-columns: 132px 1.5fr 70px 70px 1fr; align-items: center; gap: 13px; min-height: 84px; padding: 10px 12px; color: #111; text-align: left; background: transparent; border: 0; border-bottom: 1px solid #ccc; cursor: pointer; }
.scenario-row:hover, .scenario-row.active { background: #fff; }
.scenario-row.active { box-shadow: inset 3px 0 #111; }
.scenario-code { display: grid; gap: 6px; font: 700 9px ui-monospace, monospace; letter-spacing: .05em; }
.scenario-name { display: grid; gap: 5px; }
.scenario-name strong { font: 500 16px Georgia, serif; }
.scenario-row small { display: block; margin-top: 3px; color: #777; font-size: 8px; text-transform: uppercase; }
.scenario-tags { display: flex; flex-wrap: wrap; gap: 3px; }
.scenario-tags i { padding: 4px 5px; background: #e8e8e5; font-style: normal; font-size: 7px; text-transform: uppercase; }
.scenario-tags em { padding: 4px 5px; color: #fff; background: #111; font: 700 7px/1 ui-monospace, monospace; text-transform: uppercase; }
.scenario-row.preview-selected { box-shadow: inset 3px 0 #111; }
.scenario-preview-state { display: grid; grid-template-columns: minmax(220px, 1fr) auto; align-items: center; gap: 18px; padding: 14px 0; border-bottom: 1px solid #aaa; }
.scenario-preview-copy { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 12px; }
.scenario-preview-state span { font: 700 8px/1 ui-monospace, monospace; letter-spacing: .1em; }
.scenario-preview-state strong { font: 500 15px/1.2 Georgia, serif; }
.scenario-preview-state small { grid-column: 2; color: #777; font-size: 9px; }
.scenario-preview-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.scenario-preview-state button { padding: 8px 10px; color: #111; background: transparent; border: 1px solid #aaa; cursor: pointer; font: 600 9px/1 ui-sans-serif, system-ui, sans-serif; }
.scenario-preview-state .scenario-step { display: inline-flex; align-items: center; gap: 5px; }
.scenario-preview-state .scenario-step svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.scenario-position { min-width: 46px; color: #555; font: 700 9px/1 ui-monospace, monospace; text-align: center; }
.scenario-preview-state .scenario-reset { color: #fff; background: #111; border-color: #111; }
.scenario-preview-state button:disabled { color: #999; background: transparent; border-color: #ccc; cursor: default; }
@media (max-width: 1100px) {
  .scenario-preview-state { grid-template-columns: 1fr; }
  .scenario-preview-actions { justify-content: flex-start; flex-wrap: wrap; }
}
.scenario-inspector { position: sticky; top: 20px; padding: 24px; color: #fff; background: #111; }
.scenario-inspector > span { color: #888; font: 700 9px ui-monospace, monospace; }
.scenario-inspector h3 { margin: 10px 0 20px; font: 500 31px/1.05 Georgia, serif; }
.scenario-inspector dl { margin: 0 0 20px; }
.scenario-inspector dl div { display: flex; justify-content: space-between; gap: 15px; padding: 8px 0; border-bottom: 1px solid #333; font-size: 10px; }
.scenario-inspector dt { color: #888; }
.scenario-inspector dd { margin: 0; text-align: right; text-transform: uppercase; }
.scenario-inspector .system-tags span { color: #ddd; background: #202020; border-color: #444; }

.mcp-state-lead { padding-bottom: 28px; }
.mcp-active-state { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 24px; padding: 18px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.mcp-active-state > div { display: grid; gap: 5px; }
.mcp-active-state span, .mcp-tools-section > header > span, .mcp-anchors-section > header > span { color: #777; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .1em; }
.mcp-active-state strong { font: 500 17px/1.2 Georgia, serif; }
.mcp-active-state small { color: #777; font-size: 9px; }
.mcp-state-grid { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); border-bottom: 1px solid #aaa; }
.mcp-panel { min-width: 0; padding: 28px 28px 28px 0; }
.mcp-panel + .mcp-panel { padding-left: 28px; border-left: 1px solid #aaa; }
.mcp-panel > header, .mcp-tools-section > header, .mcp-anchors-section > header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
.mcp-panel > header span, .mcp-tools-section > header > span, .mcp-anchors-section > header > span { font: 700 8px/1 ui-monospace, monospace; }
.mcp-panel h3, .mcp-tools-section h3, .mcp-anchors-section h3 { margin: 0; font: 500 24px/1 Georgia, serif; }
.mcp-state-row { display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 12px; min-height: 42px; border-top: 1px solid #d1d1ce; }
.mcp-state-row span { color: #666; font-size: 9px; }
.mcp-state-row code { font: 600 10px/1.3 ui-monospace, monospace; }
.mcp-state-row i { color: #777; font: 500 7px/1 ui-monospace, monospace; font-style: normal; text-transform: uppercase; }
.mcp-json-panel pre { max-height: 380px; margin: 0; padding: 18px; overflow: auto; color: #d5f6c5; background: #111; border: 1px solid #111; }
.mcp-json-panel code { font: 500 9px/1.55 ui-monospace, monospace; }
.mcp-tools-section, .mcp-anchors-section { padding: 32px 0; border-bottom: 1px solid #aaa; }
.mcp-tools-section > header p, .mcp-anchors-section > header p { margin: 0 0 0 auto; color: #666; font-size: 9px; }
.mcp-tool-groups { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #aaa; border-left: 1px solid #aaa; }
.mcp-tool-group { min-width: 0; padding: 18px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.mcp-tool-group > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding-bottom: 14px; }
.mcp-tool-group > div span { color: #777; font: 700 7px/1 ui-monospace, monospace; }
.mcp-tool-group h4 { margin: 0; font: 500 15px/1 Georgia, serif; }
.mcp-tool-group ol { margin: 0; padding: 0; list-style: none; }
.mcp-tool-group li { display: grid; gap: 4px; padding: 8px 0; border-top: 1px solid #d1d1ce; }
.mcp-tool-group li code { font: 700 9px/1 ui-monospace, monospace; }
.mcp-tool-group li small { color: #777; font-size: 8px; }
.mcp-anchor-list { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #aaa; border-left: 1px solid #aaa; }
.mcp-anchor-list > div { display: grid; grid-template-columns: 170px 1fr auto; align-items: center; gap: 12px; min-height: 46px; padding: 0 12px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.mcp-anchor-list code { font: 700 9px/1 ui-monospace, monospace; }
.mcp-anchor-list span { font-size: 10px; }
.mcp-anchor-list i { color: #777; font: 500 7px/1 ui-monospace, monospace; font-style: normal; text-transform: uppercase; }
.mcp-anchor-list .missing { color: #999; background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0,0,0,.025) 5px, rgba(0,0,0,.025) 10px); }
.mcp-anchor-list .available code::before { content: "● "; font-size: 7px; }
.scenario-assembly-link { display: grid; gap: 7px; margin: 0 0 18px; padding: 12px; background: #202020; border: 1px solid #3b3b3b; }.scenario-assembly-link small { color: #888; font: 700 8px/1 ui-monospace, monospace; }.scenario-assembly-link strong { font: 700 10px/1.3 ui-monospace, monospace; }.scenario-assembly-link button { width: max-content; padding: 0; color: #fff; background: transparent; border: 0; border-bottom: 1px solid #777; cursor: pointer; font-size: 9px; }
.assembly-sequence { margin: 22px 0; padding: 0; list-style: none; max-height: 248px; overflow: auto; }
.assembly-sequence li { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 7px 0; border-bottom: 1px solid #333; font-size: 9px; }
.assembly-sequence b { color: #999; font-family: ui-monospace, monospace; }
.system-primary { width: 100%; min-height: 42px; color: #111; background: #fff; border: 0; cursor: pointer; font-weight: 750; font-size: 11px; }

.gap-queue { margin-top: 46px; border-top: 2px solid #111; }
.gap-queue header { display: flex; align-items: end; justify-content: space-between; padding: 22px 0; }
.gap-queue header h3 { margin: 6px 0 0; font: 500 30px Georgia, serif; }
.gap-queue header > strong { font: 500 46px Georgia, serif; }
.gap-queue > div { display: grid; grid-template-columns: 40px 220px 1fr 90px; gap: 16px; align-items: center; min-height: 54px; border-top: 1px solid #ccc; font-size: 11px; }
.gap-queue > div b { font: 700 9px ui-monospace, monospace; }
.gap-queue > div span { color: #666; }
.gap-queue > div i { color: #999; font-style: normal; text-align: right; }

.assembly-explainer { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1.2fr; align-items: stretch; margin: 24px 0; border: 1px solid #aaa; }.assembly-explainer div { min-height: 82px; display: grid; align-content: center; gap: 4px; padding: 13px; }.assembly-explainer div.result { color: #fff; background: #111; }.assembly-explainer > i { align-self: center; color: #999; font-style: normal; }.assembly-explainer span { color: #888; font: 700 8px ui-monospace, monospace; }.assembly-explainer strong { font-size: 12px; }.assembly-explainer small { color: #777; font-size: 9px; }.assembly-explainer .result small { color: #aaa; }
.system-inline-action { width: max-content; margin-top: 4px; padding: 9px 12px; color: #fff; background: #111; border: 1px solid #111; cursor: pointer; font: 700 9px/1 ui-monospace, monospace; }
.assembly-workbench { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(500px, .95fr); gap: 28px; align-items: start; }
.assembly-table { border-top: 2px solid #111; }
.assembly-head, .assembly-row { display: grid; grid-template-columns: 1.3fr .5fr 1.8fr .4fr .45fr; gap: 13px; align-items: center; }
.assembly-head { min-height: 42px; color: #777; border-bottom: 1px solid #aaa; font: 700 8px ui-monospace, monospace; text-transform: uppercase; }
.assembly-row { width: 100%; min-height: 82px; padding: 0; color: #111; background: transparent; border: 0; border-bottom: 1px solid #ccc; cursor: pointer; text-align: left; }.assembly-row:hover, .assembly-row.active { background: #fff; }.assembly-row.active { box-shadow: inset 3px 0 #111; }
.assembly-row.draft { background: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(0,0,0,.025) 7px, rgba(0,0,0,.025) 14px); }
.assembly-row > span { display: grid; gap: 4px; }
.assembly-row strong { font-size: 10px; }
.assembly-row small { color: #777; font-size: 8px; }
.assembly-flow { display: flex !important; align-items: center; flex-wrap: wrap; gap: 4px; }
.assembly-flow i { min-width: 25px; padding: 4px; text-align: center; background: #e6e6e3; font: 700 8px ui-monospace, monospace; font-style: normal; }
.assembly-flow em { color: #999; font-style: normal; font-size: 8px; }
.assembly-inspector { position: sticky; top: 20px; padding: 24px; color: #fff; background: #111; }.assembly-inspector-head > span { color: #888; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .09em; }.assembly-inspector-head h3 { margin: 9px 0; font: 500 26px/1.05 ui-monospace, monospace; }.assembly-inspector-head p { margin: 0 0 22px; color: #999; font-size: 10px; line-height: 1.45; }.assembly-inspector-head p b { color: #fff; }
.assembly-inspector-tabs { display: grid; grid-template-columns: 1fr 1fr; margin: 0 -24px; border-top: 1px solid #333; border-bottom: 1px solid #333; }.assembly-inspector-tabs button { min-height: 42px; padding: 0 12px; color: #888; background: transparent; border: 0; border-right: 1px solid #333; cursor: pointer; font: 700 8px/1 ui-monospace, monospace; text-transform: uppercase; }.assembly-inspector-tabs button:last-child { border-right: 0; }.assembly-inspector-tabs button.active { color: #fff; background: #202020; }
.assembly-binding-summary { display: flex; flex-wrap: wrap; gap: 5px; margin: -10px 0 18px; }.assembly-binding-summary span { padding: 5px 6px; color: #bbb; background: #202020; border: 1px solid #333; font: 700 7px/1 ui-monospace, monospace; text-transform: uppercase; }
.assembly-inspector > section { padding: 18px 0; border-top: 1px solid #333; }.assembly-inspector section > header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; font-size: 10px; }.assembly-inspector section > header span { color: #888; font-size: 8px; text-transform: uppercase; }.assembly-inspector ol { margin: 0; padding: 0; list-style: none; }.assembly-inspector li { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 7px 0; border-top: 1px solid #292929; }.assembly-inspector li > b { color: #777; font: 700 8px ui-monospace, monospace; }.assembly-inspector li span { display: grid; gap: 3px; }.assembly-inspector li strong { font-size: 9px; }.assembly-inspector li small { color: #777; font-size: 8px; }
.assembly-copy-list { display: grid; gap: 8px; max-height: 290px; overflow: auto; }.assembly-copy-list article { padding: 10px; background: #1b1b1b; }.assembly-copy-list article > span { color: #777; font: 700 8px ui-monospace, monospace; }.assembly-copy-list h4 { margin: 5px 0; font: 500 15px/1.1 var(--brand-title-font); }.assembly-copy-list p { margin: 0; color: #aaa; font-size: 9px; line-height: 1.45; }.assembly-copy-list b { display: block; margin-top: 7px; color: #ddd; font-size: 8px; }
.assembly-asset-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.assembly-asset-list figure { min-width: 0; margin: 0; background: #1b1b1b; }.assembly-asset-list img { width: 100%; height: 92px; display: block; object-fit: cover; }.assembly-asset-list figcaption { overflow: hidden; display: grid; gap: 4px; padding: 7px; color: #999; font: 7px ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }.assembly-asset-list figcaption b { color: #fff; }.assembly-asset-list figcaption small { overflow: hidden; color: #666; font: inherit; text-overflow: ellipsis; }.assembly-variants p { color: #999; font-size: 9px; line-height: 1.45; }
.assembly-review-list { display: grid; gap: 7px; max-height: 260px; overflow: auto; }.assembly-review-list article { padding: 10px; background: #1b1b1b; }.assembly-review-list article > span { color: #999; font: 7px ui-monospace, monospace; }.assembly-review-list blockquote { margin: 7px 0; color: #ddd; font: 400 12px/1.3 var(--brand-title-font); }.assembly-review-list small { display: block; color: #666; font: 7px ui-monospace, monospace; }
.assembly-grouped-content { padding: 18px 0; border-top: 1px solid #333; }.assembly-grouped-content > header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; font-size: 10px; }.assembly-grouped-content > header span { color: #888; font-size: 8px; text-transform: uppercase; }.assembly-grouped-grid { display: grid; gap: 16px; }.assembly-grouped-grid > section { min-width: 0; }.assembly-grouped-grid > section > header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: #aaa; font: 700 8px/1 ui-monospace, monospace; text-transform: uppercase; }.assembly-grouped-grid > section > header span { color: #777; }.assembly-grouped-grid > section > p { margin: 0; color: #777; font-size: 9px; }
.assembly-instance-stack { display: grid; gap: 7px; }
.assembly-instance-card { background: #171717; border: 1px solid #333; }
.assembly-instance-card summary { display: grid; grid-template-columns: 28px minmax(0, 1fr) repeat(3, auto); align-items: center; gap: 8px; min-height: 58px; padding: 8px 10px; cursor: pointer; list-style: none; }
.assembly-instance-card summary::-webkit-details-marker { display: none; }
.assembly-instance-card summary > b { color: #777; font: 700 8px/1 ui-monospace, monospace; }
.assembly-instance-card summary > span { min-width: 0; display: grid; gap: 4px; }
.assembly-instance-card summary strong { overflow: hidden; font: 700 9px/1.2 ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.assembly-instance-card summary small { overflow: hidden; color: #777; font: 7px/1.2 ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.assembly-instance-card summary i { padding: 4px 5px; color: #999; background: #222; font: 500 7px/1 ui-monospace, monospace; font-style: normal; white-space: nowrap; }
.assembly-instance-card[open] summary { border-bottom: 1px solid #333; }
.assembly-instance-content { display: grid; grid-template-columns: 1fr 1fr; }
.assembly-instance-content > section { min-width: 0; padding: 12px; border-right: 1px solid #333; border-bottom: 1px solid #333; }
.assembly-instance-content > section:first-child { grid-column: 1 / -1; border-right: 0; }
.assembly-instance-content > section:last-child { border-right: 0; }
.assembly-instance-content header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 10px; color: #aaa; font: 700 8px/1 ui-monospace, monospace; text-transform: uppercase; }
.assembly-instance-content p { margin: 0; color: #777; font-size: 8px; line-height: 1.45; }
.assembly-instance-content dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; margin: 0; }
.assembly-instance-content dl div { display: grid; gap: 4px; padding: 7px 0; border-top: 1px solid #292929; }
.assembly-instance-content dt { color: #777; font-size: 7px; text-transform: uppercase; }
.assembly-instance-content dd { margin: 0; color: #ddd; font-size: 9px; line-height: 1.35; }
.assembly-instance-assets { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.assembly-instance-assets figure { min-width: 0; margin: 0; background: #222; }
.assembly-instance-assets img { width: 100%; height: 74px; display: block; object-fit: cover; }
.assembly-instance-assets figcaption { display: grid; gap: 3px; padding: 6px; }
.assembly-instance-assets figcaption b, .assembly-instance-assets figcaption span, .assembly-instance-reviews article > span, .assembly-instance-reviews small { overflow: hidden; font: 600 7px/1.2 ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.assembly-instance-assets figcaption span, .assembly-instance-reviews small { color: #777; }
.assembly-instance-reviews { display: grid; gap: 6px; }
.assembly-instance-reviews article { padding: 8px; background: #222; }
.assembly-instance-reviews blockquote { margin: 6px 0; color: #ddd; font: 400 11px/1.35 var(--brand-title-font); }
.assembly-inspector .system-primary:disabled { color: #777; background: #222; border-color: #333; cursor: default; }

.canvas.mobile .system-page { padding: 24px 18px; }
.canvas.mobile .system-lead, .canvas.mobile .tool-contract, .canvas.mobile .system-rules { grid-template-columns: 1fr; }
.canvas.mobile .system-lead h2 { font-size: 38px; }
.canvas.mobile .coverage-strip { grid-template-columns: 1fr 1fr; }
.canvas.mobile .coverage-strip > i { display: none; }
.canvas.mobile .coverage-strip > div { min-height: 92px; padding: 14px; border-bottom: 1px solid #aaa; }
.canvas.mobile .forest-grid { grid-template-columns: 1fr; }
.canvas.mobile .forest-branch, .canvas.mobile .forest-branch:nth-child(3n + 1) { min-height: 0; padding: 20px 0; border-right: 0; }
.canvas.mobile .prsim-manifesto { margin-inline: -18px; }.canvas.mobile .prsim-manifesto > header { grid-template-columns: 1fr; padding: 40px 22px 28px; }.canvas.mobile .prsim-manifesto > header h3 { font-size: 40px; }.canvas.mobile .prsim-word-study { min-height: 160px; gap: 18px; padding: 26px 18px; }.canvas.mobile .prsim-word-study strong { font-size: 48px; }.canvas.mobile .prsim-word-study i { font-size: 24px; }.canvas.mobile .prsim-manifesto-copy, .canvas.mobile .prsim-elm { grid-template-columns: 1fr; }.canvas.mobile .prsim-manifesto-copy p, .canvas.mobile .prsim-elm > div, .canvas.mobile .prsim-elm blockquote { min-height: 0; padding: 28px 22px; border-right: 0; border-bottom: 1px solid #3b3b3b; }.canvas.mobile .prsim-elm h4 { margin-top: 32px; }.canvas.mobile .prsim-elm blockquote { gap: 38px; }.canvas.mobile .prsim-elm blockquote p { font-size: 21px; }.canvas.mobile .prsim-sources { align-items: flex-start; flex-direction: column; padding: 22px; }
.canvas.mobile .formula-strip strong { width: 100%; margin: 8px 0 0; }
.canvas.mobile .asset-table-head { display: none; }
.canvas.mobile .asset-source-banner { grid-template-columns: 1fr; }.canvas.mobile .asset-source-banner > div { min-height: 0; border-right: 0; border-bottom: 1px solid #aaa; }
.canvas.mobile .asset-row { grid-template-columns: 70px 1fr; padding: 12px 0; }
.canvas.mobile .review-asset-head { display: none; }.canvas.mobile .review-asset-row { grid-template-columns: 1fr; gap: 9px; }.canvas.mobile .review-asset-row blockquote { font-size: 18px; }
.canvas.mobile .asset-type, .canvas.mobile .asset-role, .canvas.mobile .asset-color, .canvas.mobile .asset-tags { grid-column: 2; }
.canvas.mobile .scenario-coverage { grid-template-columns: 1fr; }
.canvas.mobile .scenario-workbench { grid-template-columns: 1fr; }
.canvas.mobile .scenario-row { grid-template-columns: 1fr; gap: 6px; padding: 16px 12px; }
.canvas.mobile .scenario-row > span:not(.scenario-name):not(.scenario-code):not(.scenario-tags) { display: none; }
.canvas.mobile .scenario-inspector { position: static; }
.canvas.mobile .scenario-preview-state { grid-template-columns: 1fr; }
.canvas.mobile .scenario-preview-actions { justify-content: flex-start; flex-wrap: wrap; }
.canvas.mobile .mcp-active-state, .canvas.mobile .mcp-state-grid, .canvas.mobile .mcp-tool-groups, .canvas.mobile .mcp-anchor-list { grid-template-columns: 1fr; }
.canvas.mobile .mcp-panel { padding: 24px 0; }
.canvas.mobile .mcp-panel + .mcp-panel { padding-left: 0; border-top: 1px solid #aaa; border-left: 0; }
.canvas.mobile .mcp-tools-section > header, .canvas.mobile .mcp-anchors-section > header { align-items: flex-start; flex-wrap: wrap; }
.canvas.mobile .mcp-tools-section > header p, .canvas.mobile .mcp-anchors-section > header p { width: 100%; margin-left: 0; }
.canvas.mobile .mcp-anchor-list > div { grid-template-columns: 1fr auto; padding-block: 10px; }
.canvas.mobile .mcp-anchor-list span { grid-column: 1; }
.canvas.mobile .gap-queue > div { grid-template-columns: 28px 1fr; padding: 10px 0; }
.canvas.mobile .gap-queue > div span, .canvas.mobile .gap-queue > div i { grid-column: 2; text-align: left; }
.canvas.mobile .system-pipeline { grid-template-columns: 1fr; }.canvas.mobile .brand-page > .system-pipeline, .canvas.mobile .library-page > .system-pipeline { padding-inline: 20px; }.canvas.mobile .system-pipeline p { display: none; }
.canvas.mobile .assembly-explainer { grid-template-columns: 1fr 1fr; }.canvas.mobile .assembly-explainer > i { display: none; }.canvas.mobile .assembly-workbench { grid-template-columns: 1fr; }.canvas.mobile .assembly-inspector { position: static; }
.canvas.mobile .block-contract-strip, .canvas.mobile .block-registry-group > header, .canvas.mobile .block-registry-grid, .canvas.mobile .block-fallback-note { grid-template-columns: 1fr; }
.canvas.mobile .block-contract-strip > i { display: none; }.canvas.mobile .block-registry-card { min-height: 0; }.canvas.mobile .block-fallback-note { align-items: start; }
.canvas.mobile .assembly-head { display: none; }
.canvas.mobile .assembly-row { grid-template-columns: 1fr 70px; padding: 14px 10px; }
.canvas.mobile .assembly-flow { grid-column: 1 / -1; }
.canvas.mobile .assembly-row > span:nth-child(4), .canvas.mobile .assembly-row > span:nth-child(5) { display: none; }
.canvas.mobile .assembly-instance-content, .canvas.mobile .assembly-instance-content dl { grid-template-columns: 1fr; }
.canvas.mobile .assembly-instance-content > section { grid-column: 1; border-right: 0; }
.canvas.mobile .assembly-instance-card summary { grid-template-columns: 24px minmax(0, 1fr); }
.canvas.mobile .assembly-instance-card summary i { grid-column: 2; width: max-content; }