/* jev-technique — figure styles only; everything else comes from blog.css */

:root{
  --ser-a:#1F4BB8;   /* trained on probabilities — the site accent */
  --ser-b:#C2701C;   /* trained on labels */
  --ok:#1D7A5F; --no:#B0332B; --nul:#6E727C;
}
[data-theme="dark"]{
  --ser-a:#7FA6F5; --ser-b:#D89A55;
  --ok:#52C398; --no:#E0705F; --nul:#8A8790;
}

figure.chart svg text{ font-family: var(--f-mono); }
.sA{ stroke:var(--ser-a); fill:var(--ser-a); }
.sB{ stroke:var(--ser-b); fill:var(--ser-b); }
.bx{ fill:var(--paper-3); stroke:var(--rule-2); stroke-width:1.3; }
.bxA{ fill:var(--accent-soft); stroke:var(--accent); stroke-width:1.5; }
.bxD{ fill:none; stroke:var(--ink-3); stroke-width:1.2; stroke-dasharray:5 4; opacity:.65; }
.tA{ fill:var(--accent); } .tF{ fill:var(--ink-3); }

/* four-guess scorecard */
.guesses{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
  background:var(--rule); border:1px solid var(--rule); border-radius:6px;
  overflow:hidden; margin:1.6rem 0;
}
.guesses > div{ background:var(--paper); padding:1rem 1.1rem; }
.guesses .v{
  font-family:var(--f-mono); font-size:.68rem; letter-spacing:.13em;
  text-transform:uppercase; margin-bottom:.45rem;
}
.guesses .v.ok{color:var(--ok);} .guesses .v.no{color:var(--no);} .guesses .v.nul{color:var(--nul);}
.guesses h4{ font-size:1rem; margin:0 0 .3rem; line-height:1.3; }
.guesses p{ font-size:.9rem; line-height:1.5; color:var(--ink-2); margin:0; }
.guesses b{ font-family:var(--f-mono); font-weight:600; color:var(--ink); }

.tree{
  font-family:var(--f-mono); font-size:.86rem; line-height:1.95;
  background:var(--paper-2); border:1px solid var(--rule);
  border-radius:6px; padding:1.1rem 1.3rem; margin:1.6rem 0; overflow-x:auto;
}
.tree b{ color:var(--accent); font-weight:600; }

@media (max-width:640px){ .guesses{ grid-template-columns:1fr; } }