/*
 * LIFA Global Trade canonical post-hero signal strip
 *
 * The About-page strip is the visual and interaction reference for every
 * public route. Page copy and destinations may change; component geometry,
 * typography, color, responsive behavior, and motion do not.
 */

:root {
  /* Primitive tokens */
  --signal-navy-800: #0f1e36;
  --signal-navy-700: #102843;
  --signal-gold-400: #eed47d;
  --signal-white: #ffffff;
  --signal-paper: #f7f9fc;
  --signal-muted: #5d6b7d;

  /* Semantic tokens */
  --signal-strip-surface: var(--signal-white);
  --signal-strip-hover-surface: var(--signal-paper);
  --signal-strip-heading: var(--signal-navy-700);
  --signal-strip-copy: var(--signal-muted);
  --signal-strip-accent: var(--signal-gold-400);
  --signal-strip-focus: var(--signal-strip-accent);
  --signal-strip-rule: rgba(16, 40, 67, .14);
  --signal-strip-rule-soft: rgba(16, 40, 67, .09);

  /* Component tokens */
  --signal-strip-content-width: 1180px;
  --signal-strip-badge-size: 40px;
  --signal-strip-item-min-height: 142px;
  --signal-strip-state-duration: 220ms;
  --signal-strip-state-ease: cubic-bezier(.2, .65, .25, 1);
}

/* The inert ID branch keeps this final component contract above legacy route
   selectors while the body branch is the selector used by rendered pages. */
:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] {
  position: relative;
  z-index: 5;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--signal-strip-copy) !important;
  background: var(--signal-strip-surface) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--signal-strip-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] > .signal-strip {
  position: relative !important;
  left: auto !important;
  display: grid !important;
  width: 100% !important;
  min-height: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 max(20px, calc((100% - var(--signal-strip-content-width)) / 2)) !important;
  overflow: hidden !important;
  color: var(--signal-strip-copy) !important;
  background: var(--signal-strip-surface) !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--signal-strip-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  translate: 0 0 !important;
  scale: 1 !important;
  transform: none !important;
  animation: none !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] > .signal-strip::before {
  content: "" !important;
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  display: block !important;
  width: 100%;
  height: 2px !important;
  background: var(--signal-strip-accent) !important;
  pointer-events: none;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] > .signal-strip::after,
:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item::before,
:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item::after {
  display: none !important;
  content: none !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item {
  position: relative;
  z-index: 1;
  display: grid !important;
  min-width: 0;
  min-height: var(--signal-strip-item-min-height) !important;
  grid-template-columns: var(--signal-strip-badge-size) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-content: start !important;
  align-items: start !important;
  padding: 20px 18px !important;
  overflow: hidden !important;
  color: var(--signal-strip-copy) !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--signal-strip-rule-soft) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  opacity: 1 !important;
  translate: 0 0 !important;
  scale: 1 !important;
  transform: none !important;
  animation: none !important;
  transition:
    color var(--signal-strip-state-duration) var(--signal-strip-state-ease),
    background-color var(--signal-strip-state-duration) var(--signal-strip-state-ease),
    box-shadow var(--signal-strip-state-duration) var(--signal-strip-state-ease) !important;
  cursor: pointer;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:last-child {
  border-right: 0 !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item > div {
  min-width: 0;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:is(:hover, :focus-visible) {
  color: var(--signal-strip-heading) !important;
  background: var(--signal-strip-hover-surface) !important;
  box-shadow: inset 0 -2px 0 var(--signal-strip-accent) !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:is(:hover, :focus-visible) h3 {
  color: var(--signal-strip-accent) !important;
  -webkit-text-fill-color: var(--signal-strip-accent) !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:focus-visible {
  z-index: 3;
  outline: 3px solid var(--signal-strip-focus) !important;
  outline-offset: -4px;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] :is(.lifa-number-badge, .lifa-number-badge.lifa-badge--semantic) {
  display: inline-grid !important;
  place-items: center;
  width: var(--signal-strip-badge-size) !important;
  height: var(--signal-strip-badge-size) !important;
  min-width: var(--signal-strip-badge-size) !important;
  min-height: var(--signal-strip-badge-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--signal-strip-accent) !important;
  -webkit-text-fill-color: var(--signal-strip-accent) !important;
  background: var(--signal-navy-800) !important;
  border: 1.5px solid var(--signal-strip-accent) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: var(--font-editorial, "Prata", Georgia, serif) !important;
  font-size: .9rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center;
  opacity: 1 !important;
  translate: 0 0 !important;
  scale: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .lifa-number-badge::before {
  display: none !important;
  content: none !important;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item h3 {
  margin: 0 0 4px !important;
  color: var(--signal-strip-heading) !important;
  -webkit-text-fill-color: var(--signal-strip-heading) !important;
  font-family: var(--font-editorial, "Prata", Georgia, serif) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

:is(
  #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
  body[data-page-family]
) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item p {
  margin: 0 !important;
  color: var(--signal-strip-copy) !important;
  -webkit-text-fill-color: var(--signal-strip-copy) !important;
  font-family: var(--font-reading, "Open Sans", Arial, sans-serif) !important;
  font-size: .76rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 1100px) {
  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] > .signal-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:nth-child(2n) {
    border-right: 0 !important;
  }

  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--signal-strip-rule-soft) !important;
  }
}

@media (max-width: 700px) {
  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] > .signal-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item {
    min-height: 0 !important;
    padding: 20px 8px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--signal-strip-rule-soft) !important;
  }

  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item:last-child {
    border-bottom: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    #lifa-signal-a#lifa-signal-b#lifa-signal-c#lifa-signal-d#lifa-signal-e#lifa-signal-f#lifa-signal-g#lifa-signal-h#lifa-signal-i#lifa-signal-j#lifa-signal-k#lifa-signal-l#lifa-signal-m#lifa-signal-n#lifa-signal-o#lifa-signal-p,
    body[data-page-family]
  ) .post-hero-signal-shell[data-post-hero-signals="v2"] .signal-item {
    transition: none !important;
  }
}