/* /resolvers · the FXN resolver directory.
   Keeps to the existing stats-tile shell; just adds the per-card headers,
   measurement blocks and status chips. */

#scene .resolvers-page .resolver-card { display:flex; flex-direction:column; gap:12px; }
#scene .resolvers-page .resolver-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
#scene .resolvers-page .resolver-head h3 { margin:0; font:600 18px/1.25 var(--ark-sans); color:hsl(var(--text-strong)); }

#scene .resolvers-page .resolver-status {
  font:600 10px/1 var(--ark-mono); letter-spacing:0.08em; text-transform:uppercase;
  padding:4px 9px; border-radius:999px; white-space:nowrap;
}
#scene .resolvers-page .resolver-status.is-ok    { background:hsl(var(--live, var(--primary)) / 0.18); color:hsl(var(--text-strong)); }
#scene .resolvers-page .resolver-status.is-warn  { background:hsl(var(--warning, var(--primary)) / 0.18); color:hsl(var(--warning, var(--text-strong))); }
#scene .resolvers-page .resolver-status.is-faint { background:hsl(var(--surface)); color:hsl(var(--text-muted)); }

#scene .resolvers-page .resolver-meta { font:12px/1.4 var(--ark-mono); color:hsl(var(--text-muted)); margin:0; }
#scene .resolvers-page .resolver-meta code { background:hsl(var(--surface)); padding:1px 5px; border-radius:4px; color:hsl(var(--text)); }

#scene .resolvers-page .resolver-measured {
  display:grid; grid-template-columns:1fr auto; gap:4px 16px; align-items:baseline;
  padding:12px 14px; background:hsl(var(--surface)); border-radius:12px; margin-top:4px;
}
#scene .resolvers-page .resolver-measured.is-missing { background:hsl(var(--surface) / 0.4); border:1px dashed hsl(var(--text-muted) / 0.3); }
#scene .resolvers-page .resolver-measured-label { font:11px/1.2 var(--ark-mono); color:hsl(var(--text-muted)); letter-spacing:0.03em; text-transform:uppercase; grid-column:1; }
#scene .resolvers-page .resolver-measured-value { font:600 20px/1 var(--ark-sans); color:hsl(var(--text-strong)); grid-column:2; grid-row:1; }
#scene .resolvers-page .resolver-measured-value strong { font-weight:700; }
#scene .resolvers-page .resolver-measured-source { grid-column:1 / -1; font:11px/1.4 var(--ark-sans); color:hsl(var(--text-muted)); }
#scene .resolvers-page .resolver-measured-secondary { grid-column:1 / -1; list-style:none; padding:0; margin:4px 0 0; display:flex; gap:12px; flex-wrap:wrap; }
#scene .resolvers-page .resolver-measured-secondary li { font:12px/1.3 var(--ark-mono); color:hsl(var(--text)); }

#scene .resolvers-page .resolver-issues summary { font:12px/1.3 var(--ark-mono); color:hsl(var(--text-muted)); cursor:pointer; }
#scene .resolvers-page .resolver-issues ul { list-style:disc; margin:6px 0 0 18px; padding:0; }
#scene .resolvers-page .resolver-issues li { font:12px/1.4 var(--ark-sans); color:hsl(var(--text)); margin-bottom:4px; }

@media (max-width:720px) {
  #scene .resolvers-page .resolver-card { grid-column:1 / -1; }
}