/* Page-specific styles for the Cold Chain for Export-Import page.
   Shared industry design system styles are provided by industry-common.css.
   Use this file for page-level spacing and visual polish overrides only.
*/
.hero-title {
  font-size: 57px;
  font-weight: 700;
  color: #fff;
  line-height: 1.08;
  letter-spacing: -0.5px;
  margin-bottom: -43px;
  font-family: 'Outfit', sans-serif;
}
.use-case-title,
.section-title,
.hero-title{
    font-family: 'Outfit', sans-serif;
}

.hero-title{
  margin-bottom: 0px;
}

.s2-left{
  margin-top: 20px;
}

.hero-sub {
  margin-bottom: 20px;
}

.s3-intro {
    font-size: 18px;
  white-space: nowrap;
  overflow-wrap: normal;
}

/* Page-specific section 2 layout and FAQ styling fixes */
.section-body {
  margin-bottom: 1.5rem;
}
.s2-left .section-body {
  margin-bottom: 1.5rem;
}
.feature-list {
  margin-top: 1rem;
}
.s3-intro {
  white-space: nowrap;
  overflow-wrap: normal;
}

/* FAQ toggle stays on same line */
.faq-question {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
.faq-question > span {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.faq-q-text {
  display: inline !important;
  font-size: 28px;
  font-weight: 650;
  line-height: 1.4;
}
.faq-toggle {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 12px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .hero-sub {
    font-size: 14px;
    margin-bottom: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .s3-intro {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}