/* Insights report pictures for the use case pages. Look and motion ported from the product page report films
   (dark charcoal panel, mint and green accents, General Sans and IBM Plex Mono), scaled to the container instead of a fixed stage. */
.ucr{--r-bg:#121614;--r-bg2:#1A1F1C;--r-bg3:#232925;--r-ink:#F7F7F5;--r-sub:#B8BBB7;--r-mute:#858C86;--r-line:rgba(184,187,183,.18);
  --r-green:#67B873;--r-mint:#B3E2B6;--r-amber:#E4B46A;--r-red:#E07A6A;--r-blue:#7FB3D5;--r-dim:#3a4a40;--r-rest:#5f6b63;
  --r-ease:cubic-bezier(.22,1,.36,1);
  --r-font:"General Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  container-type:inline-size;display:block;box-sizing:border-box;width:100%;color:var(--r-ink);font-family:var(--r-font);
  background:linear-gradient(160deg,rgba(40,47,43,.82),rgba(22,27,24,.82)),radial-gradient(120% 90% at 70% 0%,#232925 0%,#1A1F1C 55%,#121614 100%);
  border:1px solid rgba(247,247,245,.12);border-radius:16px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.04);
  padding:clamp(18px,4.2cqw,40px)}
.ucr *{box-sizing:border-box}
.ucr-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ucr-eye{font-family:var(--r-mono);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--r-mint)}
.ucr-view{font-family:var(--r-mono);font-size:14px;letter-spacing:.06em;color:var(--r-sub);border:1px solid var(--r-line);border-radius:999px;padding:3px 12px}
.ucr-body{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3.4cqw,36px);margin-top:clamp(16px,2.6cqw,26px);align-items:start}
.ucr-body.has-series .ucr-stat{order:-1}
@container (min-width:680px){
  .ucr-body.has-series{grid-template-columns:minmax(0,1fr) minmax(220px,34%)}
  .ucr-body.has-series .ucr-stat{order:0}
}
/* stat card */
.ucr-stat{border:1px solid rgba(103,184,115,.5);border-radius:18px;padding:clamp(18px,3cqw,28px) clamp(20px,3.2cqw,30px);background:rgba(18,22,20,.55)}
.ucr-stat b{display:block;font-size:clamp(44px,9cqw,72px);font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--r-mint)}
.ucr-stat b small{font-size:clamp(18px,3cqw,28px);color:var(--r-mute);font-weight:500;letter-spacing:0;margin-left:8px}
.ucr-stat .ucr-n{display:inline-block}
.ucr-find{display:block;font-size:clamp(16px,2.4cqw,20px);line-height:1.4;color:var(--r-sub);margin-top:12px;text-wrap:pretty}
.ucr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* rows of horizontal bars */
.ucr-rows{display:flex;flex-direction:column;gap:14px}
.ucr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;font-size:16px}
.ucr-l{grid-column:1 / -1;color:var(--r-ink);font-weight:500;line-height:1.25;display:flex;align-items:center;gap:10px;min-width:0}
.ucr-l i{flex:none;width:10px;height:10px;border-radius:50%}
.ucr-bar{height:clamp(22px,4cqw,32px);display:flex;gap:3px;border-radius:7px;overflow:hidden;min-width:0}
.ucr-bar.track{background:rgba(247,247,245,.07)}
.ucr-bar i{display:block;height:100%;border-radius:4px;transform-origin:left;transform:scaleX(0);will-change:transform}
.ucr-bar.track i{border-radius:7px}
.ucr-v{font-family:var(--r-mono);font-size:14px;color:var(--r-sub);font-variant-numeric:tabular-nums;opacity:0;white-space:nowrap}
@container (min-width:520px){
  .ucr-row{grid-template-columns:clamp(120px,24%,200px) minmax(0,1fr) auto;gap:16px;font-size:16px}
  .ucr-l{grid-column:auto;justify-content:flex-end;text-align:right}
}
.ucr-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:14px;color:var(--r-sub)}
.ucr-legend span{display:inline-flex;align-items:center;gap:8px}
.ucr-legend i{width:12px;height:12px;border-radius:4px;flex:none}
.ucr-kick{font-family:var(--r-mono);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--r-mute);margin-bottom:14px}
/* severity and share stacks (the one-bar picture) */
.ucr-stack{display:flex;width:100%;height:clamp(16px,3cqw,22px);border-radius:999px;overflow:hidden;background:var(--r-bg3);margin-bottom:6px}
.ucr-stack i{display:block;height:100%;transform-origin:left;transform:scaleX(0)}
/* square grid (tools) */
.ucr-sq{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:4px;margin-bottom:22px}
.ucr-sq i{display:block;aspect-ratio:1;border-radius:3px;background:var(--r-dim);opacity:0}
.ucr-sq i.x{background:var(--r-amber)}
.c-serious{background:var(--r-red)}.c-material{background:var(--r-amber)}.c-limited{background:var(--r-blue)}.c-covered{background:var(--r-green)}
.c-one{background:var(--r-mint)}.c-rest{background:var(--r-rest)}.c-green{background:var(--r-green)}.c-dim{background:var(--r-dim)}.c-amber{background:var(--r-amber)}
.ucr.ucr-static .ucr-bar i,.ucr.ucr-static .ucr-stack i{transform:none}
@media (prefers-reduced-motion:reduce){.ucr *{transition:none!important;animation:none!important}}
/* names only (no values given): ranked list and chips */
.ucr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ucr-list li{display:flex;align-items:baseline;gap:14px;font-size:17px;line-height:1.35;opacity:0}
.ucr-list b{font-family:var(--r-mono);font-weight:500;font-size:14px;color:var(--r-mint);min-width:1.6em}
.ucr-chips{display:flex;flex-wrap:wrap;gap:10px}
.ucr-chip{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;padding:9px 16px;border:1px solid var(--r-line);border-radius:999px;background:rgba(18,22,20,.55);opacity:0}
.ucr-chip i{width:10px;height:10px;border-radius:50%;flex:none}
.ucr.ucr-static .ucr-chip,.ucr.ucr-static .ucr-list li{opacity:1}
/* Oct 22 (Val): a word in the number's place (Serious) is set smaller, so it reads as a rating, not a headline */
.ucr-stat b.ucr-word{font-size:clamp(26px,4.6cqw,38px);letter-spacing:-.015em;line-height:1.1}