.ci-workbench {
  background:var(--ci-soft);
  color:var(--ci-text);
  border:1px solid var(--ci-line);
  border-top:4px solid var(--interior-red);
  border-radius:1rem;
  padding:clamp(.8rem,3vw,1.5rem);
  margin:0 0 1.25rem;
}
.ci-workbench h2 { margin:0 0 .5rem; }
.ci-workbench p { max-width:65ch; }
.ci-workbench label { display:block; font-weight:650; }
.ci-workbench :is(input,select) {
  width:100%;
  min-height:44px;
  color:var(--ci-text);
  background:var(--ci-surface);
  border:1px solid var(--ci-line);
  border-radius:.5rem;
  padding:.45rem .55rem;
  font:inherit;
}
.ci-workbench input[type="submit"] { width:auto; background:#155bce; color:white; cursor:pointer; }
.ci-loan-fields,.ci-clock-results {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:.8rem;
}
.ci-loan-field,.ci-clock-results article {
  min-width:0;
  padding:.85rem;
  background:var(--ci-surface);
  border:1px solid var(--ci-line);
  border-radius:.75rem;
}
.ci-loan-field small { display:block; margin:.15rem 0 .45rem; }
.ci-loan-field input[type="submit"] { margin-top:.5rem; }
.ci-clock-results { margin-top:1rem; }
.ci-clock-results h3 { margin:0 0 .25rem; }
.ci-clock-results time { display:block; font-size:1.25rem; font-variant-numeric:tabular-nums; }
.ci-workbench select { max-width:26rem; }
.ci-interior-grid .ciIH { display:block; }
.ci-measurement-workbench { margin-bottom:1.25rem; }