/* Compact choices share one sliding green selection surface. */
:root .decision-segments{position:relative;isolation:isolate;display:flex;align-items:center;gap:0;padding:2px;min-height:48px;max-width:100%;width:max-content;overflow-x:auto;scrollbar-width:none;border-radius:999px;background:var(--soft)}
.decision-segments::before{content:"";position:absolute;z-index:0;top:2px;bottom:2px;left:0;width:var(--segment-width,0px);transform:translateX(var(--segment-x,2px));border-radius:999px;background:var(--button-bg)}
.decision-segments.segments-ready::before{transition:transform 460ms cubic-bezier(.4,0,.2,1),width 460ms cubic-bezier(.4,0,.2,1)}
:root .decision-segments button{position:relative;z-index:1;display:grid;place-items:center;flex:1 0 auto;min-width:44px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:600 13px/1 var(--font);cursor:pointer}
:root .decision-segments button[aria-pressed=true]{color:var(--button-fg)}
:root .decision-segments button:disabled{opacity:.4;cursor:default}
.decision-segments button:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.decision-trajectory-browser>.decision-slider:first-child{grid-column:1/-1}
:root #decision-count[hidden],:root #decision-trajectory-category[hidden]{display:none!important}
@media(max-width:640px){:root .decision-segments{width:100%}:root .decision-segments button{padding-inline:7px;min-width:44px}}
@media(prefers-reduced-motion:reduce){.decision-segments.segments-ready::before{transition:none}}
html[data-motion=reduce] .decision-segments.segments-ready::before{transition:none}