/* Keep the header icons' artwork unchanged while giving each link a 44 px target. */
@media (min-width: 1100px) {
  .site-header__msg a {
    width: 44px;
    height: 44px;
    top: calc(53.5 * var(--u) - 22px);
  }

  .site-header__msg a:nth-child(1) {
    left: calc(967.5 * var(--u) - 22px);
  }

  .site-header__msg a:nth-child(2) {
    left: calc(970.5 * var(--u) + 22px);
  }
}

/* Let the thank-you cards and subscription input shrink inside their grid. */
.tym__grid > .tyc {
  min-width: 0;
}

.tyc--mail .tyf {
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
}

.tyc--mail .tyf input[type="email"] {
  min-width: 0;
}

@media (max-width: 899.98px) {
  .tym__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 400px) {
  .tym__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tym__grid > .tyc--mail {
    grid-column: auto;
  }
}

/* Keep the four mobile contact actions in equal, tappable columns. */
@media (max-width: 699.98px) {
  .cbar__row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}