/* =====================================================================
   ZION CLICK CREATE  -  research layer (loaded after zcc.css)
   Stats row, research index at-a-glance block, and the homepage
   #research ledger. Tokens come from main.css / zcc.css.
   ===================================================================== */

/* ---------- mono stats row ---------- */
.rstats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 clamp(28px,4vw,48px)}
.rstats .rs{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2.4vw,30px) clamp(14px,1.8vw,26px);border-left:1px solid var(--line);min-width:0}
.rstats .rs:first-child{border-left:0;padding-left:0}
.rstats b{font-family:var(--mono);font-weight:700;font-size:clamp(2.2rem,4.6vw,4rem);line-height:.95;letter-spacing:-.03em;color:var(--paper);font-variant-numeric:tabular-nums}
.rstats .rl{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.rstats .rsub{font-family:var(--mono);font-size:11.5px;line-height:1.45;color:var(--ash)}
@media(max-width:900px){
  .rstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rstats .rs{border-left:0;padding:18px 12px 18px 0;border-top:1px solid var(--line)}
  .rstats .rs:nth-child(-n+2){border-top:0}
  .rstats .rs:nth-child(even){border-left:1px solid var(--line);padding-left:16px}
  .rstats .rs:last-child{grid-column:1/-1;border-left:0;padding-left:0}
}
.rnote{font-family:var(--mono);font-size:11.5px;line-height:1.6;color:var(--ash);max-width:78ch}

/* ---------- at-a-glance band on /research ---------- */
.glance{padding-top:0;padding-bottom:clamp(8px,2vw,24px)}
.glance .wrap{padding-top:0}
.glance .rstats{margin-bottom:18px}

/* ---------- homepage #research ---------- */
#research .ledger{margin-top:0}
#research .lrow .ltitle{text-transform:none}
#research .lrow .lblurb{font-size:12.5px;line-height:1.55;max-width:60ch}
#research .lrow .lclass,#research .lrow .lyear,#research .lrow .lstatus{text-transform:none}
#research .lrow{position:relative;color:inherit;text-decoration:none;transition:background .25s var(--ease),padding-left .25s var(--ease)}
#research .lrow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--signal);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
#research .lrow:hover::before,#research .lrow:focus-visible::before{transform:scaleY(1)}
#research .ractions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:clamp(28px,4vw,44px)}
#research .ractions .rnote{flex:1 1 280px;max-width:60ch}
@media(max-width:700px){#research .ractions .btn{flex:1 1 100%}}

/* Lab Notes: let the weakness class wrap instead of clipping on narrow rows */
#notes .lrow .lblurb{max-width:64ch}

/* severity + status fold into the blurb where the side columns are hidden */
.msev{display:none}
@media(max-width:700px){#notes .msev,#research .msev{display:inline}}

/* fireblocks cluster (orchestrator) */
.fb-cluster{border:1px solid var(--line);border-left:2px solid var(--signal);padding:clamp(16px,3vw,28px);margin:0 0 26px}
.fb-head h3{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.4vw,1.9rem);text-transform:uppercase;letter-spacing:-.01em}
.fb-head p{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--ash);max-width:70ch;margin:8px 0 14px}
.fb-head a{color:var(--signal);border-bottom:1px solid currentColor}
.fb-cluster .ledger{border-top:1px solid var(--line)}
