/* Stand 36: user-selected centered composition. Reading columns stay left aligned. */
main .problem h2,main .section-heading,main .related>h2,main .closing{text-align:center}
main .problem h2,main .section-heading h2,main .section-intro-copy,main .related>h2{margin-inline:auto}
main .section-heading h2{max-width:35ch;text-wrap:balance}
main .section-intro-copy{max-width:69ch;text-wrap:pretty}
main .scenario-choices,main .flow-controls{justify-content:center}
main #example-flow{max-width:1080px;margin-inline:auto}
main .example-label,main .flow-status{text-align:center}
main .flow-status{margin-inline:auto}
main .flow{max-width:780px;margin-inline:auto}
main .chapter-composition>.chapter-setup,main .chapter-composition>.table-intro,main .chapter-composition>.prose-tail,main .flow-conditions{margin-inline:auto}
main .closing{padding-inline:0}
main .closing>h2,main .closing>p{margin-inline:auto}
main .synq-contact{grid-template-columns:1fr;max-width:880px;margin-inline:auto;gap:36px}
main .synq-contact .contact-intro{text-align:center;max-width:74ch;margin-inline:auto}
main .synq-contact h2{margin-inline:auto}
main .synq-contact form{width:100%;max-width:760px;margin-inline:auto}

.editorial-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;max-width:1160px;margin-inline:auto;align-items:start}
.editorial-narrative{max-width:none!important;min-width:0}
.editorial-narrative>p:first-child{margin-top:0}
.editorial-narrative>p{max-width:70ch}
.editorial-portrait{margin:0;min-width:0}
.editorial-portrait img{width:100%;height:auto;aspect-ratio:4/5;max-height:650px;object-fit:cover;border-radius:12px}
.editorial-portrait figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}
.editorial-narrative .working-example{margin-top:28px}
.editorial-dossier{margin-top:30px;padding:24px 28px;background:var(--surface);border-radius:12px}
.editorial-dossier h3{margin:0 0 24px;font-size:25px}
.editorial-dossier dl{margin:0}
.editorial-dossier .content-caption{font-size:13px;line-height:1.6;margin-top:20px}
.editorial-dossier .content-caption p{font-size:13px!important;line-height:1.6;margin:0!important}
.editorial-footer{max-width:85ch!important;margin-inline:auto;text-align:center}
.editorial-footer>figcaption{font-size:13px;color:var(--muted);line-height:1.6}
.editorial-footer>p{max-width:none;color:var(--muted);margin-top:20px}
.chapter--editorial:has(.editorial-sequence) .editorial-portrait img{aspect-ratio:3/4}
.editorial-after{max-width:none!important;margin-top:44px!important}
.editorial-after .process-sequence{gap:32px;margin:0}
.editorial-sequence{padding:0!important;list-style:none;counter-reset:agency-flow;margin:28px 0!important}
.editorial-sequence>li{margin:0;padding-block:18px;border-top:1px solid var(--line)}
.editorial-sequence h3{font-size:22px!important;margin:5px 0 10px!important}
.editorial-sequence p{font-size:16px;line-height:1.65;margin:0!important;color:var(--muted)}
.editorial-narrative>figcaption{font-size:13px;color:var(--muted);line-height:1.6}
.editorial-narrative>.transfer-caption{justify-content:flex-start;max-width:100%;margin:26px 0}
.chapter--editorial:has([data-account]) .editorial-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.chapter--editorial:has([data-account]) .editorial-narrative>p:nth-child(n+2):nth-child(-n+4){display:inline-block;font-size:14px;margin:20px 20px 0 0;color:var(--accent)}

