/* Universal responsive fixes */
* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

:root {
  --brand-indigo: #6366f1;
  --brand-indigo-rgb: 99,102,241;
  --brand-fuchsia: #a855f7;
  --brand-fuchsia-rgb: 168,85,247;
  --brand-bg-light: #f1f5f9;
  --brand-bg-dark: #0f172a;
  --brand-card-dark: #1e293b;
  --brand-border-dark: #334155;
  --brand-positive: #10b981;
  --brand-negative: #ef4444;
}
.dark :root, .dark {
  --brand-surface: var(--brand-card-dark);
}
/* Gradient backgrounds */
.bg-brand-radial {
  background: radial-gradient(circle at 30% 30%, rgba(var(--brand-indigo-rgb),0.20), transparent 65%),
              radial-gradient(circle at 70% 70%, rgba(var(--brand-fuchsia-rgb),0.16), transparent 70%);
}
/* KPI card refinement */
.kpi-card {
  position: relative;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.kpi-card:before {
  content:"";
  position:absolute; inset:0; opacity:0; pointer-events:none;
  background:linear-gradient(135deg, rgba(var(--brand-indigo-rgb),0.35), rgba(var(--brand-fuchsia-rgb),0.25));
  transition:opacity .35s;
}
.kpi-card:hover { box-shadow:0 6px 18px -6px rgba(0,0,0,.45), 0 2px 4px -1px rgba(0,0,0,.4); transform:translateY(-2px); }
.kpi-card:hover:before { opacity:.22; }
/* Layout toggle */
#aiEquityWrap.layout-horizontal { display:grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap:2.5rem; align-items:start; }
@media (max-width: 860px){
  #aiEquityWrap.layout-horizontal { grid-template-columns:1fr; }
}
/* Sticky KPI shadow */
.kpi-sticky-shadow { box-shadow:0 4px 14px -6px rgba(0,0,0,.55); }
/* Soft divider */
.soft-divider { height:1px; background:linear-gradient(90deg, transparent, rgba(148,163,184,0.35), transparent); }
/* Footer */
.site-footer { font-size:11px; letter-spacing:.05em; }