/* Logistics solution: extends the existing Feza tokens and components. */
.logistics-page h1,
.logistics-page h2 { display: block; overflow: visible; -webkit-line-clamp: unset; }
.logistics-page .hero__title { max-width: 22ch; }
.logistics-page .hero__sub { max-width: 62ch; }
.logistics-page .eyebrow { font-size: var(--fs-sm); }
.logistics-page .hero .eyebrow { margin-bottom: var(--sp-6); }
.logistics-page .hero__note { margin-top: var(--sp-6); color: var(--text-secondary); font-size: var(--fs-sm); }
.logistics-page .hero__actions { flex-wrap: wrap; }
.industry-hero-media {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--r-xl);
  background: var(--tile-mist);
}
.industry-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.logistics-intro { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-16); align-items: start; }
.logistics-intro p { color: var(--text-secondary); }
.logistics-workflows .card { color: var(--text-primary); }
.logistics-workflows .card__body { font-size: var(--fs-body); color: var(--text-secondary); opacity: 1; }
.logistics-workflows .card:nth-child(2),
.logistics-workflows .card:nth-child(6) { background: var(--tile-mist); }
.logistics-workflows .card:nth-child(3) { background: var(--tile-paper); }
.logistics-number { display: block; margin-bottom: var(--sp-8); color: var(--accent); font-size: var(--fs-sm); font-weight: var(--fw-medium); font-variant-numeric: tabular-nums; }
.logistics-workflows .card__title { max-width: 20ch; margin-bottom: var(--sp-4); }
.logistics-approval { display: flex; align-items: baseline; gap: var(--sp-3); margin-top: var(--sp-8); padding-top: var(--sp-6); border-top: var(--border-width) solid var(--border-strong); color: var(--text-secondary); }
.logistics-approval strong { color: var(--text-primary); font-weight: var(--fw-medium); }
.logistics-audiences article { border-top: var(--border-width) solid var(--border-strong); padding-top: var(--sp-6); }
.logistics-audiences p { margin-top: var(--sp-4); color: var(--text-secondary); }
.logistics-controls .scope-box { display: block; }
.logistics-controls .scope-box p { margin-top: var(--sp-4); color: var(--text-on-dark-muted); }
.logistics-controls .scope-box h3 { color: var(--text-inverse); }
.logistics-controls .logistics-security-link { margin-top: var(--sp-8); }
.logistics-steps { counter-reset: step; }
.logistics-steps li { border-top: var(--border-width) solid var(--border-strong); padding-top: var(--sp-6); }
.logistics-steps li::before { counter-increment: step; content: "0" counter(step); display: block; margin-bottom: var(--sp-6); color: var(--accent); font-size: var(--fs-sm); }
.logistics-steps p { margin-top: var(--sp-4); color: var(--text-secondary); }
.logistics-page .footer-cta__note { color: var(--text-inverse); }
@media (min-width: 48rem) {
  .logistics-page .footer-cta .t-h2-lg {
    max-width: none;
    font-size: clamp(1.625rem, 3vw, 2.5rem);
    white-space: nowrap;
  }
  .logistics-page .footer-cta__note {
    max-width: none;
    white-space: nowrap;
  }
}
@media (max-width: 63.9375rem) {
  .logistics-workflows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logistics-intro { gap: var(--sp-8); }
  .logistics-audiences { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 47.9375rem) {
  .logistics-page main > .section--head { padding-block: var(--sp-16); }
  .logistics-page .section--md { padding-block: var(--sp-16); }
  .logistics-page .section--tail-md { padding-bottom: var(--sp-16); }
  .logistics-intro,
  .logistics-workflows,
  .logistics-audiences { grid-template-columns: minmax(0, 1fr); }
  .industry-hero-media { border-radius: var(--r-lg); }
  .logistics-approval { display: block; }
  .logistics-number { margin-bottom: var(--sp-6); }
  .logistics-page .mt-16 { margin-top: var(--sp-8); }
}
