/* Zhuomao brand distinction within the Universal design system. */
body.zhuomao .nav-links a[href="index.html"],
body.zhuomao .page-hero .eyebrow,
body.zhuomao .zhuomao-wordmark,
body.zhuomao .brand-pre.zhuomao-brand {
  color: #315f7d;
}
body.zhuomao .brand-pre.zhuomao-brand {
  background: #edf2f5;
}
.cat-block { padding-top: clamp(2.5rem, 5vw, 4rem); }
.cat-block:first-of-type { padding-top: 0; }
.cat-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.6rem;
  padding-bottom: 1rem; border-bottom: 1px solid var(--line);
}
.cat-head .ct {
  font-family: var(--display); font-size: 1.4rem; font-weight: 700;
  color: var(--ink); letter-spacing: -.01em;
}
.cat-head .ct .cn {
  display: block; font-size: .82rem; font-weight: 500;
  color: var(--muted); letter-spacing: 0; margin-top: .2rem;
}
.cat-head .cb { max-width: 52ch; font-size: .92rem; color: var(--steel); }
.service-steps .card { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
.service-card .step-no { font-family: var(--mono); font-size: .72rem; letter-spacing: .12em; color: var(--signal); }
.service-card h3 { margin-top: 1rem; }
.service-card p { color: rgba(245,245,245,.72); }
.service-action {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.5rem; flex-wrap: wrap; margin-top: 2rem; padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,.12);
}
.service-action p { max-width: 58ch; }