.protocol-track{gap:24px}
.protocol-track .protocol-title{font-size:21px;line-height:1.4;min-height:2.8em;margin:0 0 22px}
.protocol-fields{display:block!important;padding:20px 18px!important;border-radius:12px;background:var(--surface);margin:0!important;min-height:260px}
.protocol-fields>div{display:block!important;margin:0 0 16px!important;padding:0!important;border:0!important}
.protocol-fields>div:last-child{margin-bottom:0!important}
.protocol-fields dt{font-size:12px!important;color:var(--muted)!important;margin:0 0 4px!important}
.protocol-fields dd{font-size:15px!important;color:var(--text)!important;margin:0!important;line-height:1.5;overflow-wrap:anywhere}
.protocol-fields dd.field-identifier{font-family:ui-monospace,Consolas,monospace;font-size:13px!important}
.protocol-explanation{margin-top:24px!important;padding-top:18px;border-top:1px solid var(--line);font-size:15px!important;line-height:1.7}
.balanced-return-branches{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.shared-planning-note{max-width:90ch;margin:28px auto 0!important;text-align:center;color:var(--muted);font-size:13px!important}

.workspace-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;max-width:1160px;margin-inline:auto}
.workspace-context{columns:auto!important;max-width:none!important}
.workspace-context>p:first-child,.pipeline-context>p:first-child{margin-top:0}
.workspace-context>p,.pipeline-context>p{font-size:17px;line-height:1.75;color:var(--muted)}
.crm-workspace{padding:30px;background:var(--surface);border-radius:12px;min-width:0}
.crm-workspace>h3{font-size:25px!important;margin:0 0 24px!important;line-height:1.3}
.workspace-choices{display:flex;flex-wrap:wrap;gap:8px}
.workspace-choices button,.cost-controls button{background:transparent;border:1px solid var(--input);padding:10px 15px;min-height:44px;border-radius:100px;font-size:14px;text-align:left;line-height:1.4}
.workspace-choices button[aria-pressed=true],.cost-controls button[aria-pressed=true]{background:var(--button);color:var(--button-text);border-color:transparent}
.pipeline-route{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin:32px 0}
.pipeline-route i{height:1px;background:var(--input);flex:1}
.pipeline-route span[data-active=true]{color:var(--accent);font-weight:600}
.pipeline-detail{border-top:1px solid var(--line);padding-top:26px;min-height:318px}
.pipeline-detail h3{font-size:30px!important;line-height:1.2;margin:0 0 18px!important}
.pipeline-detail p{font-size:16px;line-height:1.65;color:var(--muted);margin-top:16px}
.pipeline-detail [data-pipeline-open]{color:var(--text);font-size:18px;padding-block:14px;border-block:1px solid var(--line);margin-block:22px}
.pipeline-detail [role=status]{font-size:13px;margin-top:22px}
.pipeline-context{max-width:none!important}
.pipeline-context details{margin-block:28px}
.assignment-route{list-style:none;padding:0!important;margin:28px 0!important}
.assignment-route li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;padding-block:19px;border-top:1px solid var(--line);margin:0!important;font-size:15px}
.assignment-route strong{font-weight:550;color:var(--text)}
.assignment-route span{color:var(--muted);line-height:1.6}
.workspace-result{color:var(--accent);font-size:16px!important;line-height:1.6;margin-top:22px!important}
.workspace-note{font-size:13px!important;color:var(--muted);line-height:1.6;margin-top:22px!important}
.task-context{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.task-context>span{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px}
.task-context>span::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.task-context>h4{font-size:25px!important;margin:14px 0 22px!important;line-height:1.3}
.task-context dl{display:block!important;margin:0!important}
.task-context dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;margin:0!important;padding-block:12px;border-top:1px solid var(--line)}
.task-context dt{font-size:13px!important;color:var(--muted)}
.task-context dd{font-size:15px!important;color:var(--text);margin:0;line-height:1.6}
.workspace-explanation{display:block;padding-top:30px;border-top:1px solid var(--line);max-width:1000px;margin-inline:auto}
.workspace-explanation>.subject-unit{max-width:none!important;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.workspace-explanation h3{font-size:27px!important}
.workspace-explanation p{margin-top:0!important;color:var(--muted)}

.agency-release-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;max-width:1160px;margin-inline:auto}
.agency-project{max-width:none!important}
.agency-project>h3{margin-top:0!important;font-size:28px}
.agency-project dl{margin-block:25px}
.agency-release-stage>.working-example{margin:0;max-width:none;padding:30px;background:var(--surface);border-radius:12px}
.agency-release-stage legend{font-size:24px;line-height:1.3}
.release-caption{max-width:90ch!important;margin:28px auto 0!important;text-align:center}
.release-caption p{font-size:14px!important;line-height:1.65;color:var(--muted);max-width:none;margin-top:14px}
.release-caption p:first-child{margin-top:0}
.customer-relationships{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;max-width:1160px;margin-inline:auto}
.customer-relationships>.subject-unit:first-child{grid-column:auto;max-width:none}
.customer-roles{display:grid;gap:32px}
.customer-roles>.subject-unit{max-width:none!important;padding-top:22px;border-top:1px solid var(--line)}
.customer-roles h3{font-size:25px!important}
.customer-relationships>.subject-unit>dl{display:block}
.customer-relationships>.subject-unit>dl>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:20px;padding-block:14px;border-top:1px solid var(--line)}
.customer-relationships>.subject-unit>dl>div dt{font-size:15px}
.customer-relationships>.subject-unit>dl>div dd{margin:0;font-size:16px}
.customer-model-footer{max-width:85ch!important;margin-inline:auto;text-align:center}
.customer-model-footer p{max-width:none;color:var(--muted)}
.customer-model-footer>p+p{margin-top:20px}
.service-decision{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 56px;align-items:start;max-width:1160px;margin-inline:auto}
.service-decision-media{grid-column:1;grid-row:1/3;min-width:0}
.service-decision-media figure{margin:0}
.service-decision-media figure>div{position:relative}
.service-decision-media img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:var(--surface)}
.service-decision-media figure>div>span{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}
.service-decision-media figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}
.service-context,.service-decision-copy{grid-column:2;max-width:none!important}
.service-context h3,.service-decision-copy h3{margin:0 0 18px!important;font-size:25px!important}
.service-context p,.service-decision-copy p{margin:0!important;color:var(--muted)}
.service-decision-copy{padding-top:26px;border-top:1px solid var(--line)}
.erp-requirements-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;max-width:1160px;margin-inline:auto;align-items:start}
.erp-customer-context,.erp-customer-example{max-width:none!important}
.erp-customer-context h3{font-size:30px!important}
.erp-customer-context p{color:var(--muted)}
.erp-customer-example{padding:28px;background:var(--surface);border-radius:12px}
.erp-customer-example>h3{font-size:23px!important;max-width:none}
.erp-customer-example>.working-example{margin-bottom:0;padding:22px 0 0;background:transparent;border-radius:0;border-top:1px solid var(--line)}
.erp-customer-example dl{margin-block:24px}
.erp-customer-example .content-caption{font-size:13px!important}

