/* TreeTrace.dev - MEASURED ACCURACY band (home only).
   Uses locked tokens: cobalt rationed, on-cobalt = white, no green/amber. */

.accuracy{
  background:
    radial-gradient(720px 360px at 12% 0%, rgba(46,91,255,.06), transparent 70%),
    var(--tt-ink);
}
.accuracy .section__head{max-width:720px}

/* ---------- stat row ---------- */
.acc-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 30px;
}
.acc-stat{
  padding:20px;border:1px solid var(--tt-line);border-radius:12px;
  background:rgba(8,9,11,.4);
}
.acc-stat .num{
  font-family:var(--tt-font-display);font-weight:800;font-size:clamp(25px,2.9vw,32px);
  letter-spacing:-.02em;color:var(--tt-paper);line-height:1;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum";
}
.acc-stat .num em{font-style:normal;font-size:14px;color:var(--tt-signal);margin-left:6px}
.acc-stat .lab{margin-top:11px;font-family:var(--tt-font-mono);font-size:12px;
  line-height:1.5;letter-spacing:.03em;color:var(--tt-ash)}
.acc-stat .lab b{color:var(--tt-paper);font-weight:700}

/* ---------- scorecard bar viz ---------- */
.acc-card-wide{
  border:1px solid var(--tt-line);border-radius:16px;background:var(--tt-surface);
  padding:26px 28px 22px;
}
.acc-card-wide__top{
  display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;
  justify-content:space-between;margin-bottom:20px;
}
.acc-card-wide__top h3{
  font-family:var(--tt-font-display);font-size:15px;font-weight:800;
  letter-spacing:-.01em;color:var(--tt-paper);text-transform:none;
}
.acc-card-wide__top .meta{
  font-family:var(--tt-font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--tt-ash-2);
}

.acc-bars{list-style:none;display:flex;flex-direction:column;gap:11px}
.acc-bar{
  display:grid;grid-template-columns:46px 156px minmax(0,1fr) 46px;
  align-items:center;gap:14px;font-family:var(--tt-font-mono);
}
.acc-bar__id{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--tt-signal)}
.acc-bar__name{font-size:12px;color:var(--tt-ash);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.acc-bar__track{
  height:9px;border-radius:6px;background:rgba(155,160,166,.12);
  border:1px solid var(--tt-line-2);overflow:hidden;
}
.acc-bar__fill{
  display:block;height:100%;border-radius:6px;
  background:linear-gradient(90deg, rgba(46,91,255,.5), var(--tt-signal));
  transform-origin:left;animation:acc-grow .9s var(--tt-ease) both;
}
@keyframes acc-grow{from{transform:scaleX(.001)}to{transform:scaleX(1)}}
.acc-bar__val{
  font-size:12.5px;font-weight:700;color:var(--tt-paper);text-align:right;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum";
}

.acc-scale{
  display:grid;grid-template-columns:46px 156px minmax(0,1fr) 46px;gap:14px;
  margin-top:14px;padding-top:12px;border-top:1px solid var(--tt-line-2);
}
.acc-scale i{
  grid-column:3;display:flex;justify-content:space-between;font-style:normal;
}
.acc-scale i b{font-family:var(--tt-font-mono);font-size:10px;font-weight:400;
  letter-spacing:.06em;color:var(--tt-ash-2)}

.acc-note{
  margin-top:18px;font-family:var(--tt-font-mono);font-size:12px;line-height:1.65;
  color:var(--tt-ash-2);
}

/* ---------- framing cards ---------- */
.acc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.acc-fcard{
  padding:22px;border:1px solid var(--tt-line);border-radius:14px;
  background:linear-gradient(180deg, var(--tt-surface), rgba(18,19,22,.55));
}
.acc-fcard h4{
  font-family:var(--tt-font-display);font-size:15px;font-weight:800;
  letter-spacing:-.01em;color:var(--tt-paper);text-transform:none;margin-bottom:9px;
}
.acc-fcard p{font-family:var(--tt-font-mono);font-size:13px;line-height:1.6;color:var(--tt-ash)}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .acc-stats{grid-template-columns:1fr 1fr}
  .acc-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .acc-card-wide{padding:22px 18px 18px}
  .acc-bar{grid-template-columns:42px minmax(0,1fr) 44px;gap:12px}
  .acc-bar__name{display:none}
  .acc-scale{grid-template-columns:42px minmax(0,1fr) 44px;gap:12px}
  .acc-scale i{grid-column:2}
  .acc-stat .lab{font-size:13px}
}
@media (max-width:380px){
  .acc-stats{grid-template-columns:1fr}
}