/* Faithful mobile viewport for the original zhaoqian.co site.
 * Evidence: 62 / 62 original pages return
 *   <meta name="viewport" content="width=980, user-scalable=yes">
 * to an iPhone User-Agent. The seven primary pages have byte-identical
 * CSS and SITE_CONTAINER markup between desktop and mobile responses.
 * Their mobile body class is "device-mobile-non-optimized".
 * Keep that viewport and class in the page bootstrap. Do not rearrange
 * fixed 980px artwork layouts or reduce the design canvas to 100vw.
 */
body.device-mobile-non-optimized {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* The original mobile stylesheet clips off-canvas decoration/navigation.
 * Keep vertical scrolling and browser pinch zoom intact. "hidden" is
 * a fallback for older WebKit; modern engines use the original "clip".
 */
body.device-mobile-non-optimized #SITE_CONTAINER #site-root {
  overflow: hidden;
}
@supports (overflow: clip) {
  body.device-mobile-non-optimized #SITE_CONTAINER #site-root {
    overflow: clip;
  }
}