/* Match the compact transport marquee used on the main page. */
    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks {
      box-sizing: border-box;
      width: calc(100% - 48px);
      max-width: calc(var(--cargo-page-content-width, 1200px) - (2 * var(--cargo-page-content-gutter, 24px)));
      margin: clamp(40px, 5vw, 64px) auto -1px;
      padding: 28px calc(5% + 28px) clamp(56px, 5vw, 72px);
      overflow: hidden;
      border: 1px solid #ecefec;
      border-bottom: 0;
      border-radius: 32px 32px 0 0;
      background: #fff;
      box-shadow: 0 18px 46px rgba(17, 24, 39, .045);
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-heading {
      margin: 0 0 20px;
      color: #0e0e0e;
      font-size: clamp(28px, 2.6vw, 34px);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -.025em;
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-viewport {
      overflow: hidden;
      -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
      mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-track {
      display: flex;
      width: max-content;
      animation: cargo-tasks-scroll 60s linear infinite;
      will-change: transform;
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-track:hover,
    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-viewport:focus-within .cargo-tasks-track {
      animation-play-state: paused;
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-group {
      display: flex;
      gap: 8px;
      padding-right: 8px;
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 38px;
      padding: 0 15px;
      border: 1px solid rgba(222, 231, 239, .98);
      border-radius: 999px;
      background: #fff;
      box-shadow: 0 3px 8px rgba(15, 23, 42, .018);
      color: #1f2937;
      font-size: 13px;
      font-weight: 650;
      line-height: 1;
      text-decoration: none;
      white-space: nowrap;
      transition: border-color .15s ease, box-shadow .15s ease, color .15s ease;
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-tag .material-icons-round {
      font-size: 18px; font-family: "Material Icons Round"; font-weight: 400;
    }

    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-tag:is(a):hover,
    body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-tag:is(a):focus-visible {
      border-color: rgba(196, 211, 226, .98);
      box-shadow: 0 8px 18px rgba(15, 23, 42, .045);
      color: #111827;
    }

    @keyframes cargo-tasks-scroll {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    @media (prefers-reduced-motion: reduce) {
      body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-track {
        animation: none;
        will-change: auto;
      }
    }

    @media (max-width: 1024px) {
      body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks {
        padding: 26px calc(5% + 24px) 54px;
      }
    }

    @media (max-width: 979px) {
      body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks {
        width: calc(100% - 28px);
        padding: 24px 24px 50px;
      }
    }


/* Match the carrying page's final padding and mobile panel width. */
body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks { padding-inline: 32px; }
body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-heading {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  scroll-margin-top: 128px;
}
body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-viewport:focus-visible {
  outline: 2px solid #64748b;
  outline-offset: 4px;
}
body.home-page:is(.cargo-page, .wg-page, .moving-service-page) :is(.cargo-main, .wg-main) + .site-footer,
body.home-page:is(.cargo-page, .wg-page, .moving-service-page) :is(.cargo-main, .wg-main) + app-footer .site-footer { margin-top: 0 !important; }
@media (max-width: 1119px) {
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks {
    width: calc(100% - 36px);
    max-width: 490px;
    padding-inline: 17px;
  }
}
@media (max-width: 767px) {
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks { padding-block: 24px 46px; border-radius: 26px 26px 0 0; }
}
@media (max-width: 760px) {
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks { border-radius: 24px 24px 0 0; }
}
@media (max-width: 600px) {
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks { padding-block: 22px 42px; }
}
@media (prefers-reduced-motion: reduce) {
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-viewport {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-group[aria-hidden="true"] { display: none; }
}

@media (max-width:719px) {
  body.home-page:is(.cargo-page, .wg-page, .moving-service-page) .cargo-tasks-heading { font-size: clamp(27px,7.4vw,32px); }
}