/* SOCIAL MEDIA — bespoke editorial experience for expertise.html's
   social-media tab only, shown via #sm-experience (js/expertise.js hides
   the generic .expertise-detail__grid / .expertise-capabilities markup and
   swaps this in instead, exactly like #aiw-experience does for AI &
   Workflows).

   Deliberately its own "sm-" class namespace — this page stays
   independently editable without a future "small correction only to X"
   tweak on one silently touching another.

   Content is intentionally a single statement, not an article: one
   heading, one paragraph. No sections, cards, visuals or CTA below it —
   .expertise-detail__panel's own bottom padding (css/expertise.css)
   already provides the page's closing whitespace. */

.sm[hidden] {
  display: none;
}

.sm-hero {
  text-align: center;
}

.sm-hero__heading {
  margin: var(--cb-space-3) auto 0;
  max-width: 22ch;
  font-family: var(--cb-font-sans);
  font-weight: var(--cb-weight-medium);
  font-size: var(--cb-text-page-heading-size);
  line-height: var(--cb-text-page-heading-leading);
  letter-spacing: var(--cb-text-page-heading-tracking);
  color: var(--cb-color-ink);
}

.sm-hero__intro {
  margin: var(--cb-space-4) auto 0;
  max-width: 900px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--cb-color-text-secondary);
}

@media (min-width: 50.0625rem) {
  .sm-hero__intro {
    font-size: 18px;
  }
}