/* process-tabs breakpoints, loaded after the shared ones. */

@media (max-width: 1100px) {
  body.seo-page .seo-process { height: 561px; margin-top: 80px; }
  body.seo-page .seo-process .seo-intro h2 { width: 330px; }
  body.seo-page .seo-process__tabs { width: auto; justify-content: flex-start; margin: 55px 0 0 16px; overflow-x: auto; scrollbar-width: none; }
  body.seo-page .seo-process__tabs::-webkit-scrollbar { display: none; }
  body.seo-page .seo-process__tabs button { font-size: 16px; }
  body.seo-page .seo-process__body { display: block; width: 382px; margin: 32px auto 0; padding: 0; background: var(--wine); }
  body.seo-page .seo-process__card { width: 100%; height: auto; padding: 24px 24px 0; background: transparent; }
  body.seo-page .seo-process__card strong { font-size: 44px; line-height: 40px; transform: none; }
  body.seo-page .seo-process__card h3 { position: static; margin-top: 34px; font-size: 26px; line-height: 26px; }
  body.seo-page .seo-process__copy { padding: 14px 24px 24px; }
  body.seo-page .seo-process__copy p { color: rgba(255,255,255,.62); font-size: 16px; line-height: 24px; }
  body.seo-page .seo-process__controls { width: 382px; justify-content: space-between; margin: 32px auto 0; padding-left: 0; }
}

@media (max-width: 413px) {
  /* Keep the process panel and its controls within the phone gutters. */
  body.seo-page .seo-process__controls,
  body.seo-page .seo-process__body { width: calc(100% - 32px); }
  body.seo-page .seo-process { height: auto; min-height: 561px; }
}