/* Full-width outputs above three compact, collapsible settings groups. */
:root .decision-surface{overflow:clip}
:root .decision-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;padding:22px 24px 26px}
.decision-results{position:static;min-width:0}
:root .decision-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0;min-width:0}
.decision-control-group{min-width:0;border-radius:24px;background:var(--soft);border:1px solid var(--line)}
.decision-control-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;min-height:72px;cursor:pointer;list-style:none}
.decision-control-group>summary::-webkit-details-marker,.decision-advanced>summary::-webkit-details-marker{display:none}
.decision-control-group>summary>span{display:grid;gap:4px}
.decision-control-group>summary strong{font-size:15px;font-weight:600;line-height:1.3}
.decision-control-group>summary>span>span{font-size:11px;line-height:1.4;color:var(--muted)}
.decision-control-group>summary>svg{flex:none;transition:transform 180ms}
.decision-control-group[open]>summary>svg{transform:rotate(180deg)}
.decision-control-group>summary:hover{color:var(--green)}
.decision-control-group>summary:focus-visible,.decision-advanced>summary:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:20px}
.decision-group-body{display:grid;gap:18px;padding:0 18px 18px}
:root .decision-slider label,:root .decision-view-control>span{font-size:12px;margin-bottom:6px}
:root .decision-control-heading label{margin:0}
:root .decision-slider select{min-height:44px;background:var(--surface);font-size:13px}
:root .decision-run-settings{grid-template-columns:minmax(80px,1fr) minmax(118px,1.3fr);gap:12px}
:root .decision-view-buttons button{padding-inline:8px;font-size:12px}
:root .decision-trajectory-browser{grid-template-columns:minmax(0,1fr);padding:0;border:0;border-radius:0;background:transparent;gap:14px}
:root .decision-trajectory-browser>p{font-size:10px}
:root .decision-preferences{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
:root .decision-preferences summary{padding:12px 0;min-height:64px;gap:8px}
:root .decision-preferences summary:hover{background:transparent;color:var(--green)}
:root .decision-preference-icon{display:none}
:root .decision-preference-heading strong{font-size:12px}
:root .decision-preference-heading>span{font-size:10px}
:root .decision-preferences .decision-preference-summary{font-size:10px;padding:5px 8px}
:root .decision-preference-body{padding:8px 0 0;background:transparent;border:0}
:root .decision-preference-options{grid-template-columns:minmax(0,1fr);gap:8px}
:root .decision-preference-body>p{font-size:11px}
.decision-advanced{border-top:1px solid var(--line)}
.decision-advanced>summary{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:var(--green);cursor:pointer;list-style:none}
.decision-advanced>summary::after{content:"+";margin-left:auto;font-size:18px}
.decision-advanced[open]>summary::after{content:"−"}
.decision-advanced>div{padding-top:8px}
:root .decision-field-controls{margin:0;grid-template-columns:minmax(0,1fr);gap:6px}
:root .decision-field-controls>span{font-size:11px}
:root .decision-field-buttons{display:flex;flex-wrap:nowrap;width:fit-content;max-width:100%;gap:2px;padding:3px;border-radius:999px;background:var(--soft)}
:root .decision-field-buttons button{flex:1;white-space:nowrap;min-height:40px;padding:8px 12px;font-size:11px;border-radius:999px}
:root .decision-field-legend{grid-column:1;min-height:24px}
:root .decision-views{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:center}
:root .decision-stage{height:clamp(330px,46vh,420px);margin:0}
:root .decision-belief{margin:0;padding:14px;border-radius:20px;background:var(--soft);border:0}
:root .decision-belief h3{font-size:13px;margin:0 0 10px}
:root .decision-belief-stage{height:230px}
:root .decision-belief-caption{font-size:10px;margin:8px 0 0;line-height:1.5}
:root .decision-playback-row{margin:14px 0 12px;padding:10px 12px;border-radius:20px;background:var(--soft);gap:12px}
:root .decision-playback{background:var(--button-bg);color:var(--button-fg)}
:root .decision-playback:hover{background:var(--button-bg);filter:brightness(1.07)}
:root .decision-outcomes{margin:0 4px}
:root .decision-explanation{margin-top:0}
@media(max-width:1000px) and (min-width:761px){
 :root .decision-workspace{gap:20px;padding-inline:20px}
 :root .decision-run-settings{grid-template-columns:minmax(0,1fr)}
 .decision-group-body{padding-inline:14px}
 .decision-control-group>summary{padding-inline:14px}
 :root .decision-control-heading{flex-wrap:wrap;gap:4px 8px}
 :root .decision-control-heading>output{margin-left:0}
 :root .decision-preferences summary{flex-wrap:wrap}
}
@media(max-width:760px){
 :root .decision-workspace{grid-template-columns:minmax(0,1fr);gap:22px;padding:18px 22px 22px}
 .decision-results{position:static;display:contents}
 :root .decision-field-controls{grid-row:1}
 :root .decision-views{grid-row:2;grid-template-columns:minmax(0,1fr)}
 :root .decision-stage{height:330px;margin:0 -10px}
 :root .decision-belief{padding:16px}
 :root .decision-belief-stage{height:210px}
 :root .decision-playback-row{position:sticky;top:0;z-index:4;grid-row:3;margin:0;background:var(--surface);border:1px solid var(--line)}
 :root .decision-outcomes{grid-row:4;margin:0}
 :root .decision-controls{grid-row:5;grid-template-columns:minmax(0,1fr)}
 :root .decision-trajectory-browser{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root .decision-preference-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root .decision-preference-icon{display:grid}
}
@media(max-width:380px){
 :root .decision-workspace{padding-inline:16px}
 :root .decision-trajectory-browser{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.decision-control-group>summary>svg{transition:none}}
:root[data-motion=reduce] .decision-control-group>summary>svg{transition:none}

/* One shared sliding thumb for the four mutually exclusive background maps. */
:root .decision-field-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;isolation:isolate;width:400px;max-width:100%;gap:0;padding:3px}
.decision-field-buttons::before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/4);border-radius:999px;background:var(--button-bg);transform:translateX(0);transition:transform 220ms var(--ease-settle)}
.decision-field-buttons[data-field=entropy]::before{transform:translateX(100%)}
.decision-field-buttons[data-field=posterior]::before{transform:translateX(200%)}
.decision-field-buttons[data-field=fisher]::before{transform:translateX(300%)}
:root .decision-field-buttons button:is([aria-pressed=true],[aria-pressed=false]){position:relative;z-index:1;background:transparent;border:0;color:var(--muted);font-weight:600;padding-inline:6px}
:root .decision-field-buttons button[aria-pressed=true]{color:var(--button-fg)}
@media(prefers-reduced-motion:reduce){.decision-field-buttons::before{transition:none}}
:root[data-motion=reduce] .decision-field-buttons::before{transition:none}

:root .decision-reset-targets{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:44px;padding:8px 16px;font-size:12px}
.decision-reset-targets svg{flex:none}