/* Generic card styles and hover effects used across the site */
.card-generic{
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: var(--radius-md);
  padding: 1rem;
  box-shadow: var(--shadow-sm);
  transition: transform var(--motion) ease, box-shadow var(--motion) ease, border-color var(--motion) ease;
}
.card-generic:hover, .card-generic.card-hover:hover{ transform: translateY(-6px); box-shadow: var(--shadow-md); }
.card-accent-top{ position: relative; overflow: hidden; }
.card-accent-top::before{ content:''; position:absolute; left:0; right:0; top:0; height:6px; background: var(--brand-gradient); transform:scaleX(0); transform-origin:left center; transition: transform var(--motion) ease; }
.card-accent-top:hover::before, .card-accent-top:focus-within::before{ transform:scaleX(1); }

/* Indicator box used in MDACI */
.indicator-box{ background-color: #ffffff; border: 3px solid #c8d0d9; border-radius: 10px; padding: 1.75rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: all var(--motion) ease; position: relative; }
.indicator-box:hover{ border-color: var(--brand-primary); box-shadow: 0 6px 16px rgba(102,126,234,0.12); transform: translateY(-2px); }
.indicator-box.assessed{ background-color:#f0fff4; border:3px solid #198754; box-shadow:0 3px 10px rgba(25,135,84,0.12); }

.stats-badge{ display:inline-block; background:#28a745; color:white; padding:.45rem .9rem; border-radius:20px; font-weight:600; margin-left:1rem; }