/* ============================================================
   Service Pages — Specific Styles
   ============================================================ */

/* Service detail layout */
.service-detail { padding-block: var(--space-20); }

.service-outcomes {
  background: var(--color-bg);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  margin-block: var(--space-8);
}
.service-outcomes h3 { margin-bottom: var(--space-5); }
.service-outcomes__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-4);
  list-style: none;
  padding: 0;
}
.service-outcomes__list li {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  font-size: var(--text-base);
  margin-bottom: 0;
}
.service-outcomes__list li::before {
  content: '';
  width: 20px;
  height: 20px;
  background: var(--color-teal);
  border-radius: var(--radius-full);
  flex-shrink: 0;
  margin-top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 640px) {
  .service-outcomes__list { grid-template-columns: 1fr; }
}

/* Service offerings list */
.offerings-list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3) var(--space-6);
}
.offerings-list li {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-base);
  margin-bottom: 0;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--color-border);
}
.offerings-list li::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--color-teal);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .offerings-list { grid-template-columns: 1fr; }
}

/* Client fit section */
.client-fit {
  background: var(--color-navy);
  color: var(--color-white);
  border-radius: var(--radius-lg);
  padding: var(--space-10);
  margin-block: var(--space-8);
}
.client-fit h3 { color: var(--color-white); margin-bottom: var(--space-5); }
.client-fit ul { color: rgba(255,255,255,0.85); padding-left: var(--space-6); }
.client-fit li { color: rgba(255,255,255,0.85); margin-bottom: var(--space-3); }

/* Services overview grid */
.services-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-6);
}