/* The numbered steps in the sidebar.
 *
 * A step that cannot be done yet is held back rather than looking identical to
 * the one being worked on: the buttons inside were already disabled, but a wall
 * of equally bright sections gives no clue which one is the operator's next move.
 * Dimmed, not hidden, so the whole job is still visible at a glance and nothing
 * appears out of nowhere. */

.workflow-step.is-waiting {
    opacity: 0.45;
}

.workflow-step.is-waiting h2 {
    color: var(--text-secondary);
}

/* The step being worked on, marked down its edge rather than by colouring the
   text, so the headings stay one weight and one colour throughout. */
.workflow-step.is-current {
    border-left: 2px solid var(--accent);
    padding-left: var(--small-spacing);
    margin-left: calc(-1 * var(--small-spacing) - 2px);
}

.page-overview-note {
    margin: 10px 0 0 0;
    color: var(--text-secondary);
    font-size: var(--small-font-size);
}