/* ==========================================================================
   Assessment screen (tools/exhibit_screen.py): end markets through one
   assessment, to a staged agenda. 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 design's own, for the dark ground of
   the locked Noir direction. Gold marks only the end state.
   ========================================================================== */

.ex-sc {
  --sc-band: rgba(255, 255, 255, 0.03);
  --sc-band-line: #22404b;
  --sc-arrow: #6f8b95;
}

/* --- The pressures and the grid's top edge ---------------------------------- */
.ex-sc-force-arrow {
  fill: none;
  stroke: var(--sl-muted);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ex-sc-lid {
  fill: none;
  stroke: var(--sl-line);
  stroke-width: 1;
}

/* --- The grid: one band per market, identical cells (no results) ------------ */
.ex-sc-band {
  fill: var(--sc-band);
  stroke: var(--sc-band-line);
  stroke-width: 1;
}

.ex-sc-cell {
  fill: var(--graphic);
  fill-opacity: 0.03;
  stroke: var(--graphic);
  stroke-opacity: 0.3;
  stroke-width: 1;
}

/* --- From the grid to the outputs ------------------------------------------- */
.ex-sc-arrow,
.ex-sc-bracket {
  fill: none;
  stroke: var(--sc-arrow);
  stroke-width: 1.5;
  stroke-linecap: round;
}

.ex-sc-bracket {
  stroke-width: 1;
  stroke-linejoin: round;
}

.ex-sc-arrowhead {
  fill: var(--sc-arrow);
}

/* --- The end state ------------------------------------------------------------ */
.ex-sc-end {
  fill: var(--gold-line);
  fill-opacity: 0.08;
  stroke: var(--gold-line);
  stroke-width: 1.5;
}

/* --- Type ------------------------------------------------------------------ */
.ex-sc-force,
.ex-sc-lens,
.ex-sc-card,
.ex-sc-sub {
  font-family: var(--font-body);
}

.ex-sc-force {
  font-size: 13px;
  font-weight: 600;
  fill: var(--sl-steel);
}

.ex-sc-lens {
  font-size: 12px;
  font-weight: 600;
  fill: var(--sl-steel);
}

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

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

.ex-sc-end-text {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  fill: var(--sl-fg);
}

/* Stacked version: the sizes in SC_TALL_SCALE (exhibit_screen.py). */
.exhibit__svg--tall .ex-sc-end-text { font-size: 20px; }