/* V22.9.8.3 - Progress Integrity + chart clarity */
.v22983-hero{
  border-radius:24px;
  padding:26px 28px;
  margin-bottom:18px;
  color:#fff;
  background:linear-gradient(135deg,#111827,#1f2937 55%,#b7791f);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  box-shadow:0 18px 45px rgba(15,23,42,.18);
}
.v22983-hero .eyebrow{letter-spacing:.22em;font-weight:800;color:#facc15;font-size:.75rem;margin-bottom:6px;}
.v22983-hero h2{font-weight:900;margin:0 0 6px;font-size:1.65rem;}
.v22983-hero p{margin:0;color:rgba(255,255,255,.84);max-width:760px;}
.v22983-sequence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;}
.v22983-sequence-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.v22983-sequence-card.ok{border-left:5px solid #16a34a;}
.v22983-sequence-card.hold{border-left:5px solid #d97706;background:#fff7ed;}
.v22983-step-no{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;background:#111827;color:#fff;flex:0 0 auto;}
.v22983-sequence-card p{font-size:.84rem;color:#64748b;margin:4px 0 6px;}
.v22983-sequence-card a{font-size:.82rem;font-weight:800;text-decoration:none;color:#2563eb;}
.card canvas,
.metric-card canvas,
.chart-card canvas{image-rendering:auto;max-width:100%;}
.card .card-body:has(canvas){min-height:280px;}
@media(max-width:768px){.v22983-hero{flex-direction:column;align-items:flex-start}.v22983-hero h2{font-size:1.3rem}}
