/* Site-wide readability baseline. Loaded last so every page benefits. */
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  color: #e2e6ea;
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body small,
body label,
body time,
body figcaption {
  font-size: 13px !important;
  line-height: 1.45;
}

body input,
body select,
body textarea,
body button {
  font-size: 14px !important;
}

body table th {
  font-size: 13px !important;
  line-height: 1.4;
}

body table td {
  font-size: 14px !important;
  line-height: 1.5;
}

.site-menu > li > a,
.language-button {
  min-height: 44px;
  font-size: 15px !important;
}

.cart-count {
  font-size: 13px !important;
}

/* Previously muted copy was difficult to read on dark panels. */
.commerce-v2 p,
.commerce-v2 small,
.commerce-v2 label,
.account-dashboard p,
.account-dashboard small,
.account-dashboard label,
.admin-v2 p,
.admin-v2 small,
.admin-v2 label,
.support-page p,
.support-page small,
.support-page label,
.payments-v2 p,
.payments-v2 small,
.payments-v2 label,
.site-footer p,
.site-footer a {
  color: #949eaa;
}

.commerce-item-copy h2,
.checkout-items h3,
.success-items h3,
.account-order-number,
.support-ticket-detail h3 {
  line-height: 1.35;
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
  }

  body input,
  body select,
  body textarea,
  body button {
    font-size: 16px !important;
  }

  body small,
  body label,
  body time,
  body figcaption,
  body table th {
    font-size: 14px !important;
  }

  body table td {
    font-size: 15px !important;
  }
}