/* The analysis page. Five panels of prose, and no chart.
 *
 * Every colour here is a token from app.css, which defines a light set and a
 * dark set under `prefers-color-scheme`. The first cut of this file invented
 * three names that do not exist -- `--ink-soft`, `--rule`, `--tint` -- so
 * every one fell through to its hard-coded light fallback. On a dark screen
 * that put cream panels behind pale text and made both `.fix` boxes, the two
 * most useful things on the page, completely unreadable.
 *
 * So: no fallbacks, and no literal colours below this comment. A token that
 * does not exist should break visibly in both themes rather than work in one.
 *
 * The page's one real distinction is between a figure the archive supports and
 * a sentence saying it does not. Those must be told apart at a glance, and
 * neither may look like an error: "2019 and 2020 are unscanned" is a fact
 * about a box in a cupboard, not a fault. Hence no --flag anywhere on this
 * page; the whole palette is ink, quiet and the recessed surface.
 */

.panel h3 {
  margin: 1.1rem 0 0.35rem;
  font-size: 0.95rem;
  letter-spacing: 0.01em;
  color: var(--ink);
}

/* An answer the archive supports. */
.answer {
  font-weight: 600;
  color: var(--ink);
}

/* A question the record cannot currently settle. Quieter, not louder -- the
   reader needs to know it is not an answer, not to be alarmed by it. */
.cannot {
  color: var(--quiet);
  font-style: italic;
}

/* What would change the answer. The only bordered thing on the page, because
   it is the only thing that is an instruction. Built on the `.strip`
   convention from dashboard.css: recessed surface, accent down the left.
   `color` is set explicitly rather than inherited -- that omission is what
   made this box unreadable in dark mode. */
.fix {
  margin: 0.5rem 0;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--line);
  border-left: 4px solid var(--quiet);
  border-radius: 0.4rem;
  background: var(--sunk);
  color: var(--ink);
  font-size: 0.9rem;
}

/* What a figure rests on. Smaller and quieter, but deliberately still in the
   flow rather than behind a disclosure: a caveat nobody opens is a caveat
   nobody read. */
.caveat {
  margin: 0.4rem 0;
  color: var(--quiet);
  font-size: 0.85rem;
}

.caveat.footnote {
  margin-top: 1.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--line);
}

.findings {
  margin: 0.35rem 0 0.6rem;
  padding-left: 1.1rem;
  color: var(--ink);
}

.findings li {
  margin: 0.3rem 0;
  line-height: 1.45;
}

.findings.quiet li {
  color: var(--quiet);
  font-size: 0.88rem;
}

/* Direction carries by shape, not by colour -- the same rule the dashboard
   tiles follow. A falling count is not a red state; it might be August. */
.break::marker { content: "\25AC\00a0"; }
.break.down::marker { content: "\25BC\00a0"; }
.break.up::marker { content: "\25B2\00a0"; }

.chip.thin {
  margin-left: 0.35rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--quiet);
}

details > summary {
  cursor: pointer;
  font-size: 0.88rem;
  color: var(--quiet);
  min-height: var(--tap);
  display: flex;
  align-items: center;
}