/* Additive styles for the XTC ownership patch.
   site-v6.272aada29e.css is unchanged. Load this file after it. */

.xtc-footbrand,
.xtc-footnav {
  min-width: 0;
  max-width: 100%;
}

.xtc-own {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  max-width: 36rem;
}

.xtc-logo {
  display: block;
  width: 136px;
  height: 72px;
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
  background: #000;
  line-height: 0;
}

/* The authentic file is 900x300 with a wide empty black canvas.
   Show the artwork region (source box 256,40,388x206) at 136x72. */
.xtc-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px !important;
  height: 300px !important;
  max-width: none !important;
  transform-origin: 256px 40px;
  transform: translate(-256px, -40px) scale(0.350515);
}

.xtc-own p {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.45;
}

.xtc-footbrand > p {
  margin-top: 12px;
}

/* Short About page: keep the shared footer at the bottom of the viewport. */
.mkt:has(main.xtc-about) {
  display: flex;
  flex-direction: column;
}

main.xtc-about {
  flex: 1 0 auto;
}

.xtc-footnav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
}

.xtc-footnav a {
  overflow-wrap: anywhere;
}

.sx-phone {
  min-width: 0;
}

.sx-phone figcaption {
  overflow-wrap: break-word;
}

.sx-page.xtc-about {
  padding-top: 176px;
}

@media (min-width: 768px) {
  .sx-page.xtc-about {
    padding-top: 144px;
  }
}

@media (max-width: 640px) {
  .xtc-own {
    gap: 10px;
    max-width: 100%;
  }

  .xtc-logo {
    width: 112px;
    height: 59.5px;
  }

  .xtc-logo img {
    transform: translate(-256px, -40px) scale(0.28866);
  }

  .sx-phone figcaption {
    font-size: 11px;
    line-height: 1.3;
  }
}