/* About uses multi-column sections, so the article-width cap must not
   constrain its containers. Keep the site's responsive container width. */
.site-hk-zh.page-id-about main > .section > .container {
  max-width: none;
}

/* Keep prose readable inside the restored full-width panels. */
.site-hk-zh.page-id-about .section-about-brand-links .rich-text-block > p,
.site-hk-zh.page-id-about .section-about-saas-evolution .service-cta > p {
  max-width: 65ch;
}

.site-hk-zh.page-id-about .editorial-entry .editorial-outcome {
  margin-top: 12px;
  color: var(--editorial-ink);
  font-size: 13px;
  font-weight: 600;
}

/* Use the same gutters as the other About sections at every breakpoint. */
.site-hk-zh.page-id-about .editorial-section > .container {
  width: min(1140px, 92%);
}

@media (min-width: 1200px) {
  .site-hk-zh.page-id-about .editorial-section > .container {
    width: min(1200px, 90%);
  }
}