/* Analysis hub front door. Page layout only; colours/spacing from core.css tokens.
   Shared pieces (.card, .card-grid, .stat-grid, .badge) live in components.css. */

.analysis-hub { padding-block: var(--space-4) var(--space-7); }
.analysis-intro { max-width: 72ch; margin-bottom: var(--space-5); }

.analysis-assurance { margin: var(--space-5) 0 var(--space-2); }
.analysis-assurance-note { margin: 0 0 var(--space-6); font-size: var(--text-sm); }

.analysis-surfaces { margin-bottom: var(--space-6); }

.surface-card__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-3); margin-bottom: var(--space-3);
}
.surface-card__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.6rem; height: 2.6rem; flex: none;
  border-radius: var(--radius-md);
  background: var(--colour-primary-alpha-10);
  color: var(--colour-primary);
  font-size: var(--text-lg);
}
.surface-card.card--link:hover .surface-card__icon {
  background: var(--colour-primary);
  color: var(--colour-bg);
}