/* IntelliSync engagement workspace. Public static pages, progressively enhanced. */
.examples-page { background:var(--ink); }
.examples-page main { width:min(calc(100% - 48px),1480px); margin:auto; padding-top:123px; }
.studio-page-intro { display:grid; grid-template-columns:1fr auto; align-items:end; gap:7px 30px; margin-bottom:24px; }
.studio-page-intro>a { grid-column:1/-1; color:var(--muted); font-size:.75rem; margin-bottom:18px; width:max-content; }
.studio-page-intro .section-kicker { font:700 .75rem/1.5 monospace; color:var(--cyan); margin:0; grid-column:1; letter-spacing:.12em; }
.studio-page-intro h1 { font-size:clamp(2rem,3.5vw,3rem); line-height:1.12; letter-spacing:-.05em; grid-column:1; max-width:none; }
.studio-page-intro>p:last-child { color:var(--muted); font-size:.84rem; max-width:350px; grid-column:2; grid-row:2/4; margin:0; }
.studio-concepts { display:flex; flex-wrap:wrap; border-bottom:1px solid var(--line); gap:24px; margin-bottom:14px; }
.studio-concepts a { color:var(--muted); font-size:.75rem; padding:11px 0; border-bottom:2px solid transparent; }
.studio-concepts a[aria-current],.studio-concepts a:hover { color:var(--white); border-color:var(--cyan); }
.studio-disclosure { color:var(--muted); font-size:.75rem; display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:9px 0 16px; }
.studio-disclosure>span:last-child { margin-left:auto; color:var(--muted); }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); }
.engagement-shell { background:var(--ink); color:var(--white); border:1px solid var(--line); box-shadow:0 20px 60px #0002; font-size:.83rem; color-scheme:dark; }
.app-topbar { display:flex; align-items:center; gap:18px; min-height:64px; background:var(--ink-2); color:var(--white); padding:0 24px; border-bottom:1px solid var(--line); }
.app-wordmark { display:flex; align-items:center; font-size:.82rem; font-weight:800; letter-spacing:.12em; gap:0; flex:none; }
.app-wordmark>span:last-child { color:var(--cyan); }
.app-symbol { position:relative; width:43px; height:30px; overflow:hidden; display:block; margin-right:8px; }
.app-symbol img { position:absolute; width:104px; max-width:none; height:auto; left:-28px; top:-6px; filter:brightness(0) saturate(100%) invert(69%) sepia(20%) saturate(850%) hue-rotate(337deg) brightness(94%); }
.app-product { color:var(--muted); font:500 .75rem/1.5 monospace; letter-spacing:.14em; padding-left:18px; border-left:1px solid var(--line); }
.app-topbar>.status-badge { margin-left:auto; background:var(--paper); color:var(--muted); border-color:var(--line); font-size:.75rem; }
.app-topbar .source-link { color:var(--cyan); margin-left:8px; font-size:.75rem; }
.shell-body { display:grid; grid-template-columns:205px minmax(0,1fr); min-height:760px; }
.case-sidebar { background:var(--paper); border-right:1px solid var(--line); padding:28px 13px 20px; display:flex; flex-direction:column; }
.micro-label { margin:0 0 10px; font:700 .75rem/1.5 monospace; letter-spacing:.1em; color:var(--white); text-transform:uppercase; }
.case-sidebar>.micro-label { padding-left:10px; font-size:.75rem; }
.case-list { display:grid; gap:7px; }
.case-list button { display:flex; align-items:start; gap:10px; width:100%; border:1px solid transparent; background:transparent; color:var(--white); text-align:left; padding:13px 10px; cursor:pointer; position:relative; }
.case-list button[aria-selected="true"] { background:var(--paper); border-color:var(--line); box-shadow:inset 3px 0 var(--cyan); }
.case-list button:hover { background:var(--paper); }
.case-list .case-number { font: .75rem/1.7 monospace; color:var(--cyan); }
.case-list strong { display:block; font-size:.81rem; font-weight:650; }
.case-list small { display:block; color:var(--white); font-size:.75rem; line-height:1.6; margin-top:5px; }
.case-list em { position:absolute; right:8px; top:3px; font:normal .75rem monospace; color:var(--cyan); }
.advisor-identity { display:flex; gap:9px; align-items:center; margin:40px 8px 18px; padding-top:20px; border-top:1px solid var(--line); }
.advisor-avatar { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); background:var(--paper); font:600 .75rem monospace; color:var(--white); }
.advisor-identity strong { display:block; font-size:.75rem; }
.advisor-identity small { display:block; font-size:.75rem; color:var(--white); }
.sidebar-note { padding:0 10px; margin:0 0 24px; color:var(--white); font-size:.75rem; line-height:1.9; }
.sidebar-note strong { font-weight:500; color:var(--white); }
.reset-button { margin:0 8px; padding:8px 0; color:var(--white); background:none; border:0; border-bottom:1px solid var(--line); cursor:pointer; text-align:left; font:inherit; font-size:.75rem; }
.engagement-main { padding:28px; min-width:0; }
.client-heading { display:flex; align-items:start; gap:24px; justify-content:space-between; margin-bottom:20px; }
.client-heading .micro-label { font-size:.75rem; margin:0 0 7px; }
.client-heading h2 { font-size:2rem; line-height:1.1; letter-spacing:-.05em; margin:0; font-weight:650; }
.client-heading p:last-child { color:var(--white); font-size:.77rem; margin:8px 0 0; }
.sponsor { text-align:right; padding-top:4px; }
.sponsor>span { display:block; font:600 .75rem monospace; letter-spacing:.1em; color:var(--muted); margin-bottom:6px; }
.sponsor strong { display:block; font-weight:600; font-size:.75rem; }
.sponsor small { display:block; font-size:.75rem; color:var(--white); margin-top:6px; }
.engagement-goal { display:flex; gap:18px; align-items:center; padding:14px 17px; background:var(--paper); border:1px solid var(--line); border-left:3px solid var(--cyan); margin-bottom:22px; }
.engagement-goal span { flex:none; font:700 .75rem monospace; color:var(--cyan); letter-spacing:.07em; }
.engagement-goal strong { font-size:.82rem; font-weight:550; }
.stage-nav { display:flex; gap:5px; border-bottom:1px solid var(--line); }
.stage-nav button { display:flex; align-items:center; gap:7px; padding:12px 10px; background:transparent; color:var(--muted); font-family:inherit;font-size:.75rem;line-height:1.4;font-weight:600; border:0; border-bottom:2px solid transparent; white-space:nowrap; cursor:pointer; }
.stage-nav button[aria-current="step"] { color:var(--white); border-bottom-color:var(--cyan); }
.stage-nav button:hover { background:var(--paper); }
.stage-nav button>span { font: .75rem monospace; opacity:.75; }
.stage-nav button>i { font: .75rem monospace; border:1px solid var(--line); padding:2px 5px; border-radius:2px; }
.stage-context { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:.75rem; color:var(--muted); margin:15px 0; }
.status-badge { display:inline-block; padding:4px 7px; border:1px solid var(--line); color:var(--white); background:var(--paper); font:600 .75rem/1.35 monospace; white-space:normal; }
.status-badge.good { color:var(--white); background:var(--paper); border-color:var(--line); }
.status-badge.warn { color:var(--white); background:var(--paper); border-color:var(--line); }
.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 22px; }
.metric-card { text-align:left; color:var(--white); background:var(--paper); border:1px solid var(--line); padding:16px 18px; cursor:pointer; min-width:0; }
.metric-card:hover { border-color:var(--line); background:var(--paper); }
.metric-card>span { font-size:.75rem; color:var(--white); display:flex; justify-content:space-between; gap:8px; }
.metric-card strong { display:block; margin:9px 0 5px; font-size:2rem; font-weight:580; line-height:1.3; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.metric-card small { display:block; font-size:.75rem; line-height:1.7; color:var(--muted); }
.overview-grid { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:18px; align-items:start; }
.overview-grid>div { min-width:0; }
.workspace-panel { background:var(--paper); border:1px solid var(--line); padding:22px; margin:0 0 20px; min-width:0; }
.panel-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:18px; }
.panel-heading .micro-label { margin-bottom:7px; }
.panel-heading h3 { font-size:1.08rem; line-height:1.3; letter-spacing:-.025em; margin:0; font-weight:650; }
.panel-heading>.status-badge { flex:none; }
.workspace-panel h4 { font-size:.88rem; line-height:1.4; margin:0 0 10px; }
.workspace-panel p { font-size:.78rem; line-height:1.8; }
.advice-rail { background:var(--ink-2); color:var(--white); padding:22px; border-top:3px solid var(--cyan); }
.advice-rail .micro-label { color:var(--cyan); }
.advice-rail h3 { font-size:1.3rem; font-weight:550; line-height:1.15; letter-spacing:-.04em; margin:0 0 18px; }
.advice-rail>p { color:var(--muted); font-size:.8rem; line-height:1.9; }
.advice-rail .small-copy { font-size:.75rem; }
.advice-rail hr { border:0; border-top:1px solid var(--line); margin:23px 0; }
.advice-rail .primary-button { background:var(--cyan); color:var(--white); border-color:var(--cyan); width:100%; font-size:.75rem; margin-top:14px; }
.advice-rail .source-link { color:var(--cyan); border-color:var(--line); }
.advice-rail .rail-footnote { font-size:.75rem; line-height:1.7; color:var(--muted); margin-top:18px; }
.primary-button,.secondary-button,.small-button { font-family:inherit; display:inline-flex; align-items:center; justify-content:center; padding:9px 13px; min-height:38px; border:1px solid var(--line); background:var(--paper); color:var(--white); font-size:.75rem; line-height:1.5; font-weight:600; cursor:pointer; border-radius:2px; }
.secondary-button { background:transparent; color:var(--white); border-color:var(--line); }
.small-button { min-height:32px; padding:7px 10px; font-size:.75rem; }
.primary-button:hover,.small-button:hover { background:var(--paper); }
.secondary-button:hover { background:var(--paper); }
button:disabled { cursor:not-allowed; opacity:.5; }
.source-link { display:inline-flex; gap:5px; align-items:center; color:var(--cyan); padding:3px 0; font-family:inherit; font-size:.75rem; line-height:1.5; border:0; border-bottom:1px solid var(--line); background:none; cursor:pointer; text-align:left; margin-right:12px; }
.source-link:hover { color:var(--white); }
.evidence-chips { display:flex; flex-wrap:wrap; gap:7px; }
.evidence-chips .source-link { border:1px solid var(--line); padding:5px 8px; margin:0; font-size:.75rem; }
.engagement-shell input,.engagement-shell select,.engagement-shell textarea { font-family:inherit; accent-color:var(--cyan); }
.engagement-shell button:focus-visible,.engagement-shell a:focus-visible,.engagement-shell input:focus-visible,.engagement-shell textarea:focus-visible,.engagement-shell select:focus-visible,.engagement-shell summary:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.field { display:flex; flex-direction:column; gap:6px; min-width:0; }
.field>span { font-size:.75rem; color:var(--white); font-weight:600; }
.field input:not([type=range]),.field select,.field textarea { width:100%; min-height:38px; border:1px solid var(--line); border-radius:2px; background:var(--paper); color:var(--white); padding:8px 10px; font-size:.76rem; line-height:1.5; }
.field textarea { resize:vertical; }
.field input[type=range] { width:100%; min-height:30px; cursor:pointer; }
.field output { float:right; color:var(--white); font-variant-numeric:tabular-nums; margin-left:12px; }
.workbench-controls { display:flex; flex-wrap:wrap; gap:18px; align-items:end; background:var(--paper); border:1px solid var(--line); padding:15px; margin-bottom:18px; }
.workbench-controls>.field { flex:1; min-width:140px; }
.workbench-controls>.checkbox-field { flex-basis:100%; }
.checkbox-field,.human-checks label { display:flex; align-items:center; gap:8px; font-size:.75rem; color:var(--white); }
.scenario-label { color:var(--white); font:600 .75rem/1.6 monospace; letter-spacing:.04em; margin:-4px 0 12px; }
.workbench-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); margin:16px 0; background:var(--paper); }
.workbench-stats>div { padding:14px 12px; min-width:0; border-right:1px solid var(--line); }
.workbench-stats>div:last-child { border:0; }
.workbench-stats span { display:block; color:var(--muted); font-size:.75rem; line-height:1.5; }
.workbench-stats strong { display:block; color:var(--white); font-size:1.45rem; font-weight:580; letter-spacing:-.05em; line-height:1.4; margin:7px 0; font-variant-numeric:tabular-nums; }
.workbench-stats small { display:block; font-size:.75rem; color:var(--muted); line-height:1.6; }
.fine-print,.workspace-panel .fine-print { font-size:.75rem; line-height:1.8; color:var(--muted); margin:16px 0; }
.muted { color:var(--muted); }
.table-scroll { overflow:auto; width:100%; margin:18px 0; }
.engagement-shell table { border-collapse:collapse; width:100%; text-align:left; font-size:.75rem; }
.engagement-shell caption { text-align:left; color:var(--muted); font-size:.75rem; margin-bottom:10px; }
.engagement-shell th,.engagement-shell td { border-bottom:1px solid var(--line); padding:10px 9px; font-weight:400; vertical-align:top; }
.engagement-shell thead th { color:var(--muted); font-size:.75rem; background:var(--paper); font-weight:600; white-space:nowrap; }
.engagement-shell tbody th { color:var(--white); font-weight:550; }
.engagement-shell td { font-variant-numeric:tabular-nums; }
.engagement-shell td small,.engagement-shell th small { display:block; font-size:.75rem; margin-top:5px; color:var(--muted); }
.engagement-shell svg { width:100%; height:auto; display:block; overflow:visible; margin:10px 0 18px; }
.engagement-shell svg text { fill:var(--muted); font:10px monospace; }
.chart-grid { stroke:var(--line); stroke-width:1; }
.chart-series { fill:none; stroke-width:2.5; }
.chart-series.series-0 { stroke:var(--line); stroke-dasharray:5 4; }
.chart-series.series-1 { stroke:var(--cyan); }
.chart-dot.series-0 { fill:var(--muted); }.chart-dot.series-1 { fill:var(--cyan); }
.chart-threshold { stroke:var(--cyan); stroke-width:1.2; stroke-dasharray:3 4; }
.chart-legend { display:flex; flex-wrap:wrap; align-items:center; gap:15px; font-size:.75rem; color:var(--muted); margin:18px 0 12px; }
.chart-legend span { display:inline-flex; align-items:center; gap:7px; }
.chart-legend i { width:15px; height:3px; display:inline-block; background:var(--paper); }.chart-legend .legend-1 { background:var(--cyan); }
.notice { padding:13px 15px; border:1px solid var(--line); border-left:3px solid var(--line); background:var(--paper); color:var(--white); font-size:.75rem; line-height:1.8; margin:16px 0; }
.notice p { margin:5px 0; }.notice small { font-size:.75rem; }
.notice.good { background:var(--paper); border-color:var(--line); border-left-color:var(--line); color:var(--white); }
.notice.warn { background:var(--paper); border-color:var(--line); border-left-color:var(--cyan); color:var(--cyan); }
.relationship-layout { display:grid; grid-template-columns:155px minmax(0,1fr); gap:16px; }
.client-list { display:grid; align-content:start; gap:8px; }
.client-button { background:var(--paper); border:1px solid var(--line); color:var(--white); padding:11px; cursor:pointer; text-align:left; }
.client-button[aria-pressed=true] { background:var(--paper); border-color:var(--line); box-shadow:inset 2px 0 var(--cyan); }
.client-button strong { font-family:inherit;font-size:.75rem;line-height:1.5;font-weight:600; display:block; }.client-button span { font-size:.75rem; display:block; color:var(--muted); margin-top:6px; }
.record-heading { display:flex; justify-content:space-between; align-items:start; gap:15px; margin-bottom:15px; }
.record-heading p { margin:4px 0; }.record-heading h4 { margin:0 0 5px; }
.commitment-card { border:1px solid var(--line); background:var(--paper); padding:14px; display:flex; align-items:center; gap:14px; justify-content:space-between; }
.commitment-card span { font:600 .75rem monospace; color:var(--muted); display:block; margin-bottom:7px; }.commitment-card strong { font-size:.75rem; display:block; }.commitment-card small { font-size:.75rem; display:block; color:var(--muted); margin-top:7px; }
.conversation-timeline { list-style:none; padding:0 0 0 14px; margin:22px 0; border-left:1px solid var(--line); }
.conversation-timeline li { position:relative; margin-bottom:18px; }.conversation-timeline li::before { content:''; position:absolute; left:-18px; top:5px; width:7px; height:7px; background:var(--paper); border:2px solid var(--line); }.conversation-timeline span { font: .75rem monospace; color:var(--muted); }.conversation-timeline p { font-size:.75rem; margin:6px 0; overflow-wrap:anywhere; }
.form-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:10px; }.form-footer small { color:var(--muted); font-size:.75rem; }
.opportunity-board { display:grid; grid-template-columns:repeat(5,minmax(105px,1fr)); gap:8px; overflow:auto; padding-bottom:8px; margin:18px 0; }
.opportunity-board>section { background:var(--paper); padding:10px; min-height:210px; }.opportunity-board h4 { color:var(--muted); font:600 .75rem monospace; margin:0 0 12px; }.opportunity-board h4 span { float:right; }
.opportunity-card { display:block; width:100%; background:var(--paper); border:1px solid var(--line); border-top:2px solid var(--cyan); margin-bottom:8px; padding:10px; text-align:left; cursor:pointer; color:var(--white); }.opportunity-card[aria-pressed=true] { border-color:var(--line); }.opportunity-card strong { display:block; font-size:.75rem; line-height:1.5; }.opportunity-card span { display:block; font-size:.75rem; line-height:1.7; color:var(--muted); margin:5px 0; }.opportunity-card b { font-size:.75rem; }.opportunity-card small { display:block; font-size:.75rem; color:var(--muted); margin-top:8px; }
.empty-column { color:var(--muted); font-size:.75rem!important; }
.selected-record,.week-breakdown { background:var(--paper); padding:18px; border:1px solid var(--line); margin:18px 0; }.selected-record>p { font-size:.75rem; }
.milestone-checks { display:grid; gap:9px; font-size:.75rem; margin:15px 0; }.milestone-checks label { display:flex; gap:8px; align-items:center; }
.record-actions { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:16px 0; }.record-actions .field { flex:1; min-width:130px; }
.small-timeline { font-size:.75rem; color:var(--muted); padding-left:18px; line-height:1.8; }
.review-meeting { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:20px 0; }.review-meeting>div { border:1px solid var(--line); padding:18px; }.review-meeting blockquote { padding-left:14px; border-left:2px solid var(--cyan); margin:15px 0; font-size:.84rem; color:var(--white); }
.economics-bridge { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:20px 0; }.economics-bridge span { background:var(--paper); padding:12px; font-size:.75rem; color:var(--muted); }.economics-bridge b { display:block; font-size:.85rem; color:var(--white); margin-top:8px; }
.scope-change,.blocked-work { display:flex; justify-content:space-between; align-items:center; gap:20px; background:var(--paper); padding:18px; margin:20px 0; border-left:2px solid var(--cyan); }.scope-change p,.blocked-work p { font-size:.75rem; margin:5px 0; }
.process-swimlane { display:grid; grid-template-columns:repeat(4,minmax(100px,1fr)); gap:8px; overflow:auto; padding:8px 0; margin:18px 0; }.process-node { text-align:left; background:var(--paper); border:1px solid var(--line); padding:13px; cursor:pointer; color:var(--white); }.process-node.selected { border-color:var(--cyan); background:var(--paper); }.process-node span { display:block; font: .75rem monospace; color:var(--muted); }.process-node strong { display:block; font-size:.75rem; margin:10px 0; }.process-node small { font-size:.75rem; line-height:1.6; display:block; color:var(--muted); }.highlight-value { background:var(--paper); padding:3px 5px; color:var(--white); }
.request-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px; background:var(--paper); margin:18px 0; }.request-amount { font-size:1.6rem; font-weight:550; letter-spacing:-.04em; }.approval-path { display:flex; gap:10px; align-items:center; margin:22px 0; flex-wrap:wrap; }.approval-path span { padding:10px; background:var(--paper); border:1px solid var(--line); font-size:.75rem; }.approval-path span.done { background:var(--paper); color:var(--white); }.approval-path>b { font-weight:400; color:var(--muted); }
.request-document { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid var(--line); margin:16px 0; }.request-document strong { font-size:.75rem; }.request-document p { font-size:.75rem; margin:6px 0; color:var(--muted); }
.decision-form { margin-top:22px; }.decision-form,.workspace-panel form { display:grid; gap:14px; }.workspace-panel form>button { justify-self:start; }
.readiness-evidence { display:grid; gap:10px; margin:22px 0; }.readiness-evidence article { display:flex; align-items:center; justify-content:space-between; gap:18px; background:var(--paper); border:1px solid var(--line); padding:15px; }.readiness-evidence label { display:flex; gap:12px; align-items:center; }.readiness-evidence strong { display:block; font-size:.75rem; }.readiness-evidence small { display:block; font-size:.75rem; color:var(--muted); margin-top:7px; }
.ai-review-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:22px; margin:22px 0; }.annotated-draft article { border-left:2px solid var(--line); background:var(--paper); padding:12px 15px; margin-bottom:10px; }.annotated-draft article.unsupported { background:var(--paper); border-color:var(--line); }.annotated-draft article p { margin:0 0 10px; font-size:.75rem; }.rubric>div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); font-size:.75rem; }.rubric>small { display:block; font-size:.75rem; color:var(--muted); margin-top:14px; line-height:1.7; }.omission { padding:13px; background:var(--paper); color:var(--white); }.omission strong { font-size:.75rem; }.omission p { font-size:.75rem; margin:6px 0; }.human-checks { display:grid; gap:13px; padding:18px; background:var(--paper); margin:20px 0; }
.evidence-toolbar { display:flex; gap:16px; align-items:end; padding:15px; background:var(--paper); margin-bottom:20px; }.evidence-toolbar>.field:first-child { flex:2; }.evidence-toolbar>.field:last-child { flex:1; }
.evidence-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; }.evidence-list { display:grid; gap:9px; align-content:start; }.evidence-item { text-align:left; border:1px solid var(--line); background:var(--paper); padding:14px; cursor:pointer; color:var(--white); }.evidence-item.selected { border-color:var(--cyan); box-shadow:inset 2px 0 var(--cyan); background:var(--paper); }.evidence-item span { display:block; font: .75rem monospace; color:var(--muted); margin-bottom:7px; }.evidence-item strong { font-size:.75rem; display:block; line-height:1.5; }.evidence-item small { display:block; font-size:.75rem; color:var(--muted); margin-top:8px; }
.source-document { min-width:0; }.document-mast { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:5px 0 22px; }.document-mast>span:first-child { font: .75rem monospace; color:var(--muted); }.source-document h3 { font-size:1.35rem; line-height:1.25; letter-spacing:-.03em; }.document-meta { color:var(--muted); font-size:.75rem!important; line-height:1.8; }.source-document blockquote,#dialog-content blockquote { font-size:.88rem; line-height:1.9; margin:22px 0; padding-left:19px; border-left:2px solid var(--cyan); color:var(--white); }
.fact-list { border-top:1px solid var(--line); margin:22px 0; }.fact-list>div { display:grid; grid-template-columns:1fr 1.5fr; gap:18px; padding:12px 0; border-bottom:1px solid var(--line); font-size:.75rem; }.fact-list dt { color:var(--muted); }.fact-list dd { margin:0; color:var(--white); }.document-note { font-size:.75rem!important; color:var(--muted); }
.missing-evidence { border:1px solid var(--line); background:var(--paper); padding:20px; color:var(--white); margin:22px 0; }.missing-evidence h4 { color:var(--white); }
.empty-state { padding:22px; color:var(--muted); font-size:.75rem; }.empty-state p { font-size:.75rem; }
.advice-page-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr); gap:20px; }.recommendation-title { font-size:1.25rem!important; line-height:1.65!important; letter-spacing:-.025em; color:var(--white); margin:22px 0!important; }.reasoning-grid { display:grid; gap:15px; margin:25px 0; }.reasoning-grid>div { border-top:1px solid var(--line); padding-top:15px; }.reasoning-grid p { color:var(--muted); font-size:.75rem; margin:5px 0; }.advice-agreement { border-top:1px solid var(--line); padding-top:18px; }.advice-agreement p { font-size:.75rem; color:var(--muted); }.option-list { list-style:none; padding:0; margin:0; }.option-list li { border:1px solid var(--line); padding:18px; margin-bottom:14px; }.option-list li.recommended { border-color:var(--line); background:var(--paper); }.option-list span { display:block; font:600 .75rem monospace; color:var(--cyan); margin-bottom:8px; }.option-list strong { font-size:.8rem; }.option-list p { font-size:.75rem; color:var(--muted); margin:9px 0 0; }
.plan-summary { display:flex; justify-content:space-between; align-items:center; gap:20px; }.plan-summary p { color:var(--muted); font-size:.75rem; }.plan-progress { background:var(--paper); height:5px; margin:20px 0; }.plan-progress span { display:block; height:100%; background:var(--paper); }
.action-row { display:grid; grid-template-columns:20px minmax(0,1fr) 130px auto; gap:18px; align-items:center; padding:22px 0; border-bottom:1px solid var(--line); }.action-index { font-size:1rem; color:var(--muted); }.action-row.complete .action-index { color:var(--white); }.action-row h4 { font-size:.78rem; margin:0 0 7px; }.action-row p { font-size:.75rem; color:var(--muted); margin:0; }.action-row small { font-size:.75rem; color:var(--muted); display:block; margin-top:8px; }.action-owner strong { font-size:.75rem; font-weight:550; }.action-row.complete h4 { color:var(--muted); }.add-action { margin-top:24px; }.add-action summary { cursor:pointer; color:var(--muted); font-size:.75rem; padding:10px 0; }.add-action form { margin-top:18px; }
.audit-list { list-style:none; padding:0; margin:0; }.audit-list li { display:grid; grid-template-columns:120px 1fr; gap:20px; border-bottom:1px solid var(--line); padding:11px 0; }.audit-list li>span { color:var(--muted); font: .75rem/1.8 monospace; }.audit-list p { color:var(--muted); margin:0; font-size:.75rem; overflow-wrap:anywhere; }
.results-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:23px; }.results-intro>div { flex:1; }.results-intro p { color:var(--muted); font-size:.75rem; }.results-intro strong { font-size:.75rem; color:var(--white); }.results-intro .field { width:220px; }
.comparison-row { display:grid; grid-template-columns:140px minmax(0,1fr) 130px; gap:20px; align-items:center; border-bottom:1px solid var(--line); padding:20px 0; }.comparison-row>div:first-child>strong { display:block; font-size:.75rem; margin-bottom:7px; }.comparison-bars>div { display:grid; grid-template-columns:60px minmax(1px,1fr) 65px; align-items:center; gap:8px; margin:10px 0; font-size:.75rem; color:var(--muted); }.comparison-bars i { display:block; height:14px; background:var(--paper); max-width:100%; }.comparison-bars i.current-bar { background:var(--cyan); }.comparison-bars b { font-weight:550; text-align:right; font-size:.75rem; color:var(--muted); }.metric-delta { color:var(--cyan); font-size:.77rem; text-align:right; }.metric-delta small { display:block; color:var(--muted); font-size:.75rem; margin-top:7px; }.review-conclusion { background:var(--paper); border-left:3px solid var(--line); padding:22px; margin:24px 0; }.review-conclusion h4 { font-weight:550; color:var(--white); line-height:1.7; font-size:.93rem; margin-bottom:15px; }
.studio-status { font-size:.75rem; line-height:1.8; color:var(--cyan); margin:18px 0 0; min-height:1.5em; }.form-error { color:var(--white); background:var(--paper); border-left:2px solid var(--cyan); padding:10px 14px; font-size:.75rem!important; }
.app-footer { display:flex; justify-content:space-between; gap:20px; padding:12px 22px; background:var(--paper); border-top:1px solid var(--line); color:var(--muted); font: .75rem/1.6 monospace; letter-spacing:.03em; }
#studio-dialog { border:1px solid var(--line); background:var(--paper); color:var(--white); padding:28px; width:min(760px,94vw); max-height:85vh; overflow:auto; box-shadow:0 30px 90px #0005; border-radius:4px; font-family:inherit; }#studio-dialog::backdrop { background:#171918b3; backdrop-filter:blur(3px); }.dialog-top { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:24px; }.dialog-top .micro-label { margin:0; }#dialog-content h2 { font-size:1.7rem; line-height:1.2; letter-spacing:-.035em; margin:0 0 22px; }#dialog-content p { font-size:.84rem; line-height:1.9; }#dialog-content h3 { font-size:1.15rem; line-height:1.4; }#dialog-content .document-meta { font-size:.75rem!important; }#dialog-content button:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.studio-page-cta { padding:65px 0 80px; max-width:750px; }.studio-page-cta h2 { font-size:clamp(2rem,3.8vw,3.6rem); line-height:1.1; letter-spacing:-.045em; margin:0 0 22px; }.studio-page-cta p:not(.section-kicker) { color:var(--muted); font-size:.95rem; max-width:590px; }.studio-page-cta .button { margin-top:15px; }
.studio-nojs { padding:30px; border:1px solid var(--line); }.studio-nojs h2 { font-size:1.5rem; }
@media(max-width:1250px){.overview-grid{grid-template-columns:minmax(0,1fr)}.advice-rail{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.advice-rail>h3,.advice-rail>.micro-label{grid-column:1/-1}.advice-rail>hr{display:none}.advice-rail>p{margin-top:4px}.advice-rail .rail-footnote{grid-column:1/-1}.advice-rail .evidence-chips{align-self:start}.advice-rail .primary-button{align-self:start}.advice-page-grid{grid-template-columns:1fr}.action-row{grid-template-columns:20px 1fr 110px}.action-row>button{grid-column:2;justify-self:start}.comparison-row{grid-template-columns:120px 1fr}.metric-delta{grid-column:2;text-align:left}}
@media(max-width:900px){.shell-body{grid-template-columns:165px minmax(0,1fr)}.case-sidebar{padding:20px 9px}.engagement-main{padding:20px}.sponsor{display:none}.client-heading h2{font-size:1.8rem}.engagement-goal{display:block}.engagement-goal>span{display:block;margin-bottom:7px}.stage-nav{overflow:auto}.stage-nav button{padding:12px 8px;font-size:.75rem}.stage-nav button>span{display:none}.workspace-panel{padding:18px}.relationship-layout{grid-template-columns:1fr}.client-list{grid-template-columns:repeat(3,minmax(0,1fr))}.client-button{padding:10px 8px}.client-button span{display:none}.evidence-layout{grid-template-columns:1fr}.evidence-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-review-grid{grid-template-columns:1fr}.metric-card{padding:13px}.metric-card strong{font-size:1.7rem}.workbench-stats strong{font-size:1.2rem}.economics-bridge{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-row{grid-template-columns:1fr}.comparison-bars{grid-column:1}.metric-delta{grid-column:1}.stage-context{align-items:start}.app-product{display:none}}
@media(max-width:650px){.examples-page main{width:calc(100% - 24px);padding-top:111px}.studio-page-intro{display:block}.studio-page-intro>a{display:block;margin-bottom:22px}.studio-page-intro .section-kicker{font-size:.75rem;margin-bottom:10px}.studio-page-intro h1{font-size:2.1rem}.studio-page-intro>p:last-child{font-size:.77rem;margin-top:13px;max-width:none}.studio-concepts{gap:0;display:grid;grid-template-columns:1fr 1fr}.studio-concepts a{font-size:.75rem;padding:11px 9px}.studio-disclosure{font-size:.75rem}.studio-disclosure>span:last-child{display:none}.app-topbar{padding:12px 14px;gap:10px;flex-wrap:wrap;min-height:58px}.app-wordmark{font-size:.75rem}.app-topbar .status-badge{font-size:.75rem}.app-symbol{width:35px}.shell-body{grid-template-columns:1fr}.case-sidebar{padding:10px;border-right:0;border-bottom:1px solid var(--line)}.case-sidebar>.micro-label,.advisor-identity,.sidebar-note{display:none}.case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.case-list button{display:block;padding:11px 8px;min-height:78px}.case-list .case-number{display:block;font-size:.75rem;margin-bottom:7px}.case-list strong{font-size:.75rem}.case-list small{display:none}.case-list em{font-size:.75rem;top:10px}.reset-button{font-size:.75rem;margin:8px 3px 0;padding:5px 0}.engagement-main{padding:18px 12px}.client-heading h2{font-size:1.85rem}.client-heading .micro-label{font-size:.75rem}.client-heading p:last-child{font-size:.75rem}.engagement-goal{padding:12px}.engagement-goal strong{font-size:.75rem}.stage-nav{gap:0;scrollbar-width:thin}.stage-nav button{font-size:.75rem;padding:12px 9px}.stage-nav button>i{display:none}.stage-context{font-size:.75rem;gap:10px}.stage-context>.source-link{font-size:.75rem;margin:0;flex:none}.metric-grid{gap:6px;margin-bottom:17px}.metric-card{padding:11px 8px}.metric-card>span{font-size:.75rem;line-height:1.5}.metric-card strong{font-size:1.45rem}.metric-card small{font-size:.75rem}.workspace-panel{padding:17px 12px}.panel-heading{display:block}.panel-heading h3{font-size:1.03rem}.panel-heading>.status-badge{margin-top:10px}.micro-label{font-size:.75rem}.workbench-controls{padding:12px;gap:13px}.workbench-controls>.field{flex-basis:100%;min-width:0}.workbench-controls .checkbox-field{font-size:.75rem}.workbench-stats>div{padding:11px 7px}.workbench-stats span{font-size:.75rem}.workbench-stats strong{font-size:1.15rem}.workbench-stats small{font-size:.75rem}.client-button strong{font-size:.75rem}.relationship-layout{gap:15px}.commitment-card{display:block}.commitment-card>button{margin-top:12px}.record-heading{flex-wrap:wrap}.review-meeting{grid-template-columns:1fr}.scope-change,.blocked-work{display:block}.scope-change>.status-badge,.blocked-work>button{margin-top:14px}.record-actions{align-items:stretch}.record-actions>.field{flex-basis:100%}.record-actions>button{width:100%}.evidence-toolbar{display:block}.evidence-toolbar>.field{margin-bottom:12px}.evidence-list{grid-template-columns:1fr 1fr;gap:6px}.evidence-item{padding:10px}.evidence-item strong{font-size:.75rem}.evidence-item small{font-size:.75rem}.document-mast{align-items:start}.source-document h3{font-size:1.2rem}.fact-list>div{grid-template-columns:1fr;gap:7px}.fact-list dt{font-size:.75rem}.fact-list dd{font-size:.75rem}.advice-rail{display:block;padding:20px}.advice-rail>p{font-size:.75rem}.advice-rail .primary-button{margin-top:16px}.reasoning-grid{gap:17px}.recommendation-title{font-size:1.1rem!important}.plan-summary{display:block}.plan-summary>button{margin-top:10px}.action-row{grid-template-columns:16px 1fr;gap:10px}.action-owner{grid-column:2}.action-row>button{grid-column:2}.audit-list li{grid-template-columns:1fr;gap:6px}.results-intro{display:block}.results-intro .field{width:100%;margin-top:18px}.results-intro strong{font-size:.75rem}.readiness-evidence article{align-items:start;flex-direction:column;padding:13px}.readiness-evidence strong{font-size:.75rem}.readiness-evidence small{font-size:.75rem}.request-summary,.request-document{display:block}.request-summary>.status-badge{margin-top:15px}.request-document>button{margin-top:12px}.form-footer{display:block}.form-footer>button{margin-top:12px}.ai-review-grid{gap:18px}.app-footer{display:block;padding:12px 15px;font-size:.75rem}.app-footer>span{display:block;margin-bottom:4px}.studio-page-cta{padding:45px 0 60px}#studio-dialog{padding:20px;max-height:88vh}.engagement-shell caption{font-size:.75rem}.engagement-shell table{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.examples-page{scroll-behavior:auto}.engagement-shell *{scroll-behavior:auto!important}}
/* Metadata uses the shared website text tokens. */
.metric-card small,.workbench-stats small,.workbench-stats span,.stage-context,.sidebar-note,.engagement-shell caption,.engagement-shell td small,.engagement-shell th small,.engagement-shell thead th,.fine-print,.workspace-panel .fine-print,.client-button span,.conversation-timeline span,.form-footer small,.opportunity-card span,.opportunity-card small,.empty-column,.small-timeline,.review-meeting>div>p,.economics-bridge span,.process-node span,.process-node small,.request-document p,.readiness-evidence small,.rubric>small,.evidence-item span,.evidence-item small,.document-mast>span:first-child,.document-meta,.document-note,.fact-list dt,.reasoning-grid p,.advice-agreement p,.option-list p,.plan-summary p,.action-row p,.action-row small,.audit-list li>span,.audit-list p,.results-intro p,.comparison-bars>div,.metric-delta small,.app-footer { color:var(--white); }
.economics-bridge b,.fact-list dd,.review-conclusion h4,.comparison-bars b,.annotated-draft p,.source-document blockquote,#dialog-content blockquote {color:var(--white)}
.studio-page-intro>a{display:none}.studio-page-intro{margin-bottom:16px}.studio-disclosure{padding:4px 0 11px}.client-heading{margin-bottom:14px}.stage-context{margin:10px 0}.metric-card{padding-top:12px;padding-bottom:12px}.metric-card strong{font-size:1.8rem;margin:6px 0 4px}
@media(max-width:650px){.studio-page-intro h1{font-size:1.9rem}.metric-card strong{font-size:1.4rem}.metric-card>span{font-size:.75rem}}

/* Website brand: use the canonical palette inherited from site.css. */
.engagement-shell { background:var(--ink); color:var(--white); }
.app-topbar,.advice-rail { background:var(--ink-2); }
.case-sidebar,.workspace-panel,.metric-card { background:var(--paper); }
.app-topbar .app-wordmark,.app-wordmark { color:var(--white); }
.app-wordmark>span:last-child,.app-topbar .source-link { color:var(--cyan); }
.case-list button[aria-selected="true"],.case-list button:hover,
.metric-card:hover,.stage-nav button:hover,.opportunity-card[aria-pressed=true],
.evidence-item.selected,.client-button[aria-pressed=true] { background:#303431; }
.case-list button[aria-selected="true"],.stage-nav button[aria-current="step"],
.opportunity-card[aria-pressed=true],.evidence-item.selected { border-color:var(--cyan); }
.case-list button,.stage-nav button,.client-button,.process-node,.source-document,
#studio-dialog,#dialog-content p,#dialog-content h2,#dialog-content h3 { color:var(--white); }
.stage-nav button[aria-current="step"],.case-list .case-number,.case-list em,
.micro-label,.engagement-goal>span,.scenario-label,.source-link { color:var(--cyan); }
.field input:not([type=range]),.field select,.field textarea { background:var(--ink-2); color:var(--white); border-color:var(--line); }
.primary-button,.small-button,.advice-rail .primary-button { background:var(--cyan); border-color:var(--cyan); color:var(--ink-2); }
.primary-button:hover,.small-button:hover,.advice-rail .primary-button:hover { background:#E1BB99; border-color:#E1BB99; color:var(--ink-2); }
.secondary-button { background:transparent; color:var(--white); border-color:var(--line); }
.secondary-button:hover { background:#303431; }
button:disabled { opacity:.55; }
.source-link:hover { color:var(--white); }
.app-topbar>.status-badge,.status-badge { background:#303431; border-color:var(--line); color:var(--muted); }
.status-badge.good,.notice.good { background:#303431; border-color:var(--cyan); color:var(--white); }
.status-badge.warn,.notice.warn,.missing-evidence,.omission,.form-error { background:var(--paper); border-color:var(--cyan); color:var(--white); }
.status-badge.warn { border-style:dashed; color:var(--cyan); }
.notice,.notice.good,.notice.warn { border-left-color:var(--cyan); }
.notice,.notice p,.review-conclusion h4,.fact-list dd,.reasoning-grid p,.option-list p,
.annotated-draft p,.source-document blockquote,#dialog-content blockquote,
.economics-bridge b,.comparison-bars b,.request-amount,.workbench-stats strong,
.engagement-shell tbody th { color:var(--white); }
.engagement-goal,.workbench-controls,.workbench-stats,.engagement-shell thead th,
.selected-record,.week-breakdown,.request-summary,.request-document,
.readiness-evidence article,.human-checks,.review-conclusion,.option-list li.recommended,
.scope-change,.blocked-work,.commitment-card,.annotated-draft article { background:#303431; }
.metric-card>span,.metric-card small,.client-heading p:last-child,.stage-context,
.workbench-stats span,.workbench-stats small,.field>span,.checkbox-field,.human-checks label,
.fine-print,.workspace-panel .fine-print,.document-meta,.document-note,.fact-list dt,
.engagement-shell caption,.engagement-shell thead th,.engagement-shell td small,.engagement-shell th small,
.app-product,.case-list small,.advisor-identity small,.sidebar-note,.reset-button,
.advice-agreement p,.option-list p,.action-row p,.action-row small,.action-owner small,
.audit-list li>span,.audit-list p,.plan-summary p,.results-intro p,.metric-delta small,
.client-button span,.conversation-timeline span,.form-footer small,.opportunity-card span,
.opportunity-card small,.empty-column,.small-timeline,.process-node span,.process-node small,
.request-document p,.readiness-evidence small,.rubric>small,.evidence-item span,
.evidence-item small,.document-mast>span:first-child,.comparison-bars>div,.app-footer,
.advice-rail>p,.advice-rail .rail-footnote { color:var(--muted); }
.evidence-item strong,.client-button strong,.opportunity-card strong,.opportunity-card b,
.process-node strong,.action-row h4,.action-row.complete h4,.recommendation-title,
.approval-path span,.approval-path span.done,.advisor-identity strong,.sidebar-note strong,
.readiness-evidence strong,.empty-state { color:var(--white); }
.stage-nav button>i,.field output,.metric-delta,.studio-status,.highlight-value { color:var(--cyan); }
.engagement-shell svg text { fill:var(--muted); }
.chart-grid { stroke:var(--line); }
.chart-series.series-0 { stroke:var(--muted); }
.chart-series.series-1 { stroke:var(--cyan); }
.chart-dot.series-0 { fill:var(--muted); }
.chart-dot.series-1 { fill:var(--cyan); }
.chart-threshold { stroke:var(--white); }
.chart-legend i,.comparison-bars i { background:var(--muted); }
.chart-legend .legend-1,.comparison-bars i.current-bar,.plan-progress span { background:var(--cyan); }
.plan-progress { background:var(--line); }
#studio-dialog { background:var(--paper); color:var(--white); }
#studio-dialog .source-link { color:var(--cyan); }
.highlight-value { background:var(--ink-2); }

#studio-dialog { color-scheme:dark; }

/* Decision-led engagements: the site palette and typeface remain authoritative. */
.examples-page main { padding-top:108px; }
.studio-page-intro { align-items:center; margin-bottom:12px; }
.studio-page-intro h1 { font-size:clamp(1.6rem,2.7vw,2.3rem); }
.studio-page-intro .section-kicker { font-size:.75rem; }
.studio-page-intro>p:last-child { font-size:.875rem; }
.studio-disclosure { display:none; }
.studio-concepts { gap:20px; margin-bottom:16px; }
.studio-concepts a { font-size:.875rem; }
.engagement-shell { font-size:.94rem; }
.app-topbar { min-height:52px; padding:8px 20px; }
.app-topbar>.source-link { margin-left:auto; }
.shell-body { grid-template-columns:190px minmax(0,1fr); }
.case-sidebar { padding-top:22px; }
.case-list strong { font-size:.9375rem; }
.case-list small { font-size:.75rem; line-height:1.5; }
.case-list .case-number { font-size:.75rem; }
.case-list em { display:none; }
.engagement-main { padding:22px; }
.client-heading { margin-bottom:12px; }
.client-heading h2 { font-size:1.75rem; }
.client-heading p:last-child { margin-top:5px; font-size:.875rem; }
.client-heading .micro-label { font-size:.75rem; }
.sponsor { max-width:170px; }
.sponsor strong { line-height:1.5; }
.stage-nav { position:sticky; top:83px; z-index:6; background:var(--ink); padding-top:4px; scroll-margin-top:83px; }
.stage-nav button { padding:12px 9px; min-height:48px; font-size:.875rem; white-space:normal; flex:1; justify-content:center; }
.stage-nav button>span { display:none; }
.stage-context { font-size:.75rem; gap:12px; margin:12px 0; }
.stage-context>.source-link { flex:none; margin-right:0; }
.stage-content { scroll-margin-top:160px; }
.workspace-panel { padding:22px; }
.workspace-panel h3 { font-size:1.2rem; }
.workspace-panel h4 { font-size:1rem; }
.workspace-panel p,.reasoning-grid p,.option-list p,#dialog-content p { font-size:.9375rem; line-height:1.7; }
.micro-label { font-size:.75rem; letter-spacing:.06em; }
.primary-button,.secondary-button,.small-button { min-height:44px; font-size:.875rem; padding:10px 14px; }
.source-link { min-height:36px; font-size:.8125rem; }
.evidence-chips .source-link { font-size:.8125rem; }
.status-badge { font-size:.75rem; }
.field>span { font-size:.8125rem; }
.field input:not([type=range]),.field select,.field textarea { min-height:44px; font-size:1rem; }
.checkbox-field,.human-checks label,.milestone-checks { font-size:.875rem; line-height:1.6; }
input[type=checkbox] { flex:none; width:18px; height:18px; }
.workbench-stats span,.workbench-stats small,.metric-card small { font-size:.75rem; }
.workbench-stats strong { font-size:1.6rem; }
.engagement-shell table { font-size:.875rem; min-width:520px; }
.engagement-shell caption,.engagement-shell thead th { font-size:.8125rem; }
.engagement-shell th,.engagement-shell td { padding:13px 10px; }
.table-scroll:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.engagement-shell summary { cursor:pointer; line-height:1.6; }
.record-register,.baseline-register,.account-context { margin:20px 0; border:1px solid var(--line); padding:14px; background:var(--ink); }
.record-register summary,.baseline-register summary,.account-context summary { font-size:.875rem; color:var(--white); }
.record-register summary>span { display:block; color:var(--muted); font-size:.75rem; margin-top:5px; }
.baseline-register .metric-grid { margin-top:18px; margin-bottom:0; }
.decision-brief { border:1px solid var(--line); border-top:3px solid var(--cyan); display:grid; grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr); margin-bottom:24px; background:var(--ink-2); }
.brief-advice,.brief-review { padding:22px; min-width:0; }
.brief-advice h3 { font-size:1.4rem; line-height:1.3; letter-spacing:-.025em; margin:0 0 12px; }
.brief-advice>p:not(.micro-label) { color:var(--white); font-size:1rem; line-height:1.7; margin:0 0 16px; }
.brief-links { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.brief-review { border-left:1px solid var(--line); background:var(--paper); }
.brief-review>strong { font-size:.875rem; line-height:1.5; display:block; margin-top:18px; }
.review-switch { display:flex; gap:5px; flex-wrap:wrap; }
.review-switch button { min-height:40px; padding:7px 11px; font-size:.8125rem; }
.review-switch button[aria-pressed=true] { color:var(--ink-2); background:var(--cyan); border-color:var(--cyan); }
.brief-comparison { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; }
.brief-comparison>span { font-size:1.7rem; font-weight:600; font-variant-numeric:tabular-nums; line-height:1.4; }
.brief-comparison small { display:block; font-size:.75rem; font-weight:400; color:var(--muted); }
.brief-comparison>b { color:var(--cyan); font-weight:400; }
.brief-next { border-top:1px solid var(--line); grid-column:1/-1; display:flex; align-items:center; gap:18px; padding:17px 22px; }
.brief-next>.micro-label { max-width:100px; margin:0; }
.brief-next>div { flex:1; }
.brief-next strong { display:block; font-size:.875rem; line-height:1.5; }
.brief-next small { display:block; font-size:.8125rem; color:var(--muted); margin-top:5px; }
.explore-task { display:flex; gap:20px; align-items:center; margin:0 0 16px; }
.explore-task .micro-label { flex:none; margin:0; }
.explore-task>p:last-child { margin:0; font-size:.9375rem; line-height:1.6; }
.engagement-thread { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--line); margin-bottom:22px; }
.engagement-thread>button { padding:14px; border:0; border-right:1px solid var(--line); background:var(--ink-2); color:var(--white); text-align:left; cursor:pointer; font:inherit; min-width:0; }
.engagement-thread>button:last-child { border-right:0; }
.engagement-thread>button:hover { background:var(--paper); }
.engagement-thread strong { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:.8125rem; }
.engagement-thread strong>span { color:var(--cyan); }
.engagement-thread>button>span { display:block; font-size:.75rem; color:var(--muted); line-height:1.6; margin-top:8px; }
.measurement-contract { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; padding:22px; border:1px solid var(--line); margin-bottom:22px; background:var(--ink-2); }
.measurement-contract h3 { font-size:1.15rem; margin:0 0 12px; }
.measurement-contract p { font-size:.875rem; color:var(--muted); line-height:1.6; margin:0; }
.measurement-contract>div>div { border-bottom:1px solid var(--line); margin-bottom:12px; }
.measurement-contract strong,.measurement-contract span { display:block; font-size:.875rem; line-height:1.6; }
.measurement-contract span { color:var(--muted); }
.measurement-contract>button { justify-self:start; }
.review-headline { margin:20px 0; padding:20px; background:var(--ink-2); border-left:3px solid var(--cyan); }
.review-headline h4 { font-size:1.15rem; font-weight:550; line-height:1.6; margin:0 0 12px; }
.results-comparison { margin-top:20px; }
.comparison-row { grid-template-columns:1fr; gap:8px; align-items:start; }
.comparison-bars,.metric-delta { grid-column:1; }
.comparison-row>div:first-child>strong { font-size:1rem; }
.comparison-bars>div { grid-template-columns:75px minmax(1px,1fr) 95px; font-size:.8125rem; }
.comparison-bars b { font-size:.9375rem; }
.comparison-bars i { height:18px; }
.metric-delta { text-align:left; font-size:1rem; }
.metric-delta small { font-size:.8125rem; }
.action-row { grid-template-columns:20px minmax(0,1fr) 120px; }
.action-row h4 { font-size:1rem; }.action-row p,.action-row small { font-size:.8125rem; }
.action-row>button { grid-column:2; justify-self:start; }
.option-list strong { font-size:1rem; }
.option-list li.recommended { border-color:var(--cyan); }
.responsive-chart,.service-bars { margin:24px 0; }
.responsive-chart figcaption,.service-bars figcaption { font-size:.875rem; font-weight:600; }
.chart-legend { font-size:.75rem; gap:12px; line-height:1.5; }
.chart-frame { display:grid; grid-template-columns:46px minmax(0,1fr); gap:6px; }
.chart-yaxis { display:flex; flex-direction:column; justify-content:space-between; padding:3px 0 30px; font:12px/1.2 monospace; color:var(--muted); text-align:right; }
.chart-plot { min-width:0; }
.engagement-shell .chart-plot svg { width:100%; height:205px; margin:0; overflow:hidden; }
.chart-series { vector-effect:non-scaling-stroke; }
.chart-xaxis { display:flex; justify-content:space-between; font:12px/1.5 monospace; color:var(--muted); margin-top:8px; gap:6px; }
.service-bar-row { padding:18px 0; border-bottom:1px solid var(--line); }
.service-bar-row>strong { font-size:.9375rem; }
.service-bar-row>div { display:grid; grid-template-columns:72px minmax(0,1fr) 85px; align-items:center; gap:8px; margin-top:12px; font-size:.8125rem; }
.service-bar-row i { height:16px; background:var(--muted); max-width:100%; }
.service-bar-row i.current-bar { background:var(--cyan); }
.service-bar-row b { text-align:right; font-weight:500; }
.opportunity-board { grid-template-columns:repeat(5,minmax(170px,1fr)); }
.opportunity-board h4 { font-size:.8125rem; }
.opportunity-card { min-height:140px; }
.opportunity-card strong { font-size:.9375rem; }.opportunity-card span,.opportunity-card small { font-size:.8125rem; }.opportunity-card b { font-size:1rem; }
.opportunity-brief>p:not(.micro-label) { font-size:1rem; }
.opportunity-brief>strong { display:block; font-size:.875rem; margin:16px 0; }
.process-swimlane { grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; gap:12px; }
.process-node { min-width:0; padding:16px; position:relative; }
.process-node strong { font-size:1rem; line-height:1.5; min-height:48px; }
.process-node span,.process-node small { font-size:.75rem; line-height:1.6; }
.process-node>b { display:block; color:var(--cyan); font-size:1.25rem; }
.handoff-bar { display:block; height:5px; background:var(--cyan); margin:14px 0; }
.handoff-detail { border-left:3px solid var(--cyan); padding:15px; background:var(--ink-2); }
.decision-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; }
.decision-source { min-width:0; padding:18px; border:1px solid var(--line); background:var(--ink-2); }
.decision-source blockquote { font-size:.9375rem; margin:16px 0; line-height:1.7; }
.decision-source .request-document { display:block; padding:0; background:transparent; border:0; }
.decision-form { margin:0; }
.annotated-draft article p { font-size:1rem; }
.rubric>div { font-size:.875rem; gap:14px; }
.evidence-item strong { font-size:.9375rem; }
.evidence-item small,.evidence-item span { font-size:.75rem; }
.app-footer { font-size:.75rem; }
@media(min-width:1251px) { .advice-page-grid { grid-template-columns:1.2fr 1fr; } }
@media(max-width:900px) {
    .engagement-thread>button>span { display:none; }
    .process-swimlane { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .decision-brief { grid-template-columns:minmax(0,1fr); }
    .brief-review { border-left:0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; }
    .brief-review>.micro-label,.brief-review>.review-switch { margin:0; align-self:center; }
    .brief-review>strong { margin-top:0; }
    .brief-comparison { grid-column:2; grid-row:2/4; margin:0; }
    .brief-review>.source-link { margin:0; }
    .brief-comparison>span { font-size:1.5rem; }
    .brief-next { flex-wrap:wrap; }.brief-next>button { margin-left:auto; }
}
@media(max-width:800px) {
    .shell-body { grid-template-columns:1fr; }
    .case-sidebar { padding:10px; border:0; border-bottom:1px solid var(--line); }
    .case-sidebar>.micro-label,.advisor-identity,.sidebar-note { display:none; }
    .case-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
    .case-list button { min-height:56px; align-items:center; padding:10px; }
    .case-list small { display:none; }
    .case-list strong { font-size:.875rem; }.case-list .case-number { display:none; }
    .reset-button { margin:8px 4px 0; font-size:.75rem; }
    .engagement-thread { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .engagement-thread>button:nth-child(2) { border-right:0; }
    .engagement-thread>button:nth-child(-n+2) { border-bottom:1px solid var(--line); }
    .decision-workspace { grid-template-columns:1fr; }
}
@media(max-width:650px) {
    .examples-page main { width:calc(100% - 24px); padding-top:95px; }
    .studio-page-intro .section-kicker { margin-bottom:5px; }
    .studio-page-intro h1 { font-size:1.8rem; }
    .studio-page-intro>p:last-child { display:none; }
    .studio-concepts a { padding:9px 7px; font-size:.8125rem; }
    .app-topbar { padding:10px 12px; flex-wrap:nowrap; gap:8px; }
    .app-topbar .source-link { font-size:.75rem; }
    .engagement-main { padding:18px 12px; }
    .client-heading .micro-label { font-size:.75rem; line-height:1.6; }
    .client-heading h2 { font-size:1.6rem; }
    .stage-nav { top:77px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; gap:0; scroll-margin-top:77px; }
    .stage-nav button { min-height:44px; padding:8px 4px; font-size:.8125rem; line-height:1.4; }
    .stage-context { display:none; }
    .stage-content { padding-top:16px; }
    .brief-advice,.brief-review { padding:17px; }
    .brief-advice h3 { font-size:1.25rem; }
    .brief-advice>p:not(.micro-label) { font-size:1rem; }
    .brief-links { align-items:stretch; flex-direction:column; gap:8px; }
    .brief-links>.source-link { align-self:start; }
    .brief-review { display:block; }
    .brief-review>strong { margin-top:14px; }
    .brief-comparison { margin:12px 0; justify-content:start; gap:25px; }
    .brief-review>.review-switch { margin:10px 0; }
    .brief-next { padding:17px; display:block; }.brief-next>.micro-label { max-width:none; margin-bottom:10px; }.brief-next>button { margin-top:14px; }
    .explore-task { display:block; }.explore-task .micro-label { margin-bottom:8px; }
    .workspace-panel { padding:18px 14px; }
    .workbench-stats,.metric-grid { grid-template-columns:1fr; }
    .workbench-stats>div { display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:center; border:0; border-bottom:1px solid var(--line); padding:14px; }
    .workbench-stats strong { grid-row:1/3; grid-column:2; margin:0; font-size:1.4rem; }
    .workbench-stats span { font-size:.8125rem; }.workbench-stats small { font-size:.75rem; }
    .metric-card>span { font-size:.875rem; }.metric-card small { font-size:.75rem; }
    .measurement-contract { grid-template-columns:1fr; padding:18px; }
    .comparison-bars>div { grid-template-columns:64px minmax(1px,1fr) 80px; gap:7px; }
    .comparison-bars b { font-size:.875rem; }
    .engagement-thread { margin-bottom:18px; }
    .engagement-thread>button { padding:12px; min-height:52px; }
    .engagement-thread strong { font-size:.8125rem; }
    .process-swimlane { grid-template-columns:1fr; gap:9px; }
    .process-node { padding:16px; border-left:3px solid var(--cyan); }
    .process-node strong { min-height:0; margin:6px 0; }
    .process-node>b { float:right; margin-top:-30px; }
    .process-node strong { padding-right:85px; }
    .handoff-bar { margin:12px 0; }
    .field input:not([type=range]),.field select,.field textarea { font-size:16px; }
    .engagement-shell .chart-plot svg { height:210px; }
    .service-bar-row>div { grid-template-columns:65px minmax(0,1fr) 80px; }
    .evidence-list { grid-template-columns:1fr; }
    .evidence-item strong { font-size:.9375rem; }
    .evidence-item small { font-size:.75rem; }
    .app-footer { font-size:.75rem; line-height:1.7; }
    .request-document strong { font-size:.9375rem; }
    .client-button strong { font-size:.875rem; }
    #studio-dialog { width:calc(100% - 20px); padding:20px; }
}

@media(max-width:1100px) { .engagement-thread>button>span { display:none; } .process-swimlane { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .process-swimlane { grid-template-columns:1fr; } }
.brief-guardrail { font-size:.75rem; color:var(--muted); line-height:1.6; margin:10px 0 0; }
@media(min-width:901px) { .brief-review .review-switch { gap:4px; } .brief-review .review-switch button { padding:7px 8px; } }
/* Match the fixed website header clearance at each breakpoint. */
.stage-nav { top:93px; scroll-margin-top:93px; }
@media(max-width:650px) { .stage-nav { top:79px; scroll-margin-top:79px; } }

/* Concept-specific atmosphere; working panels keep their solid, readable surfaces. */
.studio-page-intro {
 padding:24px;border-top:1px solid var(--line);
 background:linear-gradient(90deg,rgba(32,33,32,.98),rgba(32,33,32,.86) 48%,rgba(32,33,32,.55)),var(--concept-art) right center/cover no-repeat #202120;
}
@media(max-width:760px){
 .studio-page-intro { padding:20px 16px;background-image:linear-gradient(180deg,rgba(32,33,32,.82),rgba(32,33,32,.96)),var(--concept-art-mobile);background-position:center,right center; }
}

/* Reserve the right side for the artwork; keep the explanation with the title. */
.studio-page-intro { grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);min-height:205px;align-content:center; }
.studio-page-intro>p:last-child { grid-column:1;grid-row:auto;max-width:52ch; }
@media(max-width:760px){
 .studio-page-intro { grid-template-columns:1fr;min-height:0; }
 .studio-page-intro>p:last-child { display:block;grid-column:1;margin-top:8px;font-size:.875rem; }
}