/* ==========================================================================
   Diligence frame (tools/exhibit_thesis.py): four lenses, each with its
   question and what was examined, gathered by one bracket into the investment
   thesis, then the questions to test. 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 end state: the thesis.
   ========================================================================== */

.ex-th {
  --th-rule: #4f6e79;
  --th-hairline: #22404b;
  --th-bracket: #6f8b95;
}

/* --- The table ------------------------------------------------------------- */
/* Its top and bottom rules carry the weight; hairlines part the rows. */
.ex-th-rule {
  fill: var(--th-rule);
}

.ex-th-hairline {
  fill: var(--th-hairline);
}

.ex-th-subject {
  fill: var(--sl-teal-soft);
}

.ex-th-lens {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 600;
  fill: var(--sl-fg);
}

.ex-th-q,
.ex-th-ev,
.ex-th-test,
.ex-th-foot {
  font-family: var(--font-body);
}

.ex-th-q {
  font-size: 15px;
  font-weight: 500;
  fill: var(--sl-fg);
}

.ex-th-ev {
  font-size: 13px;
  font-weight: 400;
  fill: var(--sl-muted);
}

/* --- The bracket: one tick per row, gathered into the thesis ----------------- */
.ex-th-bracket {
  fill: none;
  stroke: var(--th-bracket);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ex-th-arrowhead {
  fill: var(--th-bracket);
}

/* --- End state: the thesis, then the questions to test ------------------------ */
.ex-th-thesis-card {
  fill: var(--gold-line);
  fill-opacity: 0.1;
  stroke: var(--gold-line);
  stroke-width: 1.5;
}

.ex-th-thesis {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 600;
  fill: var(--sl-fg);
}

.ex-th-test-card {
  fill: var(--graphic);
  fill-opacity: 0.1;
  stroke: var(--graphic);
  stroke-opacity: 0.6;
  stroke-width: 1;
}

.ex-th-test {
  font-size: 14px;
  font-weight: 500;
  fill: var(--sl-fg);
}

.ex-th-link {
  fill: none;
  stroke: var(--graphic);
  stroke-opacity: 0.7;
  stroke-width: 1.5;
  stroke-dasharray: 3 4;
  stroke-linecap: round;
}

/* --- Footer: what else was delivered -------------------------------------- */
.ex-th-foot {
  font-size: 12px;
  font-weight: 400;
  fill: var(--sl-muted);
}

/* Stacked version: the sizes in TH_TALL_SCALE (exhibit_thesis.py); a test keeps them in step. */
.exhibit__svg--tall .ex-th-lens { font-size: 20px; }
.exhibit__svg--tall .ex-th-q { font-size: 14px; }
.exhibit__svg--tall .ex-th-ev { font-size: 12px; }
.exhibit__svg--tall .ex-th-thesis { font-size: 22px; }
.exhibit__svg--tall .ex-th-test { font-size: 13px; }