.cost-explorer{background:var(--surface);padding:34px 40px;border-radius:12px}
.cost-explorer>h3{font-size:27px!important;margin:0 0 12px!important}
.cost-explorer>p:first-of-type{font-size:16px;color:var(--muted);margin:0}
.cost-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.cost-rail{height:2px;background:var(--input);margin:40px 0 0;overflow:hidden}
.cost-rail-fill{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(.1);transform-origin:left center}
.cost-explorer .cost-ledger{border-top:0;gap:24px}
.cost-explorer .cost-ledger>div{position:relative;padding-top:28px}
.cost-explorer .cost-ledger>div::before{content:'';position:absolute;left:16px;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--input);margin:0}
.cost-explorer .cost-ledger>div[data-active=true]::before{background:var(--accent);box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 20%,transparent)}
.cost-explorer .cost-ledger dt{margin:0 0 14px}
.cost-explorer .cost-ledger button{background:transparent;border:0;padding:8px 0;min-height:44px;font-size:clamp(17px,1.4vw,21px);line-height:1.3;text-align:left;font-weight:550;color:var(--muted)}
.cost-explorer .cost-ledger button[aria-pressed=true]{color:var(--accent)}
.cost-explorer .cost-ledger dd{font-size:15px;line-height:1.6}
.cost-selection{font-size:20px!important;line-height:1.5;min-height:1.5em;margin-top:34px!important;color:var(--text)}
.cost-explorer .workspace-note{max-width:90ch}
.composition--cost-ledger>.prose-tail{columns:auto!important;max-width:85ch!important;margin-inline:auto}
.composition--cost-ledger>.prose-tail>.content-caption{text-align:center;font-size:13px;margin-inline:auto}
.composition--cost-ledger>.prose-tail>p:not(.content-caption){margin-top:24px;color:var(--muted)}
html:not(.js) .workspace-choices,html:not(.js) .cost-controls{display:none}
html:not(.js) [data-cost-position]{pointer-events:none}
@media(hover:hover) and (pointer:fine){.workspace-choices button:hover,.cost-controls button:hover{border-color:var(--accent)}.cost-explorer .cost-ledger button:hover{text-decoration:underline;text-underline-offset:5px}}

