/* Color families share semantic roles across the site. */
:root[data-palette]{--brand:var(--theme-primary);--sys:var(--theme-primary);--beh:var(--theme-print-behaviour);--cover-bg:var(--theme-cover-bg);--cover-fg:var(--theme-cover-fg);--cover-muted:var(--theme-cover-muted);--cover-line:var(--theme-cover-line);--cover-word:var(--theme-cover-word)}
.theme-art-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
:root[data-palette] .manifesto-image{background:var(--theme-primary)}
:root[data-palette]:not([data-palette=ultramarine]) .manifesto-image img{filter:url(#theme-art-filter);mix-blend-mode:normal}
body.workspace-app{font-size:1rem;--sidebar-width:16.5rem;--bg:var(--theme-bg);--surface:var(--theme-surface);--surface-2:var(--theme-surface-2);--surface-3:var(--theme-surface-3);--fg:var(--theme-fg);--fg-muted:var(--theme-muted);--fg-faint:var(--theme-faint);--line:var(--theme-line);--line-soft:var(--theme-line-soft);--grid:var(--theme-line);--brand:var(--theme-accent);--sys:var(--theme-accent);--beh:var(--theme-companion);--sys-soft:var(--theme-soft);--beh-soft:var(--theme-companion-soft);--good:var(--theme-good);--warn:var(--theme-warn);--bad:var(--theme-bad);--q1:var(--good);--q2:var(--sys);--q3:var(--beh);--q4:var(--fg-muted);color-scheme:light}
:root[data-theme=dark] body.workspace-app{color-scheme:dark}
:root[data-palette],body.workspace-app{--sym-0:var(--theme-topic-0);--sym-1:var(--theme-topic-1);--sym-2:var(--theme-topic-2);--sym-3:var(--theme-topic-3);--sym-4:var(--theme-topic-4);--sym-5:var(--theme-topic-5);--sym-6:var(--theme-topic-6);--sym-7:var(--theme-topic-7);--sym-8:var(--theme-topic-8);--sym-9:var(--theme-topic-9)}
.workspace-app .ws-sidebar,:root[data-theme] .workspace-app .ws-sidebar{background:var(--surface);color:var(--fg);border-right:1px solid var(--line-soft);padding:30px 20px 22px}
:root[data-theme] .workspace-app .ws-brand{color:var(--brand);padding:0 16px 34px}
:root[data-theme] .workspace-app .ws-brand span,:root[data-theme] .workspace-app .ws-nav-label,:root[data-theme] .workspace-app .ws-device-note{color:var(--fg-muted)}
:root[data-theme] .workspace-app .ws-nav-link{color:var(--fg-muted);padding:12px 16px;gap:12px;font-size:.875rem}
:root[data-theme] .workspace-app .ws-nav-link:hover{background:var(--surface-2);color:var(--fg)}
:root[data-theme] .workspace-app .ws-nav-link[aria-current=page]{background:var(--sys-soft);color:var(--brand);box-shadow:none}
.workspace-app .ws-nav-label{padding:26px 16px 10px;font-size:.6875rem}
.workspace-app .ws-sidebar-bottom{padding-top:30px}
.workspace-app .app-header .wrap{min-height:68px;padding-inline:36px}
.workspace-app .ws-assessment-context{border-left:1px solid var(--line);padding-left:16px;color:var(--fg-muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}
.workspace-app main>.wrap{max-width:1360px;padding-inline:36px}
.workspace-app[data-view=setup] main>.wrap,.workspace-app[data-view=settings] main>.wrap{max-width:1210px}
.workspace-app .page-head{margin-bottom:26px}
.workspace-app .page-head h1{font-size:2.3rem}
.workspace-app .card{box-shadow:none}
.workspace-app .btn.primary,.workspace-app .pill[aria-pressed=true]{color:var(--theme-on-accent)}
.workspace-app .btn.primary:hover{background:var(--brand);border-color:var(--brand);filter:brightness(.92)}
.workspace-app .btn:hover:not([disabled]){border-color:var(--fg-faint)}
.workspace-app input[type=text],.workspace-app input[type=number],.workspace-app input[type=date],.workspace-app textarea,.workspace-app select{border-color:var(--theme-input-line)}
.workspace-app thead th{background:var(--surface-2)}
.workspace-app .ws-focus{background:var(--surface);border-top:2px solid var(--brand)}
.workspace-app .ws-empty-list{background:var(--surface);border-color:var(--line)}
.workspace-app .symptom-option.on,.workspace-app .pill:hover,.workspace-app .ws-next-actions{background:var(--sys-soft);border-color:var(--brand)}
.workspace-app .drop{background:var(--surface);border-color:var(--theme-input-line)}
.workspace-app .lens-guide>div{background:var(--sys-soft)}
.workspace-app .lens-guide>div:nth-child(2){background:var(--beh-soft)}
.workspace-app .qitem.focused{border-color:var(--brand);box-shadow:0 0 0 2px var(--sys-soft)}
.workspace-app .qitem.answered:not(.focused){border-color:var(--line)}
.workspace-app .tickbox{border-color:var(--theme-input-line)}
.workspace-app .survey-nav{background:var(--surface);box-shadow:0 -4px 18px #00000008}
.workspace-app .chart-card,.workspace-app .chart-surface{background:var(--surface)}
.workspace-app .banner{background:var(--surface-2)}
.workspace-app .chip{background:var(--surface-2)}
.workspace-app .chip.sys{color:var(--sys);border-color:var(--sys);background:var(--sys-soft)}
.workspace-app .chip.beh{color:var(--beh);border-color:var(--beh);background:var(--beh-soft)}
.workspace-app .chip.good,.workspace-app .chip.warn,.workspace-app .chip.bad{background:transparent}
.workspace-app :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
/* Appearance is a working preview, with every semantic color visible. */
.appearance-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:26px;align-items:start}
.workspace-app .appearance-layout h2{font-size:1.2rem;margin:0}
.palette-grid{display:flex;flex-direction:column;gap:9px}
.palette-option{display:flex;align-items:center;gap:16px;min-height:59px;padding:12px;border:1px solid var(--line);border-radius:8px;text-align:left;background:var(--surface);color:var(--fg);cursor:pointer;font:500 .9375rem/1.4 var(--sans)}
.palette-option[aria-pressed=true]{border-color:var(--brand);background:var(--sys-soft);box-shadow:inset 0 0 0 1px var(--brand)}
.palette-swatches{display:flex;gap:3px;flex:none}
.palette-swatches i{display:block;width:16px;height:26px;border-radius:2px}
.palette-swatches i:first-child{width:27px}
.palette-check{margin-left:auto;color:var(--brand)}
.appearance-preview{position:sticky;top:94px}
.workspace-app .appearance-preview h3{font-size:1rem;margin:0}
.appearance-preview .row{gap:8px}
.appearance-preview .sym-chip{font-size:.75rem}
.palette-chart{padding:22px 0;border-block:1px solid var(--line-soft)}
.preview-bar{display:grid;grid-template-columns:85px 1fr 30px;gap:12px;align-items:center;margin-top:14px;font-size:.875rem}
.preview-bar b{font-weight:500;font-variant-numeric:tabular-nums}
.preview-track{height:10px;background:var(--surface-2);border-radius:2px}
.preview-track i{display:block;height:100%;background:var(--sys);border-radius:2px}
.preview-track.beh i{background:var(--beh)}
/* Active work, saved work, then examples. */
.workspace-app .ws-overview-grid.has-work{grid-template-columns:1fr}
.workspace-app .has-work .ws-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);column-gap:50px;padding:28px 32px}
.workspace-app .has-work .ws-focus>.row{grid-column:1/-1}
.workspace-app .has-work .ws-focus h2{margin:20px 0 8px}
.workspace-app .has-work .ws-focus>p{grid-column:1;margin:0}
.workspace-app .has-work .ws-completion{grid-column:2;grid-row:2/4;align-self:center}
.workspace-app .has-work .ws-focus>.btn-row{grid-column:1/-1;padding-top:20px;margin:0}
.workspace-app .ws-examples{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}
.workspace-app .ws-examples>summary{cursor:pointer;font-weight:500;color:var(--fg-muted)}
.workspace-app .ws-examples[open]>summary{margin-bottom:20px}
.workspace-app .ws-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Executive reading, then topic and mechanism evidence. */
.workspace-app .results-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:34px;padding:30px}
.workspace-app .result-reading h2{font-size:1.55rem;line-height:1.35;margin:12px 0}
.workspace-app .result-reading p{margin:12px 0 0;color:var(--fg-muted);font-size:.9375rem;max-width:60ch}
.workspace-app .overall-scores{border-left:1px solid var(--line-soft);padding-left:30px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.score-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline}
.score-line strong{font-size:2.25rem;font-weight:450;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1.1}
.score-line .score-label{font-size:.875rem;color:var(--fg-muted)}
.score-line .score-track{grid-column:1/-1;height:7px;background:var(--surface-2);border-radius:2px}
.score-line .score-track i{display:block;height:100%;background:var(--sys);border-radius:2px}
.score-line.beh .score-track i{background:var(--beh)}
.score-line .score-label:before{content:'●';margin-right:7px;color:var(--sys)}
.score-line.beh .score-label:before{content:'◆';color:var(--beh)}
.score-scale{font-size:.75rem;color:var(--fg-muted);display:flex;justify-content:space-between;margin-top:-10px}
.workspace-app .evidence-strip{display:flex;gap:12px 26px;flex-wrap:wrap;padding:16px 22px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;font-size:.8125rem;color:var(--fg-muted)}
.evidence-strip b{font-weight:600;color:var(--fg)}
.workspace-app .derived-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:4px 0}
.derived-metric{padding:4px 0}
.derived-metric+.derived-metric{border-left:1px solid var(--line);padding-left:24px}
.derived-metric .metric-label{font-size:.875rem;color:var(--fg)}
.derived-metric strong{display:block;font-size:1.8rem;font-weight:450;letter-spacing:-.04em;line-height:1.25;margin:9px 0}
.derived-metric p{font-size:.8125rem;color:var(--fg-muted);margin:0;line-height:1.6}
.workspace-app .topic-findings{padding:0;overflow:hidden}
.topic-findings-header{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 16px}
.workspace-app .topic-findings h2{font-size:1.3rem;margin:0 0 6px}
.topic-findings-header p{margin:0;color:var(--fg-muted);font-size:.875rem}
.topic-column-labels,.topic-finding{display:grid;grid-template-columns:minmax(240px,1fr) minmax(200px,.65fr) 70px 28px;gap:24px;align-items:center}
.topic-column-labels{padding:10px 26px;font-size:.75rem;color:var(--fg-muted);background:var(--surface-2)}
.topic-finding{padding:23px 26px;text-decoration:none;border-top:1px solid var(--line-soft);color:var(--fg);transition:background .15s}
.topic-finding:hover{background:var(--sys-soft)}
.topic-finding-title{display:flex;gap:14px;align-items:flex-start}
.topic-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--topic-color);margin-top:7px}
.workspace-app .topic-finding h3{font-size:.9375rem;margin:0 0 6px;line-height:1.45}
.topic-finding p{font-size:.8125rem;color:var(--fg-muted);margin:0}
.topic-pair{display:flex;flex-direction:column;gap:10px}
.topic-mini-bar{display:grid;grid-template-columns:13px 1fr 27px;gap:10px;align-items:center;font-size:.8125rem;line-height:1}
.topic-mini-bar .mark{color:var(--sys)}
.topic-mini-bar.beh .mark{color:var(--beh)}
.topic-mini-bar .track{height:5px;background:var(--surface-3)}
.topic-mini-bar .track i{display:block;height:100%;background:var(--sys)}
.topic-mini-bar.beh .track i{background:var(--beh)}
.topic-mini-bar b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.topic-effectiveness{font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:450}
.topic-effectiveness small{display:none}
.topic-arrow{color:var(--brand)}
.chart-legend-inline{display:flex;gap:16px;color:var(--fg-muted);font-size:.8125rem;align-items:center;flex-wrap:wrap}
.chart-legend-inline .sys{color:var(--sys)}
.chart-legend-inline .beh{color:var(--beh)}
.workspace-app .topic-back{display:inline-block;font-size:.875rem;color:var(--fg-muted);margin-bottom:20px;text-underline-offset:4px}
.workspace-app .mechanism-list{padding:0;overflow:hidden}
.mechanism-row{display:grid;grid-template-columns:32px minmax(190px,1fr) minmax(180px,.65fr) 85px auto;gap:20px;align-items:center;padding:22px 25px;border-top:1px solid var(--line-soft)}
.mechanism-row:first-child{border-top:0}
.mechanism-rank{color:var(--fg-muted);font-size:.8125rem}
.workspace-app .mechanism-row h3{font-size:.9375rem;line-height:1.5;margin:0 0 5px}
.mechanism-row p{font-size:.8125rem;color:var(--fg-muted);margin:0}
.mechanism-score{font-size:1.25rem;font-variant-numeric:tabular-nums}
.mechanism-score small{display:block;color:var(--fg-muted);font-size:.75rem}
.workspace-app .discussion-card{border-left:3px solid var(--brand);background:var(--sys-soft)}
.workspace-app .discussion-card h3{margin-bottom:12px}
.discussion-card p{max-width:85ch;font-size:.9375rem;margin:10px 0 0}
.workspace-app .evidence-context{background:var(--surface-2);border-radius:7px;padding:15px;margin-bottom:24px;font-size:.875rem}
.workspace-app .drawer{width:min(740px,100vw);background:var(--surface)}
.workspace-app .drawer h2{font-size:1.65rem}
.workspace-app .drawer .metric-value{font-size:2rem}
.workspace-app .drawer .metric-label{font-size:.8125rem}
.workspace-app .chart-purpose{width:auto;max-width:100%}
.workspace-app .ws-chart-picker-row{flex-wrap:wrap}
@media(max-width:1100px){.workspace-app .topic-column-labels,.workspace-app .topic-finding{grid-template-columns:minmax(220px,1fr) minmax(170px,.65fr) 55px 16px;gap:18px}.mechanism-row{grid-template-columns:24px minmax(180px,1fr) minmax(170px,.65fr) 70px}.mechanism-row>.btn{grid-column:2/-1;justify-self:start}.appearance-layout{gap:20px}.palette-swatches i{width:12px}.palette-swatches i:first-child{width:20px}}
@media(max-width:1000px){body.workspace-app{--sidebar-width:0px}.workspace-app .ws-sidebar{top:64px}.workspace-app .app-header .wrap{min-height:64px}.workspace-app .ws-assessment-context{max-width:46vw}}
@media(max-width:760px){.appearance-layout,.workspace-app .results-overview{grid-template-columns:1fr}.appearance-preview{position:static}.workspace-app .overall-scores{border-left:0;border-top:1px solid var(--line-soft);padding:24px 0 0}.workspace-app .results-overview{gap:24px}.workspace-app main>.wrap,.workspace-app .app-header .wrap{padding-inline:20px}.workspace-app .has-work .ws-focus{display:flex;gap:0;padding:24px}.workspace-app .has-work .ws-completion{margin-top:20px}.workspace-app .derived-metrics{gap:16px}.derived-metric+.derived-metric{padding-left:16px}.topic-column-labels{display:none!important}.workspace-app .topic-finding{grid-template-columns:minmax(0,1fr) 60px 15px;gap:16px;padding:22px}.topic-finding-title{grid-column:1/-1}.topic-pair{grid-column:1}.topic-effectiveness small{display:block;font-size:.6875rem;color:var(--fg-muted)}.topic-findings-header{flex-direction:column;gap:12px;padding:22px}.mechanism-row{grid-template-columns:22px 1fr 70px;padding:22px;gap:14px}.mechanism-row>div:nth-child(2){grid-column:2/-1}.mechanism-row .topic-pair{grid-column:2}.mechanism-row>.btn{grid-column:2/-1}.workspace-app .ws-assessment-context{font-size:.75rem;max-width:45vw}.workspace-app .evidence-strip{padding:16px;gap:8px 20px}}
@media(max-width:480px){.workspace-app .derived-metrics{grid-template-columns:1fr;gap:14px}.derived-metric+.derived-metric{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.derived-metric strong{float:right;margin:0 0 8px 12px}.derived-metric p{clear:both;padding-top:8px}.workspace-app .page-head h1{font-size:1.9rem}.workspace-app .ws-assessment-context{display:none}.palette-option{gap:12px}.appearance-preview .btn-row{flex-wrap:wrap}.workspace-app .ws-example-grid{grid-template-columns:1fr}}
:root[data-palette][data-theme=light]{--fg:var(--theme-primary);--fg-muted:color-mix(in srgb,var(--theme-primary) 50%,#59646f)}
.workspace-app .qs .q{background:var(--surface-2)}
.workspace-app .ws-assessment-context b{font-weight:500}
.workspace-app .metric-label{text-transform:none}
.workspace-app[data-view=results] .page-head h1{margin-top:0}
.workspace-app .response-distribution{margin:24px 0}
.distribution-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:15px}
.distribution-column{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:.8125rem;text-align:center}
.distribution-column b{font-size:.875rem;font-weight:550;font-variant-numeric:tabular-nums}
.distribution-track{height:75px;width:70%;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.distribution-track i{display:block;width:100%;background:var(--sys);border-radius:2px 2px 0 0}
.distribution-bars.beh .distribution-track i{background:var(--beh)}
.distribution-column small{font-size:.75rem;color:var(--fg-muted);line-height:1.3;overflow-wrap:anywhere}
.workspace-app .score-bar i.sys,.workspace-app .score-bar i.beh{opacity:1}
.workspace-app .drawer>.stack{margin-top:26px;padding-top:24px;border-top:1px solid var(--line-soft)}
.workspace-app .response-distribution .ws-inline-details{margin-top:16px}
.workspace-app .drawer .kv{margin-block:24px;gap:22px}
@media(max-width:480px){.workspace-app .drawer{padding:22px}.workspace-app .drawer-head{top:-22px}.distribution-bars{gap:9px}.distribution-column small{font-size:.75rem}.workspace-app .drawer .kv{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-app .chart-navigation{flex-wrap:wrap}.workspace-app .chart-navigation .chart-picker{max-width:100%}}
.workspace-app .view{animation:none}
.workspace-app .chart-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.workspace-app .chart-scroll .radar{width:100%;min-width:600px;max-width:660px;max-height:none}
.workspace-app .chart-scroll .radar.compact{width:560px;min-width:560px;max-width:560px}
.workspace-app .radar .radar-labels .axis-label,.workspace-app .radar.dense .radar-labels .axis-label{font-size:18px}
.workspace-app .radar.compact .radar-labels .axis-label{font-size:25px}
.workspace-app .radar .radar-ticks text{font-size:18px}
.workspace-app .radar.compact .radar-ticks text{font-size:23px}
.workspace-app .radar .arc-label{font-size:18px}
.workspace-app .chart-scroll .scatter{width:520px;min-width:520px;max-width:520px}
.workspace-app .scatter .tick,.workspace-app .scatter .quad-label,.workspace-app .scatter .axis-title{font-size:17px}
.workspace-app .chart-scroll .barchart{width:900px;min-width:900px;max-width:900px}
.workspace-app .chart-scroll .bar-label,.workspace-app .chart-scroll .bar-value{font:14px var(--sans)}
.workspace-app .comparison-chart{width:900px;max-width:900px;min-width:900px;margin-inline:auto}

.workspace-app .chart-collapsible .chart{display:block}
.workspace-app .chart-scroll-hint{display:none;font-size:.8125rem;color:var(--fg-muted);margin:8px 0}
.workspace-app .chart-collapsible>p,.workspace-app .chart-collapsible>.row{margin-top:14px}
.workspace-app .chart-collapsible>.row:first-child{margin-top:0}
.workspace-app .chart-collapsible h3{margin:0}
.workspace-app .chart-navigation .micro{font:500 .875rem/1.5 var(--sans);letter-spacing:0;text-transform:none}
@media(max-width:1000px){.workspace-app .chart-scroll-hint{display:block}}