/* ==========================================================================
   One programme office across sequential assignments (tools/exhibit_waves.py):
   a programme-control Gantt. Builds on the shared slide classes in house.css
   (ex-sl-*); the switch between the slide and its stacked version is in
   matrix.css. The ochre and the teal are the site's (--gold-line, --graphic);
   the other colours are the slides' own, for the dark ground of the locked
   Noir direction. Gold marks only the path's end and the programme office.
   ========================================================================== */

.ex-wv {
  --wv-band: rgba(255, 255, 255, 0.03);
  --wv-band-line: #22404b;
  --wv-grid: #2f4d58;
  --wv-track: #2a4853;
}

/* --- Shapes ---------------------------------------------------------------- */
/* The assignments: equal chevrons, read left to right (top to bottom when stacked). */
.ex-wv-phase {
  fill: var(--sl-panel);
  stroke: var(--sl-line);
  stroke-width: 1;
  stroke-linejoin: round;
}

/* The team lanes, and the hairline each lane's connectors sit on. */
.ex-wv-band {
  fill: var(--wv-band);
  stroke: var(--wv-band-line);
  stroke-width: 1;
}

.ex-wv-track {
  fill: none;
  stroke: var(--wv-track);
  stroke-width: 1;
}

/* Where one assignment ends and the next begins: through the lanes and the office alike. */
.ex-wv-grid {
  fill: none;
  stroke: var(--wv-grid);
  stroke-width: 1;
  stroke-dasharray: 2 4;
}

/* The connectors that keep decisions and dependencies visible: the same in every assignment. */
.ex-wv-link {
  fill: none;
  stroke: var(--sl-teal-soft);
  stroke-width: 1.5;
  stroke-linecap: round;
}

.ex-wv-tip,
.ex-wv-node {
  fill: var(--sl-teal-soft);
}

/* The programme office: one continuous band, its edge in gold, its routines as teal tracks. */
.ex-wv-office {
  fill: var(--sl-panel);
  stroke: var(--gold-line);
  stroke-opacity: 0.6;
  stroke-width: 1;
}

.ex-wv-bar {
  fill: var(--graphic);
  fill-opacity: 0.7;
}

/* The deliverables' column. */
.ex-wv-divider {
  fill: none;
  stroke: var(--wv-band-line);
  stroke-width: 1;
}

.ex-wv-rule {
  fill: var(--sl-line);
}

/* --- Type ------------------------------------------------------------------ */
.ex-wv-lane,
.ex-wv-routine,
.ex-wv-key,
.ex-wv-item,
.ex-wv-pmo {
  font-family: var(--font-body);
}

/* The PMO statement under the grid (Ayse, 8 Nov), in the programme office's gold-edged band. */
.ex-wv-pmo {
  font-size: 14px;
  font-weight: 500;
  fill: var(--sl-fg);
}

.ex-wv-lane {
  font-size: 14px;
  font-weight: 600;
  fill: var(--sl-fg);
}

.ex-wv-routine {
  font-size: 12px;
  font-weight: 400;
  fill: var(--sl-steel);
}

.ex-wv-key {
  font-size: 12px;
  font-weight: 400;
  fill: var(--sl-muted);
}

.ex-wv-item {
  font-size: 13px;
  font-weight: 400;
  fill: var(--sl-fg);
}

/* Stacked version: the sizes in WV_TALL_SCALE (exhibit_waves.py); a test keeps them in step. */
.exhibit__svg--tall .ex-wv-lane { font-size: 13px; }
.exhibit__svg--tall .ex-wv-pmo { font-size: 13px; }