/* Presentation of the illustrative model; no shared page layout overrides. */
.optimizer-explainer-page .optimizer-requirements,
.optimizer-explainer-page .optimizer-example-note {
  color: var(--rkv-text-muted, #486075);
  font-size: .9rem;
  max-width: 76ch;
}
.optimizer-explainer-page .optimizer-demand-summary {
  border-left: 3px solid var(--rkv-success-strong, #168156);
  padding: .65rem .85rem;
  margin: 1rem 0 .4rem;
  font-size: .9rem;
}
.optimizer-explainer-page .optimizer-demand-summary.has-unmet-demand {
  border-color: #936111;
  background: #fff7e5;
  color: #63410c;
}
.optimizer-explainer-page .flow-lane [data-flow-load] {
  height: auto;
  min-height: 44px;
}
.optimizer-explainer-page .flow-lane [data-flow-load] small {
  display: block;
  font-size: .65rem;
  line-height: 1.2;
  font-weight: 500;
}
.optimizer-explainer-page .optimizer-parameters-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.optimizer-explainer-page .optimizer-parameters {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}
.optimizer-explainer-page .optimizer-parameters caption {
  text-align: left;
  font-weight: 700;
  padding: .5rem;
}
.optimizer-explainer-page .optimizer-parameters th,
.optimizer-explainer-page .optimizer-parameters td {
  border-bottom: 1px solid var(--rkv-border, #dbe3ea);
  padding: .65rem .5rem;
  text-align: left;
  vertical-align: top;
}
.optimizer-explainer-page .optimizer-parameters th[scope="row"] {
  width: 24%;
}