@media (max-width: 768px) {
  html.tvl-mobile {
    overflow-x: hidden;
  }
  html.tvl-mobile body {
    font-family: var(--tvl-m-font);
    font-size: var(--tvl-m-body);
    line-height: var(--tvl-m-lh-body);
    color: var(--tvl-m-ink);
  }
  html.tvl-mobile #page-shell,
  html.tvl-mobile #page-scaler {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
  }
  html.tvl-mobile .tvl-hide-mobile {
    display: none !important;
  }
  html.tvl-mobile main,
  html.tvl-mobile .site-footer {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow-x: hidden;
  }
  html.tvl-mobile .site-footer {
    padding: 32px var(--tvl-m-gutter) calc(32px + var(--tvl-m-safe-bottom)) !important;
  }
}