/* Additive official styles for the Segments optimization (2026-11-15).
   Does not replace or edit official common.css / neiye.css / segments.css.
   Licensed Klavika remains the typeface from official common.css and font-unify.css. */

/* Long Segments labels may wrap in chrome; do not force a single cramped line. */
.b-more-about .b-link-context a span,
.b-hrefs .related-links-content a,
.zhai-ul a,
.dropdown-menu a,
.dhFix-fa .ul1 li a {
  white-space: normal;
}
.r-p-nav .dropdown-menu,
.navbar .dropdown-menu {
  min-width: 280px;
}

/*
  Homepage Learn More (.i-qh .more-btn in official common.css):
    default background #3e4146 (dark gray) with jia.png plus icon,
    130 x 40, 14px white type, 3px radius;
    hover background-color #008dff.
  Recreated here so it can apply outside .i-qh, without editing official CSS.
  Get in touch uses the same treatment; width grows with the longer label.
*/
.preview-cta,
a.seg-learn-more-btn,
a.preview-cta.gi-cta,
.how-we-can-help a.gi-cta {
  display: inline-block;
  box-sizing: border-box;
  min-width: 130px;
  height: 40px;
  line-height: 40px;
  padding: 0 18px 0 38px;
  border: 0;
  border-radius: 3px;
  background: url(../img/jia.png) 15px center no-repeat #3e4146;
  background-color: #3e4146;
  color: #fff !important;
  font-family: klavika_regular, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  margin: 0;
  vertical-align: middle;
}
.preview-cta:hover,
.preview-cta:focus,
a.seg-learn-more-btn:hover,
a.seg-learn-more-btn:focus,
a.preview-cta.gi-cta:hover,
a.preview-cta.gi-cta:focus,
.how-we-can-help a.gi-cta:hover,
.how-we-can-help a.gi-cta:focus {
  background-color: #008dff;
  color: #fff !important;
  text-decoration: none !important;
}

.seg-learn-more {
  margin: 8px 0 0;
  text-align: left;
  clear: both;
  overflow: hidden;
}
.seg-products .seg-learn-more,
.seg-projects .seg-learn-more {
  margin-top: 16px;
}

/* One visible row only: extra official tiles stay in the DOM but are not shown,
   and Learn More is a link (not the official in-page expand control). */
.seg-products .is-more,
.seg-projects .is-more,
.seg-products .is-more.is-open,
.seg-projects .is-more.is-open {
  display: none !important;
}