/* Stand37: the user's centered reading axis, native sticky chapters, automatic demos. */
:root{--toc-height:61px;--layer-toc:30}
html{scroll-padding-top:calc(var(--toc-height) + 16px)}
main [id],main .chapter-anchor{scroll-margin-top:0}
main .toc-bar{position:sticky;top:0;z-index:var(--layer-toc);padding-block:8px;background:var(--bg);border-block:1px solid var(--line)}
main .toc-layout{display:flex;gap:24px;align-items:center;min-width:0}
.toc-title{font-size:14px;white-space:nowrap;color:var(--muted);flex:none}
.toc-scroll{min-width:0;flex:1;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
main .toc-links{display:flex;position:static;min-width:0;max-height:none;gap:6px;margin:0 auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;width:max-content}
main .toc-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;white-space:nowrap;max-width:none;border-radius:100px;font-size:14px;line-height:1.4;text-decoration:none;color:var(--muted);border:1px solid transparent}
main .toc-links a[aria-current=location]{color:var(--accent);background:var(--surface);border-color:var(--line)}
main .toc-contact{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:100px;background:var(--button);color:var(--button-text);font-size:14px;line-height:1.4;font-weight:550;white-space:nowrap;text-decoration:none}
main .toc-contact .icon{width:16px;height:16px}
main .toc-contact[aria-current=location]{text-decoration:underline;text-underline-offset:4px}
main .toc-links a:focus-visible,main .toc-contact:focus-visible,.toc-scroll:focus-visible{outline-offset:-3px}
main .chapter{text-align:center}
main .chapter :is(h2,h3,h4,p,blockquote,figcaption){text-align:center;margin-inline:auto!important}
main .chapter :is(.reading,.working-example,.scope-tool,.chapter-setup,.prose-tail,.question-foot,.concluding-subject,.concluding-copy){margin-inline:auto}
main .chapter :is(h3,h4){max-width:36ch}
main .chapter :is(p,blockquote){max-width:74ch}
main .chapter :is(.section-intro-copy,.content-caption){margin-inline:auto}
main .chapter :is(.scope-choices,.workspace-choices,.example-tabs,.comparison-tools,.freshness-choice,.freshness-terms,.transfer-caption){justify-content:center}
main .chapter :is(.subject-unit,.paragraph-unit,.paragraph-extra,.system-responsibility,.relationship-node){text-align:center;min-width:0}
main .chapter :is(.relationship-node,.system-node>div){margin-inline:auto}
main .chapter :is(.reading dl,.working-example dl,.task-context dl,.protocol-fields){text-align:left}
main .chapter :is(dt,dd,td,th,label,select,input){text-align:left}
main .chapter :is(.workspace-note,.workspace-result,.example-result,.comparison-hint,.scope-output){margin-inline:auto;text-align:center}
main .chapter :is(.workspace-context,.pipeline-context,.editorial-narrative){text-align:center}
main .chapter .editorial-narrative>.transfer-caption{justify-content:center}
main .chapter .editorial-sequence{text-align:center}
main .chapter .editorial-sequence h3{margin-inline:auto!important}
main .chapter .workspace-explanation>.subject-unit{display:block}
main .chapter .workspace-explanation h3{margin:0 auto 24px!important}
main .chapter .workspace-explanation p{margin-inline:auto}
main .chapter .concluding-subject>h3{margin-inline:auto}
main .chapter .reading details>summary,main .chapter .question-answer>summary{position:relative;justify-content:center;text-align:center;padding-inline:32px}
main .chapter .reading details>summary::after,main .chapter .question-answer>summary::after{position:absolute;right:0;top:0}
main .chapter .question-answer>summary h3{margin-inline:auto}
main .chapter .pilot-checklist legend,main .chapter [data-checklist] legend{text-align:center;margin-inline:auto}
main .chapter .pilot-checklist label,main .chapter .example-checks label{text-align:left}
main .chapter .pilot-checklist label{max-width:38ch;margin-inline:auto}
main .chapter .pipeline-route{justify-content:center}
main .chapter .task-context>span{justify-content:center}
main .chapter .cost-explorer{text-align:center}
main .chapter .cost-explorer .cost-ledger :is(dt,dd,button){text-align:center}
main .chapter .cost-explorer .cost-ledger>div::before{left:calc(50% - 5px)}
main .chapter .cost-explorer .cost-selection{min-height:3em;margin-inline:auto}
main .chapter .system-edge{justify-content:center;text-align:center}
main .chapter .system-node>div>div:last-child{align-items:center}
main .chapter .system-node>div>div:first-child{justify-content:center}
main .chapter .system-node h3{margin-inline:auto}
main .chapter .alternative-path{justify-content:center;text-align:center}
main .chapter .alternative-path>span:first-child{flex:1}
main .chapter .retainer-bridge{text-align:center;margin-inline:auto}
main .chapter .quote-process>li,main .chapter .operations-map>.operating-model,main .chapter .system-responsibility,main .chapter .selection-comparison>details{display:block}
main .chapter .protocol-track>li,main .chapter .recovery-track>li{display:block}
main .chapter .selection-comparison>details>p{margin-top:20px}
/* F1: the complete return branch shares its actual outer center. */
main .chapter .return-branches>.subject-unit{padding-left:0;border-left:0}
/* F2: equal space on both sides of an options heading; action stays at the edge. */
main .chapter .selection-comparison>details>summary{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;gap:12px;padding-inline:0;text-align:center}
main .chapter .selection-comparison>details>summary>*{grid-column:2}
main .chapter .selection-comparison>details>summary::after{position:static;grid-column:3;grid-row:1}
/* F3: these three inline terms form one centered group, with a real gap. */
main .chapter--editorial:has([data-account]) .editorial-narrative>p:nth-child(n+2):nth-child(-n+4){margin-inline:8px!important}
main .related :is(h2,p,figcaption),main .closing :is(h2,p){text-align:center;margin-inline:auto}
main .related-feature>span,main .related-links a{justify-content:center;text-align:center}
main .closing::after{display:none}
/* Contact is one of five destinations and stays visible beside the scrolling topics. */
main .contact-highlight{background:var(--surface);border:1px solid var(--accent);border-radius:16px;padding:clamp(24px,4.4vw,64px);margin-block:48px 72px}
main .contact-highlight h2{color:var(--accent)}
main .synq-contact.contact-highlight form{background:var(--bg)}
main .problem .flow-status{min-height:3em}
main .problem .flow-node{min-height:98px}
main .problem .flow-node{justify-content:center;text-align:center}
.flow-disclaimer{font-size:13px;line-height:1.6;color:var(--muted);text-align:center;margin:12px auto 0}
.auto-measuring *{transition:none!important;animation:none!important}
@media(hover:hover) and (pointer:fine){main .toc-links a:hover{color:var(--text);background:var(--surface)}}
@media(max-width:900px){
 main .chapter .cost-explorer .cost-ledger>div{grid-template-columns:1fr;padding:20px 16px 20px 36px;gap:5px}
 main .chapter .cost-explorer .cost-ledger>div::before{left:-5px}
 main .chapter .cost-explorer .cost-ledger :is(dt,dd){margin:0}
 main .chapter .cost-explorer .cost-ledger dd{padding-top:0}
}
@media(max-width:767px){
 .toc-title{display:none}main .toc-layout{gap:8px}
 main .toc-links a{padding-inline:14px}
 main .toc-contact{padding-inline:12px}
 main .contact-highlight{margin-block:32px 48px}
 main .problem .flow-path{margin-inline:auto;width:64px;height:64px}
 main .problem .flow-status{min-height:5em}
 main .problem .flow-node{min-height:110px}
 main .chapter .relationship-nodes{align-items:center}
 main .chapter .relationship-node{max-width:none}
 main .workspace-split .crm-workspace,main .workspace-split .workspace-context,main .workspace-split .pipeline-context{order:initial}
 main .chapter .editorial-portrait figcaption{max-width:65ch;margin-inline:auto;text-align:center}
}
@media(max-width:359px){main .closing.contact-highlight h2{font-size:30px}}