/* Capabilities statement. Builds on products.css. Values from tokens.css only. */
.srv-cap-contact { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-8); margin: var(--space-6) 0 0; }
.srv-cap-contact div { display: flex; gap: var(--space-2); }
.srv-cap-contact dt { color: var(--ink-muted); font: 600 var(--text-body-sm) var(--font-sans); }
.srv-cap-contact dd { margin: 0; font: 400 var(--text-body-sm) var(--font-sans); }

.srv-cap-overview__text { max-width: calc(var(--content-width) * 0.68); margin-top: var(--space-6); color: var(--ink-soft); font: 300 var(--text-body-lg) var(--font-sans); }

.srv-cap-list { border-top: 1px solid var(--line); }
.srv-cap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: var(--space-6);
  margin: var(--space-8) 0 0;
  padding: 0;
  list-style: none;
}
.srv-cap-grid > li { display: flex; }
.srv-cap-grid > li .srv-card__inner { flex: 1; }
.srv-cap-term { font: 500 var(--text-h4) var(--font-display); }
.srv-cap-text { margin-top: var(--space-2); color: var(--ink-soft); }

.srv-cap-data { margin-top: var(--space-8); }
.srv-cap-facts { margin: 0; }
.srv-cap-facts > div { display: grid; grid-template-columns: calc(var(--space-24) * 2.2) 1fr; gap: var(--space-4); padding-block: var(--space-4); border-bottom: 1px solid var(--line); }
.srv-cap-facts > div:last-child { border-bottom: 0; }
.srv-cap-facts dt { font: 600 var(--text-body) var(--font-sans); }
.srv-cap-facts dd { margin: 0; color: var(--ink-soft); }
.srv-cap-naics { margin: 0; padding: 0; list-style: none; }
.srv-cap-naics li + li { margin-top: var(--space-2); }
.srv-cap-naics strong { color: var(--accent); font: 400 var(--text-code) var(--font-mono); }

@media (max-width: 767px) {
  .srv-cap-facts > div { grid-template-columns: 1fr; gap: var(--space-1); }
}