/* ============================================================
   services.css — page-specific styles for Services & Solutions.
   ============================================================ */

/* Quick-jump subnav */
.subnav { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-block-start: var(--space-xl); }
.subnav__link {
  display: inline-flex;
  align-items: center;
  min-block-size: 40px;
  padding-inline: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: var(--fs-sm);
  color: var(--color-text);
  transition: border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);
}
.subnav__link:hover { border-color: var(--color-accent); color: var(--color-primary); background: var(--color-accent-soft); }

/* Solution groups */
.solution-group__title {
  font-size: var(--fs-2xl);
  margin-block-end: var(--space-lg);
  padding-block-end: var(--space-sm);
  border-block-end: 1px solid var(--color-border);
}