/* let-variants/v3-tenant — CENTREPIECE: three enquiries that re-sort themselves. The cards
 * arrive in the order the enquiries came in, then physically move into the order that matters
 * to the owner (FLIP, in the variant's script). The point is made by the movement: the first
 * caller is not the best tenant, and you can watch it stop being first.
 * Loaded after base.css, common.css and sections.css. */
.apps{display:grid;gap:10px;margin-top:22px}
.app{display:grid;grid-template-columns:22px 40px 1fr auto;gap:12px;align-items:center;
  padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);will-change:transform}
.app.best{background:rgba(255,204,0,.08);border-color:rgba(255,204,0,.4)}
.app .rank{font-size:12px;font-weight:700;color:rgba(255,255,255,.35);font-variant-numeric:tabular-nums;text-align:center}
.app.best .rank{color:var(--y)}
.app .av{width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:18px}
.app .who b{display:block;font-size:14px;font-weight:600}
.app .why{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.app .why i{font-style:normal;font-size:10px;font-weight:600;color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:2px 8px;border-radius:9999px}
.app .why i.bad{color:#ff9a9a;background:rgba(255,61,61,.12);border-color:rgba(255,61,61,.26)}
.app .sc{font-size:11px;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
.app .sc b{font-size:20px;font-weight:700;color:rgba(255,255,255,.85)}
.app.best .sc b{color:var(--y)}

/* the owner's criteria, the thing the ranking is actually against */
.crit{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;justify-content:center}
.ct{font-size:11px;font-weight:600;color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);padding:5px 11px;border-radius:9999px}
.ct.on{color:var(--ink);background:var(--ys);border-color:transparent}