/**
 * AM2027 — stats strip.
 * Three figures divided by hairline rules, stacking to a single column with
 * horizontal dividers below 900px.
 *
 * The body of this block is authored as raw HTML, and CKEditor rewrites `b`
 * to `strong` and may lift the unit `span` out of it. Selectors below accept
 * either tag and either nesting, so the strip survives a content edit: the
 * line break under the figure comes from `small` being block-level, not from
 * the figure itself, which stays inline.
 */

.stats{padding:46px 0 40px}
/* The figures sit on a brand-blue card rather than the page. var(--teal) is
   #0047BB — the token kept its old name when the brand colour changed, so
   the strip follows the brand rather than pinning a second copy of the hex. */
.stats-in{
  /* Flex, not three fixed columns. The figures are editable now (§82): a
     fourth one in a three-column grid wrapped to a second row and sat alone
     on the left. Here the row shares itself out among however many there
     are, and only wraps when they genuinely stop fitting. */
  display:flex;flex-wrap:wrap;justify-content:center;max-width:860px;margin:0 auto;
  background:var(--teal);color:#fff;border-radius:10px;padding:22px 18px;
}
.stat{
  display:flex;align-items:center;gap:16px;justify-content:center;padding:6px 20px;
  flex:1 1 200px;min-width:0;
}
/* Hairlines in the card's own colour family, not --line: a grey rule on blue
   reads as a seam. */
.stat + .stat{border-left:1px solid rgba(255,255,255,.3)}
.stat svg{width:38px;height:38px;color:#fff;flex:none}
.stat > div{line-height:1.1}

/* The figure — "3", "200+", "2,500+". */
.stat b,
.stat strong{font-size:calc((26px) * var(--fs,1));font-weight:700;letter-spacing:-.01em}

/* The unit that trails it — "DAYS". The span carries the spacing; any tag
   CKEditor leaves nested inside it just inherits, so the gap is not applied
   twice. */
.stat span{font-size:calc((14px) * var(--fs,1));font-weight:600;letter-spacing:.11em;margin-left:5px}
.stat span b,
.stat span strong{font:inherit;letter-spacing:inherit;margin-left:0}

/* Slightly transparent white rather than a second colour: it keeps the
   caption subordinate to the figure the way --slate did on white. */
.stat small{display:block;font-size:calc((13.5px) * var(--fs,1));color:rgba(255,255,255,.88);font-weight:500;line-height:normal;margin-top:2px}

@media(max-width:900px){
  .stats-in{flex-direction:column;gap:0;padding:10px 20px}
  .stat{justify-content:flex-start;padding:16px 0;flex:1 1 auto}
  .stat + .stat{border-left:0;border-top:1px solid rgba(255,255,255,.3)}
}