/* Approved Signature / Soft Rounded identity, 7 September 2026.
   Presentation only: keep the live website and the separate redesign distinct. */
img[src*="/assets/brand-soft-rounded-v3/svg/"] { height: auto; object-fit: contain; }
.site-nav .logo img, .mx-logo, .mx-logo img, .seo-nav > a:first-child img,
.seo-footer-brand img, .home-refined .seo-footer-brand img,
.mx-footer-logo { width: 190px; max-width: 100%; height: auto; flex: none; }
.site-nav .logo, .seo-nav > a:first-child { flex: none; }
/* Give the header the same visual presence without altering approved outlines. */
.mx-header .mx-logo, .mx-header .mx-logo img { width: 220px; }
@media (max-width: 440px) {
  .seo-nav > .seo-nav-demo { display: none; }
  .seo-nav > .seo-mobile-menu { margin-left: auto; }
}
.mx-core img, .platform-map-core img { width: 190px; height: auto; max-width: 100%; }
@media (min-width: 1001px) and (max-width: 1200px) {
  .mx-core { padding-inline: 16px; }
}
.compare-table-brand img, .compare-mobile-brand img {
  width: 130px; min-width: 0; height: auto; max-width: 100%;
}
.jobs-connection > div { min-width: 0; padding: 28px 16px; }
.jobs-connection img { display: block; width: 300px; height: auto; max-width: 100%; margin: 0 auto 18px; }
.mx-jobs-connection { grid-template-columns: 1fr; gap: 12px; }
.mx-jobs-connection > div { min-width: 0; padding: 24px 16px; min-height: 140px; }
.mx-jobs-connection img { width: 300px; height: auto; max-width: 100%; margin-bottom: 12px; }
.mx-jobs-connection > span { line-height: 1; transform: rotate(90deg); }
@media (min-width: 761px) and (max-width: 1390px) {
  .jobs-connection { grid-template-columns: 1fr; }
  .jobs-connection > div:first-child { border-radius: 18px 18px 0 0; }
  .jobs-connection > div:last-child { border-radius: 0 0 18px 18px; }
  .jobs-connection > i { margin: -1px auto; }
}
@media (min-width: 1001px) and (max-width: 1250px) {
  .mx-nav-wrap { gap: 22px; }
  .mx-nav { gap: 18px; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .mx-jobs-connection { grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr); }
  .mx-jobs-connection > span { transform: none; }
}
@media (max-width: 760px) {
  .site-nav .logo img, .mx-logo, .mx-logo img, .seo-nav > a:first-child img { width: 180px; }
  .mx-header .mx-logo, .mx-header .mx-logo img { width: 190px; }
}