@media(min-width:768px) and (max-width:1199px){
 .editorial-stage,.workspace-split,.agency-release-stage,.erp-requirements-stage,.customer-relationships{gap:32px}
 .editorial-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .crm-workspace{padding:24px}
 .assignment-route li{grid-template-columns:1fr;gap:6px}
 .cost-explorer{padding:30px}
 .cost-explorer .cost-ledger{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
 .cost-explorer .cost-ledger dd{font-size:14px}
 .balanced-return-branches{gap:36px}
}
@media(max-width:900px){.protocol-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.protocol-fields{min-height:252px}.cost-explorer .cost-ledger{grid-template-columns:1fr}.cost-rail{display:none}.cost-explorer .cost-ledger>div{padding:20px 0 20px 30px;border-left:1px solid var(--input);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}.cost-explorer .cost-ledger>div::before{left:-5px;top:37px}.cost-explorer .cost-ledger dt{margin:0}.cost-explorer .cost-ledger dd{padding-top:10px}.cost-explorer .cost-ledger{margin-top:28px;gap:0}.cost-selection{margin-top:22px!important}}
@media(max-width:767px){
 main .problem h2{max-width:24ch}main .problem .scenario-choices{display:flex;flex-direction:column;align-items:stretch}main .scenario-choice{justify-content:center}main .flow-controls{justify-content:center}main .fault-option{justify-content:center;text-align:center;width:100%}
 main .section-heading h2{max-width:26ch}main .section-intro-copy{font-size:17px}
 .editorial-stage,.chapter--editorial:has([data-account]) .editorial-stage,.workspace-split,.agency-release-stage,.erp-requirements-stage,.customer-relationships,.service-decision{grid-template-columns:1fr;gap:30px}
 .editorial-portrait img{aspect-ratio:5/4;max-height:420px;object-position:center 45%}
 .editorial-narrative{order:1}.editorial-portrait{order:2}
 .editorial-after .process-sequence{grid-template-columns:1fr;gap:25px}
 .editorial-dossier{padding:24px}
 .balanced-return-branches{grid-template-columns:1fr;gap:30px}
 .workspace-split .crm-workspace{order:1}.workspace-split .workspace-context,.workspace-split .pipeline-context{order:2}
 .crm-workspace{padding:24px 22px}
 .pipeline-detail{min-height:0}
 .pipeline-route{gap:8px;font-size:12px}
 .assignment-route li{grid-template-columns:1fr;gap:6px}
 .task-context dl>div{grid-template-columns:1fr;gap:6px}
 .workspace-explanation>.subject-unit{display:block}.workspace-explanation h3{margin-bottom:22px!important}
 .agency-release-stage>.working-example{padding:25px 22px}.agency-release-stage legend{font-size:22px}
 .service-decision-media,.service-context,.service-decision-copy{grid-column:auto;grid-row:auto}
 .service-context{order:1}.service-decision-media{order:2}.service-decision-copy{order:3}
 .erp-customer-example{padding:24px 22px}
 .customer-relationships>.subject-unit>dl>div{grid-template-columns:1fr;gap:5px}
 .chapter--editorial:has(.editorial-sequence) .editorial-portrait img{aspect-ratio:5/4}
 .cost-explorer{padding:27px 24px}
 .cost-explorer .cost-ledger>div{grid-template-columns:1fr;gap:3px;padding:15px 0 20px 25px}
 .cost-explorer .cost-ledger>div::before{top:32px}
 .cost-explorer .cost-ledger dd{padding:0}
 .cost-explorer .cost-ledger button{font-size:20px}
 .cost-selection{font-size:18px!important}
 main .synq-contact{max-width:calc(100% - 48px)}
}
@media(max-width:420px){.protocol-track{grid-template-columns:1fr}.protocol-title{min-height:0!important}.protocol-fields{min-height:0}.protocol-fields>div{display:grid!important;grid-template-columns:95px minmax(0,1fr);gap:12px;margin-bottom:14px!important}.protocol-fields dd.field-identifier{font-size:12px!important}.protocol-explanation{margin-top:20px!important}.cost-controls{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.cost-rail-fill{transition:none!important}.crm-workspace *, .cost-explorer *{scroll-behavior:auto!important}}