/* Shared spacing after removing decorative labels and heading numbers. */
#site-header .mega-overview > h3:first-child,
.sec-head > .h2:first-child,
#page-butterfly .bf-end-head > div > h2:first-child,
.company-banner-head > .company-banner-title:first-child,
.contact-copy > .contact-title:first-child,
.contact-form-head > h3:first-child {
  margin-top: 0;
}

/* Remaining eyebrows contain meaningful Chinese categories. */
.eyebrow {
  letter-spacing: .06em;
  text-transform: none;
}
.sol-card .ind,
.bf-triad > article > small {
  letter-spacing: .04em;
  text-transform: none;
}

/* Product names stay on one line; the Chinese subtitle remains a separate line. */
.pd-related a > b {
  line-height: 1.5;
}
.pd-related .lolr-brand-case,
#page-butterfly .bf-more .lolr-brand-case {
  display: inline;
  margin: 0;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.pd-related a > b > span:not(.lolr-brand-case) {
  display: block;
  margin-top: 7px;
  line-height: 1.8;
}

/* Keep link titles and descriptions aligned across the three recommendation cards. */
.pd-related a {
  display: flex;
  flex-direction: column;
}
.pd-related a > b {
  min-height: 3.5em;
}
.pd-related a > span {
  margin-top: 12px;
}
@media (max-width: 1000px) {
  .pd-related a > b {
    min-height: 0;
  }
}

/* The news section retains a descriptive heading after replacing NEWS. */
.news-title {
  font-size: 14px;
  letter-spacing: .04em;
}

/* Collapse the number column so headings keep the full available width. */
#site-header .dropdown.mega-menu .mega-section-link,
.inline-block-head,
#page-butterfly .bf-baseline > div {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

/* Remove spacing that previously separated a number from its heading. */
.lab-side > h3:first-child,
.tax-cloud .cloud-capability-grid h3:first-child,
#page-butterfly .bf-intro .h2:first-child,
#page-butterfly .bf-copy > :is(h2, h1.v124-section-title):first-child,
#page-butterfly .bf-sub-head > h3:first-child {
  margin-top: 0;
}
.audience-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.audience-card > strong:first-child {
  margin-top: 0;
}

/* Keep certificates aligned without the former number row. */
.credential-index li {
  justify-content: flex-start;
  gap: 20px;
}
.credential-index .v123-certificate-images {
  margin-top: auto;
}
.credential-index .credential-accolade::before {
  content: none;
}

/* Match the product/category hierarchy used by the hardware menu. */
#site-header .dropdown.mega-butterfly .mega-section-link strong,
#site-header .dropdown.mega-butterfly .mega-section-link small {
  font-size: 15px;
  line-height: 1.45;
}
#site-header .dropdown.mega-butterfly .mega-section-link small {
  font-weight: 520;
  letter-spacing: 0;
  text-transform: none;
}

#page-butterfly .bf-dock a .bf-dock-product {
  font: inherit;
  color: inherit;
}
@media (max-width: 760px) {
  /* Keep the compact section dock visible; the main menu retains full product names. */
  #page-butterfly .bf-dock-product {
    display: none;
  }
}

/* Harness uses the same white canvas and pale cards as the model page. */
#page-butterfly .bf-harness-light :is(.bf-steps, .bf-tri-cards) article {
  border-color: var(--bf-line);
  background: var(--bf-soft);
}
#page-butterfly .bf-harness-light :is(.bf-steps, .bf-tri-cards) b {
  color: var(--ink);
}
#page-butterfly .bf-harness-light :is(.bf-steps, .bf-tri-cards) p {
  color: var(--muted);
}
#page-butterfly .bf-harness-light :is(.bf-steps, .bf-tri-cards) i {
  color: var(--brand-deep);
}

/* Give the network diagram more space and scale the entire SVG to its column. */
#page-butterfly #bf-harness .bf-tri {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
#page-butterfly #bf-harness .bf-tri .bf-scroll > svg {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
}
#page-butterfly #bf-harness .bf-tri figcaption {
  flex-wrap: wrap;
  gap: 4px 18px;
}
@media (max-width: 1000px) {
  #page-butterfly #bf-harness .bf-tri {
    grid-template-columns: minmax(0, 1fr);
  }
}