/* Field strip: every drawn model on one 0-100 line, the median as a tick, the chosen models as larger marks.
   Model colours (validated categorical set: lightness band, chroma, colour-blind separation, 3:1 contrast on #fffefa). */
:root{--field-a:#2a78d6;--field-b:#e2622c;--field-c:#1aa878;--field-d:#c2408a}
.field-strip{position:relative;height:18px;margin:0 6px;background:linear-gradient(var(--field-line,#d9dfd2),var(--field-line,#d9dfd2)) center/100% 2px no-repeat}
.field-dot{position:absolute;top:50%;left:var(--x);width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--field-dot,#9aa58a);opacity:.7}
.field-median{position:absolute;top:50%;left:var(--x);width:2px;height:12px;margin:-6px 0 0 -1px;border-radius:1px;background:var(--field-ink,#233229);opacity:.85}
.field-mark{position:absolute;z-index:1;top:50%;left:var(--x);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;box-shadow:0 0 0 2px var(--field-ring,#fffefa)}
.field-mark--a{background:var(--field-a)}
.field-mark--b{background:var(--field-b)}
.field-mark--c{background:var(--field-c)}
.field-mark--d{background:var(--field-d)}
.field-mark--group{width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--stripes)}
.field-mark--focus{background:var(--field-focus,#233229)}
@media(forced-colors:active){
  .field-dot,.field-median,.field-mark{forced-color-adjust:none}
  .field-dot{background:GrayText}
  .field-median{background:CanvasText}
  .field-mark{box-shadow:0 0 0 2px Canvas}
  .field-mark--a,.field-mark--c{background:Highlight}
  .field-mark--b,.field-mark--d{background:LinkText}
  .field-mark--group{background:linear-gradient(90deg,Highlight 50%,LinkText 50%)}
  .field-mark--focus{background:CanvasText}
}