.robot-filetype { color: var(--quiet); font: .75em var(--mono); }
.robot-controller { margin-top: .55rem; color: var(--soft); }
.robot-controller summary {
  width: fit-content;
  cursor: pointer;
  color: var(--soft);
  font: .73rem/1.75 var(--mono);
}
.robot-controller summary:hover { color: var(--mint); }
.robot-controller summary:focus-visible,
.robot-controls input:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
.robot-controls { margin: .45rem 0 .15rem; padding-left: .75rem; border-left: 1px solid var(--rule); }
.robot-controls fieldset { position: relative; display: flex; flex-wrap: wrap; gap: .2rem 1rem; padding: 0; border: 0; margin: 0; }
.robot-controls legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.robot-controls label {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  min-height: 1.65rem;
  font: .75rem/1.4 var(--sans);
  cursor: pointer;
}
.robot-controls input { width: .85rem; height: .85rem; margin: 0; accent-color: var(--mint); }
.robot-controls [data-bit] { color: var(--mint); font-family: var(--mono); }
.robot-controls output { display: flex; align-items: baseline; flex-wrap: wrap; gap: .2rem .75rem; padding-top: .15rem; }
.robot-controls strong { color: var(--text); font: 600 .78rem/1.6 var(--sans); }
.robot-pins { color: var(--quiet); font: .67rem/1.6 var(--mono); }
@media (max-width: 600px) {
  .entry .robot-evidence-group { grid-column: 1 / -1; grid-row: 4; }
}