/* Light 4 owns the search box, table headings and the Sort & filter menu (sort orders, types and ranges). */
#reader-status { margin: auto; max-width: 46rem; padding: 3rem 1.5rem; }
#reader-status h2 { font-size: 1.55rem; }
#reader-status p { margin: .6rem 0 1rem; }
#reader-status button { cursor: pointer; padding: .5rem 1rem; }
#reader-status[hidden], #workbench[hidden] { display: none !important; }
/* The release adds longer metric labels than the two handoff trackers use. */
html:root[data-design="pro-light-4"] #workbench #situation-list .situation .cell-label {
  white-space: normal;
  overflow-wrap: break-word;
  min-width: 0;
}
:root[data-design="pro-light-4"] #workbench[data-tracker="spin-offs"] #situation-list .situation.grid {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 34%);
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas: "sit figures" "sum figures" "tag figures" "rep figures";
  column-gap: clamp(16px, 3vw, 44px);
}
#workbench[data-tracker="spin-offs"] #situation-list .situation::before { content: none; }
#workbench[data-tracker="spin-offs"] .spin-figures {
  grid-area: figures;
  min-width: 0;
  align-self: start;
  display: grid;
  border: 1px solid #e1e1e3;
  border-radius: 3px;
  overflow: hidden;
}
.spin-figure { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: stretch; }
.spin-figure + .spin-figure { border-top: 1px solid #e1e1e3; }
.spin-figure button {
  font: inherit; font-size: .8rem; color: #54545b; text-align: left;
  cursor: pointer; border: 0; background: #f4f4f5; padding: .55rem .7rem;
}
.spin-figure button[aria-pressed="true"] { box-shadow: inset 3px 0 #f90; color: #171717; font-weight: 600; }
.spin-figure > span { min-width: 0; align-self: center; padding: .5rem .65rem; text-align: right; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.spin-figure button:focus-visible { outline: 2px solid #985200; outline-offset: -2px; }
#workbench[data-tracker="spin-offs"] #list-head { grid-template: auto / 1fr; }
#workbench[data-tracker="spin-offs"] #list-head .th { display: none; }
#workbench[data-tracker="spin-offs"] #list-head .th.c-sit { display: block; grid-area: auto; }
@container spin-list (max-width: 650px) {
  :root[data-design="pro-light-4"] #workbench[data-tracker="spin-offs"] #situation-list .situation.grid {
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto;
    grid-template-areas: "sit" "sum" "figures" "tag" "rep";
  }
  #workbench[data-tracker="spin-offs"] .spin-figures { margin-block: .8rem; }
}