/* Behaviour & inclusion tile (site/js/charts/behaviour-tile.js)
 *
 * Stat grid + RISE line for the trust and LA profile panels.
 * Reuses .aar-insights card shell and .aar-insights-title / -source
 * (defined in styles/tabs/compare/blocks.css). Only genuinely new
 * selectors live here.
 *
 * Tokens only — colours via var(--*), sizes via var(--text-*),
 * spacing via var(--space-*). No hex literals; no inline styles. */

/* Source caption: inherits .aar-insights-source from blocks.css.
 * .beh-tile-source kept for future disambiguation only. */
.beh-tile-source { /* no additional rules beyond .aar-insights-source */ }

/* Stat grid — two equal columns; the ≥1-suspension stat spans both. */
.beh-tile-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
  margin: var(--space-3) 0;
  padding: 0;
}

/* One stat card — label / big value / note. */
.beh-tile-stat {
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  padding: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

/* Wide stat spans both grid columns (the ≥1-suspension row). */
.beh-tile-stat--wide {
  grid-column: 1 / -1;
}

.beh-tile-label {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--ink-2);
  margin: 0;
}

.beh-tile-value {
  font-size: var(--text-xl);
  font-weight: 700;
  color: var(--ink);
  margin: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.beh-tile-note {
  font-size: var(--text-xs);
  color: var(--ink-3);
  margin-top: var(--space-1);
}

/* Percentile benchmark strip under a rate stat (trust path only).
 * The bar itself reuses the shared .trust-finance-rank / -rank-bar /
 * -rank-dot recipe (styles/tabs/compare/blocks.css); this wrapper only
 * adds separation from the value above and a small "vs peers" caption.
 * Polarity higher = worse, so the dot at a high percentile reads as the
 * worse end (no colour inversion — the dot stays the neutral accent). */
.beh-tile-strip {
  margin-top: var(--space-2);
}

.beh-tile-strip-label {
  display: block;
  font-size: var(--text-nano);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-3);
}

/* RISE intervention line — neutral, dated, not a quality flag.
 * Styled as a plain informational callout, not a warning band. */
.beh-tile-rise {
  margin: 0;
  padding: var(--space-2) var(--space-3);
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  font-size: var(--text-sm);
  color: var(--ink-2);
}

/* Small inline badge preceding the RISE sentence.
 * Mirrors .ga-row-badge from the trust panel (components.css). */
.beh-tile-rise-label {
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: 600;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-sm);
  padding: 1px var(--space-2);
  color: var(--ink-2);
  margin-right: var(--space-1);
  white-space: nowrap;
}